{"version":3,"file":"css/app.css","mappings":"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","sources":["webpack://saa-new-dashboard/./src/components/post-smtp-app-wrapper.vue","webpack://saa-new-dashboard/./src/components/post-smtp-header.vue","webpack://saa-new-dashboard/./src/components/post-smtp-settings.vue","webpack://saa-new-dashboard/./src/components/post-smtp-settings-menu.vue","webpack://saa-new-dashboard/./src/components/post-smtp-notification-bar.vue","webpack://saa-new-dashboard/./src/components/post-smtp-sidebar.vue","webpack://saa-new-dashboard/./src/components/post-smtp-widget.vue","webpack://saa-new-dashboard/./src/components/post-smtp-ads.vue","webpack://saa-new-dashboard/./src/components/post-smtp-button.vue","webpack://saa-new-dashboard/./src/components/post-smtp-dashboard.vue","webpack://saa-new-dashboard/./src/components/post-smtp-days-selector.vue","webpack://saa-new-dashboard/./src/components/post-smtp-cards-container.vue","webpack://saa-new-dashboard/./src/components/post-smtp-card.vue","webpack://saa-new-dashboard/./src/components/post-smtp-banners.vue","webpack://saa-new-dashboard/./src/components/post-smtp-notice.vue","webpack://saa-new-dashboard/./src/components/post-smtp-logs-section.vue","webpack://saa-new-dashboard/./src/components/post-smtp-log-action-menu.vue","webpack://saa-new-dashboard/./src/components/post-smtp-pro-features.vue","webpack://saa-new-dashboard/./src/components/post-smtp-guide.vue","webpack://saa-new-dashboard/./src/components/post-smtp-documentation.vue","webpack://saa-new-dashboard/./src/app.css"],"sourcesContent":["<template>\r\n\t<div class=\"post-smtp__wrapper\">\r\n\r\n\t\t<post-smtp-header></post-smtp-header>\r\n\r\n\t\t<div class=\"mt-32 clearfix container\">\r\n\r\n\t\t\t<div class=\"app-wrapper float-left mr-25\">\r\n\t\t\t\t<post-smtp-dashboard\r\n\t\t\t\t\t:post-smtp-configured=\"postSmtpConfigured\"\r\n\t\t\t\t\t:post-smtp-pro=\"postSmtpPro\"\r\n\t\t\t\t\t:post-smtp-ad-position=\"adPosition\"\r\n          :is-log-only-mode=\"isLogOnlyMode\"\r\n\t\t\t\t></post-smtp-dashboard>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"app-sidebar float-left\">\r\n\t\t\t\t<post-smtp-sidebar\r\n\t\t\t\t\t:post-smtp-configured=\"postSmtpConfigured\"\r\n\t\t\t\t\t:post-smtp-pro=\"postSmtpPro\"\r\n\t\t\t\t\t:is-mobile-app-configured=\"isMobileAppConfigured\"\r\n\t\t\t\t\t:is-main-wp-configured=\"isMainWpConfigured\"\r\n\t\t\t\t\t:is-domain-spam-score-configured=\"isDomainSpamScoreConfigured\"\r\n\t\t\t\t></post-smtp-sidebar>\r\n\t\t\t</div>\r\n\t\t\t\r\n\t\t</div>\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSMTPAppWrapper',\r\n\r\n\tprops: {\r\n\t\tpostSmtpConfigured         : {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\tpostSmtpPro                : {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\tisMobileAppConfigured      : {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\tisMainWpConfigured         : {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\tisDomainSpamScoreConfigured: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\r\n\t\tadPosition: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'maximize',\r\n\t\t},\r\n\r\n    isLogOnlyMode: {\r\n      type: Boolean,\r\n      default: false,\r\n    }\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n\t} ),\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.post-smtp__wrapper {\r\n\tbackground: #F9FBFF;\r\n}\r\n\r\n.mr-25 {\r\n\tmargin-right: 25px;\r\n}\r\n\r\n.container {\r\n\tpadding: 0 51px;\r\n}\r\n\r\n.mt-32 {\r\n\tmargin-top: 32px;\r\n}\r\n\r\n.app-wrapper {\r\n\twidth: calc( 100% - 276px - 25px );\r\n}\r\n\r\n.app-sidebar {\r\n\twidth: 276px;\r\n}\r\n\r\n.float-left {\r\n\tfloat: left;\r\n}\r\n\r\n.clearfix::after {\r\n\tclear: both;\r\n\tcontent: \"\";\r\n\tdisplay: table;\r\n}\r\n</style>","<template>\r\n\t<div class=\"header\">\r\n\r\n\t\t<div>\r\n\t\t\t<post-smtp-img\r\n\t\t\t\t:src=\"image_url\"\r\n\t\t\t></post-smtp-img>\r\n\t\t</div>\r\n\t\t<div>\r\n\t\t\t<post-smtp-settings\r\n\t\t\t\t:buttons=\"[\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ticon: get_image_url( 'bell.svg' ),\r\n\t\t\t\t\t\taction: 'bell',\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ticon: get_image_url( 'settings.svg' ),\r\n\t\t\t\t\t\taction: 'setting',\r\n\t\t\t\t\t},\r\n\t\t\t\t]\"\r\n\t\t\t></post-smtp-settings>\r\n\t\t</div>\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSMTPHeader',\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n\t} ),\r\n\r\n\tcomputed: {\r\n\t\timage_url() {\r\n\t\t\treturn this.$parent.$parent.plugin_dir_url + 'assets/images/logo.png';\r\n\t\t}\r\n\t},\r\n\r\n\tmethods: {\r\n\t\tget_image_url( img ) {\r\n\t\t\treturn this.plugin_dir_url + 'assets/images/' + img;\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.header {\r\n\theight: 84px;\r\n\tflex-shrink: 0;\r\n\tbackground: #ffffff;\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n\tpadding: 0 40px;\r\n}\r\n</style>","<template>\r\n\t<div class=\"settings\">\r\n\r\n\t\t<div>\r\n\t\t\t<button @click=\"e => openMenu( e, button )\" class=\"settings__button\" v-for=\"button in buttons\">\r\n\t\t\t\t<post-smtp-img :show-point=\"!!failed_notifications.length\" :src=\"button.icon\"></post-smtp-img>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\r\n\t\t<post-smtp-settings-menu\r\n\t\t\t:style=\"showHideSettingBar\"\r\n\t\t\t:menus=\"[\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: i18n[0],\r\n\t\t\t\t\ticon: 'menu-profile',\r\n\t\t\t\t\turl: admin_url + '?page=postman%2Fconfiguration#account_config'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: i18n[1],\r\n\t\t\t\t\ticon: 'menu-fallback',\r\n\t\t\t\t\turl: admin_url + '?page=postman%2Fconfiguration#fallback'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: i18n[2],\r\n\t\t\t\t\ticon: 'menu-message',\r\n\t\t\t\t\turl: admin_url + '?page=postman%2Fconfiguration#message_config'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: i18n[3],\r\n\t\t\t\t\ticon: 'menu-logging',\r\n\t\t\t\t\turl: admin_url + '?page=postman%2Fconfiguration#logging_config'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: i18n[4],\r\n\t\t\t\t\ticon: 'menu-settings',\r\n\t\t\t\t\turl: admin_url + '?page=postman%2Fconfiguration#advanced_options_config'\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: i18n[5],\r\n\t\t\t\t\ticon: 'menu-bell',\r\n\t\t\t\t\turl: admin_url + '?page=postman%2Fconfiguration#notifications'\r\n\t\t\t\t},\r\n\t\t\t]\"\r\n\t\t></post-smtp-settings-menu>\r\n\r\n\t\t<post-smtp-notification-bar\r\n\t\t\t:style=\"showHideNotificationBar\"\r\n\t\t\t:notifications=\"failed_notifications\"\r\n\t\t></post-smtp-notification-bar>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n\tname: 'PostSMTPSettings',\r\n\r\n\tprops: {\r\n\t\tbuttons: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault: () => [],\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url : vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n    i18n: postSmtpNewDashboard.i18n.settings,\r\n\t\tsetting        : false,\r\n\t\tnotification   : false,\r\n\r\n\t\tfailed_notifications: [],\r\n\t} ),\r\n\r\n\twatch: {\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tshowHideNotificationBar() {\r\n\t\t\tvar display;\r\n\t\t\tif ( this.notification ) {\r\n\t\t\t\tdisplay = 'block';\r\n\t\t\t} else {\r\n\t\t\t\tdisplay = 'none';\r\n\t\t\t}\r\n\r\n\t\t\treturn {\r\n\t\t\t\tdisplay: display,\r\n\t\t\t};\r\n\t\t},\r\n\t\tshowHideSettingBar() {\r\n\t\t\tvar display;\r\n\t\t\tif ( this.setting ) {\r\n\t\t\t\tdisplay = 'block';\r\n\t\t\t} else {\r\n\t\t\t\tdisplay = 'none';\r\n\t\t\t}\r\n\r\n\t\t\treturn {\r\n\t\t\t\tdisplay: display,\r\n\t\t\t};\r\n\t\t},\r\n\t},\r\n\r\n\tmethods: {\r\n\t\topenMenu( e, button ) {\r\n\t\t\te.preventDefault();\r\n\r\n\r\n\t\t\tif ( 'setting' === button.action ) {\r\n\t\t\t\tthis.notification = false;\r\n\t\t\t\tthis.setting      = ! this.setting;\r\n\t\t\t}\r\n\r\n\t\t\tif ( 'bell' === button.action ) {\r\n\t\t\t\tthis.setting      = false;\r\n\t\t\t\tthis.notification = ! this.notification;\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetFailedNotifications() {\r\n\t\t\taxios.get( 'get-failed-logs' )\r\n\t\t\t\t.then( response => {\r\n\t\t\t\t\tthis.failed_notifications = response.data.logs;\r\n\t\t\t\t\tthis.failed_notifications = Object.values( this.failed_notifications );\r\n\t\t\t\t} );\r\n\t\t}\r\n\t},\r\n\r\n\tmounted() {\r\n\t\tthis.getFailedNotifications();\r\n\r\n\t\tdocument.body.addEventListener( 'click', ( e ) => {\r\n\t\t\tif ( ! e.target.closest( '.settings' ) ) {\r\n\t\t\t\tthis.setting      = false;\r\n\t\t\t\tthis.notification = false;\r\n\t\t\t}\r\n\t\t} );\r\n\t}\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.settings__button {\r\n\tbackground: none;\r\n\tborder: none;\r\n\tcursor: pointer;\r\n\r\n\tpadding-right: 16px;\r\n}\r\n\r\n.settings__button:last-child {\r\n\tpadding-right: 0;\r\n}\r\n</style>","<template>\r\n\t<div class=\"post-smtp-settings-menu-wrapper\">\r\n\t\t<div class=\"post-smtp-dropdown-menu\" v-for=\"menu in menus\">\r\n\t\t\t<a :href=\"menu.url\" class=\"post-smtp-button\">\r\n\t\t\t\t<post-smtp-img :fallback=\"'menu-fallback' === menu.icon\" style=\"margin-bottom: -4px;margin-right: 8px;\" :src=\"plugin_dir_url + 'assets/images/' + menu.icon + '.svg' \" ></post-smtp-img>\r\n\t\t\t\t{{ menu.title }}\r\n\t\t\t</a>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSmtpSettingsMenu',\r\n\r\n\tprops: {\r\n\t\tmenus: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault: () => [],\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n\t} ),\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.post-smtp-settings-menu-wrapper {\r\n\twidth: 190px;\r\n\theight: 312px;\r\n\r\n\r\n\tborder-radius: 4px;\r\n\tbackground: #FFF;\r\n\tbox-shadow: 0px 0px 20px 0px rgba(35, 31, 32, 0.10);\r\n\r\n\tposition: absolute;\r\n\ttop: 60px;\r\n\tright: 41px;\r\n}\r\n\r\n.post-smtp-dropdown-menu {\r\n\twidth: 100%;\r\n\theight: 52px;\r\n}\r\n\r\n.post-smtp-button:hover {\r\n\tbackground: #375CAF;\r\n\tcolor: #fff;\r\n}\r\n\r\n.post-smtp-button:hover img {\r\n\tfilter: invert(100%);\r\n}\r\n\r\n.post-smtp-button img[fallback=\"true\"] {\r\n\tfilter: invert(100%);\r\n}\r\n\r\n.post-smtp-button:hover img[fallback=\"true\"] {\r\n\tfilter: invert(0);\r\n}\r\n\r\n.post-smtp-button {\r\n\tdisplay: block;\r\n\tpadding: 0 20px;\r\n\tline-height: 52px;\r\n\r\n\tcolor: #231F20;\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n\tfont-style: normal;\r\n\tfont-weight: 400;\r\n\ttext-decoration: none;\r\n}\r\n</style>","<template>\r\n\t<div class=\"post-smtp-notification-bar-wrapper\">\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"notifications.length\"\r\n\t\t\tv-for=\"notification in notifications\"\r\n\t\t\tclass=\"post-smtp-notification-wrapper\"\r\n\t\t\t:post-smtp-opened=\"!notification.opened\"\r\n\t\t>\r\n\t\t\t<a\r\n\t\t\t\thref=\"#\"\r\n\t\t\t\t@click=\"( e ) => openNotification( e, notification, admin_url + '?page=postman_email_log&status=failed' )\"\r\n\t\t\t\tstyle=\"text-decoration: none\"\r\n\t\t\t>\r\n\t\t\t\t<div class=\"post-smtp-notification-content-wrapper\">\r\n\t\t\t\t\t<div class=\"full-width-content\">\r\n\t\t\t\t\t\t<div class=\"left-side-content\">\r\n\t\t\t\t\t\t\t<h2 class=\"post-smtp-notification-title\">\r\n\t\t\t\t\t\t\t\t<span style=\"margin-right: 6px;display: inline-block\">\r\n\t\t\t\t\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t\t\t\t\t\t<path d=\"M18.0335 14.1727L11.9273 3.6083C11.8346 3.44494 11.7256 3.30335 11.6056 3.1781C10.6188 2.14889 8.84146 2.29047 8.07819 3.6083L1.97198 14.1727C1.75936 14.5322 1.66667 14.9079 1.66667 15.2782C1.66667 15.8609 1.90111 16.4163 2.29365 16.8247C2.68619 17.2386 3.24774 17.5 3.89653 17.5H16.1089C17.4065 17.5 18.3333 16.4381 18.3333 15.2728C18.3333 14.9079 18.2407 14.5322 18.0335 14.1727ZM9.11951 7.43111C9.11951 7.02269 9.45208 6.68506 9.86643 6.68506H10.3626C10.7715 6.68506 11.1095 7.01724 11.1095 7.43111V11.0415C11.1095 11.45 10.7769 11.7876 10.3626 11.7876H9.86643C9.45753 11.7876 9.11951 11.4554 9.11951 11.0415V7.43111ZM10.1172 15.3599C9.39211 15.3599 8.80875 14.7718 8.80875 14.0529C8.80875 13.3287 9.39756 12.746 10.1172 12.746C10.8369 12.746 11.4257 13.3341 11.4257 14.0529C11.4257 14.7772 10.8369 15.3599 10.1172 15.3599Z\" fill=\"#E67373\"/>\r\n\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t{{ i18n.title }}\r\n\t\t\t\t\t\t\t</h2>\r\n\t\t\t\t\t\t\t<p class=\"post-smtp-notification-content\">{{ notification.subject }}</p>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div style=\"text-align: right\" class=\"right-side-content notification-timeline\">\r\n\t\t\t\t\t\t\t{{ notification.delivery_time }}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"clearfix\"></div>\r\n\t\t\t\t\t</div>\r\n\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</a>\r\n\r\n\t\t\t<a\r\n\t\t\t\tclass=\"notification-bin left-side-content\"\r\n\t\t\t\tv-if=\"notification.opened\"\r\n\t\t\t\t@click=\"( e ) => removeNotification( e, notification )\"\r\n\t\t\t\tstyle=\"text-decoration: none;position: absolute;bottom: 20px;right: 20px;z-index: 20;\"\r\n\t\t\t>\r\n\t\t\t\t<post-smtp-img :src=\"plugin_dir_url + 'assets/images/bin.svg'\"></post-smtp-img>\r\n\t\t\t</a>\r\n\t\t</div>\r\n\r\n\t\t<div v-else>\r\n\t\t\t<div class=\"post-smtp-notification-content-wrapper\">\r\n\t\t\t\t<div class=\"left-side-content\">\r\n\r\n\t\t\t\t\t<h2 class=\"post-smtp-notification-title\">\r\n\t\t\t\t\t\t\t\t<span style=\"margin-right: 6px;display: inline-block\">\r\n\t\t\t\t\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t\t\t\t\t\t<path d=\"M18.0335 14.1727L11.9273 3.6083C11.8346 3.44494 11.7256 3.30335 11.6056 3.1781C10.6188 2.14889 8.84146 2.29047 8.07819 3.6083L1.97198 14.1727C1.75936 14.5322 1.66667 14.9079 1.66667 15.2782C1.66667 15.8609 1.90111 16.4163 2.29365 16.8247C2.68619 17.2386 3.24774 17.5 3.89653 17.5H16.1089C17.4065 17.5 18.3333 16.4381 18.3333 15.2728C18.3333 14.9079 18.2407 14.5322 18.0335 14.1727ZM9.11951 7.43111C9.11951 7.02269 9.45208 6.68506 9.86643 6.68506H10.3626C10.7715 6.68506 11.1095 7.01724 11.1095 7.43111V11.0415C11.1095 11.45 10.7769 11.7876 10.3626 11.7876H9.86643C9.45753 11.7876 9.11951 11.4554 9.11951 11.0415V7.43111ZM10.1172 15.3599C9.39211 15.3599 8.80875 14.7718 8.80875 14.0529C8.80875 13.3287 9.39756 12.746 10.1172 12.746C10.8369 12.746 11.4257 13.3341 11.4257 14.0529C11.4257 14.7772 10.8369 15.3599 10.1172 15.3599Z\" fill=\"#E67373\"/>\r\n\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t{{ i18n.title }}\r\n\t\t\t\t\t</h2>\r\n\t\t\t\t\t<p class=\"post-smtp-notification-content\">{{ i18n.description }}</p>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"clearfix\"></div>\r\n\r\n\t\t\t\t<div class=\"full-width-content mt-10\">\r\n\t\t\t\t\t<span class=\"notification-timeline right-side-content\"></span>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'post-smtp-notification-bar',\r\n\r\n\tprops: {\r\n\t\tnotifications: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault: () => [],\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n    i18n: postSmtpNewDashboard.i18n.notification,\r\n\t} ),\r\n\r\n\tmethods: {\r\n\t\topenNotification( e, notification, url ) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\taxios.post( 'open-notification', {\r\n\t\t\t\tid: notification.id,\r\n\t\t\t} )\r\n\t\t\t\t.then( response => {\r\n\t\t\t\t\tnotification.opened = true\r\n\t\t\t\t\twindow.location.href = url;\r\n\t\t\t\t} );\r\n\t\t},\r\n\r\n\t\tremoveNotification( e, notification ) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tif ( notification.opened ) {\r\n\t\t\t\taxios.post( 'remove-notification/', {\r\n\t\t\t\t\tid: notification.id,\r\n\t\t\t\t} )\r\n\t\t\t\t\t.then( response => {\r\n\t\t\t\t\t\tconst index = this.notifications.indexOf( notification );\r\n\r\n\t\t\t\t\t\tif ( index > -1 ) {\r\n\t\t\t\t\t\t\tthis.notifications.splice( index, 1 );\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} );\r\n\t\t\t}\r\n\t\t},\r\n\t},\r\n\r\n\tmounted() {\r\n\t}\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.post-smtp-notification-bar-wrapper * {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n.post-smtp-notification-bar-wrapper {\r\n\twidth: 380px;\r\n\tmax-height: 320px;\r\n\r\n\tbox-shadow: 0px 0px 20px 0px rgba(35, 31, 32, 0.10);\r\n\tposition: absolute;\r\n\ttop: 60px;\r\n\tright: 98px;\r\n\r\n\tbackground: #ffffff;\r\n\toverflow-y: auto;\r\n\tz-index: 1;\r\n}\r\n\r\n.post-smtp-notification-wrapper {\r\n\twidth: calc( 100% - 4px );\r\n\r\n\tborder-radius: 0 4px 0 0;\r\n\tbackground: #FFF8F8;\r\n\tborder-left: 4px solid #E57373;\r\n\tcursor: pointer;\r\n\r\n\tposition: relative;\r\n}\r\n\r\n[post-smtp-opened=\"false\"] {\r\n\tborder-left: none;\r\n\tcursor: default;\r\n}\r\n\r\n.post-smtp-notification-content-wrapper {\r\n\tpadding: 16px 20px;\r\n\tborder-bottom: 1px solid #E5E9F1;\r\n}\r\n\r\n.post-smtp-notification-content-wrapper::after {\r\n\tcontent: '';\r\n\tdisplay: table;\r\n\tclear: both;\r\n}\r\n\r\n.post-smtp-notification-title {\r\n\tcolor: #8B8F9A;\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 20px; /* 142.857% */\r\n}\r\n\r\n[post-smtp-opened=\"true\"] .post-smtp-notification-title {\r\n\tcolor: #B25858;\r\n}\r\n\r\n.post-smtp-notification-content {\r\n\tcolor: #8B8F9A;\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-style: normal;\r\n\tfont-weight: 400;\r\n\tline-height: 130%; /* 15.6px */\r\n\r\n\tmargin-top: 4px;\r\n}\r\n\r\n[post-smtp-opened=\"true\"] .post-smtp-notification-content {\r\n\tcolor: #231F20;\r\n}\r\n\r\n.mt-10 {\r\n\tmargin-top: 10px;\r\n}\r\n\r\n.notification-timeline {\r\n\tcolor: #8B8F9A;\r\n\ttext-align: right;\r\n\tfont-family: Poppins;\r\n\tfont-size: 11px;\r\n\tfont-style: normal;\r\n\tfont-weight: 400;\r\n\tline-height: 20px; /* 181.818% */\r\n}\r\n\r\n.left-side-content {\r\n\twidth: 70%;\r\n\tfloat: left;\r\n}\r\n\r\n.full-width-content {\r\n\tdisplay: block;\r\n}\r\n\r\n.clearfix {\r\n\tclear: both;\r\n\tdisplay: table;\r\n}\r\n\r\n.full-width-content::after {\r\n\tcontent: '';\r\n\tdisplay: table;\r\n\tclear: both;\r\n}\r\n\r\n.right-side-content {\r\n\twidth: 30%;\r\n\tfloat: right;\r\n}\r\n\r\n.right-side-content::after {\r\n\tcontent: '';\r\n\tdisplay: table;\r\n\tclear: both;\r\n}\r\n\r\n.notification-bin {\r\n\tdisplay: block;\r\n\twidth: 16px;\r\n\theight: 16px;\r\n}\r\n</style>","<template>\r\n<div>\r\n\t<!-- ✅ Show Gmail One Click widget only if Pro is NOT active -->\r\n\t<post-smtp-widget v-if=\"!postSmtpPro\" class=\"gmail-wrapper\">\r\n\t\t<div class=\"img-wrapper\">\r\n\t\t\t<a class=\"gmail-click\" target=\"_blank\" href=\"https://postmansmtp.com/pricing/?utm_source=plugin&utm_medium=dashboard&utm_campaign=gmail_one_click\">\r\n\t\t<post-smtp-img class=\"gmail-one-click\" :src=\"plugin_dir_url + 'assets/images/gmail_one_click.gif'\" />\r\n\t\t\t</a>\r\n\t\t</div>\r\n\t</post-smtp-widget>\r\n\r\n\t<!-- ✅ Show Ads only if Pro is active and configured -->\r\n\t<post-smtp-ads\r\n\t\tv-if=\"postSmtpPro && postSmtpConfigured\"\r\n\t\tclass=\"mb-24\"\r\n\t\t:post-smtp-pro=\"postSmtpPro\"\r\n\t\t:is-mobile-app-configured=\"isMobileAppConfigured\"\r\n\t\t:is-main-wp-configured=\"isMainWpConfigured\"\r\n\t\t:is-domain-spam-score-configured=\"isDomainSpamScoreConfigured\"\r\n\t/>\r\n\r\n\t<!-- ✅ Always show Troubleshooting widget -->\r\n\t<post-smtp-widget class=\"troubleshooting\">\r\n\t\t<div class=\"troubleshooting-header\">\r\n\t\t\t{{ i18n.titleTroubleshooting }}\r\n\t\t</div>\r\n\t\t<div class=\"troubleshooting-content\">\r\n\t\t\t<ul>\r\n\t\t\t\t<li v-for=\"troubleshoot in troubleshooting\" class=\"troubleshoot\">\r\n\t\t\t\t\t<div v-if=\"troubleshoot.show\">\r\n\t\t\t\t\t\t<span v-if=\"!troubleshoot.image\" style=\"margin-right: 15px; color: #3c5daa;\" :class=\"troubleshoot.icon\"></span>\r\n\t\t\t\t\t\t<img v-if=\"troubleshoot.image\" style=\"margin-bottom: -5px; margin-right: 16px;\" :src=\"plugin_dir_url + 'assets/images/' + troubleshoot.icon\" />\r\n\t\t\t\t\t\t<a :target=\"troubleshoot.target\" :href=\"troubleshoot.url\">\r\n\t\t\t\t\t\t\t{{ troubleshoot.title }}\r\n\t\t\t\t\t\t\t<span v-if=\"troubleshoot.target\" style=\"color: #8B8F9A; font-size: 15px; margin-left: -3px;\" class=\"dashicons dashicons-external\"></span>\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</li>\r\n\t\t\t</ul>\r\n\t\t</div>\r\n\t</post-smtp-widget>\r\n\r\n\t<!-- ✅ Always show Customer Support widget -->\r\n\t<post-smtp-widget class=\"customer-support\">\r\n\t\t<div>\r\n\t\t\t<post-smtp-img :src=\"plugin_dir_url + 'assets/images/customer-support.png'\" />\r\n\t\t</div>\r\n\t\t<div class=\"customer-support-content\">\r\n\t\t\t<p>\r\n\t\t\t\t{{ i18n.appointment.description }}\r\n\t\t\t</p>\r\n\t\t</div>\r\n\t\t<div>\r\n\t\t\t<post-smtp-button\r\n\t\t\t\thref=\"https://postmansmtp.com/configuration-request/?utm_source=plugin&utm_medium=dashboard_side_banner&utm_campaign=plugin\"\r\n\t\t\t\ttype=\"secondary\"\r\n\t\t\t>\r\n\t\t\t\t{{ i18n.appointment.button }}\r\n\t\t\t</post-smtp-button>\r\n\t\t</div>\r\n\t</post-smtp-widget>\r\n\r\n</div>\r\n\r\n\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSmtpSidebar',\r\n\r\n\tprops: {\r\n\t\tpostSmtpPro: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\tpostSmtpConfigured: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\r\n\t\tisMobileAppConfigured: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\r\n\t\tisMainWpConfigured: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\r\n\t\tisDomainSpamScoreConfigured: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n    i18n: postSmtpNewDashboard.i18n.sidebar,\r\n\t\ttroubleshooting: [\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.sidebar.troubleshooting[0],\r\n\t\t\t\ticon: 'email.svg',\r\n\t\t\t\turl: vm.$parent.admin_url + '?page=postman/email_test',\r\n\t\t\t\timage: true,\r\n\t\t\t\ttarget: false,\r\n\t\t\t\tshow: true,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.sidebar.troubleshooting[1],\r\n\t\t\t\turl: 'https://postmansmtp.com/domain-health-checker/',\r\n\t\t\t\ticon: 'dashicons dashicons-performance',\r\n\t\t\t\timage: false,\r\n\t\t\t\ttarget: '_blank',\r\n\t\t\t\tshow: true,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.sidebar.troubleshooting[2],\r\n\t\t\t\ticon: 'import-export.svg',\r\n\t\t\t\turl: vm.$parent.admin_url + '?page=postman/manage-options',\r\n\t\t\t\timage: true,\r\n\t\t\t\ttarget: false,\r\n\t\t\t\tshow: true,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.sidebar.troubleshooting[3],\r\n\t\t\t\ticon: 'connectivity.svg',\r\n\t\t\t\turl: vm.$parent.admin_url + '?page=postman/port_test',\r\n\t\t\t\timage: true,\r\n\t\t\t\ttarget: false,\r\n\t\t\t\tshow: true,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.sidebar.troubleshooting[4],\r\n\t\t\t\ticon: 'diagnostic.svg',\r\n\t\t\t\turl: vm.$parent.admin_url + '?page=postman/diagnostics',\r\n\t\t\t\timage: true,\r\n\t\t\t\ttarget: false,\r\n\t\t\t\tshow: true,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.sidebar.troubleshooting[5],\r\n\t\t\t\ticon: 'reset.svg',\r\n\t\t\t\turl: vm.$parent.admin_url + '?page=postman/manage-options',\r\n\t\t\t\timage: true,\r\n\t\t\t\ttarget: false,\r\n\t\t\t\tshow: true,\r\n\t\t\t},\r\n\t\t]\r\n\t} ),\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n.customer-support {\r\n\tpadding: 0 !important;\r\n\tbackground: linear-gradient(180deg, #40518E 0%, #231F20 100%);\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tflex-direction: column;\r\n\theight: 268px;\r\n}\r\n\r\n.customer-support-content {\r\n\twidth: 213px;\r\n}\r\n\r\n.customer-support-content p {\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n\tfont-weight: 500;\r\n\tline-height: 20px;\r\n\ttext-align: center;\r\n\tcolor: #B8BDCA;\r\n}\r\n\r\n.troubleshooting {\r\n\tpadding: 0 !important;\r\n}\r\n\r\n.mb-24 {\r\n\tmargin-bottom: 24px;\r\n}\r\n\r\n.troubleshooting-header {\r\n\tborder-radius: 4px 4px 0 0;\r\n\tbackground: #EFF4FD;\r\n\tpadding: 16px 24px;\r\n\r\n\tfont-family: Poppins;\r\n\tfont-size: 16px;\r\n\tfont-weight: 600;\r\n\tline-height: 20px;\r\n\tcolor: #231F20;\r\n}\r\n\r\n\r\n.troubleshooting-content {\r\n\tpadding: 24px;\r\n}\r\n\r\n.troubleshoot.email {\r\n\tlist-style: url(\"../images/email.svg\") inside;\r\n}\r\n\r\n.troubleshoot.import-export {\r\n\tlist-style: url(\"../images/import-export.svg\") inside;\r\n}\r\n\r\n.troubleshoot.connectivity {\r\n\tlist-style: url(\"../images/connectivity.svg\") inside;\r\n}\r\n\r\n.troubleshoot.diagnostic {\r\n\tlist-style: url(\"../images/diagnostic.svg\") inside;\r\n}\r\n\r\n.troubleshoot.reset {\r\n\tlist-style: url(\"../images/reset.svg\") inside;\r\n}\r\n\r\n.troubleshoot a {\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n\tfont-weight: 400;\r\n\tline-height: 20px;\r\n\tcolor: #8B8F9A;\r\n\ttext-decoration: underline;\r\n}\r\n</style>","<template>\r\n\t<div class=\"widget-wrapper\">\r\n\t\t<slot></slot>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSmtpWidget',\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n\t} ),\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.widget-wrapper {\r\n\tborder: 1px solid #DCDFE5;\r\n\tmargin-bottom: 24px;\r\n\tpadding: 20px 0 0 24px;\r\n\tborder-radius: 4px;\r\n}\r\n\r\n.widget-wrapper:last-child {\r\n\tmargin-bottom: 0;\r\n}\r\n</style>","<template>\r\n\t<div>\r\n\r\n\t\t<post-smtp-widget\r\n\t\t\tv-if=\"!isMobileAppConfigured\"\r\n\t\t\tclass=\"mobile-wrapper\"\r\n\t\t>\r\n\t\r\n\t\t\t<h3 class=\"mobile-header\">\r\n\t\t\t\t{{ i18n.mobileApp.title }}\r\n\t\t\t\t<br>\r\n\t\t\t\t<strong>{{ i18n.mobileApp.subTitle }}</strong>\r\n\t\t\t</h3>\r\n\r\n\t\t\t<ul class=\"mobile-unstyles-list\">\r\n\t\t\t\t<li>{{ i18n.mobileApp.list[0] }}</li>\r\n\t\t\t\t<li>{{ i18n.mobileApp.list[1] }}</li>\r\n\t\t\t\t<li>{{ i18n.mobileApp.list[2] }}</li>\r\n\t\t\t</ul>\r\n\t\t\t<div class=\"img-wrapper\">\r\n\t\t\t\t<post-smtp-img class=\"qrcode-img\" :src=\"plugin_dir_url + 'assets/images/qrcode.png'\" />\r\n\t\t\t\t<post-smtp-img class=\"qrcode-mobile-app\" :src=\"plugin_dir_url + 'assets/images/mobile-app.svg'\" />\r\n\t\t\t</div>\r\n\t\t</post-smtp-widget>\r\n\r\n\t\t<post-smtp-widget\r\n\t\t\tv-else-if=\"!isMainWpConfigured\"\r\n\t\t\tclass=\"post-smtp-main-wp-wrapper\"\r\n\t\t>\r\n\t\t\t<div class=\"main-wp-header\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t{{ i18n.mainWP.title }}\r\n\t\t\t\t\t<span>{{ i18n.mainWP.subTitle }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\r\n\t\t\t<ul class=\"main-wp-unstyled-list\">\r\n\t\t\t\t<li>{{ i18n.mainWP.list[0] }}</li>\r\n\t\t\t\t<li>{{ i18n.mainWP.list[1] }}</li>\r\n\t\t\t\t<li>{{ i18n.mainWP.list[2] }}</li>\r\n\t\t\t\t<li>{{ i18n.mainWP.list[3] }}</li>\r\n\t\t\t\t<li>{{ i18n.mainWP.list[4] }}</li>\r\n\t\t\t</ul>\r\n\r\n\t\t\t<div class=\"main-wp-footer\">\r\n\t\t\t\t<a href=\"https://postmansmtp.com/mainwp-post-smtp/?utm_source=plugin&utm_medium=mainwp_banner&utm_campaign=plugin\">\r\n\t\t\t\t\t{{ i18n.mainWP.link }}\r\n\t\t\t\t</a>\r\n\t\t\t</div>\r\n\t\t</post-smtp-widget>\r\n\r\n\t\t<post-smtp-widget\r\n\t\t\tv-else-if=\"!isDomainSpamScoreConfigured\"\r\n\t\t\tclass=\"post-smtp-spam-score-wrapper\"\r\n\t\t>\r\n\t\t\t<div>\r\n\t\t\t\t<div class=\"post-smtp-spam-score-header\">\r\n\t\t\t\t\t<h2>\r\n\t\t\t\t\t\t{{ i18n.spamScore.title }}\r\n\t\t\t\t\t\t<br>\r\n\t\t\t\t\t\t<b>{{ i18n.spamScore.subTitle }}</b>\r\n\t\t\t\t\t</h2>\r\n\t\t\t\t</div>\r\n\t\t\t\t<ul class=\"post-smtp-spam-score-list-unstyled\">\r\n\t\t\t\t\t<li>{{ i18n.spamScore.list[0] }}</li>\r\n\t\t\t\t\t<li>{{ i18n.spamScore.list[1] }}</li>\r\n\t\t\t\t\t<li>{{ i18n.spamScore.list[2] }}</li>\r\n\t\t\t\t\t<li>{{ i18n.spamScore.list[3] }}</li>\r\n\t\t\t\t\t<li>{{ i18n.spamScore.list[4] }}</li>\r\n\t\t\t\t</ul>\r\n\t\t\t\t<div class=\"post-smtp-spam-score-footer\">\r\n\t\t\t\t\t<a href=\"https://postmansmtp.com/domain-health-checker/?utm_source=plugin&utm_medium=dashboard_banner&utm_campaign=plugin\">{{ i18n.spamScore.link }}</a>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</post-smtp-widget>\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n\tname: 'PostSmtpAds',\r\n\r\n\tprops: {\r\n\t\tpostSmtpPro           : {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\tisMobileAppConfigured : {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\tisMainWpConfigured : {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\tisDomainSpamScoreConfigured : {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n    i18n: postSmtpNewDashboard.i18n.ads,\r\n\t} ),\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.mobile-wrapper {\r\n\tbackground: linear-gradient(180deg, #FFFFFF 50%, #DCE7FF 100%);\r\n}\r\n\r\n.mobile-wrapper * {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n.mobile-header {\r\n\tfont-family: Montserrat;\r\n\tfont-size: 14px;\r\n\tfont-weight: 500;\r\n\tline-height: 17.5px;\r\n\ttext-align: left;\r\n\tcolor: #375CAF;\r\n}\r\n\r\n.mobile-header strong {\r\n\tfont-family: Montserrat;\r\n\tfont-size: 14px;\r\n\tfont-weight: 700;\r\n\tline-height: 17.5px;\r\n\ttext-align: left;\r\n\tcolor: #375CAF;\r\n}\r\n\r\n.post-smtp-main-wp-wrapper .main-wp-header h3 {\r\n\tcolor: #231F20;\r\n\tfont-family: Montserrat;\r\n\tfont-size: 14px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 130%; /* 18.2px */\r\n}\r\n\r\n.post-smtp-main-wp-wrapper .main-wp-header h3 span {\r\n\tbackground: linear-gradient(269deg, #3662C7 18.26%, #32B495 47.83%, #B4D859 80.52%);\r\n\tbackground-clip: text;\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n\tfont-family: Montserrat;\r\n\tfont-size: 14px;\r\n\tfont-style: normal;\r\n\tfont-weight: 700;\r\n\tline-height: 130%;\r\n}\r\n\r\n.mobile-unstyles-list li {\r\n\tfont-family: Montserrat;\r\n\tfont-size: 11px;\r\n\tfont-weight: 500;\r\n\tline-height: 13.75px;\r\n\ttext-align: left;\r\n\tcolor: #646464;\r\n\tmargin-top: 10px;\r\n\tlist-style: url(\"../images/marker.svg\") inside;\r\n}\r\n\r\n.img-wrapper {\r\n\tmargin-top: 7px;\r\n}\r\n\r\n.img-wrapper::after {\r\n\tcontent: \"\";\r\n\tdisplay: table;\r\n\tclear: both;\r\n}\r\n\r\n.qrcode-img {\r\n\tfloat: left;\r\n\tmargin-top: 47px;\r\n}\r\n\r\n.qrcode-mobile-app {\r\n\tfloat: left;\r\n}\r\n\r\n.post-smtp-main-wp-wrapper {\r\n\tborder-radius: 4px;\r\n\tborder: 1px solid #DCDFE5;\r\n\tbackground: url( ../images/main-wp-bg.png ), linear-gradient(180deg, #FFF 0%, #EDF2FE 100%);\r\n\tpadding: 24px 24px;\r\n\tbackground-position: right bottom;\r\n\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.main-wp-unstyled-list {\r\n\tmargin-bottom: 86px;\r\n}\r\n\r\n.main-wp-unstyled-list li {\r\n\tcolor: #646464;\r\n\tfont-family: Montserrat;\r\n\tfont-size: 11px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 13.75px; /* 13.75px */\r\n\r\n\tlist-style: url( ../images/marker-2.svg ) inside;\r\n}\r\n\r\n.main-wp-footer a {\r\n\tdisplay: inline-flex;\r\n\tpadding: 10px 20px;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 4px;\r\n\r\n\tcolor: #FFF;\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n\tfont-style: normal;\r\n\tfont-weight: 600;\r\n\tline-height: 20px; /* 142.857% */\r\n\r\n\tborder-radius: 50px;\r\n\tbackground: linear-gradient(312deg, #3662C7 21.21%, #32B495 64.57%, #B4D859 112.5%);\r\n\ttext-decoration: none;\r\n}\r\n\r\n.post-smtp-spam-score-wrapper {\r\n\tborder-radius: 4px;\r\n\tborder: 1px solid #DCDFE5;\r\n\tbackground: url( ../images/spam-score-bg.png ), linear-gradient(180deg, #FFF 0%, #EDF2FE 100%);\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: top right;\r\n\tpadding: 20px 25px;\r\n}\r\n\r\n.post-smtp-spam-score-header h2 {\r\n\tcolor: #231F20;\r\n\tfont-family: Montserrat;\r\n\tfont-size: 16px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 20.8px; /* 20.8px */\r\n}\r\n\r\n.post-smtp-spam-score-header h2 span {\r\n\tfont-weight: 700;\r\n}\r\n\r\n.post-smtp-spam-score-footer a {\r\n\tpadding: 10px 20px;\r\n\r\n\tcolor: #FFF;\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 20px; /* 142.857% */\r\n\r\n\tdisplay: inline-flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 4px;\r\n\r\n\tborder-radius: 4px;\r\n\tbackground: #375CAF;\r\n\r\n\ttext-decoration: none;\r\n}\r\n\r\n.post-smtp-spam-score-list-unstyled {\r\n\tmargin-bottom: 20px;\r\n}\r\n\r\n.post-smtp-spam-score-list-unstyled li {\r\n\tcolor: #646464;\r\n\tfont-family: Montserrat;\r\n\tfont-size: 11px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 13.75px;\r\n\r\n\tlist-style: url(\"../images/marker-3.svg\") inside;\r\n}\r\n</style>","<template>\r\n\t<div>\r\n\t\t<a :href=\"href\" :class=\"class\" :target=\"target\">\r\n\t\t\t<slot></slot>\r\n\t\t</a>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSmtpButton',\r\n\r\n\tprops: {\r\n\t\ttype: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: () => 'primary',\r\n\t\t},\r\n\r\n\t\thref: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: () => '#',\r\n\t\t},\r\n\r\n\t\ttarget: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: () => '_self',\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n\t} ),\r\n\r\n\tcomputed: {\r\n\t\tclass() {\r\n\t\t\treturn `btn btn-${this.type}`;\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.btn {\r\n\tcursor: pointer;\r\n\tdisplay: block;\r\n\tpadding: 12px 32px 12px 32px;\r\n\tborder-radius: 50px;\r\n\tbackground: #FFFFFF1A;\r\n\r\n\ttext-decoration: none;\r\n}\r\n\r\n.btn-secondary {\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n\tfont-weight: 500;\r\n\tline-height: 20px;\r\n\ttext-align: left;\r\n\tcolor: #FFFFFF;\r\n}\r\n\r\n.btn-get-pro {\r\n\tbackground: linear-gradient(270deg, #F9AA39 0%, #FFDAA5 100%);\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n\tfont-weight: 600;\r\n\tline-height: 20px;\r\n\ttext-align: left;\r\n\tcolor: #231F20;\r\n\tpadding: 12px 32px !important;\r\n\tdisplay: block;\r\n}\r\n</style>","<template>\r\n\t<div>\r\n\t\t<div class=\"mb-24 post-smtp-selector-wrapper\">\r\n\t\t\t<post-smtp-days-selector\r\n\t\t\t\tv-on:days-selector-event=\"selectingDataFromDaysSelector\"\r\n\t\t\t\tstyle=\"float: left\"\r\n\t\t\t\t:post-smtp-configured=\"postSmtpConfigured\"\r\n\t\t\t></post-smtp-days-selector>\r\n\r\n\t\t\t<a\r\n\t\t\t\tstyle=\"float:right;\"\r\n\t\t\t\tclass=\"re-launch-wizard\"\r\n\t\t\t\t:href=\"admin_url + '?page=postman/configuration_wizard'\"\r\n\t\t\t\tv-if=\"postSmtpConfigured\"\r\n\t\t\t>\r\n\t\t\t\t<svg style=\"margin-bottom: -4px;\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.75 7.99998C12.7504 9.03089 12.3967 10.0307 11.7483 10.8321C11.0998 11.6335 10.1958 12.188 9.1875 12.4028C8.17921 12.6176 7.12773 12.4796 6.20895 12.012C5.29017 11.5444 4.5598 10.7755 4.14 9.83397L2.749 10.399C3.30042 11.6624 4.27003 12.6975 5.49482 13.3302C6.7196 13.9629 8.12488 14.1546 9.47438 13.8731C10.8239 13.5916 12.0353 12.8541 12.905 11.7845C13.7747 10.7149 14.2497 9.37852 14.25 7.99998C14.2501 6.74771 13.8583 5.5268 13.1296 4.50837C12.4009 3.48994 11.3719 2.72503 10.1866 2.32083C9.00138 1.91664 7.71937 1.89342 6.52027 2.25443C5.32117 2.61545 4.26508 3.3426 3.5 4.33398V2.49998H2V6.49998L2.75 7.24998H6.25V5.74998H4.352C4.84711 4.89165 5.61167 4.22073 6.52705 3.84134C7.44243 3.46196 8.45744 3.39531 9.41457 3.65174C10.3717 3.90818 11.2174 4.47336 11.8205 5.25958C12.4236 6.04579 12.7503 7.00909 12.75 7.99998Z\" fill=\"#375CAF\"/>\r\n\t\t\t\t</svg>\r\n\t\t\t\t{{ i18n.relaunch }}</a>\r\n\t\t</div>\r\n\r\n\t\t<post-smtp-banners\r\n\t\t\tclass=\"mb-24\"\r\n\t\t\tv-if=\"! postSmtpConfigured\"\r\n      :is-log-only-mode=\"isLogOnlyMode\"\r\n\t\t\t:post-smtp-configured=\"postSmtpConfigured\"\r\n\t\t></post-smtp-banners>\r\n\r\n\t\t<post-smtp-cards-container\r\n\t\t\t:period=\"period\"\r\n\t\t\tclass=\"mb-24\"\r\n\t\t\t:post-smtp-configured=\"postSmtpConfigured\"\r\n\t\t\t:post-smtp-pro=\"postSmtpPro\"\r\n\t\t></post-smtp-cards-container>\r\n\r\n\t\t<post-smtp-banners\r\n\t\t\tclass=\"mb-24\"\r\n\t\t\tv-if=\"postSmtpConfigured\"\r\n\t\t\t:post-smtp-configured=\"postSmtpConfigured\"\r\n      :is-log-only-mode=\"isLogOnlyMode\"\r\n\t\t></post-smtp-banners>\r\n\r\n\t\t<post-smtp-logs-section\r\n\t\t\tclass=\"mb-24\"\r\n\t\t\t:post-smtp-configured=\"postSmtpConfigured\"\r\n\t\t></post-smtp-logs-section>\r\n\r\n\t\t<post-smtp-pro-features\r\n\t\t\tv-if=\"! postSmtpPro\"\r\n\t\t\tclass=\"mb-24\"\r\n\t\t\t:post-smtp-ad-position=\"postSmtpAdPosition\"\r\n\t\t></post-smtp-pro-features>\r\n\r\n\t\t<post-smtp-guide class=\"mb-24\"></post-smtp-guide>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSmtpDashboard',\r\n\r\n\tprops: {\r\n\t\tpostSmtpConfigured: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\r\n\t\tpostSmtpPro: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\r\n\t\tpostSmtpAdPosition: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'maximize',\r\n\t\t},\r\n\r\n    isLogOnlyMode: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n\t\tperiod: 'week',\r\n    i18n: postSmtpNewDashboard.i18n.dashboard,\r\n\t} ),\r\n\r\n\tmethods: {\r\n\t\tselectingDataFromDaysSelector( period ) {\r\n\t\t\tthis.period = period;\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.mb-24 {\r\n\tmargin-bottom: 24px;\r\n}\r\n\r\n.post-smtp-selector-wrapper {\r\n\tposition: relative;\r\n}\r\n\r\n.post-smtp-selector-wrapper a.re-launch-wizard {\r\n\tfloat: right;\r\n\tpadding: 8px 16px;\r\n\tbackground: #f3f7ff;\r\n\tborder: 1px solid #e2ebff;\r\n\tcolor: #375CAF;\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-weight: 600;\r\n\tline-height: 18px;\r\n\ttext-align: left;\r\n\ttext-decoration: none;\r\n}\r\n\r\n.post-smtp-selector-wrapper::after {\r\n\tcontent: '';\r\n\tclear: both;\r\n\tdisplay: table;\r\n}\r\n</style>","<template>\r\n\t<div :class=\"disable_when_not_configure\">\r\n\t\t<button @click=\"e => daysSelectorEventHandler( e, 'month' )\" class=\" days-selector\">{{ i18n[0] }}</button>\r\n\t\t<button @click=\"e => daysSelectorEventHandler( e, 'week' )\" class=\"active days-selector\">{{ i18n[1] }}</button>\r\n\t\t<button @click=\"e => daysSelectorEventHandler( e, 'day' )\" class=\"days-selector\">{{ i18n[2] }}</button>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tprops: {\r\n\t\tpostSmtpConfigured: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t},\r\n\r\n\tname: 'PostSmtpDaysSelector',\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n    i18n: postSmtpNewDashboard.i18n.days,\r\n\t} ),\r\n\r\n\tmethods: {\r\n\t\tdaysSelectorEventHandler( e, period ) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tconst buttons = document.querySelectorAll( '.days-selector' );\r\n\r\n\t\t\tbuttons.forEach( button => {\r\n\t\t\t\tbutton.classList.remove( 'active' );\r\n\t\t\t} );\r\n\r\n\t\t\te.target.classList.add( 'active' );\r\n\r\n\t\t\tthis.$emit( 'days-selector-event', period );\r\n\t\t}\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tdisable_when_not_configure() {\r\n\t\t\tlet classes = {\r\n\t\t\t\t'wrapper': true,\r\n\t\t\t};\r\n\r\n\t\t\tif ( ! this.postSmtpConfigured ) {\r\n\t\t\t\tclasses['disabled'] = true;\r\n\t\t\t}\r\n\r\n\r\n\t\t\treturn classes;\r\n\t\t}\r\n\t},\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.wrapper {\r\n\twidth: 177px;\r\n\theight: 32px;\r\n\ttop: 146px;\r\n\tleft: 213px;\r\n\tborder-radius: 16px;\r\n\tbackground: #FFFFFF;\r\n\tborder: 1px solid #DCDFE5\r\n}\r\n\r\n.days-selector {\r\n\tmargin: 4px 0 0 2px;\r\n\r\n\tcursor: pointer;\r\n\r\n\twidth: 56px;\r\n\theight: 24px;\r\n\tdisplay: inline-block;\r\n\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-weight: 500;\r\n\tline-height: 12px;\r\n\ttext-align: center;\r\n\r\n\tcolor: #44566C;\r\n\r\n\tborder: none;\r\n\toutline: none;\r\n\tbackground: none;\r\n}\r\n\r\n.days-selector.active {\r\n\tborder-radius: 12px;\r\n\tbackground: #F3F7FF;\r\n\tcolor: #375CAF;\r\n}\r\n\r\n.disabled {\r\n\tpointer-events: none;\r\n}\r\n\r\n.disabled .days-selector {\r\n\tcursor: not-allowed;\r\n}\r\n\r\n.disabled .days-selector.active {\r\n\tbackground: none;\r\n\tcursor: not-allowed;\r\n\tcolor: #44566C;;\r\n}\r\n</style>","<template>\r\n\t<div class=\"card-container\">\r\n\r\n\t\t<post-smtp-card\r\n\t\t\ttype=\"all\"\r\n\t\t\t:is-pro=\"postSmtpPro\"\r\n\t\t\tclass=\"post-smtp-card-box\"\r\n\t\t>\r\n\r\n\t\t\t<template v-slot:count>\r\n\t\t\t\t<div v-if=\"postSmtpConfigured\">\r\n\t\t\t\t\t{{ totalEmails }}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div v-else>\r\n\t\t\t\t\t0\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template v-slot:content>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t{{ i18n.total }}\r\n\t\t\t\t\t<br>\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=\"post-smtp-content-lighter\"\r\n\t\t\t\t\t\tv-if=\"postSmtpConfigured\"\r\n\t\t\t\t\t>{{ title }}</span>\r\n\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=\"post-smtp-content-lighter\"\r\n\t\t\t\t\t\tv-else\r\n\t\t\t\t\t>-</span>\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\t\t</post-smtp-card>\r\n\r\n\t\t<post-smtp-card\r\n\t\t\ttype=\"success\"\r\n\t\t\t:is-pro=\"postSmtpPro\"\r\n\t\t\tclass=\"post-smtp-card-box\"\r\n\t\t>\r\n\r\n\t\t\t<template v-slot:count>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-if=\"postSmtpConfigured\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ successEmails }}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-else\r\n\t\t\t\t>0</div>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template v-slot:content>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t{{ i18n.success }}\r\n\t\t\t\t\t<br>\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=\"post-smtp-content-lighter\"\r\n\t\t\t\t\t\tv-if=\"postSmtpConfigured\"\r\n\t\t\t\t\t>{{ title }}</span>\r\n\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=\"post-smtp-content-lighter\"\r\n\t\t\t\t\t\tv-else\r\n\t\t\t\t\t>-</span>\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\t\t</post-smtp-card>\r\n\r\n\t\t<post-smtp-card\r\n\t\t\ttype=\"failed\"\r\n\t\t\t:is-pro=\"postSmtpPro\"\r\n\t\t\tclass=\"post-smtp-card-box\"\r\n\t\t>\r\n\r\n\t\t\t<template v-slot:count>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-if=\"postSmtpConfigured\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ failedEmails }}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-else\r\n\t\t\t\t>0</div>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template v-slot:content>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t{{ i18n.failed }}\r\n\t\t\t\t\t<br>\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=\"post-smtp-content-lighter\"\r\n\t\t\t\t\t\tv-if=\"postSmtpConfigured\"\r\n\t\t\t\t\t>{{ title }}</span>\r\n\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=\"post-smtp-content-lighter\"\r\n\t\t\t\t\t\tv-else\r\n\t\t\t\t\t>-</span>\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\t\t</post-smtp-card>\r\n\r\n\t\t<!--\tv-if=! isPro\t-->\r\n\t\t<post-smtp-card\r\n\t\t\ttype=\"opened--pro\"\r\n\t\t\tv-if=\"! postSmtpPro\"\r\n\t\t\tclass=\"pro-remove-margin\"\r\n\t\t\t@click=\"redirectToPro\"\r\n\t\t\tstyle=\"cursor: pointer;\"\r\n\t\t>\r\n\r\n\t\t\t<template v-slot:count>\r\n\t\t\t\t<div style=\"margin-bottom: 5px;\" class=\"pro-content-header\">\r\n\t\t\t\t\t{{ i18n.openedPro.title }}\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template v-slot:content>\r\n\t\t\t\t<post-smtp-img\r\n\t\t\t\t\tstyle=\"margin-right: 4px;margin-bottom: -2px;\"\r\n\t\t\t\t\t:src=\"plugin_dir_url + 'assets/images/pro-lock.svg'\"\r\n\t\t\t\t\talt=\"Unlock\"\r\n\t\t\t\t></post-smtp-img>\r\n\t\t\t\t<a target=\"_blank\" href=\"https://postmansmtp.com/pricing/?utm_source=dashboard&utm_medium=pro_grid&utm_campaign=plugin\">\r\n\t\t\t\t\t<span class=\"pro-content\">\r\n\t\t\t\t\t\t{{ i18n.openedPro.subTitle }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</a>\r\n\t\t\t</template>\r\n\t\t</post-smtp-card>\r\n\t\t<!--\tv-endif\t-->\r\n\r\n\t\t<post-smtp-card\r\n\t\t\ttype=\"opened--pro\"\r\n\t\t\t:is-pro=\"postSmtpPro\"\r\n\t\t\tv-if=\"postSmtpPro\"\r\n\t\t\tclass=\"post-smtp-card-box\"\r\n\t\t>\r\n\r\n\t\t\t<template v-slot:count>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-if=\"postSmtpConfigured\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ openedEmails }}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-else\r\n\t\t\t\t>0</div>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template v-slot:content>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t{{ i18n.opened }}\r\n\t\t\t\t\t<br>\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=\"post-smtp-content-lighter\"\r\n\t\t\t\t\t\tv-if=\"postSmtpConfigured\"\r\n\t\t\t\t\t>{{ title }}</span>\r\n\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=\"post-smtp-content-lighter\"\r\n\t\t\t\t\t\tv-else\r\n\t\t\t\t\t>-</span>\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\t\t</post-smtp-card>\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSmtpCardsContainer',\r\n\r\n\tprops: {\r\n\t\tperiod: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: () => 'month',\r\n\t\t},\r\n\r\n\t\tpostSmtpConfigured: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\r\n\t\tpostSmtpPro: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n\r\n\t\ttotalEmails: '0',\r\n\t\tsuccessEmails: '0',\r\n\t\tfailedEmails: '0',\r\n\t\ttitle: '',\r\n\r\n\t\topenedEmails: '0',\r\n\r\n    i18n: postSmtpNewDashboard.i18n.cards,\r\n\t} ),\r\n\r\n\twatch: {\r\n\t\tperiod( newValue ) {\r\n\t\t\tthis.getLogsCounts( newValue );\r\n\t\t}\r\n\t},\r\n\r\n\tmethods: {\r\n\t\tgetTitle( period ) {\r\n\t\t\tswitch ( period ) {\r\n\t\t\t\tcase 'day':\r\n\t\t\t\t\treturn this.i18n.days[0];\r\n\r\n\t\t\t\tcase 'week':\r\n\t\t\t\t\treturn this.i18n.days[1];\r\n\r\n\t\t\t\tcase 'month':\r\n\t\t\t\t\treturn this.i18n.days[2];\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetLogsCounts( period ) {\r\n\t\t\taxios.get( 'email-count', {\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tperiod: period,\r\n\t\t\t\t}\r\n\t\t\t} )\r\n\t\t\t\t.then( response => {\r\n\t\t\t\t\tif ( typeof response.data.count != \"undefined\" ) {\r\n\t\t\t\t\t\tthis.totalEmails = response.data.count.total;\r\n\t\t\t\t\t\tthis.successEmails = response.data.count.success;\r\n\t\t\t\t\t\tthis.failedEmails = response.data.count.failed;\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif ( this.postSmtpPro ) {\r\n\t\t\t\t\t\tthis.openedEmails = response.data.count.opened || 0;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tthis.title = this.getTitle( period );\r\n\t\t\t\t} );\r\n\t\t},\r\n\r\n\t\tredirectToPro() {\r\n\t\t\twindow.open( 'https://postmansmtp.com/pricing/?utm_source=dashboard&utm_medium=pro_grid&utm_campaign=plugin', '_blank' );\r\n\t\t}\r\n\t},\r\n\r\n\r\n\tmounted() {\r\n\t\tthis.getLogsCounts( this.period );\r\n\t}\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.card-container * {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n.card-container::after {\r\n\tcontent: \"\";\r\n\tdisplay: table;\r\n\tclear: both;\r\n}\r\n\r\n.post-smtp-content-lighter {\r\n\tcolor: #231F20;\r\n\tfont-family: Poppins;\r\n\tfont-size: 10px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 13px;\r\n}\r\n\r\n.pro-content-header {\r\n\tcolor: #5A3F17;\r\n\ttext-align: center;\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n\tfont-style: normal;\r\n\tfont-weight: 600;\r\n\tline-height: 14px; /* 100% */\r\n}\r\n\r\n.pro-content {\r\n\tcolor: #5A3F17;\r\n\ttext-align: center;\r\n\tfont-family: Poppins;\r\n\tfont-size: 11px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 13px; /* 118.182% */\r\n\ttext-decoration-line: underline;\r\n}\r\n\r\n.post-smtp-card-box[is-pro=\"true\"] .post-smtp-content-lighter {\r\n\tcolor: #fff;\r\n}\r\n</style>","<template>\r\n\t<div :class=\"classes\" :is-pro=\"isPro\">\r\n\t\t<div class=\"post-smtp-card-content-wrapper\">\r\n\t\t\t<div class=\"post-smtp-image-container\" style=\"margin-right: 15px;\">\r\n\t\t\t\t<slot name=\"image\"></slot>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<div class=\"post-smtp-count-wrapper\" :style=\"'margin-bottom: ' + ( 'opened--pro' === type ? '5px' : '8.36px' ) + ';'\">\r\n\t\t\t\t\t<h2 class=\"post-smtp-count\">\r\n\t\t\t\t\t\t<slot name=\"count\"></slot>\r\n\t\t\t\t\t</h2>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<p class=\"post-smtp-content\">\r\n\t\t\t\t\t\t<slot name=\"content\"></slot>\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSmtpCard',\r\n\r\n\tprops: {\r\n\t\ttype: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\r\n\t\tisPro: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n\t} ),\r\n\r\n\tcomputed: {\r\n\t\tclasses() {\r\n\t\t\treturn {\r\n\t\t\t\t'post-smtp-card': true,\r\n\t\t\t\t'post-smtp-card-all': this.type === 'all',\r\n\t\t\t\t'post-smtp-card-success': this.type === 'success',\r\n\t\t\t\t'post-smtp-card-failed': this.type === 'failed',\r\n\t\t\t\t'post-smtp-card-opened--pro': this.type === 'opened--pro',\r\n\r\n\t\t\t\t'post-smtp-card-pro': this.isPro,\r\n\t\t\t};\r\n\t\t},\r\n\t}\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.post-smtp-card {\r\n\twidth: calc( 25% - 16px + 2px );\r\n\theight: 140px;\r\n\tborder-radius: 4px;\r\n\tfloat: left;\r\n\tmargin-right: 16px;\r\n}\r\n\r\n.post-smtp-card:last-child {\r\n\tmargin-right: 0;\r\n}\r\n\r\n.post-smtp-card-all {\r\n\tbackground: #EDF4FF;\r\n\tborder: 1px solid #D3DDEB;\r\n}\r\n\r\n.post-smtp-card-success {\r\n\tbackground: #EDFFEF;\r\n\tborder: 1px solid #D3EBD6;\r\n}\r\n\r\n.post-smtp-card-failed {\r\n\tbackground: #FFEDED;\r\n\tborder: 1px solid #EBD3D3;\r\n}\r\n\r\n.post-smtp-card-opened--pro {\r\n\tbackground: url( ../images/fa-solid_crown.svg ), radial-gradient(95.39% 99.9% at 49.79% 0%, #FFD291 0%, #F9AA39 100%);\r\n\tborder: 1px solid #EBE1D3;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: 275px 10px, center;\r\n}\r\n\r\n.post-smtp-card-content-wrapper {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tflex-direction: row;\r\n\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.post-smtp-image-container {\r\n\tmargin-right: 15px;\r\n\r\n\twidth: 42px;\r\n\theight: 42px;\r\n\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\r\n\tborder-radius: 50%;\r\n}\r\n\r\n.post-smtp-card-all .post-smtp-image-container {\r\n\tbackground: url( '../images/total-emails.png' );\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.post-smtp-card-success .post-smtp-image-container {\r\n\tbackground: url( '../images/successfull-emails.png' );\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.post-smtp-card-failed .post-smtp-image-container {\r\n\tbackground: url( '../images/failed-emails.png' );\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.post-smtp-card-opened--pro .post-smtp-image-container {\r\n\tbackground: url( '../images/opened-emails.png' );\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.post-smtp-card-pro.post-smtp-card-all .post-smtp-image-container {\r\n\tbackground: url( '../images/pro-total-emails.png.png' );\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.post-smtp-card-pro.post-smtp-card-success .post-smtp-image-container {\r\n\tbackground: url( '../images/pro-successfull-emails.png' );\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.post-smtp-card-pro.post-smtp-card-failed .post-smtp-image-container {\r\n\tbackground: url( '../images/pro-failed-emails.png' );\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n}\r\n\r\n.post-smtp-count {\r\n\tcolor: #231F20;\r\n\tfont-family: Poppins;\r\n\tfont-size: 20px;\r\n\tfont-style: normal;\r\n\tfont-weight: 600;\r\n\tline-height: 20px; /* 100% */\r\n}\r\n\r\n.post-smtp-content {\r\n\tcolor: #231F20;\r\n\tfont-family: Poppins;\r\n\tfont-size: 11px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 13px; /* 118.182% */\r\n}\r\n\r\n.post-smtp-card-pro .post-smtp-count,\r\n.post-smtp-card-pro .post-smtp-content {\r\n\tcolor: #fff;\r\n}\r\n\r\n.post-smtp-card-pro.post-smtp-card-all {\r\n\tbackground: #6291D9;\r\n}\r\n\r\n.post-smtp-card-pro.post-smtp-card-success {\r\n\tbackground: #74B27B;\r\n}\r\n\r\n.post-smtp-card-pro.post-smtp-card-failed {\r\n\tbackground: #E57373;\r\n}\r\n\r\n.post-smtp-card-pro.post-smtp-card-opened--pro {\r\n\tbackground: radial-gradient(95.39% 99.9% at 49.79% 0%, #FFD291 0%, #F9AA39 100%);\r\n}\r\n</style>","<template>\r\n\t<div>\r\n\t\t<post-smtp-notice\r\n\t\t\ttype=\"success\"\r\n\t\t\tv-if=\"postSmtpConfigured && ! isLogOnlyMode\"\r\n\t\t>\r\n\t\t\t<template v-slot:title>\r\n\t\t\t\t{{ i18n.configured.text }}\r\n\t\t\t</template>\r\n\t\t\t\r\n\r\n\t\t\t<template v-slot:button>\r\n\t\t\t\t<a :href=\"send_test_email_url\" class=\"post-smtp-button\">\r\n\t\t\t\t\t{{ i18n.configured.button }}\r\n\t\t\t\t\t<i>\r\n\t\t\t\t\t\t<svg style=\"margin-bottom: -1px;\" width=\"12\" height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_67_1316)\"><path d=\"M11.8124 0.173758C11.9597 0.280901 12.02 0.423758 11.9932 0.60233L10.2789 10.888C10.2566 11.0175 10.1852 11.118 10.0646 11.1894C10.0021 11.2251 9.93293 11.243 9.85703 11.243C9.80793 11.243 9.75435 11.2318 9.69632 11.2095L6.66284 9.97063L5.0423 11.9461C4.96194 12.0488 4.85257 12.1001 4.71418 12.1001C4.65614 12.1001 4.60703 12.0912 4.56685 12.0733C4.48203 12.0421 4.41395 11.9896 4.36261 11.9159C4.31127 11.8423 4.2856 11.7608 4.2856 11.6715V9.33447L10.0713 2.24295L2.91284 8.43715L0.267747 7.35233C0.102568 7.28983 0.0132824 7.16706 -0.000110445 6.98403C-0.00903902 6.80545 0.0623896 6.67376 0.214175 6.58894L11.357 0.160366C11.424 0.120187 11.4954 0.100098 11.5713 0.100098C11.6606 0.100098 11.741 0.124651 11.8124 0.173758Z\" fill=\"white\"/></g><defs><clipPath id=\"clip0_67_1316\"><rect width=\"12\" height=\"12\" fill=\"white\" transform=\"translate(0 0.100098)\"/></clipPath></defs></svg>\r\n\t\t\t\t\t</i>\r\n\t\t\t\t</a>\r\n\t\t\t</template>\r\n\t\t</post-smtp-notice>\r\n\r\n\t\t<post-smtp-notice\r\n\t\t\ttype=\"warning\"\r\n\t\t\tv-if=\"! postSmtpConfigured && ! isLogOnlyMode\"\r\n\t\t>\r\n\t\t\t<template v-slot:title>\r\n\t\t\t\t{{ i18n.notConfigured.text }}\r\n\t\t\t</template>\r\n\t\t\t\r\n\r\n\t\t\t<template v-slot:button>\r\n\t\t\t\t<a :href=\"wizard_url\" class=\"post-smtp-button\">\r\n\t\t\t\t\t{{ i18n.notConfigured.button }}\r\n\t\t\t\t\t<i>\r\n\t\t\t\t\t\t<svg style=\"margin-bottom: -4px;\" width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t\t\t<path d=\"M8.293 2.79303C8.48053 2.60556 8.73484 2.50024 9 2.50024C9.26516 2.50024 9.51947 2.60556 9.707 2.79303L14.207 7.29303C14.3945 7.48056 14.4998 7.73487 14.4998 8.00003C14.4998 8.26519 14.3945 8.5195 14.207 8.70703L9.707 13.207C9.5184 13.3892 9.2658 13.49 9.0036 13.4877C8.7414 13.4854 8.49059 13.3803 8.30518 13.1948C8.11977 13.0094 8.0146 12.7586 8.01233 12.4964C8.01005 12.2342 8.11084 11.9816 8.293 11.793L11 9.00003H1.5C1.23478 9.00003 0.98043 8.89467 0.792893 8.70714C0.605357 8.5196 0.5 8.26525 0.5 8.00003C0.5 7.73481 0.605357 7.48046 0.792893 7.29292C0.98043 7.10539 1.23478 7.00003 1.5 7.00003H11L8.293 4.20703C8.10553 4.0195 8.00021 3.76519 8.00021 3.50003C8.00021 3.23487 8.10553 2.98056 8.293 2.79303Z\" fill=\"#EEEEEE\"/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</i>\r\n\t\t\t\t</a>\r\n\t\t\t</template>\r\n\t\t</post-smtp-notice>\r\n\r\n    <post-smtp-notice\r\n        type=\"warning\"\r\n        v-if=\"isLogOnlyMode\"\r\n    >\r\n      <template v-slot:title>\r\n        {{ i18n.isLogOnly.text }}\r\n      </template>\r\n\r\n\r\n      <template v-slot:button>\r\n        <a :href=\"wizard_url\" class=\"post-smtp-button\">\r\n          {{ i18n.isLogOnly.button }}\r\n          <i>\r\n            <svg style=\"margin-bottom: -4px;\" width=\"15\" height=\"16\" viewBox=\"0 0 15 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M8.293 2.79303C8.48053 2.60556 8.73484 2.50024 9 2.50024C9.26516 2.50024 9.51947 2.60556 9.707 2.79303L14.207 7.29303C14.3945 7.48056 14.4998 7.73487 14.4998 8.00003C14.4998 8.26519 14.3945 8.5195 14.207 8.70703L9.707 13.207C9.5184 13.3892 9.2658 13.49 9.0036 13.4877C8.7414 13.4854 8.49059 13.3803 8.30518 13.1948C8.11977 13.0094 8.0146 12.7586 8.01233 12.4964C8.01005 12.2342 8.11084 11.9816 8.293 11.793L11 9.00003H1.5C1.23478 9.00003 0.98043 8.89467 0.792893 8.70714C0.605357 8.5196 0.5 8.26525 0.5 8.00003C0.5 7.73481 0.605357 7.48046 0.792893 7.29292C0.98043 7.10539 1.23478 7.00003 1.5 7.00003H11L8.293 4.20703C8.10553 4.0195 8.00021 3.76519 8.00021 3.50003C8.00021 3.23487 8.10553 2.98056 8.293 2.79303Z\" fill=\"#EEEEEE\"/>\r\n            </svg>\r\n          </i>\r\n        </a>\r\n      </template>\r\n    </post-smtp-notice>\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'post-smtp-banners',\r\n\r\n\tprops: {\r\n\t\tpostSmtpConfigured: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\r\n    isLogOnlyMode: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n    i18n: postSmtpNewDashboard.i18n.banners,\r\n\t} ),\r\n\r\n\tcomputed: {\r\n\t\tsend_test_email_url() {\r\n\t\t\treturn `${this.admin_url}?page=postman/email_test`;\r\n\t\t},\r\n\r\n\t\twizard_url() {\r\n\t\t\treturn `${this.admin_url}?page=postman/configuration_wizard`;\r\n\t\t}\r\n\t},\r\n  mounted() {\r\n    console.log( this.isLogOnlyMode)\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.post-smtp-button {\r\n\tdisplay: inline-block;\r\n\tpadding: 8px 16px !important;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 4px;\r\n\r\n\tborder-radius: 4px;\r\n\tbackground: linear-gradient(95deg, #375CAF 18.84%, #3161CD 84.93%);\r\n\r\n\tcolor: #fff;\r\n\r\n\ttext-decoration: none;\r\n\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-style: normal;\r\n\tfont-weight: 600;\r\n\tline-height: 18px; /* 150% */\r\n}\r\n</style>","<template>\r\n\t<div class=\"post-smtp-notice-wrapper\">\r\n\t\t<div :class=\"classes\">\r\n\t\t\t<div>\r\n\t\t\t\t<p class=\"post-smtp-notice-content\">\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=\"post-smtp-notice-icon\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg style=\"margin-bottom: -5px;\" v-if=\"'success' === type\" width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t\t\t<path d=\"M8 0.100098C3.58 0.100098 0 3.6801 0 8.1001C0 12.5201 3.58 16.1001 8 16.1001C12.42 16.1001 16 12.5201 16 8.1001C16 3.6801 12.42 0.100098 8 0.100098ZM7.385 12.7601H6.045L2.805 8.2201L4.145 6.9701L6.715 9.3701L11.855 3.4401L13.195 4.3801L7.385 12.7601Z\" fill=\"#6EB68B\"/>\r\n\t\t\t\t\t\t</svg>\r\n\r\n\t\t\t\t\t\t<svg style=\"margin-bottom: -2px;\" v-if=\"'warning' === type\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t\t\t<path d=\"M8 0C12.42 0 16 3.58 16 8C16 12.42 12.42 16 8 16C3.58 16 0 12.42 0 8C0 3.58 3.58 0 8 0ZM13 11L10 8L13 5L11 3L8 6L5 3L3 5L6 8L3 11L5 13L8 10L11 13L13 11Z\" fill=\"#CF6969\"/>\r\n\t\t\t\t\t\t</svg>\r\n\r\n\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t<strong>\r\n\t\t\t\t\t\t<slot name=\"title\"></slot>\r\n\t\t\t\t\t</strong>\r\n\t\t\t\t\t<slot name=\"message\"></slot>\r\n\t\t\t\t</p>\r\n\t\t\t</div>\r\n\t\t\t<div>\r\n\t\t\t\t<slot name=\"button\"></slot>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'postSmtpNotice',\r\n\r\n\tprops: {\r\n\t\ttype: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n\t} ),\r\n\r\n\tcomputed: {\r\n\t\tclasses() {\r\n\t\t\treturn {\r\n\t\t\t\t'post-smtp-notice': true,\r\n\t\t\t\t'post-smtp-notice-success': this.type === 'success',\r\n\t\t\t\t'post-smtp-notice-error': this.type === 'error',\r\n\t\t\t\t'post-smtp-notice-warning': this.type === 'warning',\r\n\t\t\t};\r\n\t\t},\r\n\t},\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.post-smtp-notice-wrapper * {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n.post-smtp-notice {\r\n\twidth: calc( 100% - 33px );\r\n\theight: 44px;\r\n\tpadding: 5px 16px 5px 16px;\r\n\tdisplay: inline-flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n}\r\n\r\n.post-smtp-notice-success {\r\n\tborder-radius: 4px;\r\n\tborder: 1px solid #DDE6E0;\r\n\tbackground: #F4F9F6;\r\n}\r\n\r\n.post-smtp-notice-warning {\r\n\tborder-radius: 4px;\r\n\tborder: 1px solid #E6DDDD;\r\n\tbackground: #F9F4F4;\r\n}\r\n\r\n\r\n.post-smtp-notice-content {\r\n\tcolor: #263E30;\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-style: normal;\r\n\tfont-weight: 400;\r\n\tline-height: 18px;\r\n}\r\n\r\n.post-smtp-notice-content strong {\r\n\tfont-weight: 600;\r\n\r\n\tpadding-right: 4px;\r\n}\r\n\r\n.post-smtp-notice-icon {\r\n\tmargin-right: 8px;\r\n}\r\n</style>","<template>\r\n\t<div class=\"post-smtp-logs-wrapper\">\r\n\r\n\t\t<div class=\"post-smtp-logs-header\">\r\n\t\t\t<div class=\"float-left\">\r\n\t\t\t\t<h2>{{ i18n.title }}</h2>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"float-right\">\r\n\t\t\t\t<a :href=\"get_logs_url\">{{ i18n.button }}</a>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"post-smtp-logs-body\">\r\n\r\n\t\t\t<table v-if=\"is_post_smtp_logs_are_ready\">\r\n\t\t\t\t<thead>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<th style=\"text-align: left;width: 253px;\">{{ i18n.headers[0] }}</th>\r\n\t\t\t\t\t<th style=\"text-align: left;width: 233.01px;\">{{ i18n.headers[1] }}</th>\r\n\t\t\t\t\t<th style=\"text-align: left;width: 192.99px;\">{{ i18n.headers[2] }}</th>\r\n\t\t\t\t\t<th style=\"text-align: left;width: 173px;\">{{ i18n.headers[3] }}</th>\r\n\t\t\t\t</tr>\r\n\t\t\t\t</thead>\r\n\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t<tr v-for=\"item in logs\" :key=\"item.id\">\r\n\t\t\t\t\t<td>{{ item.subject }}</td>\r\n\t\t\t\t\t<td>{{ item.sent_to }}</td>\r\n\t\t\t\t\t<td>{{ item.delivery_time }}</td>\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<div class=\"post-smtp-status-wrapper\">\r\n\t\t\t\t\t\t\t<span v-if=\"'success' === item.status\" class=\"post-smtp-status post-smtp-success\">{{ i18n.success }}</span>\r\n\t\t\t\t\t\t\t<span v-if=\"'in_queue' === item.status\" style=\"background-color: #ffa500; color: #ffffff;\" class=\"post-smtp-status\">In Queue</span>\r\n\t\t\t\t\t\t\t<span v-if=\"'failed' === item.status\" class=\"post-smtp-status post-smtp-failed\">{{ i18n.failed }}</span>\r\n\r\n\t\t\t\t\t\t\t<post-smtp-log-action-menu\r\n\t\t\t\t\t\t\t\tv-on:email-triggered=\"getLatestLogs\"\r\n\t\t\t\t\t\t\t\t:item=\"item\"\r\n\t\t\t\t\t\t\t\t:dynamic-id=\"item.id\"\r\n\t\t\t\t\t\t\t></post-smtp-log-action-menu>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclass=\"post-smtp-logs-empty\"\r\n\t\t\t\tv-else\r\n\t\t\t>\r\n\t\t\t\t<div class=\"post-smtp-logs-head\">\r\n\t\t\t\t\t<svg width=\"67\" height=\"48\" viewBox=\"0 0 67 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t\t<g clip-path=\"url(#clip0_155_1001)\">\r\n\t\t\t\t\t\t\t<path d=\"M29.9247 6.77262H23.3311V0.504771C23.3311 0.225642 23.1039 0 22.823 0H5.02056C4.73959 0 4.51245 0.225642 4.51245 0.504771V9.85306C4.51245 10.1322 4.73959 10.3578 5.02056 10.3578H28.0168L30.3168 7.59997C30.591 7.2707 30.3555 6.77262 29.9247 6.77262Z\" fill=\"url(#paint0_linear_155_1001)\"/>\r\n\t\t\t\t\t\t\t<path d=\"M35.8433 3.5499L28.9266 11.8435H1.52731C0.659146 11.8435 -0.034039 12.5622 0.00129318 13.423L1.39776 46.2648C1.43309 47.0772 2.1044 47.7173 2.92209 47.7173H63.5774C64.3934 47.7173 65.0648 47.0788 65.1018 46.2699L66.9979 4.58451C67.0366 3.72206 66.3434 3 65.4736 3H37.016C36.5617 3 36.131 3.20057 35.8416 3.54823L35.8433 3.5499Z\" fill=\"url(#paint1_linear_155_1001)\"/>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t\t<linearGradient id=\"paint0_linear_155_1001\" x1=\"17.4726\" y1=\"5.17975\" x2=\"17.4726\" y2=\"18.028\" gradientUnits=\"userSpaceOnUse\">\r\n\t\t\t\t\t\t\t\t<stop stop-color=\"#ECF2FF\"/>\r\n\t\t\t\t\t\t\t\t<stop offset=\"1\" stop-color=\"#DCE7FF\"/>\r\n\t\t\t\t\t\t\t</linearGradient>\r\n\t\t\t\t\t\t\t<linearGradient id=\"paint1_linear_155_1001\" x1=\"33.5013\" y1=\"18.7916\" x2=\"33.5013\" y2=\"45.4492\" gradientUnits=\"userSpaceOnUse\">\r\n\t\t\t\t\t\t\t\t<stop stop-color=\"#ECF2FF\"/>\r\n\t\t\t\t\t\t\t\t<stop offset=\"1\" stop-color=\"#DCE7FF\"/>\r\n\t\t\t\t\t\t\t</linearGradient>\r\n\t\t\t\t\t\t\t<clipPath id=\"clip0_155_1001\">\r\n\t\t\t\t\t\t\t\t<rect width=\"67\" height=\"48\" fill=\"white\"/>\r\n\t\t\t\t\t\t\t</clipPath>\r\n\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"post-smtp-logs-content\">\r\n\t\t\t\t\t<h3>{{ i18n.noLogs.title }}</h3>\r\n\t\t\t\t\t<p>{{ i18n.noLogs.description }}</p>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div v-if=\"! postSmtpConfigured\" class=\"post-smtp-logs-footer\">\r\n\t\t\t\t\t<a :href=\"wizard_url\">{{ i18n.notConfigured }}</a>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSmtpLogsSection',\r\n\r\n\tprops: {\r\n\t\tpostSmtpConfigured: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n    i18n: postSmtpNewDashboard.i18n.logs,\r\n\r\n\t\tlogs: [],\r\n\t} ),\r\n\r\n\twatch: {},\r\n\r\n\tcomputed: {\r\n\t\tis_post_smtp_logs_are_ready() {\r\n\t\t\treturn this.logs.length;\r\n\t\t},\r\n\r\n\t\tget_logs_url() {\r\n\t\t\treturn `${this.admin_url}?page=postman_email_log`;\r\n\t\t},\r\n\r\n\t\twizard_url() {\r\n\t\t\treturn `${this.admin_url}?page=postman/configuration_wizard`;\r\n\t\t}\r\n\t},\r\n\r\n\tmethods: {\r\n\r\n\t\tget_logs() {\r\n\t\t\taxios.get( 'get-logs' )\r\n\t\t\t\t.then( response => {\r\n\t\t\t\t\tthis.logs = response.data.logs;\r\n\t\t\t\t} );\r\n\t\t},\r\n\r\n\t\tgetLatestLogs() {\r\n\t\t\tthis.get_logs();\r\n\t\t},\r\n\r\n\t\tshowHideLogActionMenu( item ) {\r\n\t\t\tvar display;\r\n\r\n\t\t\tif ( item.show_log_menu ) {\r\n\t\t\t\tdisplay = 'block';\r\n\t\t\t} else {\r\n\t\t\t\tdisplay = 'none';\r\n\t\t\t}\r\n\r\n\t\t\treturn {\r\n\t\t\t\tdisplay: display,\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\r\n\tmounted() {\r\n    debugger\r\n\t\tthis.get_logs();\r\n\r\n\t\tdocument.body.addEventListener( 'click', ( event ) => {\r\n\t\t\tif ( ! event.target.closest( '.email-menu-wrapper' ) ) {\r\n\t\t\t\tthis.logs.forEach( ( log ) => {\r\n\t\t\t\t\tlog.show_log_menu = false;\r\n\t\t\t\t} );\r\n\r\n\t\t\t}\r\n\t\t} );\r\n\t},\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n.post-smtp-logs-wrapper * {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n.post-smtp-logs-wrapper {\r\n\twidth: 100%;\r\n}\r\n\r\n.post-smtp-logs-header {\r\n\twidth: calc( 100% - 2px - 48px );\r\n\theight: calc( 52px - 1px - 32px );\r\n\r\n\tpadding: 16px 24px;\r\n\r\n\tborder-radius: 4px 4px 0px 0px;\r\n\tborder-top: 1px solid #DCDFE5;\r\n\tborder-right: 1px solid #DCDFE5;\r\n\tborder-left: 1px solid #DCDFE5;\r\n\tbackground: #EFF4FD;\r\n}\r\n\r\n.post-smtp-logs-body {\r\n\twidth: calc( 100% - 2px );\r\n\r\n\tborder-radius: 0px 0px 4px 4px;\r\n\tborder-right: 1px solid #DCDFE5;\r\n\tborder-bottom: 1px solid #DCDFE5;\r\n\tborder-left: 1px solid #DCDFE5;\r\n\tbackground: #FFF;\r\n}\r\n\r\n.post-smtp-logs-body th,\r\n.post-smtp-logs-body td {\r\n\theight: 48px;\r\n\tpadding: 0 16px;\r\n}\r\n\r\n.post-smtp-logs-header::after {\r\n\tcontent: '';\r\n\tdisplay: block;\r\n\tclear: both;\r\n}\r\n\r\n.float-left {\r\n\tfloat: left;\r\n}\r\n\r\n.float-right {\r\n\tfloat: right;\r\n}\r\n\r\n.post-smtp-logs-header h2 {\r\n\tcolor: #231F20;\r\n\ttext-align: center;\r\n\tfont-family: Poppins;\r\n\tfont-size: 16px;\r\n\tfont-style: normal;\r\n\tfont-weight: 600;\r\n\tline-height: 20px; /* 125% */\r\n}\r\n\r\n.post-smtp-logs-header a {\r\n\tcolor: #375CAF;\r\n\ttext-align: center;\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 20px; /* 166.667% */\r\n\ttext-decoration-line: underline;\r\n}\r\n\r\n.post-smtp-logs-body table {\r\n\twidth: 100%;\r\n}\r\n\r\n.post-smtp-logs-body table thead th {\r\n\tcolor: #231F20;\r\n\ttext-align: center;\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 14px; /* 100% */\r\n}\r\n\r\n.post-smtp-logs-body table tbody td {\r\n\tcolor: #646464;\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-style: normal;\r\n\tfont-weight: 400;\r\n\tline-height: 18px; /* 150% */\r\n\r\n\tborder-bottom: 1px solid #DCDFE5;\r\n}\r\n\r\n.post-smtp-logs-body table tbody tr:last-child td {\r\n\tborder-bottom: none;\r\n}\r\n\r\n.post-smtp-logs-body table tbody td {\r\n\ttext-align: left;\r\n}\r\n\r\n.post-smtp-status {\r\n\tdisplay: inline-flex;\r\n\tpadding: 4px;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\ttext-align: center;\r\n\tfont-family: Poppins;\r\n\tfont-size: 10px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 12px; /* 120% */\r\n\tborder-radius: 14px;\r\n\twidth: 62px;\r\n}\r\n\r\n.post-smtp-status.post-smtp-success {\r\n\tcolor: #74B27B;\r\n\tbackground: #EDFFEF;\r\n}\r\n\r\n.post-smtp-status.post-smtp-failed {\r\n\tcolor: #E57373;\r\n\tbackground: #FFEDED;\r\n}\r\n\r\n.post-smtp-status-wrapper {\r\n\twidth: 100%;\r\n\tposition: relative;\r\n}\r\n\r\n.post-smtp-logs-empty {\r\n\twidth: 100%;\r\n\theight: 300px;\r\n\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tflex-direction: column;\r\n}\r\n\r\n.post-smtp-logs-empty .post-smtp-logs-head {}\r\n\r\n.post-smtp-logs-empty .post-smtp-logs-content {\r\n\ttext-align: center;\r\n\r\n\tmargin-bottom: 16px;\r\n\tmargin-top: 24px;\r\n}\r\n\r\n.post-smtp-logs-empty .post-smtp-logs-content h3 {\r\n\tcolor: #646464;\r\n\ttext-align: center;\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n\tfont-style: normal;\r\n\tfont-weight: 500;\r\n\tline-height: 14px; /* 100% */\r\n\tmargin-bottom: 8px;\r\n}\r\n\r\n.post-smtp-logs-empty .post-smtp-logs-content p {\r\n\tcolor: #646464;\r\n\ttext-align: center;\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-style: normal;\r\n\tfont-weight: 400;\r\n\tline-height: 18px; /* 150% */\r\n}\r\n\r\n.post-smtp-logs-empty .post-smtp-logs-footer a {\r\n\tdisplay: block;\r\n\tcolor: #FFF;\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-style: normal;\r\n\tfont-weight: 600;\r\n\tline-height: 18px; /* 150% */\r\n\r\n\tpadding: 8px 16px;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tgap: 4px;\r\n\r\n\tborder-radius: 4px;\r\n\tbackground: #375CAF;\r\n\r\n\ttext-decoration: none;\r\n}\r\n</style>","<template>\r\n\t<div :class=\"`log-action-menu-wrapper log-action-menu-wrapper-${dynamicId}`\">\r\n\t\t<div class=\"post-smtp-log-action-menu-wrapper\" :style=\"showHideActionMenu\">\r\n\t\t\t<div class=\"post-smtp-link\">\r\n\t\t\t\t<a\r\n\t\t\t\t\t@click=\"e => viewDetails( e, 'show_view' )\"\r\n\t\t\t\t\thref=\"#\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<i>\r\n\t\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t\t\t<path d=\"M7.99999 6C7.46956 6 6.96085 6.21071 6.58578 6.58579C6.2107 6.96086 5.99999 7.46957 5.99999 8C5.99999 8.53043 6.2107 9.03914 6.58578 9.41421C6.96085 9.78929 7.46956 10 7.99999 10C8.53042 10 9.03913 9.78929 9.4142 9.41421C9.78928 9.03914 9.99999 8.53043 9.99999 8C9.99999 7.46957 9.78928 6.96086 9.4142 6.58579C9.03913 6.21071 8.53042 6 7.99999 6ZM7.99999 11.3333C7.11594 11.3333 6.26809 10.9821 5.64297 10.357C5.01785 9.7319 4.66666 8.88406 4.66666 8C4.66666 7.11595 5.01785 6.2681 5.64297 5.64298C6.26809 5.01786 7.11594 4.66667 7.99999 4.66667C8.88405 4.66667 9.73189 5.01786 10.357 5.64298C10.9821 6.2681 11.3333 7.11595 11.3333 8C11.3333 8.88406 10.9821 9.7319 10.357 10.357C9.73189 10.9821 8.88405 11.3333 7.99999 11.3333ZM7.99999 3C4.66666 3 1.81999 5.07333 0.666656 8C1.81999 10.9267 4.66666 13 7.99999 13C11.3333 13 14.18 10.9267 15.3333 8C14.18 5.07333 11.3333 3 7.99999 3Z\" fill=\"#231F20\"/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</i>\r\n\t\t\t\t\t{{ i18n.action.view }}\r\n\t\t\t\t</a>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"post-smtp-link\">\r\n\t\t\t\t<a href=\"#\" @click=\"e => viewDetails( e, 'resend_email' )\">\r\n\t\t\t\t\t<i>\r\n\t\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t\t\t<path d=\"M1.34001 14L15.3333 8L1.34001 2L1.33334 6.66667L11.3333 8L1.33334 9.33333L1.34001 14Z\" fill=\"#231F20\"/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</i>\r\n\t\t\t\t\t{{ i18n.action.resend }}\r\n\t\t\t\t</a>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"post-smtp-link\">\r\n\t\t\t\t<a\r\n\t\t\t\t\t@click=\"e => viewDetails( e, 'show_transcript' )\"\r\n\t\t\t\t\thref=\"#\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<i>\r\n\t\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t\t\t<g clip-path=\"url(#clip0_219_334)\">\r\n\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.99999 1.33331V5.66665C7.99999 5.93186 8.10535 6.18622 8.29288 6.37375C8.48042 6.56129 8.73477 6.66665 8.99999 6.66665H13.3333V13.3333C13.3333 13.6869 13.1928 14.0261 12.9428 14.2761C12.6928 14.5262 12.3536 14.6666 12 14.6666H3.99999C3.64637 14.6666 3.30723 14.5262 3.05718 14.2761C2.80713 14.0261 2.66666 13.6869 2.66666 13.3333V2.66665C2.66666 2.31302 2.80713 1.97389 3.05718 1.72384C3.30723 1.47379 3.64637 1.33331 3.99999 1.33331H7.99999ZM9.99999 9.99998H5.99999C5.82318 9.99998 5.65361 10.0702 5.52859 10.1952C5.40356 10.3203 5.33332 10.4898 5.33332 10.6666C5.33332 10.8435 5.40356 11.013 5.52859 11.1381C5.65361 11.2631 5.82318 11.3333 5.99999 11.3333H9.99999C10.1768 11.3333 10.3464 11.2631 10.4714 11.1381C10.5964 11.013 10.6667 10.8435 10.6667 10.6666C10.6667 10.4898 10.5964 10.3203 10.4714 10.1952C10.3464 10.0702 10.1768 9.99998 9.99999 9.99998ZM6.66666 7.33331H5.99999C5.82318 7.33331 5.65361 7.40355 5.52859 7.52857C5.40356 7.6536 5.33332 7.82317 5.33332 7.99998C5.33332 8.17679 5.40356 8.34636 5.52859 8.47138C5.65361 8.59641 5.82318 8.66665 5.99999 8.66665H6.66666C6.84347 8.66665 7.01304 8.59641 7.13806 8.47138C7.26309 8.34636 7.33332 8.17679 7.33332 7.99998C7.33332 7.82317 7.26309 7.6536 7.13806 7.52857C7.01304 7.40355 6.84347 7.33331 6.66666 7.33331ZM9.33332 1.36198C9.58591 1.41555 9.81751 1.54131 9.99999 1.72398L12.9427 4.66665C13.1253 4.84913 13.2511 5.08073 13.3047 5.33331H9.33332V1.36198Z\" fill=\"#231F20\"/>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t\t\t<clipPath id=\"clip0_219_334\">\r\n\t\t\t\t\t\t\t\t\t<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n\t\t\t\t\t\t\t\t</clipPath>\r\n\t\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</i>\r\n\t\t\t\t\t{{ i18n.action.transcript }}\r\n\t\t\t\t</a>\r\n\t\t\t</div>\r\n\t\t\t<div v-if=\"'failed' === item.status\" class=\"post-smtp-link\">\r\n\t\t\t\t<a @click=\"e => viewDetails( e, 'show_error' )\" href=\"#\">\r\n\t\t\t\t\t<i>\r\n\t\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t\t\t<path d=\"M0.666656 14H15.3333L7.99999 1.33331L0.666656 14ZM8.66666 12H7.33332V10.6666H8.66666V12ZM8.66666 9.33331H7.33332V6.66665H8.66666V9.33331Z\" fill=\"#231F20\"/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</i>\r\n\t\t\t\t\t{{ i18n.action.details }}\r\n\t\t\t\t</a>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"post-smtp-error-details\" v-if=\"show_popup\">\r\n\t\t\t<div class=\"post-smtp-details-wrapper\">\r\n\r\n\t\t\t\t<a class=\"post-smtp-close-button\" @click=\"closeDetails\" href=\"#\">&times</a>\r\n\r\n\t\t\t\t<div v-if=\"content_loading\" style=\"width: 100%;height: calc( 100% - 25px );position:absolute;top: 25px;left: 0;display: flex;justify-content: center;align-items: center;\">\r\n\t\t\t\t\t<div>loading...</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div v-if=\"show_error\">\r\n\t\t\t\t\t{{ item.error }}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-if=\"show_transcript\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ session_transcript }}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div v-if=\"show_view\">\r\n\r\n\t\t\t\t\t<div class=\"post-smtp--headers\">\r\n\t\t\t\t\t\t<table>\r\n\t\t\t\t\t\t\t<tbody>\r\n              <tr>\r\n                <td>\r\n                  <strong>\r\n                    {{ i18n.headers.from }}:\r\n                  </strong>\r\n                </td>\r\n                <td v-html=\"message_object.from\"></td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong>\r\n                    {{ i18n.headers.to }}:\r\n                  </strong>\r\n                </td>\r\n                <td v-html=\"message_object.to\"></td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong>\r\n                    {{ i18n.headers.date }}:\r\n                  </strong>\r\n                </td>\r\n                <td v-html=\"message_object.date\"></td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong>\r\n                    {{ i18n.headers.subject }}:\r\n                  </strong>\r\n                </td>\r\n                <td v-html=\"message_object.subject\"></td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  <strong>\r\n                    {{ i18n.headers.deliveryURI }}:\r\n                  </strong>\r\n                </td>\r\n                <td v-html=\"message_object.delivery_uri\"></td>\r\n              </tr>\r\n              </tbody>\r\n\t\t\t\t\t\t</table>\r\n\t\t\t\t\t\t<hr>\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<iframe\r\n\t\t\t\t\t\t\t\twidth=\"100%\"\r\n\t\t\t\t\t\t\t\theight=\"310px\"\r\n\t\t\t\t\t\t\t\t:src=\"message_object.message_url\"\r\n\t\t\t\t\t\t\t></iframe>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div v-if=\"resend_email\">\r\n\t\t\t\t\t<div class=\"resend-email-wrapper\">\r\n\r\n\t\t\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t\t\t<label for=\"email\">{{ i18n.resendEmail.emailAddress }}</label>\r\n\t\t\t\t\t\t\t<textarea v-model=\"sent_to\" class=\"form-control\">{{ item.sent_to }}</textarea>\r\n\t\t\t\t\t\t\t<p class=\"description\" style=\"margin-bottom: 15px;\">\r\n\t\t\t\t\t\t\t\t<strong>{{ i18n.resendEmail.description }}</strong>\r\n\t\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t\t<button @click=\"e => resendEmail( e )\" class=\"post-smtp-button primary\">{{ i18n.resendEmail.button }}</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div @click=\"() => openActionMenu( item )\" class=\"email-menu-wrapper\">\r\n\r\n\t\t\t<span class=\"email-menu-action\"></span>\r\n\t\t\t<span class=\"email-menu-action\"></span>\r\n\t\t\t<span class=\"email-menu-action\"></span>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSmtpLogActionMenu',\r\n\r\n\tprops: {\r\n\t\titem: {\r\n\t\t\ttype: Object,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\tdynamicId: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: true,\r\n\t\t}\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n    i18n: postSmtpNewDashboard.i18n.logActionMenu,\r\n\r\n\t\tshow_popup: false,\r\n\t\tshow_error: false,\r\n\t\tshow_view: false,\r\n\t\tshow_transcript: false,\r\n\t\tresend_email: false,\r\n\t\tsession_transcript: 'Loading...',\r\n\r\n\t\tcontent_loading: false,\r\n\r\n\t\tmessage_object: {\r\n\t\t\tfrom: '',\r\n\t\t\tto: '',\r\n\t\t\tdate: '',\r\n\t\t\tsubject: '',\r\n\t\t\tdelivery_uri: '',\r\n\t\t\tmessage_url: '',\r\n\t\t},\r\n\r\n\t\tsent_to: '',\r\n\r\n\t\topen_action_menu: false,\r\n\t} ),\r\n\r\n\twatch: {\r\n\t\tshow_popup( val ) {\r\n\t\t\tif ( ! val ) {\r\n\t\t\t\tthis.show_error       = false;\r\n\t\t\t\tthis.show_view        = false;\r\n\t\t\t\tthis.show_transcript  = false;\r\n\t\t\t\tthis.resend_email     = false;\r\n\t\t\t\tthis.open_action_menu = false;\r\n\r\n\t\t\t\tthis.session_transcript = 'Loading...';\r\n\r\n\t\t\t\tthis.message_object.from         = '';\r\n\t\t\t\tthis.message_object.to           = '';\r\n\t\t\t\tthis.message_object.date         = '';\r\n\t\t\t\tthis.message_object.subject      = '';\r\n\t\t\t\tthis.message_object.delivery_uri = '';\r\n\t\t\t\tthis.message_object.message_url  = '';\r\n\r\n\t\t\t\tthis.$emit( 'close-log-menu', this.item );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tshowHidePopup() {\r\n\t\t\tvar display;\r\n\r\n\t\t\tif ( this.show_popup ) {\r\n\t\t\t\tdisplay = 'block';\r\n\t\t\t} else {\r\n\t\t\t\tdisplay = 'none';\r\n\t\t\t}\r\n\r\n\t\t\treturn {\r\n\t\t\t\tdisplay: display,\r\n\t\t\t};\r\n\t\t},\r\n\r\n\t\tshowHideActionMenu() {\r\n\t\t\treturn {\r\n\t\t\t\tdisplay: this.open_action_menu ? 'block' : 'none',\r\n\t\t\t};\r\n\t\t},\r\n\t},\r\n\r\n\tmethods: {\r\n\t\tviewDetails(e, value ) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tthis.$nextTick( () => {\r\n\t\t\t\tthis.show_popup = true;\r\n\r\n\t\t\t\tif ( 'resend_email' !== value ) {\r\n\t\t\t\t\tif ('show_error' !== value) {\r\n\t\t\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\t\t\tthis.getDetails(value);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.sent_to = this.item.sent_to;\r\n\t\t\t\t}\r\n\t\t\t\tthis[value] = true;\r\n\t\t\t} )\r\n\t\t\t\t.then( () => {\r\n\r\n\t\t\t\t} )\r\n\t\t},\r\n\r\n\t\tcloseDetails( e ) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tthis.show_popup = false;\r\n\t\t},\r\n\r\n\t\tgetDetails( value ) {\r\n\t\t\tthis.content_loading = true;\r\n\t\t\treturn axios.get( 'get-details', {\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tid: this.item.id,\r\n\t\t\t\t\ttype: value,\r\n\t\t\t\t},\r\n\t\t\t} ).then( response => {\r\n\t\t\t\tthis.content_loading = false;\r\n\t\t\t\tif ( 'show_transcript' === value ) {\r\n\t\t\t\t\tthis.session_transcript = response.data.details.session_transcript;\r\n\t\t\t\t} else if ( 'show_view' === value ) {\r\n\t\t\t\t\tlet details = response.data.details;\r\n\r\n\t\t\t\t\tthis.message_object.from         = details.from_header;\r\n\t\t\t\t\tthis.message_object.to           = details.to_header;\r\n\t\t\t\t\tthis.message_object.date         = details.time;\r\n\t\t\t\t\tthis.message_object.subject      = details.original_subject;\r\n\t\t\t\t\tthis.message_object.delivery_uri = details.transport_uri;\r\n\t\t\t\t\tthis.message_object.message_url  = details.log_url;\r\n\r\n\t\t\t\t}\r\n\t\t\t\tthis[ value ] = true;\r\n\t\t\t} );\r\n\t\t},\r\n\r\n\t\tresendEmail( e ) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\taxios.post( 'resend-email', {\r\n\t\t\t\tid: this.item.id,\r\n\t\t\t\tsent_to: this.sent_to,\r\n\t\t\t} )\r\n\t\t\t\t.then( response => {\r\n\t\t\t\t\tthis.show_popup = false;\r\n\r\n\t\t\t\t\tthis.$emit( 'email-triggered', response.data.details );\r\n\t\t\t\t} );\r\n\t\t},\r\n\r\n\t\topenActionMenu( item ) {\r\n\t\t\tthis.open_action_menu = ! this.open_action_menu;\r\n\t\t},\r\n\t},\r\n\r\n\tmounted() {\r\n\r\n\t\tdocument.body.addEventListener( 'click', ( event ) => {\r\n\t\t\tif ( ! event.target.closest( '.log-action-menu-wrapper-' + this.dynamicId ) ) {\r\n\t\t\t\tthis.open_action_menu = false;\r\n\t\t\t}\r\n\t\t} );\r\n\t}\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.post-smtp-log-action-menu-wrapper {\r\n\tdisplay: inline-flex;\r\n\tpadding: 16px 20px;\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\tgap: 12px;\r\n\r\n\tborder-radius: 4px;\r\n\tbackground: #FFF;\r\n\tbox-shadow: 0px 0px 20px 0px rgba(35, 31, 32, 0.10);\r\n\r\n\tposition: absolute;\r\n\r\n\tz-index: 925;\r\n\r\n\ttop: -13px;\r\n\tright: 32px;\r\n\r\n\twidth: 100px;\r\n}\r\n\r\n.post-smtp-log-action-menu-wrapper a {\r\n\tcolor: #231F20;\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-style: normal;\r\n\tfont-weight: 400;\r\n\tline-height: 16px; /* 133.333% */\r\n\r\n\ttext-decoration: none;\r\n}\r\n\r\n.post-smtp-link i {\r\n\tmargin-right: 6px;\r\n}\r\n\r\n.post-smtp-link {\r\n\tmargin-bottom: 12px;\r\n}\r\n\r\n.post-smtp-link:last-child {\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n.post-smtp-error-details {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tbackground: rgba(0, 0, 0, 0.5);\r\n\tbackdrop-filter: blur( 1px );\r\n\tz-index: 99999;\r\n}\r\n\r\n.post-smtp-details-wrapper {\r\n\twidth: 700px;\r\n\theight: 500px;\r\n\tpadding: 20px;\r\n\tbox-shadow: 0 2px 16px rgb(0 0 0 / 50% );\r\n\tbackground: #fff;\r\n\toverflow: auto;\r\n\tposition: relative;\r\n}\r\n\r\n.post-smtp-close-button {\r\n\tposition: absolute;\r\n\ttop: 10px;\r\n\tright: 10px;\r\n\tfont-size: 24px;\r\n\tcolor: #231F20;\r\n\ttext-decoration: none;\r\n}\r\n\r\n.resend-email-wrapper {\r\n\twidth: 100%;\r\n\theight: 500px;\r\n\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n\r\n.form-group {\r\n\twidth: 100%;\r\n}\r\n\r\n.form-group label {\r\n\tdisplay: block;\r\n\tmargin-bottom: 6px;\r\n}\r\n\r\n.form-group textarea {\r\n\twidth: 100%;\r\n\theight: 100px;\r\n\tpadding: 10px;\r\n\tborder: 1px solid #ccc;\r\n\tborder-radius: 4px;\r\n}\r\n\r\n.form-control {\r\n\twidth: 100%;\r\n\theight: 40px;\r\n\tpadding: 10px;\r\n\tborder: 1px solid #ccc;\r\n\tborder-radius: 4px;\r\n}\r\n\r\n.post-smtp-button {\r\n\tpadding: 10px 20px;\r\n\tborder: none;\r\n\tborder-radius: 4px;\r\n\tcursor: pointer;\r\n}\r\n\r\n.post-smtp-button.primary {\r\n\tbackground: #0073aa;\r\n\tcolor: #fff;\r\n}\r\n\r\n.email-menu-wrapper {\r\n\tposition: absolute;\r\n\tright: 27px;\r\n\ttop: 0px;\r\n\tcursor: pointer;\r\n}\r\n\r\n.email-menu-action::after {\r\n\r\n\r\n\tcontent: '';\r\n\tdisplay: block;\r\n\twidth: 4px;\r\n\theight: 4px;\r\n\tborder-radius: 50%;\r\n\tbackground: #B0B0B0;\r\n\tmargin: 4px 0;\r\n}\r\n\r\n</style>","<template>\r\n\t<div :class=\"concatenate_bcfm_class\" :style=\"( minimize_ad ) ? 'height: 85px;' : ''\">\r\n\t\t<div class=\"container\" :style=\"( minimize_ad ) ? 'padding:0' : ''\">\r\n\t\t\t<div class=\"header\">\r\n\t\t\t\t<h2>\r\n\t\t\t\t\t<post-smtp-img style=\"margin-bottom: -25px;margin-right: -15px;\" class=\"d-inline-block\" :src=\"plugin_dir_url + 'assets/images/pro-crown.png'\" />\r\n\t\t\t\t\t{{ i18n.title }}\r\n\t\t\t\t</h2>\r\n\t\t\t\t<p>\r\n\t\t\t\t\t{{ i18n.description }}\r\n\t\t\t\t</p>\r\n\t\t\t</div>\r\n\r\n\t\t\t<transition\r\n\t\t\t\tname=\"fade\"\r\n\t\t\t\tenter-active-class=\"animated slideIn\"\r\n\t\t\t>\r\n\t\t\t\t<div v-if=\"! minimize_ad\" class=\"body\">\r\n\r\n\t\t\t\t\t<div class=\"feature-block\" v-for=\"feature in features\" :key=\"feature.title\">\r\n\t\t\t\t\t\t<div v-if=\"feature.has_container\">\r\n\t\t\t\t\t\t\t<post-smtp-img :src=\"plugin_dir_url + 'assets/images/' + feature.img\" />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"create-container\" v-else>\r\n\t\t\t\t\t\t\t<post-smtp-img :src=\"plugin_dir_url + 'assets/images/' + feature.img\" />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"block-content\">\r\n\t\t\t\t\t\t\t<p v-html=\"addLineBreak( feature.title )\">\r\n\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</transition>\r\n\r\n\t\t\t<transition\r\n\t\t\t\tname=\"fade\"\r\n\t\t\t\tenter-active-class=\"animated slideIn\"\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\tv-if=\"! minimize_ad\"\r\n\t\t\t\tclass=\"footer\"\r\n\t\t\t>\r\n\t\t\t\t<post-smtp-button\r\n\t\t\t\t\ttype=\"get-pro\"\r\n\t\t\t\t\t:href=\"click_link\"\r\n\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ i18n.button }} →\r\n\t\t\t\t</post-smtp-button>\r\n\t\t\t</div>\r\n\t\t\t</transition>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclass=\"post-smtp-minimize-ad\"\r\n\t\t\t\tv-if=\"minimize_ad\"\r\n\t\t\t\t@click=\"minimizeAd\"\r\n\t\t\t>\r\n\t\t\t\t<span class=\"dashicons dashicons-arrow-down-alt2\"></span>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"post-smtp-minimize-ad\"\r\n\t\t\t\tv-else\r\n\t\t\t\t@click=\"minimizeAd\"\r\n\t\t\t>\r\n\t\t\t\t<span class=\"dashicons dashicons-arrow-up-alt2\"></span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'postSmtpProFeatures',\r\n\r\n\tprops: {\r\n\t\tpostSmtpAdPosition: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'maximize',\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n    i18n: postSmtpNewDashboard.i18n.proFeatures,\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n\t\tis_bcfm: postSmtpNewDashboard.is_bfcm,\r\n\t\tclick_link: '',\r\n\t\tfeatures: [\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.proFeatures.list[0],\r\n\t\t\t\timg: 'pro-schedule-icon.svg',\r\n\t\t\t\thas_container: true,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.proFeatures.list[1],\r\n\t\t\t\timg: 'pro-reporting-icon.svg',\r\n\t\t\t\thas_container: true,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.proFeatures.list[2],\r\n\t\t\t\timg: 'pro-log-icon.svg',\r\n\t\t\t\thas_container: false,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.proFeatures.list[3],\r\n\t\t\t\timg: 'pro-sms-icon.svg',\r\n\t\t\t\thas_container: false,\r\n\t\t\t},\r\n\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.proFeatures.list[4],\r\n\t\t\t\timg: 'pro-resend-icon.svg',\r\n\t\t\t\thas_container: true,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.proFeatures.list[5],\r\n\t\t\t\timg: 'pro-365-icon.svg',\r\n\t\t\t\thas_container: false,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.proFeatures.list[6],\r\n\t\t\t\timg: 'pro-amazon-icon.svg',\r\n\t\t\t\thas_container: false,\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\ttitle: postSmtpNewDashboard.i18n.proFeatures.list[7],\r\n\t\t\t\timg: 'pro-zoho-icon.svg',\r\n\t\t\t\thas_container: false,\r\n\t\t\t},\r\n\t\t],\r\n\r\n\t\tminimize_ad: 'minimize' === vm.postSmtpAdPosition,\r\n\t} ),\r\n\r\n\tmethods: {\r\n\t\taddLineBreak( text ) {\r\n\t\t\treturn text.replace( /\\r\\n/g, '<br>' );\r\n\t\t},\r\n\r\n\t\tminimizeAd() {\r\n\t\t\tthis.minimize_ad = ! this.minimize_ad;\r\n\t\t\tvar minimize_maximize = this.minimize_ad ? 'minimize' : 'maximize';\r\n\r\n\t\t\taxios.post( 'minimize-maximize-ad', {\r\n\t\t\t\tminimize_maximize: minimize_maximize,\r\n\t\t\t} )\r\n\t\t\t\t.then( response => {\r\n\t\t\t} );\r\n\t\t},\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\tconcatenate_bcfm_class() {\r\n\t\t\treturn {\r\n\t\t\t\t'bcfm': this.is_bcfm,\r\n\t\t\t\t'pro-features': true,\r\n\t\t\t};\r\n\t\t}\r\n\t},\r\n\r\n\tmounted() {\r\n\t\tthis.is_bcfm = '1' === this.is_bcfm;\r\n\r\n\t\tthis.click_link = this.is_bcfm ? 'https://postmansmtp.com/cyber-monday-sale?utm_source=plugin&utm_medium=section_name&utm_campaign=BFCM&utm_id=BFCM_2024' : 'https://postmansmtp.com/pricing/?utm_source=plugin&utm_medium=dashboard_pro_banner&utm_campaign=plugin';\r\n\t}\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.pro-features * {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n.pro-features {\r\n\tposition: relative;\r\n\theight: 397px;\r\n\tbackground: url( \"../images/pro-bg-left.png\" ), url( \"../images/pro-bg-right.png\" ), url( \"../images/pro-background.png\" ), linear-gradient(180deg, #375CAF 0%, #2C4A8C 100%);\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: left bottom, right bottom, 0 0, 0 0;\r\n\tbackground-size: auto, auto, cover, cover;\r\n\tborder-radius: 4px;\r\n}\r\n\r\n.container {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tpadding: 38px 62px;\r\n\tflex-direction: column;\r\n}\r\n\r\n.header h2 {\r\n\tbackground: -webkit-linear-gradient(270deg, #F9AA39 0%, #FFDAA5 100%);\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n\tfont-family: Poppins;\r\n\tfont-size: 24px;\r\n\tfont-weight: 600;\r\n\tline-height: 25.83px;\r\n\ttext-align: center;\r\n}\r\n\r\n.d-inline-block {\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.header p {\r\n\tfont-family: Poppins;\r\n\tfont-size: 16px;\r\n\tfont-weight: 400;\r\n\tline-height: 25.83px;\r\n\ttext-align: center;\r\n\r\n\r\n\tbackground: -webkit-linear-gradient(270deg, #F9AA39 0%, #FFDAA5 100%);\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n\r\n\tmargin-left: 83px;\r\n}\r\n\r\n.header {\r\n\tmargin-bottom: 20px;\r\n}\r\n.footer {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n.create-container {\r\n\twidth: 56px;\r\n\theight: 56px;\r\n\tbackground: url( \"../images/pro-icon-bg.svg\" );\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: contain;\r\n\tbackground-position: center;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n\r\n.body {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: auto auto auto auto ;\r\n\twidth: 100%;\r\n}\r\n\r\n.feature-block {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\talign-items: center;\r\n\tmargin-bottom: 20px;\r\n}\r\n\r\n.block-content {\r\n\tmargin-left: 20px;\r\n\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-weight: 500;\r\n\tline-height: 16px;\r\n\ttext-align: left;\r\n\tcolor: #E2E9FB;\r\n}\r\n\r\n.post-smtp-minimize-ad {\r\n\tposition: absolute;\r\n\ttop: 20px;\r\n\tright: 24px;\r\n\r\n\tcolor: #BAD0FF;\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-style: normal;\r\n\tfont-weight: 400;\r\n\tline-height: 12px; /* 100% */\r\n\r\n\tcursor: pointer;\r\n}\r\n\r\n.post-smtp-minimize-ad i {\r\n\tmargin-right: 10px;\r\n}\r\n\r\n.bcfm {\r\n\tbackground: url( ../images/bfcm-2024/dashboard-banner-strip.png ), url( \"../images/pro-bg-left.png\" ), url( \"../images/pro-bg-right.png\" ), url( \"../images/pro-background.png\" ), linear-gradient(180deg, #375CAF 0%, #2C4A8C 100%);\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: top right, left bottom, right bottom, 0 0, 0 0;\r\n\tbackground-size: auto, auto, auto, cover, cover;\r\n}\r\n</style>","<template>\r\n\t<div class=\"documentation\">\r\n\t\t<div class=\"header\">\r\n\t\t\t<div class=\"float-left\">\r\n\t\t\t\t<h3>{{ i18n.title }}</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"float-right\">\r\n\t\t\t\t<a href=\"https://postmansmtp.com/documentation/?utm_source=dashboard&utm_medium=documentation&utm_campaign=plugin\">{{ i18n.viewAll }}</a>\r\n\r\n\t\t\t\t<a\r\n\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t@click=\"e => toggleTransition( e )\"\r\n\t\t\t\t\tstyle=\"box-shadow: none;border: none;outline: none;\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tclass=\"transform-image maximize\"\r\n\t\t\t\t\t\tstyle=\"margin-left: 10px;\"\r\n\t\t\t\t\t\t:src=\"plugin_dir_url + 'assets/images/maximize.png'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t</a>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<transition\r\n\t\t\tname=\"fade\"\r\n\t\t\tenter-active-class=\"animated slideIn\"\r\n\t\t>\r\n\t\t\t<div v-if=\"show_documentation\" class=\"body\">\r\n\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t<post-smtp-documentation\r\n\t\t\t\t\t\tv-for=\"doc in documentation\" :key=\"doc.title\"\r\n\t\t\t\t\t\t:title=\"doc.title\"\r\n\t\t\t\t\t\t:docs-links=\"doc.links\"\r\n\t\t\t\t\t\t:view-more=\"doc.view_more\"\r\n\t\t\t\t\t\t:plugin-dir-url=\"plugin_dir_url\"\r\n\t\t\t\t\t\t:admin-url=\"admin_url\"\r\n\t\t\t\t\t></post-smtp-documentation>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</transition>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSMTPGuide',\r\n\r\n\tdata: ( vm ) => ( {\r\n    i18n: postSmtpNewDashboard.i18n.documentation,\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n\t\tdocumentation: postSmtpNewDashboard.i18n.documentation.documentation,\r\n\t\tshow_documentation: true,\r\n\t} ),\r\n\r\n\tmethods: {\r\n\t\ttoggleTransition( e ) {\r\n\t\t\te.preventDefault();\r\n\t\t\tconst image = document.querySelector( '.transform-image' );\r\n\t\t\timage.classList.toggle( 'minimize' );\r\n\r\n\t\t\tthis.show_documentation = ! this.show_documentation;\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.documentation * {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n.header {\r\n\tborder-radius: 4px 4px 0 0;\r\n\tborder-width: 1px 1px 0 1px;\r\n\tborder-style: solid;\r\n\tborder-color: #DCDFE5;\r\n\tpadding: 16px 24px;\r\n\tbackground: #FFFFFF;\r\n}\r\n\r\n.header h3 {\r\n\tfont-family: Poppins;\r\n\tfont-size: 16px;\r\n\tfont-weight: 600;\r\n\tline-height: 20px;\r\n\ttext-align: left;\r\n\tcolor: #231F20;\r\n}\r\n\r\n.float-left {\r\n\tfloat: left;\r\n}\r\n\r\n.float-right {\r\n\tfloat: right;\r\n}\r\n\r\n.header::after {\r\n\tcontent: '';\r\n\tdisplay: block;\r\n\tclear: both;\r\n}\r\n\r\n.transform-image {\r\n\ttransform: rotate(0deg);\r\n\ttransition: transform 0.5s;\r\n}\r\n\r\n.maximize {\r\n\ttransform: rotate(180deg);\r\n}\r\n\r\n.minimize {\r\n\ttransform: rotate(0deg);\r\n}\r\n\r\n.body {\r\n\tbackground: #EFF4FD;\r\n\tborder-width: 0 1px 1px 1px;\r\n\tborder-style: solid;\r\n\tborder-color: #DCDFE5;\r\n\tpadding: 48px 0;\r\n}\r\n\r\n.body {\r\n\twidth: calc( 100% - 2px );\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n\r\n.content {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: auto auto auto;\r\n}\r\n\r\n.content::after {\r\n\tcontent: '';\r\n\tdisplay: block;\r\n\tclear: both;\r\n}\r\n</style>","<template>\r\n\t<div class=\"documentation\">\r\n\t\t<h3>{{ title }}</h3>\r\n\r\n\t\t<ul class=\"doc-unstyled-list\">\r\n\t\t\t<li v-for=\"link in docsLinks\" :key=\"link.title\">\r\n\t\t\t\t<div class=\"clearfix\">\r\n\t\t\t\t\t<div style=\"float: left;width: 23px;\">\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t:src=\"plugin_dir_url + 'assets/images/docs.svg'\"\r\n\t\t\t\t\t\t\tstyle=\"margin-bottom: -3px;margin-right: 9px;\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div style=\"float: right;text-align: left;width: calc( 100% - 23px )\">\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t:href=\"link.href\"\r\n\t\t\t\t\t\t\tstyle=\"text-decoration: none;\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{{ link.title }}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\r\n\t\t<a class=\"view-more-button\" :href=\"viewMore\">{{ i18n.more }} →</a>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'PostSMTPDocumentation',\r\n\r\n\tprops: {\r\n\t\ttitle: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\tdocsLinks: {\r\n\t\t\ttype: Array,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\tviewMore: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\tpluginDirUrl: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t\tadminUrl: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) => ( {\r\n\t\tplugin_dir_url: vm.pluginDirUrl,\r\n\t\tadmin_url: vm.adminUrl,\r\n    i18n: postSmtpNewDashboard.i18n.documentation,\r\n\t} ),\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.documentation {\r\n\twidth: 222px;\r\n\tfloat: left;\r\n\tpadding: 20px;\r\n\tbackground: #ffffff;\r\n\tmargin: 0 24px 24px 0;\r\n}\r\n\r\n.documentation h3 {\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n\tfont-weight: 500;\r\n\tline-height: 14px;\r\n\ttext-align: left;\r\n\tcolor: #231F20;\r\n}\r\n\r\n.doc-unstyled-list {\r\n\tmargin-top: 20px;\r\n\tmargin-bottom: 22px;\r\n}\r\n\r\n.doc-unstyled-list li {\r\n\tline-height: 18px;\r\n\tmargin: 10px 0;\r\n}\r\n\r\n.doc-unstyled-list li a {\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-weight: 400;\r\n\ttext-align: left;\r\n\tcolor: #375CAF;\r\n}\r\n\r\n.view-more-button {\r\n\tfont-family: Poppins;\r\n\tfont-size: 12px;\r\n\tfont-weight: 500;\r\n\tline-height: 18px;\r\n\ttext-align: left;\r\n\tcolor: #375CAF;\r\n\ttext-decoration: none;\r\n}\r\n\r\n.clearfix::after {\r\n\tcontent: \"\";\r\n\tclear: both;\r\n\tdisplay: table;\r\n}\r\n</style>","@import url( 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap' );\r\n\r\n.animated {\r\n    animation-duration: 0.5s;\r\n}\r\n\r\n.slideIn {\r\n    animation-name: slideIn;\r\n}\r\n\r\n.slideOut {\r\n    animation-name: slideOut;\r\n}\r\n\r\n@keyframes slideIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-50%);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes slideOut {\r\n    from {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    to {\r\n        opacity: 0;\r\n        transform: translateY(-50%);\r\n    }\r\n}\r\n\r\n#wpcontent {\r\n    background: #F9FBFF;\r\n}\r\n\r\n.gmail-one-click{\r\n    width:274px\r\n}\r\n.gmail-wrapper{\r\n    padding: 0px !important;\r\n    border-bottom: none !important;\r\n}\r\na.gmail-click:active, a.gmail-click:visited{\r\n    color: #fff;\r\n    text-decoration: none;\r\n}\r\na.gmail-click:hover,a.gmail-click:focus{\r\n    color: #fff;\r\n    text-decoration: none;\r\n    box-shadow: none;\r\n}"],"names":[],"sourceRoot":""}