{"version":3,"sources":["webpack:///./src/components/email/New.vue?ff6b","webpack:///./src/views/email/New.vue?8f9e","webpack:///./src/components/email/New.vue?9d77","webpack:///./src/fields/email/defaultEmail.js","webpack:///src/components/email/New.vue","webpack:///./src/components/email/New.vue?a1c0","webpack:///./src/components/email/New.vue","webpack:///src/views/email/New.vue","webpack:///./src/views/email/New.vue?62ef","webpack:///./src/views/email/New.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","staticClass","_v","_s","$t","attrs","isLoading","on","saveDesign","ref","editorLoaded","popupActive","getDataForm","closeModal","name","NAME","components","data","computed","watch","methods","$refs","emailEditor","editor","loadDesign","setMergeTags","registerCallback","sendDesign","Promise","mounted","created","component","COMPONENT_NAME"],"mappings":"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","file":"js/CustomEmail.07e06ec3.js","sourcesContent":["import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./New.vue?vue&type=style&index=0&id=19055227&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./New.vue?vue&type=style&index=0&id=19055227&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('email-new')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-editor-email\"},[_c('div',{staticClass:\"container-bar-editor-email my-2 rounded\"},[_c('h1',[_vm._v(_vm._s(this.$t(\"custom_email.title_view_new\")))]),_c('button',{staticClass:\"bg-yellow-500 hover:bg-yellow-100 text-gray-800 font-semibold py-2 px-4 border border-yellow-400 rounded shadow\",attrs:{\"disabled\":_vm.isLoading},on:{\"click\":_vm.saveDesign}},[_vm._v(_vm._s(this.$t(\"custom_email.btn_create\")))])]),_c('EmailEditor',{ref:\"emailEditor\",on:{\"load\":_vm.editorLoaded}}),_c('vue-form',{ref:\"EmailForm\",attrs:{\"popupActive\":_vm.popupActive},on:{\"submitForm\":_vm.getDataForm,\"closePopup\":_vm.closeModal}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\r\n    \"body\": {\r\n        \"rows\": [{\r\n                \"cells\": [\r\n                    1\r\n                ],\r\n                \"columns\": [{\r\n                    \"contents\": [{\r\n                        \"type\": \"image\",\r\n                        \"values\": {\r\n                            \"maxWidth\": \"100%\",\r\n                            \"src\": {\r\n                                \"url\": \"https://a.mailmunch.co/user_data/landing_pages/1500310730675-logosample_03.png\",\r\n                                \"width\": 266,\r\n                                \"height\": 62\r\n                            },\r\n                            \"draggable\": true,\r\n                            \"containerPadding\": \"10px 10px 20px\",\r\n                            \"deletable\": true,\r\n                            \"selectable\": true,\r\n                            \"action\": {\r\n                                \"url\": \"\",\r\n                                \"target\": \"\"\r\n                            },\r\n                            \"altText\": \"Image\",\r\n                            \"fullWidth\": false,\r\n                            \"textAlign\": \"center\"\r\n                        }\r\n                    }]\r\n                }],\r\n                \"values\": {\r\n                    \"backgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"backgroundImage\": {\r\n                        \"url\": \"\",\r\n                        \"fullWidth\": true,\r\n                        \"repeat\": false,\r\n                        \"center\": false,\r\n                        \"cover\": false\r\n                    },\r\n                    \"padding\": \"10px\",\r\n                    \"columnsBackgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"selectable\": true,\r\n                    \"draggable\": true,\r\n                    \"deletable\": true\r\n                }\r\n            },\r\n            {\r\n                \"cells\": [\r\n                    1\r\n                ],\r\n                \"columns\": [{\r\n                    \"contents\": [{\r\n                            \"type\": \"text\",\r\n                            \"values\": {\r\n                                \"containerPadding\": \"10px 10px 5px\",\r\n                                \"selectable\": true,\r\n                                \"draggable\": true,\r\n                                \"deletable\": true,\r\n                                \"color\": \"#000\",\r\n                                \"textAlign\": \"center\",\r\n                                \"lineHeight\": \"120%\",\r\n                                \"text\": \"<div><span style=\\\"color: #f10693; font-family: Pacifico, cursive; font-size: 14px; line-height: 16.8px;\\\"><strong><span style=\\\"font-size: 80px; line-height: 96px;\\\">Relax &amp; Plan</span></strong></span></div>\"\r\n                            }\r\n                        },\r\n                        {\r\n                            \"type\": \"text\",\r\n                            \"values\": {\r\n                                \"containerPadding\": \"10px\",\r\n                                \"selectable\": true,\r\n                                \"draggable\": true,\r\n                                \"deletable\": true,\r\n                                \"color\": \"#000\",\r\n                                \"textAlign\": \"center\",\r\n                                \"lineHeight\": \"120%\",\r\n                                \"text\": \"<div><span style=\\\"color: #6fbb7b; font-family: Pacifico, cursive; font-size: 58px; text-align: center; line-height: 69.6px;\\\">&nbsp;Your Summer Break</span></div>\"\r\n                            }\r\n                        },\r\n                        {\r\n                            \"type\": \"text\",\r\n                            \"values\": {\r\n                                \"containerPadding\": \"20px 10px 9px\",\r\n                                \"selectable\": true,\r\n                                \"draggable\": true,\r\n                                \"deletable\": true,\r\n                                \"color\": \"#000\",\r\n                                \"textAlign\": \"center\",\r\n                                \"lineHeight\": \"140%\",\r\n                                \"text\": \"<div><span style=\\\"font-size: 24px; color: #505050; line-height: 33.6px;\\\">Time to plan a vacation for your kids?</span></div>\"\r\n                            }\r\n                        },\r\n                        {\r\n                            \"type\": \"text\",\r\n                            \"values\": {\r\n                                \"containerPadding\": \"5px 10px 10px\",\r\n                                \"selectable\": true,\r\n                                \"draggable\": true,\r\n                                \"deletable\": true,\r\n                                \"color\": \"#000\",\r\n                                \"textAlign\": \"center\",\r\n                                \"lineHeight\": \"160%\",\r\n                                \"text\": \"<div><span style=\\\"font-size: 18px; line-height: 28.8px;\\\"><span style=\\\"color: #505050; font-size: 18px; line-height: 28.8px;\\\">Check-out our summer break offers for&nbsp;</span><span style=\\\"color: #505050; font-size: 18px; line-height: 28.8px;\\\">children who are creative, full of energy,&nbsp;</span><span style=\\\"color: #505050; font-size: 18px; line-height: 28.8px;\\\">and can&rsquo;t sit still for a minute.</span></span></div>\"\r\n                            }\r\n                        },\r\n                        {\r\n                            \"type\": \"divider\",\r\n                            \"values\": {\r\n                                \"containerPadding\": \"20px\",\r\n                                \"selectable\": true,\r\n                                \"draggable\": true,\r\n                                \"deletable\": true,\r\n                                \"width\": \"100%\",\r\n                                \"border\": {\r\n                                    \"borderTopWidth\": \"1px\",\r\n                                    \"borderTopStyle\": \"solid\",\r\n                                    \"borderTopColor\": \"#CCC\"\r\n                                },\r\n                                \"textAlign\": \"center\"\r\n                            }\r\n                        }\r\n                    ]\r\n                }],\r\n                \"values\": {\r\n                    \"backgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"backgroundImage\": {\r\n                        \"url\": \"\",\r\n                        \"fullWidth\": true,\r\n                        \"repeat\": false,\r\n                        \"center\": false,\r\n                        \"cover\": false\r\n                    },\r\n                    \"padding\": \"10px\",\r\n                    \"columnsBackgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"selectable\": true,\r\n                    \"draggable\": true,\r\n                    \"deletable\": true\r\n                }\r\n            },\r\n            {\r\n                \"cells\": [\r\n                    1\r\n                ],\r\n                \"columns\": [{\r\n                    \"contents\": [{\r\n                        \"type\": \"text\",\r\n                        \"values\": {\r\n                            \"containerPadding\": \"20px\",\r\n                            \"selectable\": true,\r\n                            \"draggable\": true,\r\n                            \"deletable\": true,\r\n                            \"color\": \"#000\",\r\n                            \"textAlign\": \"left\",\r\n                            \"lineHeight\": \"120%\",\r\n                            \"text\": \"<div><strong><span style=\\\"font-size: 30px; font-family: Montserrat, sans-serif; color: #2790d2; line-height: 36px;\\\">Upcoming Events:</span></strong></div>\"\r\n                        }\r\n                    }]\r\n                }],\r\n                \"values\": {\r\n                    \"backgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"backgroundImage\": {\r\n                        \"url\": \"\",\r\n                        \"fullWidth\": true,\r\n                        \"repeat\": false,\r\n                        \"center\": false,\r\n                        \"cover\": false\r\n                    },\r\n                    \"padding\": \"0px\",\r\n                    \"columnsBackgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"selectable\": true,\r\n                    \"draggable\": true,\r\n                    \"deletable\": true\r\n                }\r\n            },\r\n            {\r\n                \"cells\": [\r\n                    1,\r\n                    2\r\n                ],\r\n                \"columns\": [{\r\n                        \"contents\": [{\r\n                            \"type\": \"image\",\r\n                            \"values\": {\r\n                                \"maxWidth\": \"100%\",\r\n                                \"src\": {\r\n                                    \"url\": \"https://a.mailmunch.co/user_data/landing_pages/1500313461528-1.png\",\r\n                                    \"width\": 500,\r\n                                    \"height\": 500\r\n                                },\r\n                                \"draggable\": true,\r\n                                \"containerPadding\": \"0px\",\r\n                                \"deletable\": true,\r\n                                \"selectable\": true,\r\n                                \"action\": {\r\n                                    \"url\": \"\",\r\n                                    \"target\": \"\"\r\n                                },\r\n                                \"altText\": \"Image\",\r\n                                \"fullWidth\": true,\r\n                                \"textAlign\": \"center\"\r\n                            }\r\n                        }]\r\n                    },\r\n                    {\r\n                        \"contents\": [{\r\n                                \"type\": \"text\",\r\n                                \"values\": {\r\n                                    \"containerPadding\": \"10px 15px 8px\",\r\n                                    \"selectable\": true,\r\n                                    \"draggable\": true,\r\n                                    \"deletable\": true,\r\n                                    \"color\": \"#6eba79\",\r\n                                    \"textAlign\": \"left\",\r\n                                    \"lineHeight\": \"160%\",\r\n                                    \"text\": \"<div><span style=\\\"font-size: 20px; line-height: 32px;\\\">JET SKI RIDE</span></div>\"\r\n                                }\r\n                            },\r\n                            {\r\n                                \"type\": \"text\",\r\n                                \"values\": {\r\n                                    \"containerPadding\": \"10px 15px\",\r\n                                    \"selectable\": true,\r\n                                    \"draggable\": true,\r\n                                    \"deletable\": true,\r\n                                    \"color\": \"#4f4f4f\",\r\n                                    \"textAlign\": \"left\",\r\n                                    \"lineHeight\": \"150%\",\r\n                                    \"text\": \"<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</div>\"\r\n                                }\r\n                            },\r\n                            {\r\n                                \"type\": \"button\",\r\n                                \"values\": {\r\n                                    \"buttonColors\": {\r\n                                        \"color\": \"#FFF\",\r\n                                        \"backgroundColor\": \"#fa9302\",\r\n                                        \"hoverColor\": \"#cf7a04\"\r\n                                    },\r\n                                    \"calculatedHeight\": 36,\r\n                                    \"calculatedWidth\": 132,\r\n                                    \"href\": \"\",\r\n                                    \"border\": {},\r\n                                    \"text\": \"ORDER NOW<br />\",\r\n                                    \"draggable\": true,\r\n                                    \"containerPadding\": \"5px 15px\",\r\n                                    \"padding\": \"10px 20px\",\r\n                                    \"deletable\": true,\r\n                                    \"selectable\": true,\r\n                                    \"textAlign\": \"left\",\r\n                                    \"lineHeight\": \"120%\",\r\n                                    \"borderRadius\": \"20px\"\r\n                                }\r\n                            }\r\n                        ]\r\n                    }\r\n                ],\r\n                \"values\": {\r\n                    \"backgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"backgroundImage\": {\r\n                        \"url\": \"\",\r\n                        \"fullWidth\": true,\r\n                        \"repeat\": false,\r\n                        \"center\": false,\r\n                        \"cover\": false\r\n                    },\r\n                    \"padding\": \"10px\",\r\n                    \"columnsBackgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"selectable\": true,\r\n                    \"draggable\": true,\r\n                    \"deletable\": true\r\n                }\r\n            },\r\n            {\r\n                \"cells\": [\r\n                    1\r\n                ],\r\n                \"columns\": [{\r\n                    \"contents\": [{\r\n                        \"type\": \"divider\",\r\n                        \"values\": {\r\n                            \"containerPadding\": \"1px 20px 5px\",\r\n                            \"selectable\": true,\r\n                            \"draggable\": true,\r\n                            \"deletable\": true,\r\n                            \"width\": \"100%\",\r\n                            \"border\": {\r\n                                \"borderTopWidth\": \"1px\",\r\n                                \"borderTopStyle\": \"solid\",\r\n                                \"borderTopColor\": \"#CCC\"\r\n                            },\r\n                            \"textAlign\": \"center\"\r\n                        }\r\n                    }]\r\n                }],\r\n                \"values\": {\r\n                    \"backgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"backgroundImage\": {\r\n                        \"url\": \"\",\r\n                        \"fullWidth\": true,\r\n                        \"repeat\": false,\r\n                        \"center\": false,\r\n                        \"cover\": false\r\n                    },\r\n                    \"padding\": \"0px\",\r\n                    \"columnsBackgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"selectable\": true,\r\n                    \"draggable\": true,\r\n                    \"deletable\": true\r\n                }\r\n            },\r\n            {\r\n                \"cells\": [\r\n                    2,\r\n                    1\r\n                ],\r\n                \"columns\": [{\r\n                        \"contents\": [{\r\n                                \"type\": \"text\",\r\n                                \"values\": {\r\n                                    \"containerPadding\": \"10px 15px 8px\",\r\n                                    \"selectable\": true,\r\n                                    \"draggable\": true,\r\n                                    \"deletable\": true,\r\n                                    \"color\": \"#6eba79\",\r\n                                    \"textAlign\": \"left\",\r\n                                    \"lineHeight\": \"160%\",\r\n                                    \"text\": \"<div><span style=\\\"font-size: 20px; line-height: 32px;\\\">BOAT RIDE</span></div>\"\r\n                                }\r\n                            },\r\n                            {\r\n                                \"type\": \"text\",\r\n                                \"values\": {\r\n                                    \"containerPadding\": \"10px 15px\",\r\n                                    \"selectable\": true,\r\n                                    \"draggable\": true,\r\n                                    \"deletable\": true,\r\n                                    \"color\": \"#4f4f4f\",\r\n                                    \"textAlign\": \"left\",\r\n                                    \"lineHeight\": \"150%\",\r\n                                    \"text\": \"<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</div>\"\r\n                                }\r\n                            },\r\n                            {\r\n                                \"type\": \"button\",\r\n                                \"values\": {\r\n                                    \"buttonColors\": {\r\n                                        \"color\": \"#FFF\",\r\n                                        \"backgroundColor\": \"#fa9302\",\r\n                                        \"hoverColor\": \"#cf7a04\"\r\n                                    },\r\n                                    \"calculatedHeight\": 36,\r\n                                    \"calculatedWidth\": 132,\r\n                                    \"href\": \"\",\r\n                                    \"border\": {},\r\n                                    \"text\": \"ORDER NOW<br />\",\r\n                                    \"draggable\": true,\r\n                                    \"containerPadding\": \"5px 15px\",\r\n                                    \"padding\": \"10px 20px\",\r\n                                    \"deletable\": true,\r\n                                    \"selectable\": true,\r\n                                    \"textAlign\": \"left\",\r\n                                    \"lineHeight\": \"120%\",\r\n                                    \"borderRadius\": \"20px\"\r\n                                }\r\n                            }\r\n                        ]\r\n                    },\r\n                    {\r\n                        \"contents\": [{\r\n                            \"type\": \"image\",\r\n                            \"values\": {\r\n                                \"maxWidth\": \"100%\",\r\n                                \"src\": {\r\n                                    \"url\": \"https://a.mailmunch.co/user_data/landing_pages/1500313783372-2.png\",\r\n                                    \"width\": 500,\r\n                                    \"height\": 500\r\n                                },\r\n                                \"draggable\": true,\r\n                                \"containerPadding\": \"0px\",\r\n                                \"deletable\": true,\r\n                                \"selectable\": true,\r\n                                \"action\": {\r\n                                    \"url\": \"\",\r\n                                    \"target\": \"\"\r\n                                },\r\n                                \"altText\": \"Image\",\r\n                                \"fullWidth\": true,\r\n                                \"textAlign\": \"center\"\r\n                            }\r\n                        }]\r\n                    }\r\n                ],\r\n                \"values\": {\r\n                    \"backgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"backgroundImage\": {\r\n                        \"url\": \"\",\r\n                        \"fullWidth\": true,\r\n                        \"repeat\": false,\r\n                        \"center\": false,\r\n                        \"cover\": false\r\n                    },\r\n                    \"padding\": \"10px\",\r\n                    \"columnsBackgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"selectable\": true,\r\n                    \"draggable\": true,\r\n                    \"deletable\": true\r\n                }\r\n            },\r\n            {\r\n                \"cells\": [\r\n                    1\r\n                ],\r\n                \"columns\": [{\r\n                    \"contents\": [{\r\n                        \"type\": \"divider\",\r\n                        \"values\": {\r\n                            \"containerPadding\": \"1px 20px 5px\",\r\n                            \"selectable\": true,\r\n                            \"draggable\": true,\r\n                            \"deletable\": true,\r\n                            \"width\": \"100%\",\r\n                            \"border\": {\r\n                                \"borderTopWidth\": \"1px\",\r\n                                \"borderTopStyle\": \"solid\",\r\n                                \"borderTopColor\": \"#CCC\"\r\n                            },\r\n                            \"textAlign\": \"center\"\r\n                        }\r\n                    }]\r\n                }],\r\n                \"values\": {\r\n                    \"backgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"backgroundImage\": {\r\n                        \"url\": \"\",\r\n                        \"fullWidth\": true,\r\n                        \"repeat\": false,\r\n                        \"center\": false,\r\n                        \"cover\": false\r\n                    },\r\n                    \"padding\": \"0px\",\r\n                    \"columnsBackgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"selectable\": true,\r\n                    \"draggable\": true,\r\n                    \"deletable\": true\r\n                }\r\n            },\r\n            {\r\n                \"cells\": [\r\n                    1,\r\n                    2\r\n                ],\r\n                \"columns\": [{\r\n                        \"contents\": [{\r\n                            \"type\": \"image\",\r\n                            \"values\": {\r\n                                \"maxWidth\": \"100%\",\r\n                                \"src\": {\r\n                                    \"url\": \"https://a.mailmunch.co/user_data/landing_pages/1500314095876-3.png\",\r\n                                    \"width\": 500,\r\n                                    \"height\": 500\r\n                                },\r\n                                \"draggable\": true,\r\n                                \"containerPadding\": \"0px\",\r\n                                \"deletable\": true,\r\n                                \"selectable\": true,\r\n                                \"action\": {\r\n                                    \"url\": \"\",\r\n                                    \"target\": \"\"\r\n                                },\r\n                                \"altText\": \"Image\",\r\n                                \"fullWidth\": true,\r\n                                \"textAlign\": \"center\"\r\n                            }\r\n                        }]\r\n                    },\r\n                    {\r\n                        \"contents\": [{\r\n                                \"type\": \"text\",\r\n                                \"values\": {\r\n                                    \"containerPadding\": \"10px 15px 8px\",\r\n                                    \"selectable\": true,\r\n                                    \"draggable\": true,\r\n                                    \"deletable\": true,\r\n                                    \"color\": \"#6eba79\",\r\n                                    \"textAlign\": \"left\",\r\n                                    \"lineHeight\": \"160%\",\r\n                                    \"text\": \"<div><span style=\\\"font-size: 20px; line-height: 32px;\\\">BEACH DAY</span></div>\"\r\n                                }\r\n                            },\r\n                            {\r\n                                \"type\": \"text\",\r\n                                \"values\": {\r\n                                    \"containerPadding\": \"10px 15px\",\r\n                                    \"selectable\": true,\r\n                                    \"draggable\": true,\r\n                                    \"deletable\": true,\r\n                                    \"color\": \"#4f4f4f\",\r\n                                    \"textAlign\": \"left\",\r\n                                    \"lineHeight\": \"150%\",\r\n                                    \"text\": \"<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</div>\"\r\n                                }\r\n                            },\r\n                            {\r\n                                \"type\": \"button\",\r\n                                \"values\": {\r\n                                    \"buttonColors\": {\r\n                                        \"color\": \"#FFF\",\r\n                                        \"backgroundColor\": \"#fa9302\",\r\n                                        \"hoverColor\": \"#cf7a04\"\r\n                                    },\r\n                                    \"calculatedHeight\": 36,\r\n                                    \"calculatedWidth\": 132,\r\n                                    \"href\": \"\",\r\n                                    \"border\": {},\r\n                                    \"text\": \"ORDER NOW<br />\",\r\n                                    \"draggable\": true,\r\n                                    \"containerPadding\": \"5px 15px\",\r\n                                    \"padding\": \"10px 20px\",\r\n                                    \"deletable\": true,\r\n                                    \"selectable\": true,\r\n                                    \"textAlign\": \"left\",\r\n                                    \"lineHeight\": \"120%\",\r\n                                    \"borderRadius\": \"20px\"\r\n                                }\r\n                            }\r\n                        ]\r\n                    }\r\n                ],\r\n                \"values\": {\r\n                    \"backgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"backgroundImage\": {\r\n                        \"url\": \"\",\r\n                        \"fullWidth\": true,\r\n                        \"repeat\": false,\r\n                        \"center\": false,\r\n                        \"cover\": false\r\n                    },\r\n                    \"padding\": \"10px\",\r\n                    \"columnsBackgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"selectable\": true,\r\n                    \"draggable\": true,\r\n                    \"deletable\": true\r\n                }\r\n            },\r\n            {\r\n                \"cells\": [\r\n                    1\r\n                ],\r\n                \"columns\": [{\r\n                    \"contents\": [{\r\n                        \"type\": \"divider\",\r\n                        \"values\": {\r\n                            \"containerPadding\": \"1px 20px 5px\",\r\n                            \"selectable\": true,\r\n                            \"draggable\": true,\r\n                            \"deletable\": true,\r\n                            \"width\": \"100%\",\r\n                            \"border\": {\r\n                                \"borderTopWidth\": \"1px\",\r\n                                \"borderTopStyle\": \"solid\",\r\n                                \"borderTopColor\": \"#CCC\"\r\n                            },\r\n                            \"textAlign\": \"center\"\r\n                        }\r\n                    }]\r\n                }],\r\n                \"values\": {\r\n                    \"backgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"backgroundImage\": {\r\n                        \"url\": \"\",\r\n                        \"fullWidth\": true,\r\n                        \"repeat\": false,\r\n                        \"center\": false,\r\n                        \"cover\": false\r\n                    },\r\n                    \"padding\": \"0px\",\r\n                    \"columnsBackgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"selectable\": true,\r\n                    \"draggable\": true,\r\n                    \"deletable\": true\r\n                }\r\n            },\r\n            {\r\n                \"cells\": [\r\n                    1\r\n                ],\r\n                \"columns\": [{\r\n                    \"contents\": [{\r\n                            \"type\": \"text\",\r\n                            \"values\": {\r\n                                \"containerPadding\": \"15px\",\r\n                                \"selectable\": true,\r\n                                \"draggable\": true,\r\n                                \"deletable\": true,\r\n                                \"color\": \"#fa9302\",\r\n                                \"textAlign\": \"center\",\r\n                                \"lineHeight\": \"130%\",\r\n                                \"text\": \"<div><span style=\\\"font-size: 36px; line-height: 46.8px;\\\">NEED MORE INFORMATION?</span></div>\"\r\n                            }\r\n                        },\r\n                        {\r\n                            \"type\": \"text\",\r\n                            \"values\": {\r\n                                \"containerPadding\": \"10px\",\r\n                                \"selectable\": true,\r\n                                \"draggable\": true,\r\n                                \"deletable\": true,\r\n                                \"color\": \"#4f4f4f\",\r\n                                \"textAlign\": \"center\",\r\n                                \"lineHeight\": \"120%\",\r\n                                \"text\": \"<div><span style=\\\"font-size: 20px; line-height: 24px;\\\">Subscribe to get updates.</span></div>\"\r\n                            }\r\n                        },\r\n                        {\r\n                            \"type\": \"button\",\r\n                            \"values\": {\r\n                                \"buttonColors\": {\r\n                                    \"color\": \"#FFF\",\r\n                                    \"backgroundColor\": \"#6eba79\",\r\n                                    \"hoverColor\": \"#58a864\"\r\n                                },\r\n                                \"calculatedHeight\": 52,\r\n                                \"calculatedWidth\": 214,\r\n                                \"href\": \"\",\r\n                                \"border\": {},\r\n                                \"text\": \"<span style=\\\"font-size: 20px; line-height: 32px;\\\">SUBSCRIBE NOW</span>\",\r\n                                \"draggable\": true,\r\n                                \"containerPadding\": \"20px\",\r\n                                \"padding\": \"10px 20px\",\r\n                                \"deletable\": true,\r\n                                \"selectable\": true,\r\n                                \"textAlign\": \"center\",\r\n                                \"lineHeight\": \"160%\",\r\n                                \"borderRadius\": \"37px\"\r\n                            }\r\n                        }\r\n                    ]\r\n                }],\r\n                \"values\": {\r\n                    \"backgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"backgroundImage\": {\r\n                        \"url\": \"\",\r\n                        \"fullWidth\": true,\r\n                        \"repeat\": false,\r\n                        \"center\": false,\r\n                        \"cover\": false\r\n                    },\r\n                    \"padding\": \"10px\",\r\n                    \"columnsBackgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"selectable\": true,\r\n                    \"draggable\": true,\r\n                    \"deletable\": true\r\n                }\r\n            },\r\n            {\r\n                \"cells\": [\r\n                    1\r\n                ],\r\n                \"columns\": [{\r\n                    \"contents\": [{\r\n                        \"type\": \"text\",\r\n                        \"values\": {\r\n                            \"containerPadding\": \"20px\",\r\n                            \"selectable\": false,\r\n                            \"draggable\": false,\r\n                            \"deletable\": false,\r\n                            \"color\": \"#000\",\r\n                            \"textAlign\": \"left\",\r\n                            \"lineHeight\": \"120%\",\r\n                            \"text\": \"<div style=\\\"font-family: arial, helvetica, sans-serif;\\\"><span style=\\\"font-size: 12px; color: #999999; line-height: 14.4px;\\\">You received this email because you signed up for [[business_name]].</span></div>\\n<div style=\\\"font-family: arial, helvetica, sans-serif;\\\">&nbsp;</div>\\n<div style=\\\"font-family: arial, helvetica, sans-serif;\\\"><span style=\\\"font-size: 12px; color: #999999; line-height: 14.4px;\\\">[[{unsubscribe}]]</span></div>\"\r\n                        }\r\n                    }]\r\n                }],\r\n                \"values\": {\r\n                    \"backgroundColor\": \"#f0f0f0\",\r\n                    \"backgroundImage\": {\r\n                        \"url\": \"\",\r\n                        \"fullWidth\": true,\r\n                        \"repeat\": false,\r\n                        \"center\": false,\r\n                        \"cover\": false\r\n                    },\r\n                    \"padding\": \"30px\",\r\n                    \"columnsBackgroundColor\": \"rgba(255,255,255,0)\",\r\n                    \"selectable\": false,\r\n                    \"draggable\": false,\r\n                    \"deletable\": false\r\n                }\r\n            }\r\n        ],\r\n        \"values\": {\r\n            \"backgroundColor\": \"#ffffff\",\r\n            \"backgroundImage\": {\r\n                \"url\": \"\",\r\n                \"fullWidth\": true,\r\n                \"repeat\": false,\r\n                \"center\": true,\r\n                \"cover\": false\r\n            },\r\n            \"contentWidth\": \"600px\",\r\n            \"fontFamily\": {\r\n                \"label\": \"Montserrat\",\r\n                \"value\": \"'Montserrat',sans-serif\",\r\n                \"type\": \"google\",\r\n                \"weights\": \"400,700\"\r\n            }\r\n        }\r\n    }\r\n\r\n}","<template>\n  <div class=\"container-editor-email\">\n    <div class=\"container-bar-editor-email my-2 rounded\">\n      <h1>{{this.$t(\"custom_email.title_view_new\")}}</h1>\n      <button\n        class=\"bg-yellow-500 hover:bg-yellow-100 text-gray-800 font-semibold py-2 px-4 border border-yellow-400 rounded shadow\"\n        @click=\"saveDesign\"\n        :disabled=\"isLoading\"\n      >{{this.$t(\"custom_email.btn_create\")}}</button>\n    </div>\n    <EmailEditor ref=\"emailEditor\" @load=\"editorLoaded\" />\n    <vue-form\n      ref=\"EmailForm\"\n      :popupActive=\"popupActive\"\n      @submitForm=\"getDataForm\"\n      @closePopup=\"closeModal\"\n    ></vue-form>\n  </div>\n</template>\n<script>\n\nimport { EmailEditor } from \"vue-email-editor\";\nimport HTTP from \"@/http-common\";\nimport FieldsCustomEmail from \"@/fields/email/fieldsEmails\";\nimport EmailDefault from \"../../fields/email/defaultEmail\"\nimport EmailForm from \"@/components/email/Form\";\n\nconst NAME = \"EmailNew\";\n\nexport default {\n  name: NAME,\n  components: {\n    \"email-editor\": EmailEditor,\n    \"vue-form\": EmailForm,\n  },\n  data() {\n    return {\n      isLoading: true,\n      popupActive: false,\n    };\n  },\n  computed: {},\n  watch: {},\n  methods: {\n    editorLoaded() {\n      this.isLoading = false;\n      this.$refs.emailEditor.editor.loadDesign(EmailDefault)\n      // this.$refs.emailEditor.editor.setMergeTagsConfig(\n      //   FieldsCustomEmail.mergeTagsConfig\n      // );\n      this.$refs.emailEditor.editor.setMergeTags(FieldsCustomEmail.mergeTags);\n      this.$refs.emailEditor.editor.registerCallback(\n        \"image\",\n        this.callbackImage\n      );\n    },\n    async callbackImage(file, done) {\n      let data = new FormData();\n      let url;\n      data.append(\"data\", file.attachments[0]);\n      try {\n        let response = await HTTP.post(\"v1/custom-emails/image\", data);\n        url = response.data.url;\n        done({ progress: 100, url });\n      } catch (error) {\n        console.log(error);\n        done({ progress: 100, url: \"ERROR SERVER IN URL OF THE FILE\" });\n      }\n    },\n    async getDataForm(formData) {\n      this.closeModal();\n      try {\n        await this.sendDesign(\n          formData.name,\n          formData.company_id,\n          formData.status_id,\n          formData.newsSelected\n        );\n        await this.$swal({\n          position: \"center\",\n          type: \"success\",\n          title: this.$t(\"custom_email.title_success_template\"),\n          confirmButtonColor: \"#FDD402\",\n          allowOutsideClick: false,\n          timer: 3000,\n        });\n        this.$router.push({ name: \"index-email\" });\n      } catch (error) {\n        return this.$swal({\n          position: \"center\",\n          type: \"warning\",\n          confirmButtonColor: \"#FDD402\",\n          title: \"Oops...\",\n          text: error.response.data.error.message,\n        });\n      }\n    },\n    closeModal() {\n      this.popupActive = false;\n    },\n    async saveDesign() {\n      this.popupActive = true;\n    },\n    sendDesign(name, company_id, status_id,newsSelected) {\n      return new Promise((resolve, reject) => {\n        this.$refs.emailEditor.editor.exportHtml(async (design) => {\n          try {\n            await HTTP.post(\"v1/custom-emails\", {\n              name,\n              company_id,\n              status_id,\n              jsonModel: { body: design.design.body },\n              htmlModel: design.html,\n              newsSelected\n            });\n            resolve();\n          } catch (error) {\n            reject(error);\n          }\n        });\n      });\n    },\n    async saveDesignSimple() {\n      await this.$swal({\n        position: \"center\",\n        input: \"text\",\n        title: this.$t(\"custom_email.title_save_template\"),\n        text: this.$t(\"custom_email.message_save_template\"),\n        confirmButtonColor: \"#FDD402\",\n        showLoaderOnConfirm: true,\n        showConfirmButton: true,\n        showCloseButton: true,\n        confirmButtonText: this.$t(\"save\"),\n        preConfirm: async (name) => {\n          if (name) {\n            this.name = name;\n          }\n        },\n      });\n      if (this.name !== \"\") {\n        try {\n          await this.sendDesign();\n          await this.$swal({\n            position: \"center\",\n            type: \"success\",\n            title: this.$t(\"custom_email.title_success_template\"),\n            confirmButtonColor: \"#FDD402\",\n            allowOutsideClick: false,\n            timer: 3000,\n          });\n          this.$emit(\"success\");\n        } catch (error) {\n          return this.$swal({\n            position: \"center\",\n            type: \"warning\",\n            confirmButtonColor: \"#FDD402\",\n            title: \"Oops...\",\n            text: error.response.data.error.message,\n          });\n        }\n      }\n    },\n  },\n  mounted() {},\n  created() {},\n};\n</script>\n\n<style scoped>\n.container-editor-email {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  height: 550px;\n}\n\n.container-bar-editor-email {\n  background-color: #333;\n  flex: 1;\n  padding: 10px;\n  display: flex;\n  max-height: 60px;\n}\n\n.container-bar-editor-email h1 {\n  flex: 1;\n  text-align: left;\n  color: #ffffff;\n}\n\n.container-bar-editor-email button {\n  flex: 1;\n  margin-left: 10px;\n  max-width: 150px;\n  cursor: pointer;\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./New.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./New.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./New.vue?vue&type=template&id=19055227&scoped=true&\"\nimport script from \"./New.vue?vue&type=script&lang=js&\"\nexport * from \"./New.vue?vue&type=script&lang=js&\"\nimport style0 from \"./New.vue?vue&type=style&index=0&id=19055227&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"19055227\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\nemail-new\n</template>\n\n<script>\nimport EmailNew from \"@/components/email/New.vue\";\nimport { validatePermission } from \"@/Ability\";\n\nconst COMPONENT_NAME = \"ViewNewEmail\";\n\nexport default {\n  name: COMPONENT_NAME,\n  components: {\n    \"email-new\": EmailNew,\n  },\n  methods: {},\n  created() {\n    validatePermission(this, \"create\", \"email\", \"New\");\n  },\n};\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./New.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./New.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./New.vue?vue&type=template&id=f0f4fc08&lang=pug&\"\nimport script from \"./New.vue?vue&type=script&lang=js&\"\nexport * from \"./New.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}