�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fvar%2F'>var</a>/<a href='?path=%2Fvar%2Fwww%2F'>www</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2F'>vhosts</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2F'>vsdma.at</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fhttpdocs%2F'>httpdocs</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fhttpdocs%2Fwp-content%2F'>wp-content</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fhttpdocs%2Fwp-content%2Fplugins%2F'>plugins</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fhttpdocs%2Fwp-content%2Fplugins%2Fpost-smtp%2F'>post-smtp</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fhttpdocs%2Fwp-content%2Fplugins%2Fpost-smtp%2FPostman%2F'>Postman</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fhttpdocs%2Fwp-content%2Fplugins%2Fpost-smtp%2FPostman%2FDashboard%2F'>Dashboard</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fhttpdocs%2Fwp-content%2Fplugins%2Fpost-smtp%2FPostman%2FDashboard%2Fassets%2F'>assets</a>/<a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fhttpdocs%2Fwp-content%2Fplugins%2Fpost-smtp%2FPostman%2FDashboard%2Fassets%2Fcss%2F'>css</a>/</p><hr><h3>✏️ Editing: app.css.map</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>{&quot;version&quot;:3,&quot;file&quot;:&quot;css/app.css&quot;,&quot;mappings&quot;:&quot;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&quot;,&quot;sources&quot;:[&quot;webpack://saa-new-dashboard/./src/components/post-smtp-app-wrapper.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-header.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-settings.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-settings-menu.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-notification-bar.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-sidebar.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-gmail-one-click-banner.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-widget.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-ads.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-button.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-dashboard.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-days-selector.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-cards-container.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-card.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-banners.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-notice.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-logs-section.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-log-action-menu.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-pro-features.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-guide.vue&quot;,&quot;webpack://saa-new-dashboard/./src/components/post-smtp-documentation.vue&quot;,&quot;webpack://saa-new-dashboard/./src/app.css&quot;],&quot;sourcesContent&quot;:[&quot;&lt;template&gt;\r\n\t&lt;div class=\&quot;post-smtp__wrapper\&quot;&gt;\r\n\r\n\t\t&lt;post-smtp-header&gt;&lt;/post-smtp-header&gt;\r\n\r\n\t\t&lt;div class=\&quot;mt-32 clearfix container\&quot;&gt;\r\n\r\n\t\t\t&lt;div class=\&quot;app-wrapper float-left mr-25\&quot;&gt;\r\n\t\t\t\t&lt;post-smtp-dashboard\r\n\t\t\t\t\t:post-smtp-configured=\&quot;postSmtpConfigured\&quot;\r\n\t\t\t\t\t:is-main-wp-configured=\&quot;isMainWpConfigured\&quot;\r\n\t\t\t\t\t:post-smtp-pro=\&quot;postSmtpPro\&quot;\r\n\t\t\t\t\t:post-smtp-ad-position=\&quot;adPosition\&quot;\r\n          \t\t\t:is-log-only-mode=\&quot;isLogOnlyMode\&quot;\r\n\t\t\t\t&gt;&lt;/post-smtp-dashboard&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;div class=\&quot;app-sidebar float-left\&quot;&gt;\r\n\t\t\t\t&lt;post-smtp-sidebar\r\n\t\t\t\t\t:post-smtp-configured=\&quot;postSmtpConfigured\&quot;\r\n\t\t\t\t\t:post-smtp-pro=\&quot;postSmtpPro\&quot;\r\n\t\t\t\t\t:is-mobile-app-configured=\&quot;isMobileAppConfigured\&quot;\r\n\t\t\t\t\t:is-main-wp-configured=\&quot;isMainWpConfigured\&quot;\r\n\t\t\t\t\t:is-domain-spam-score-configured=\&quot;isDomainSpamScoreConfigured\&quot;\r\n\t\t\t\t\t:is-professional-or-basic=\&quot;isProfessionalOrBasic\&quot;\r\n\t\t\t\t&gt;&lt;/post-smtp-sidebar&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t\t\r\n\t\t&lt;/div&gt;\r\n\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSMTPAppWrapper&#039;,\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: &#039;maximize&#039;,\r\n\t\t},\r\n\r\n\t\tisLogOnlyMode: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n\r\n\t\tisProfessionalOrBasic: {\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 ) =&gt; ( {\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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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: \&quot;\&quot;;\r\n\tdisplay: table;\r\n}\r\n&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div class=\&quot;header\&quot;&gt;\r\n\r\n\t\t&lt;div&gt;\r\n\t\t\t&lt;post-smtp-img\r\n\t\t\t\t:src=\&quot;image_url\&quot;\r\n\t\t\t&gt;&lt;/post-smtp-img&gt;\r\n\t\t&lt;/div&gt;\r\n\t\t&lt;div&gt;\r\n\t\t\t&lt;post-smtp-settings\r\n\t\t\t\t:buttons=\&quot;[\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ticon: get_image_url( &#039;bell.svg&#039; ),\r\n\t\t\t\t\t\taction: &#039;bell&#039;,\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( &#039;settings.svg&#039; ),\r\n\t\t\t\t\t\taction: &#039;setting&#039;,\r\n\t\t\t\t\t},\r\n\t\t\t\t]\&quot;\r\n\t\t\t&gt;&lt;/post-smtp-settings&gt;\r\n\t\t&lt;/div&gt;\r\n\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSMTPHeader&#039;,\r\n\r\n\tdata: ( vm ) =&gt; ( {\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 + &#039;assets/images/logo.png&#039;;\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 + &#039;assets/images/&#039; + img;\r\n\t\t}\r\n\t}\r\n}\r\n&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div class=\&quot;settings\&quot;&gt;\r\n\r\n\t\t&lt;div&gt;\r\n\t\t\t&lt;button @click=\&quot;e =&gt; openMenu( e, button )\&quot; class=\&quot;settings__button\&quot; v-for=\&quot;button in buttons\&quot;&gt;\r\n\t\t\t\t&lt;post-smtp-img :show-point=\&quot;!!failed_notifications.length\&quot; :src=\&quot;button.icon\&quot;&gt;&lt;/post-smtp-img&gt;\r\n\t\t\t&lt;/button&gt;\r\n\t\t&lt;/div&gt;\r\n\r\n\t\t&lt;post-smtp-settings-menu\r\n\t\t\t:style=\&quot;showHideSettingBar\&quot;\r\n\t\t\t:menus=\&quot;[\r\n\t\t\t\t{\r\n\t\t\t\t\ttitle: i18n[0],\r\n\t\t\t\t\ticon: &#039;menu-profile&#039;,\r\n\t\t\t\t\turl: admin_url + &#039;?page=postman%2Fconfiguration#account_config&#039;\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: &#039;menu-fallback&#039;,\r\n\t\t\t\t\turl: admin_url + &#039;?page=postman%2Fconfiguration#fallback&#039;\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: &#039;menu-message&#039;,\r\n\t\t\t\t\turl: admin_url + &#039;?page=postman%2Fconfiguration#message_config&#039;\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: &#039;menu-logging&#039;,\r\n\t\t\t\t\turl: admin_url + &#039;?page=postman%2Fconfiguration#logging_config&#039;\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: &#039;menu-settings&#039;,\r\n\t\t\t\t\turl: admin_url + &#039;?page=postman%2Fconfiguration#advanced_options_config&#039;\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: &#039;menu-bell&#039;,\r\n\t\t\t\t\turl: admin_url + &#039;?page=postman%2Fconfiguration#notifications&#039;\r\n\t\t\t\t},\r\n\t\t\t]\&quot;\r\n\t\t&gt;&lt;/post-smtp-settings-menu&gt;\r\n\r\n\t\t&lt;post-smtp-notification-bar\r\n\t\t\t:style=\&quot;showHideNotificationBar\&quot;\r\n\t\t\t:notifications=\&quot;failed_notifications\&quot;\r\n\t\t&gt;&lt;/post-smtp-notification-bar&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\n\r\nexport default {\r\n\tname: &#039;PostSMTPSettings&#039;,\r\n\r\n\tprops: {\r\n\t\tbuttons: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault: () =&gt; [],\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) =&gt; ( {\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 = &#039;block&#039;;\r\n\t\t\t} else {\r\n\t\t\t\tdisplay = &#039;none&#039;;\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 = &#039;block&#039;;\r\n\t\t\t} else {\r\n\t\t\t\tdisplay = &#039;none&#039;;\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 ( &#039;setting&#039; === 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 ( &#039;bell&#039; === 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( &#039;get-failed-logs&#039; )\r\n\t\t\t\t.then( response =&gt; {\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( &#039;click&#039;, ( e ) =&gt; {\r\n\t\t\tif ( ! e.target.closest( &#039;.settings&#039; ) ) {\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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div class=\&quot;post-smtp-settings-menu-wrapper\&quot;&gt;\r\n\t\t&lt;div class=\&quot;post-smtp-dropdown-menu\&quot; v-for=\&quot;menu in menus\&quot;&gt;\r\n\t\t\t&lt;a :href=\&quot;menu.url\&quot; class=\&quot;post-smtp-button\&quot;&gt;\r\n\t\t\t\t&lt;post-smtp-img :fallback=\&quot;&#039;menu-fallback&#039; === menu.icon\&quot; style=\&quot;margin-bottom: -4px;margin-right: 8px;\&quot; :src=\&quot;plugin_dir_url + &#039;assets/images/&#039; + menu.icon + &#039;.svg&#039; \&quot; &gt;&lt;/post-smtp-img&gt;\r\n\t\t\t\t{{ menu.title }}\r\n\t\t\t&lt;/a&gt;\r\n\t\t&lt;/div&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSmtpSettingsMenu&#039;,\r\n\r\n\tprops: {\r\n\t\tmenus: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault: () =&gt; [],\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) =&gt; ( {\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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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=\&quot;true\&quot;] {\r\n\tfilter: invert(100%);\r\n}\r\n\r\n.post-smtp-button:hover img[fallback=\&quot;true\&quot;] {\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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div class=\&quot;post-smtp-notification-bar-wrapper\&quot;&gt;\r\n\r\n\t\t&lt;div\r\n\t\t\tv-if=\&quot;notifications.length\&quot;\r\n\t\t\tv-for=\&quot;notification in notifications\&quot;\r\n\t\t\tclass=\&quot;post-smtp-notification-wrapper\&quot;\r\n\t\t\t:post-smtp-opened=\&quot;!notification.opened\&quot;\r\n\t\t&gt;\r\n\t\t\t&lt;a\r\n\t\t\t\thref=\&quot;#\&quot;\r\n\t\t\t\t@click=\&quot;( e ) =&gt; openNotification( e, notification, admin_url + &#039;?page=postman_email_log&amp;status=failed&#039; )\&quot;\r\n\t\t\t\tstyle=\&quot;text-decoration: none\&quot;\r\n\t\t\t&gt;\r\n\t\t\t\t&lt;div class=\&quot;post-smtp-notification-content-wrapper\&quot;&gt;\r\n\t\t\t\t\t&lt;div class=\&quot;full-width-content\&quot;&gt;\r\n\t\t\t\t\t\t&lt;div class=\&quot;left-side-content\&quot;&gt;\r\n\t\t\t\t\t\t\t&lt;h2 class=\&quot;post-smtp-notification-title\&quot;&gt;\r\n\t\t\t\t\t\t\t\t&lt;span style=\&quot;margin-right: 6px;display: inline-block\&quot;&gt;\r\n\t\t\t\t\t\t\t\t\t&lt;svg width=\&quot;20\&quot; height=\&quot;20\&quot; viewBox=\&quot;0 0 20 20\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\r\n\t\t\t\t\t\t\t\t\t\t&lt;path d=\&quot;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\&quot; fill=\&quot;#E67373\&quot;/&gt;\r\n\t\t\t\t\t\t\t\t\t&lt;/svg&gt;\r\n\t\t\t\t\t\t\t\t&lt;/span&gt;\r\n\t\t\t\t\t\t\t\t{{ i18n.title }}\r\n\t\t\t\t\t\t\t&lt;/h2&gt;\r\n\t\t\t\t\t\t\t&lt;p class=\&quot;post-smtp-notification-content\&quot;&gt;{{ notification.subject }}&lt;/p&gt;\r\n\t\t\t\t\t\t&lt;/div&gt;\r\n\r\n\t\t\t\t\t\t&lt;div style=\&quot;text-align: right\&quot; class=\&quot;right-side-content notification-timeline\&quot;&gt;\r\n\t\t\t\t\t\t\t{{ notification.delivery_time }}\r\n\t\t\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t\t&lt;div class=\&quot;clearfix\&quot;&gt;&lt;/div&gt;\r\n\t\t\t\t\t&lt;/div&gt;\r\n\r\n\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/a&gt;\r\n\r\n\t\t\t&lt;a\r\n\t\t\t\tclass=\&quot;notification-bin left-side-content\&quot;\r\n\t\t\t\tv-if=\&quot;notification.opened\&quot;\r\n\t\t\t\t@click=\&quot;( e ) =&gt; removeNotification( e, notification )\&quot;\r\n\t\t\t\tstyle=\&quot;text-decoration: none;position: absolute;bottom: 20px;right: 20px;z-index: 20;\&quot;\r\n\t\t\t&gt;\r\n\t\t\t\t&lt;post-smtp-img :src=\&quot;plugin_dir_url + &#039;assets/images/bin.svg&#039;\&quot;&gt;&lt;/post-smtp-img&gt;\r\n\t\t\t&lt;/a&gt;\r\n\t\t&lt;/div&gt;\r\n\r\n\t\t&lt;div v-else&gt;\r\n\t\t\t&lt;div class=\&quot;post-smtp-notification-content-wrapper\&quot;&gt;\r\n\t\t\t\t&lt;div class=\&quot;left-side-content\&quot;&gt;\r\n\r\n\t\t\t\t\t&lt;h2 class=\&quot;post-smtp-notification-title\&quot;&gt;\r\n\t\t\t\t\t\t\t\t&lt;span style=\&quot;margin-right: 6px;display: inline-block\&quot;&gt;\r\n\t\t\t\t\t\t\t\t\t&lt;svg width=\&quot;20\&quot; height=\&quot;20\&quot; viewBox=\&quot;0 0 20 20\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\r\n\t\t\t\t\t\t\t\t\t\t&lt;path d=\&quot;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\&quot; fill=\&quot;#E67373\&quot;/&gt;\r\n\t\t\t\t\t\t\t\t\t&lt;/svg&gt;\r\n\t\t\t\t\t\t\t\t&lt;/span&gt;\r\n\t\t\t\t\t\t{{ i18n.title }}\r\n\t\t\t\t\t&lt;/h2&gt;\r\n\t\t\t\t\t&lt;p class=\&quot;post-smtp-notification-content\&quot;&gt;{{ i18n.description }}&lt;/p&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\r\n\t\t\t\t&lt;div class=\&quot;clearfix\&quot;&gt;&lt;/div&gt;\r\n\r\n\t\t\t\t&lt;div class=\&quot;full-width-content mt-10\&quot;&gt;\r\n\t\t\t\t\t&lt;span class=\&quot;notification-timeline right-side-content\&quot;&gt;&lt;/span&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t&lt;/div&gt;\r\n\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;post-smtp-notification-bar&#039;,\r\n\r\n\tprops: {\r\n\t\tnotifications: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault: () =&gt; [],\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) =&gt; ( {\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( &#039;open-notification&#039;, {\r\n\t\t\t\tid: notification.id,\r\n\t\t\t} )\r\n\t\t\t\t.then( response =&gt; {\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( &#039;remove-notification/&#039;, {\r\n\t\t\t\t\tid: notification.id,\r\n\t\t\t\t} )\r\n\t\t\t\t\t.then( response =&gt; {\r\n\t\t\t\t\t\tconst index = this.notifications.indexOf( notification );\r\n\r\n\t\t\t\t\t\tif ( index &gt; -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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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=\&quot;false\&quot;] {\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: &#039;&#039;;\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=\&quot;true\&quot;] .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=\&quot;true\&quot;] .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: &#039;&#039;;\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: &#039;&#039;;\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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n&lt;div&gt;\r\n\t&lt;!-- ✅ Show Gmail One Click widget only if Pro is NOT active --&gt;\r\n\t&lt;post-smtp-gmail-one-click-banner v-if=\&quot;!postSmtpPro\&quot; /&gt;\r\n\r\n\t&lt;!-- ✅ Show Office One Click widget only if Professional or Basic plan is active --&gt;\r\n\t&lt;post-smtp-widget v-if=\&quot;isProfessionalOrBasic\&quot; class=\&quot;office-wrapper\&quot;&gt;\r\n\t\t&lt;div class=\&quot;img-wrapper\&quot;&gt;\r\n\t\t\t&lt;a class=\&quot;office-click\&quot; target=\&quot;_blank\&quot; href=\&quot;https://postmansmtp.com/pricing/\&quot;&gt;\r\n\t\t\t\t&lt;post-smtp-img class=\&quot;office-one-click\&quot; :src=\&quot;plugin_dir_url + &#039;assets/images/office_oneclick.gif&#039;\&quot; /&gt;\r\n\t\t\t&lt;/a&gt;\r\n\t\t&lt;/div&gt;\r\n\t&lt;/post-smtp-widget&gt;\r\n\r\n\t&lt;!-- ✅ Show Ads only if Pro is active and configured --&gt;\r\n\t&lt;post-smtp-ads\r\n\t\tv-if=\&quot;postSmtpPro &amp;&amp; postSmtpConfigured\&quot;\r\n\t\tclass=\&quot;mb-24\&quot;\r\n\t\t:post-smtp-pro=\&quot;postSmtpPro\&quot;\r\n\t\t:is-mobile-app-configured=\&quot;isMobileAppConfigured\&quot;\r\n\t\t:is-main-wp-configured=\&quot;isMainWpConfigured\&quot;\r\n\t\t:is-domain-spam-score-configured=\&quot;isDomainSpamScoreConfigured\&quot;\r\n\t/&gt;\r\n\r\n\t&lt;!-- ✅ Always show Troubleshooting widget --&gt;\r\n\t&lt;post-smtp-widget class=\&quot;troubleshooting\&quot;&gt;\r\n\t\t&lt;div class=\&quot;troubleshooting-header\&quot;&gt;\r\n\t\t\t{{ i18n.titleTroubleshooting }}\r\n\t\t&lt;/div&gt;\r\n\t\t&lt;div class=\&quot;troubleshooting-content\&quot;&gt;\r\n\t\t\t&lt;ul&gt;\r\n\t\t\t\t&lt;li v-for=\&quot;troubleshoot in troubleshooting\&quot; class=\&quot;troubleshoot\&quot;&gt;\r\n\t\t\t\t\t&lt;div v-if=\&quot;troubleshoot.show\&quot;&gt;\r\n\t\t\t\t\t\t&lt;span v-if=\&quot;!troubleshoot.image\&quot; style=\&quot;margin-right: 15px; color: #3c5daa;\&quot; :class=\&quot;troubleshoot.icon\&quot;&gt;&lt;/span&gt;\r\n\t\t\t\t\t\t&lt;img v-if=\&quot;troubleshoot.image\&quot; style=\&quot;margin-bottom: -5px; margin-right: 16px;\&quot; :src=\&quot;plugin_dir_url + &#039;assets/images/&#039; + troubleshoot.icon\&quot; /&gt;\r\n\t\t\t\t\t\t&lt;a :target=\&quot;troubleshoot.target\&quot; :href=\&quot;troubleshoot.url\&quot;&gt;\r\n\t\t\t\t\t\t\t{{ troubleshoot.title }}\r\n\t\t\t\t\t\t\t&lt;span v-if=\&quot;troubleshoot.target\&quot; style=\&quot;color: #8B8F9A; font-size: 15px; margin-left: -3px;\&quot; class=\&quot;dashicons dashicons-external\&quot;&gt;&lt;/span&gt;\r\n\t\t\t\t\t\t&lt;/a&gt;\r\n\t\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t&lt;/li&gt;\r\n\t\t\t&lt;/ul&gt;\r\n\t\t&lt;/div&gt;\r\n\t&lt;/post-smtp-widget&gt;\r\n\r\n&lt;/div&gt;\r\n\r\n\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSmtpSidebar&#039;,\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\r\n\t\tisProfessionalOrBasic: {\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 ) =&gt; ( {\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: &#039;email.svg&#039;,\r\n\t\t\t\turl: vm.$parent.admin_url + &#039;?page=postman/email_test&#039;,\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: &#039;https://postmansmtp.com/domain-health-checker/&#039;,\r\n\t\t\t\ticon: &#039;dashicons dashicons-performance&#039;,\r\n\t\t\t\timage: false,\r\n\t\t\t\ttarget: &#039;_blank&#039;,\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: &#039;import-export.svg&#039;,\r\n\t\t\t\turl: vm.$parent.admin_url + &#039;?page=postman/manage-options&#039;,\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: &#039;connectivity.svg&#039;,\r\n\t\t\t\turl: vm.$parent.admin_url + &#039;?page=postman/port_test&#039;,\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: &#039;diagnostic.svg&#039;,\r\n\t\t\t\turl: vm.$parent.admin_url + &#039;?page=postman/diagnostics&#039;,\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: &#039;reset.svg&#039;,\r\n\t\t\t\turl: vm.$parent.admin_url + &#039;?page=postman/manage-options&#039;,\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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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(\&quot;../images/email.svg\&quot;) inside;\r\n}\r\n\r\n.troubleshoot.import-export {\r\n\tlist-style: url(\&quot;../images/import-export.svg\&quot;) inside;\r\n}\r\n\r\n.troubleshoot.connectivity {\r\n\tlist-style: url(\&quot;../images/connectivity.svg\&quot;) inside;\r\n}\r\n\r\n.troubleshoot.diagnostic {\r\n\tlist-style: url(\&quot;../images/diagnostic.svg\&quot;) inside;\r\n}\r\n\r\n.troubleshoot.reset {\r\n\tlist-style: url(\&quot;../images/reset.svg\&quot;) 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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\n\t&lt;post-smtp-widget class=\&quot;gmail-wrapper\&quot;&gt;\n\t\t&lt;div class=\&quot;gmail-one-click-banner\&quot;&gt;\n\t\t\t&lt;div class=\&quot;gmail-one-click-banner__visual\&quot;&gt;\n\t\t\t\t&lt;post-smtp-img\n\t\t\t\t\tclass=\&quot;gmail-one-click-banner__gif\&quot;\n\t\t\t\t\t:src=\&quot;plugin_dir_url + &#039;assets/images/gmail_one_click.gif&#039;\&quot;\n\t\t\t\t\t:alt=\&quot;i18n.gifAlt\&quot;\n\t\t\t\t/&gt;\n\t\t\t&lt;/div&gt;\n\n\t\t\t&lt;div class=\&quot;gmail-one-click-banner__body\&quot;&gt;\n\t\t\t\t&lt;div class=\&quot;gmail-one-click-banner__header\&quot;&gt;\n\t\t\t\t\t&lt;div class=\&quot;gmail-one-click-banner__unlock-row\&quot;&gt;\n\t\t\t\t\t\t&lt;p class=\&quot;gmail-one-click-banner__unlock\&quot;&gt;{{ i18n.unlock }}&lt;/p&gt;\n\t\t\t\t\t\t&lt;span class=\&quot;gmail-one-click-banner__badge\&quot;&gt;\n\t\t\t\t\t\t\t&lt;post-smtp-img\n\t\t\t\t\t\t\t\tclass=\&quot;gmail-one-click-banner__badge-icon\&quot;\n\t\t\t\t\t\t\t\t:src=\&quot;plugin_dir_url + &#039;assets/images/gmail-pro-crown.svg&#039;\&quot;\n\t\t\t\t\t\t\t\t:alt=\&quot;i18n.badge\&quot;\n\t\t\t\t\t\t\t/&gt;\n\t\t\t\t\t\t\t&lt;span class=\&quot;gmail-one-click-banner__badge-text\&quot;&gt;{{ i18n.badge }}&lt;/span&gt;\n\t\t\t\t\t\t&lt;/span&gt;\n\t\t\t\t\t&lt;/div&gt;\n\t\t\t\t\t&lt;h3 class=\&quot;gmail-one-click-banner__title\&quot;&gt;{{ i18n.title }}&lt;/h3&gt;\n\t\t\t\t&lt;/div&gt;\n\n\t\t\t\t&lt;p class=\&quot;gmail-one-click-banner__description\&quot;&gt;{{ i18n.description }}&lt;/p&gt;\n\n\t\t\t\t&lt;ul class=\&quot;gmail-one-click-banner__benefits\&quot;&gt;\n\t\t\t\t\t&lt;li v-for=\&quot;( benefit, index ) in i18n.benefits\&quot; :key=\&quot;index\&quot;&gt;\n\t\t\t\t\t\t&lt;post-smtp-img\n\t\t\t\t\t\t\tclass=\&quot;gmail-one-click-banner__check\&quot;\n\t\t\t\t\t\t\t:src=\&quot;plugin_dir_url + &#039;assets/images/gmail-banner-check.png&#039;\&quot;\n\t\t\t\t\t\t\talt=\&quot;\&quot;\n\t\t\t\t\t\t/&gt;\n\t\t\t\t\t\t&lt;span&gt;{{ benefit }}&lt;/span&gt;\n\t\t\t\t\t&lt;/li&gt;\n\t\t\t\t&lt;/ul&gt;\n\n\t\t\t\t&lt;a\n\t\t\t\t\tclass=\&quot;gmail-one-click-banner__cta\&quot;\n\t\t\t\t\t:href=\&quot;pricingUrl\&quot;\n\t\t\t\t\ttarget=\&quot;_blank\&quot;\n\t\t\t\t\trel=\&quot;noopener noreferrer\&quot;\n\t\t\t\t&gt;\n\t\t\t\t\t&lt;svg class=\&quot;gmail-one-click-banner__cta-icon\&quot; width=\&quot;20\&quot; height=\&quot;20\&quot; viewBox=\&quot;0 0 16 16\&quot; fill=\&quot;none\&quot; aria-hidden=\&quot;true\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\n\t\t\t\t\t\t&lt;path d=\&quot;M9.33333 1.33334L4 9.33334H8L6.66667 14.6667L12 6.66667H8L9.33333 1.33334Z\&quot; fill=\&quot;currentColor\&quot;/&gt;\n\t\t\t\t\t&lt;/svg&gt;\n\t\t\t\t\t{{ i18n.button }}\n\t\t\t\t&lt;/a&gt;\n\t\t\t&lt;/div&gt;\n\t\t&lt;/div&gt;\n\t&lt;/post-smtp-widget&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n\tname: &#039;PostSmtpGmailOneClickBanner&#039;,\n\n\tdata: ( vm ) =&gt; ( {\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\n\t\ti18n: postSmtpNewDashboard.i18n.sidebar.gmailOneClick,\n\t\tpricingUrl: &#039;https://postmansmtp.com/pricing/?utm_source=plugin&amp;utm_medium=dashboard&amp;utm_campaign=gmail_one_click&#039;,\n\t} ),\n};\n&lt;/script&gt;\n\n&lt;style scoped&gt;\n.gmail-one-click-banner {\n\toverflow: hidden;\n\tborder: 1px solid #dce3f0;\n\tborder-radius: 12px;\n\tbackground: #ffffff;\n\tbox-shadow: 0 2px 8px rgba( 35, 31, 32, 0.06 );\n}\n\n.gmail-one-click-banner__visual {\n\tpadding: 12px 12px 0;\n\tbackground: #ffffff;\n}\n\n.gmail-one-click-banner__gif {\n\tdisplay: block;\n\twidth: 100%;\n\theight: auto;\n\tborder-radius: 8px 8px 0 0;\n}\n\n.gmail-one-click-banner__body {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tpadding: 16px 16px 18px;\n}\n\n.gmail-one-click-banner__header {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 2px;\n}\n\n.gmail-one-click-banner__unlock-row {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\twidth: 100%;\n}\n\n.gmail-one-click-banner__unlock {\n\tmargin: 0;\n\tfont-family: Poppins, system-ui, sans-serif;\n\tfont-size: 10px;\n\tfont-weight: 700;\n\tline-height: 1.2;\n\tcolor: #375caf;\n}\n\n.gmail-one-click-banner__title {\n\tmargin: 0;\n\tfont-family: Poppins, system-ui, sans-serif;\n\tfont-size: 15px;\n\tfont-weight: 700;\n\tline-height: 1.25;\n\tcolor: #375caf;\n}\n\n.gmail-one-click-banner__badge {\n\tflex-shrink: 0;\n\tbox-sizing: border-box;\n\tdisplay: inline-flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 3.04px;\n\theight: 15.94px;\n\tpadding: 3.79px;\n\tborder-radius: 3.04px;\n\tbackground-color: #eae6ff;\n\tbackground-image: linear-gradient( 98.77deg, #214a72 -14.75%, #3a5eaf 98.73% );\n}\n\n.gmail-one-click-banner__badge-icon {\n\tdisplay: block;\n\twidth: auto;\n\theight: 8px;\n}\n\n.gmail-one-click-banner__badge-text {\n\tfont-family: Poppins, system-ui, sans-serif;\n\tfont-size: 8px;\n\tfont-weight: 700;\n\tline-height: 1;\n\tletter-spacing: 0.06em;\n\tcolor: #ffd114;\n}\n\n.gmail-one-click-banner__description {\n\tmargin: 0;\n\tfont-family: Poppins, system-ui, sans-serif;\n\tfont-size: 12px;\n\tfont-weight: 500;\n\tline-height: 1.45;\n\tcolor: #464646;\n}\n\n.gmail-one-click-banner__benefits {\n\tmargin: 2px 0 4px;\n\tpadding: 0;\n\tlist-style: none;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 7px;\n}\n\n.gmail-one-click-banner__benefits li {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 8px;\n\tfont-family: Poppins, system-ui, sans-serif;\n\tfont-size: 11px;\n\tfont-weight: 500;\n\tline-height: 1.35;\n\tcolor: #231f20;\n}\n\n.gmail-one-click-banner__check {\n\tflex-shrink: 0;\n\twidth: 12px;\n\theight: 12px;\n\tmargin-top: 1px;\n}\n\n.gmail-one-click-banner__cta {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 8px;\n\twidth: 85%;\n\tmargin: 0 auto;\n\tpadding: 12px 16px;\n\tborder-radius: 8px;\n\tbackground: #3a5eaf;\n\tcolor: #ffffff;\n\tfont-family: Poppins, system-ui, sans-serif;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tline-height: 1.2;\n\ttext-decoration: none;\n\ttransition: background 0.15s ease, transform 0.15s ease;\n}\n\n.gmail-one-click-banner__cta:hover,\n.gmail-one-click-banner__cta:focus {\n\tbackground: #2f4f98;\n\tcolor: #ffffff;\n\ttext-decoration: none;\n\tbox-shadow: none;\n\ttransform: translateY( -1px );\n}\n\n.gmail-one-click-banner__cta-icon {\n\tflex-shrink: 0;\n\twidth: 20px;\n\theight: 20px;\n}\n&lt;/style&gt;\n&quot;,&quot;&lt;template&gt;\r\n\t&lt;div class=\&quot;widget-wrapper\&quot;&gt;\r\n\t\t&lt;slot&gt;&lt;/slot&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSmtpWidget&#039;,\r\n\r\n\tdata: ( vm ) =&gt; ( {\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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div&gt;\r\n\r\n\t\t&lt;post-smtp-widget\r\n\t\t\tv-if=\&quot;!isMobileAppConfigured\&quot;\r\n\t\t\tclass=\&quot;mobile-wrapper\&quot;\r\n\t\t&gt;\r\n\t\r\n\t\t\t&lt;h3 class=\&quot;mobile-header\&quot;&gt;\r\n\t\t\t\t{{ i18n.mobileApp.title }}\r\n\t\t\t\t&lt;br&gt;\r\n\t\t\t\t&lt;strong&gt;{{ i18n.mobileApp.subTitle }}&lt;/strong&gt;\r\n\t\t\t&lt;/h3&gt;\r\n\r\n\t\t\t&lt;ul class=\&quot;mobile-unstyles-list\&quot;&gt;\r\n\t\t\t\t&lt;li&gt;{{ i18n.mobileApp.list[0] }}&lt;/li&gt;\r\n\t\t\t\t&lt;li&gt;{{ i18n.mobileApp.list[1] }}&lt;/li&gt;\r\n\t\t\t\t&lt;li&gt;{{ i18n.mobileApp.list[2] }}&lt;/li&gt;\r\n\t\t\t&lt;/ul&gt;\r\n\t\t\t&lt;div class=\&quot;img-wrapper\&quot;&gt;\r\n\t\t\t\t&lt;post-smtp-img class=\&quot;qrcode-img\&quot; :src=\&quot;plugin_dir_url + &#039;assets/images/qrcode.png&#039;\&quot; /&gt;\r\n\t\t\t\t&lt;post-smtp-img class=\&quot;qrcode-mobile-app\&quot; :src=\&quot;plugin_dir_url + &#039;assets/images/mobile-app.svg&#039;\&quot; /&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t&lt;/post-smtp-widget&gt;\r\n\r\n\t\t&lt;post-smtp-widget\r\n\t\t\tv-else-if=\&quot;!isMainWpConfigured\&quot;\r\n\t\t\tclass=\&quot;post-smtp-main-wp-wrapper\&quot;\r\n\t\t&gt;\r\n\t\t\t&lt;div class=\&quot;main-wp-header\&quot;&gt;\r\n\t\t\t\t&lt;h3&gt;\r\n\t\t\t\t\t{{ i18n.mainWP.title }}\r\n\t\t\t\t\t&lt;span&gt;{{ i18n.mainWP.subTitle }}&lt;/span&gt;\r\n\t\t\t\t&lt;/h3&gt;\r\n\t\t\t&lt;/div&gt;\r\n\r\n\t\t\t&lt;ul class=\&quot;main-wp-unstyled-list\&quot;&gt;\r\n\t\t\t\t&lt;li&gt;{{ i18n.mainWP.list[0] }}&lt;/li&gt;\r\n\t\t\t\t&lt;li&gt;{{ i18n.mainWP.list[1] }}&lt;/li&gt;\r\n\t\t\t\t&lt;li&gt;{{ i18n.mainWP.list[2] }}&lt;/li&gt;\r\n\t\t\t\t&lt;li&gt;{{ i18n.mainWP.list[3] }}&lt;/li&gt;\r\n\t\t\t\t&lt;li&gt;{{ i18n.mainWP.list[4] }}&lt;/li&gt;\r\n\t\t\t&lt;/ul&gt;\r\n\r\n\t\t\t&lt;div class=\&quot;main-wp-footer\&quot;&gt;\r\n\t\t\t\t&lt;a href=\&quot;https://postmansmtp.com/mainwp-post-smtp/?utm_source=plugin&amp;utm_medium=mainwp_banner&amp;utm_campaign=plugin\&quot;&gt;\r\n\t\t\t\t\t{{ i18n.mainWP.link }}\r\n\t\t\t\t&lt;/a&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t&lt;/post-smtp-widget&gt;\r\n\r\n\t\t&lt;post-smtp-widget\r\n\t\t\tv-else-if=\&quot;!isDomainSpamScoreConfigured\&quot;\r\n\t\t\tclass=\&quot;post-smtp-spam-score-wrapper\&quot;\r\n\t\t&gt;\r\n\t\t\t&lt;div&gt;\r\n\t\t\t\t&lt;div class=\&quot;post-smtp-spam-score-header\&quot;&gt;\r\n\t\t\t\t\t&lt;h2&gt;\r\n\t\t\t\t\t\t{{ i18n.spamScore.title }}\r\n\t\t\t\t\t\t&lt;br&gt;\r\n\t\t\t\t\t\t&lt;b&gt;{{ i18n.spamScore.subTitle }}&lt;/b&gt;\r\n\t\t\t\t\t&lt;/h2&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t&lt;ul class=\&quot;post-smtp-spam-score-list-unstyled\&quot;&gt;\r\n\t\t\t\t\t&lt;li&gt;{{ i18n.spamScore.list[0] }}&lt;/li&gt;\r\n\t\t\t\t\t&lt;li&gt;{{ i18n.spamScore.list[1] }}&lt;/li&gt;\r\n\t\t\t\t\t&lt;li&gt;{{ i18n.spamScore.list[2] }}&lt;/li&gt;\r\n\t\t\t\t\t&lt;li&gt;{{ i18n.spamScore.list[3] }}&lt;/li&gt;\r\n\t\t\t\t\t&lt;li&gt;{{ i18n.spamScore.list[4] }}&lt;/li&gt;\r\n\t\t\t\t&lt;/ul&gt;\r\n\t\t\t\t&lt;div class=\&quot;post-smtp-spam-score-footer\&quot;&gt;\r\n\t\t\t\t\t&lt;a href=\&quot;https://postmansmtp.com/domain-health-checker/?utm_source=plugin&amp;utm_medium=dashboard_banner&amp;utm_campaign=plugin\&quot;&gt;{{ i18n.spamScore.link }}&lt;/a&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t&lt;/post-smtp-widget&gt;\r\n\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\n\r\nexport default {\r\n\tname: &#039;PostSmtpAds&#039;,\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 ) =&gt; ( {\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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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(\&quot;../images/marker.svg\&quot;) 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: \&quot;\&quot;;\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(\&quot;../images/marker-3.svg\&quot;) inside;\r\n}\r\n&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div&gt;\r\n\t\t&lt;a :href=\&quot;href\&quot; :class=\&quot;class\&quot; :target=\&quot;target\&quot;&gt;\r\n\t\t\t&lt;slot&gt;&lt;/slot&gt;\r\n\t\t&lt;/a&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSmtpButton&#039;,\r\n\r\n\tprops: {\r\n\t\ttype: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: () =&gt; &#039;primary&#039;,\r\n\t\t},\r\n\r\n\t\thref: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: () =&gt; &#039;#&#039;,\r\n\t\t},\r\n\r\n\t\ttarget: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: () =&gt; &#039;_self&#039;,\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) =&gt; ( {\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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div&gt;\r\n\t\t&lt;div class=\&quot;mb-24 post-smtp-selector-wrapper\&quot;&gt;\r\n\t\t\t&lt;post-smtp-days-selector\r\n\t\t\t\tv-on:days-selector-event=\&quot;selectingDataFromDaysSelector\&quot;\r\n\t\t\t\tstyle=\&quot;float: left\&quot;\r\n\t\t\t\t:post-smtp-configured=\&quot;postSmtpConfigured\&quot;\r\n\t\t\t&gt;&lt;/post-smtp-days-selector&gt;\r\n\r\n\t\t\t&lt;a\r\n\t\t\t\tstyle=\&quot;float:right;\&quot;\r\n\t\t\t\tclass=\&quot;re-launch-wizard\&quot;\r\n\t\t\t\t:href=\&quot;admin_url + &#039;?page=postman/configuration_wizard&amp;action=add&#039;\&quot;\r\n\t\t\t\tv-if=\&quot;postSmtpConfigured || isMainWpConfigured\&quot;\r\n\t\t\t&gt;\r\n\t\t\t\t&lt;svg style=\&quot;margin-bottom: -4px;\&quot; width=\&quot;16\&quot; height=\&quot;16\&quot; viewBox=\&quot;0 0 16 16\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\r\n\t\t\t\t\t&lt;path fill-rule=\&quot;evenodd\&quot; clip-rule=\&quot;evenodd\&quot; d=\&quot;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\&quot; fill=\&quot;#375CAF\&quot;/&gt;\r\n\t\t\t\t&lt;/svg&gt;\r\n\t\t\t\t{{ i18n.relaunch }}&lt;/a&gt;\r\n\t\t&lt;/div&gt;\r\n\r\n\t\t&lt;post-smtp-banners\r\n\t\t\tclass=\&quot;mb-24\&quot;\r\n\t\t\tv-if=\&quot;! postSmtpConfigured\&quot;\r\n      :is-log-only-mode=\&quot;isLogOnlyMode\&quot;\r\n\t\t\t:post-smtp-configured=\&quot;postSmtpConfigured\&quot;\r\n\t\t&gt;&lt;/post-smtp-banners&gt;\r\n\r\n\t\t&lt;post-smtp-cards-container\r\n\t\t\t:period=\&quot;period\&quot;\r\n\t\t\tclass=\&quot;mb-24\&quot;\r\n\t\t\t:post-smtp-configured=\&quot;postSmtpConfigured\&quot;\r\n\t\t\t:post-smtp-pro=\&quot;postSmtpPro\&quot;\r\n\t\t&gt;&lt;/post-smtp-cards-container&gt;\r\n\r\n\t\t&lt;post-smtp-banners\r\n\t\t\tclass=\&quot;mb-24\&quot;\r\n\t\t\tv-if=\&quot;postSmtpConfigured\&quot;\r\n\t\t\t:post-smtp-configured=\&quot;postSmtpConfigured\&quot;\r\n      :is-log-only-mode=\&quot;isLogOnlyMode\&quot;\r\n\t\t&gt;&lt;/post-smtp-banners&gt;\r\n\r\n\t\t&lt;post-smtp-logs-section\r\n\t\t\tclass=\&quot;mb-24\&quot;\r\n\t\t\t:post-smtp-configured=\&quot;postSmtpConfigured\&quot;\r\n\t\t&gt;&lt;/post-smtp-logs-section&gt;\r\n\r\n\t\t&lt;post-smtp-pro-features\r\n\t\t\tv-if=\&quot;! postSmtpPro\&quot;\r\n\t\t\tclass=\&quot;mb-24\&quot;\r\n\t\t\t:post-smtp-ad-position=\&quot;postSmtpAdPosition\&quot;\r\n\t\t&gt;&lt;/post-smtp-pro-features&gt;\r\n\r\n\t\t&lt;post-smtp-guide class=\&quot;mb-24\&quot;&gt;&lt;/post-smtp-guide&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSmtpDashboard&#039;,\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\tisMainWpConfigured : {\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\tpostSmtpAdPosition: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: &#039;maximize&#039;,\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 ) =&gt; ( {\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tadmin_url: vm.$parent.admin_url,\r\n\t\tperiod: &#039;week&#039;,\r\n   \t\ti18n: 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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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: &#039;&#039;;\r\n\tclear: both;\r\n\tdisplay: table;\r\n}\r\n&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div :class=\&quot;disable_when_not_configure\&quot;&gt;\r\n\t\t&lt;button @click=\&quot;e =&gt; daysSelectorEventHandler( e, &#039;month&#039; )\&quot; class=\&quot; days-selector\&quot;&gt;{{ i18n[0] }}&lt;/button&gt;\r\n\t\t&lt;button @click=\&quot;e =&gt; daysSelectorEventHandler( e, &#039;week&#039; )\&quot; class=\&quot;active days-selector\&quot;&gt;{{ i18n[1] }}&lt;/button&gt;\r\n\t\t&lt;button @click=\&quot;e =&gt; daysSelectorEventHandler( e, &#039;day&#039; )\&quot; class=\&quot;days-selector\&quot;&gt;{{ i18n[2] }}&lt;/button&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\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: &#039;PostSmtpDaysSelector&#039;,\r\n\r\n\tdata: ( vm ) =&gt; ( {\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( &#039;.days-selector&#039; );\r\n\r\n\t\t\tbuttons.forEach( button =&gt; {\r\n\t\t\t\tbutton.classList.remove( &#039;active&#039; );\r\n\t\t\t} );\r\n\r\n\t\t\te.target.classList.add( &#039;active&#039; );\r\n\r\n\t\t\tthis.$emit( &#039;days-selector-event&#039;, 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&#039;wrapper&#039;: true,\r\n\t\t\t};\r\n\r\n\t\t\tif ( ! this.postSmtpConfigured ) {\r\n\t\t\t\tclasses[&#039;disabled&#039;] = 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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div class=\&quot;card-container\&quot;&gt;\r\n\r\n\t\t&lt;post-smtp-card\r\n\t\t\ttype=\&quot;all\&quot;\r\n\t\t\t:is-pro=\&quot;postSmtpPro\&quot;\r\n\t\t\tclass=\&quot;post-smtp-card-box\&quot;\r\n\t\t&gt;\r\n\r\n\t\t\t&lt;template v-slot:count&gt;\r\n\t\t\t\t&lt;div v-if=\&quot;postSmtpConfigured\&quot;&gt;\r\n\t\t\t\t\t{{ totalEmails }}\r\n\t\t\t\t&lt;/div&gt;\r\n\r\n\t\t\t\t&lt;div v-else&gt;\r\n\t\t\t\t\t0\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/template&gt;\r\n\r\n\t\t\t&lt;template v-slot:content&gt;\r\n\t\t\t\t&lt;div&gt;\r\n\t\t\t\t\t{{ i18n.total }}\r\n\t\t\t\t\t&lt;br&gt;\r\n\t\t\t\t\t&lt;span\r\n\t\t\t\t\t\tclass=\&quot;post-smtp-content-lighter\&quot;\r\n\t\t\t\t\t\tv-if=\&quot;postSmtpConfigured\&quot;\r\n\t\t\t\t\t&gt;{{ title }}&lt;/span&gt;\r\n\r\n\t\t\t\t\t&lt;span\r\n\t\t\t\t\t\tclass=\&quot;post-smtp-content-lighter\&quot;\r\n\t\t\t\t\t\tv-else\r\n\t\t\t\t\t&gt;-&lt;/span&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/template&gt;\r\n\t\t&lt;/post-smtp-card&gt;\r\n\r\n\t\t&lt;post-smtp-card\r\n\t\t\ttype=\&quot;success\&quot;\r\n\t\t\t:is-pro=\&quot;postSmtpPro\&quot;\r\n\t\t\tclass=\&quot;post-smtp-card-box\&quot;\r\n\t\t&gt;\r\n\r\n\t\t\t&lt;template v-slot:count&gt;\r\n\t\t\t\t&lt;div\r\n\t\t\t\t\tv-if=\&quot;postSmtpConfigured\&quot;\r\n\t\t\t\t&gt;\r\n\t\t\t\t\t{{ successEmails }}\r\n\t\t\t\t&lt;/div&gt;\r\n\r\n\t\t\t\t&lt;div\r\n\t\t\t\t\tv-else\r\n\t\t\t\t&gt;0&lt;/div&gt;\r\n\t\t\t&lt;/template&gt;\r\n\r\n\t\t\t&lt;template v-slot:content&gt;\r\n\t\t\t\t&lt;div&gt;\r\n\t\t\t\t\t{{ i18n.success }}\r\n\t\t\t\t\t&lt;br&gt;\r\n\t\t\t\t\t&lt;span\r\n\t\t\t\t\t\tclass=\&quot;post-smtp-content-lighter\&quot;\r\n\t\t\t\t\t\tv-if=\&quot;postSmtpConfigured\&quot;\r\n\t\t\t\t\t&gt;{{ title }}&lt;/span&gt;\r\n\r\n\t\t\t\t\t&lt;span\r\n\t\t\t\t\t\tclass=\&quot;post-smtp-content-lighter\&quot;\r\n\t\t\t\t\t\tv-else\r\n\t\t\t\t\t&gt;-&lt;/span&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/template&gt;\r\n\t\t&lt;/post-smtp-card&gt;\r\n\r\n\t\t&lt;post-smtp-card\r\n\t\t\ttype=\&quot;failed\&quot;\r\n\t\t\t:is-pro=\&quot;postSmtpPro\&quot;\r\n\t\t\tclass=\&quot;post-smtp-card-box\&quot;\r\n\t\t&gt;\r\n\r\n\t\t\t&lt;template v-slot:count&gt;\r\n\t\t\t\t&lt;div\r\n\t\t\t\t\tv-if=\&quot;postSmtpConfigured\&quot;\r\n\t\t\t\t&gt;\r\n\t\t\t\t\t{{ failedEmails }}\r\n\t\t\t\t&lt;/div&gt;\r\n\r\n\t\t\t\t&lt;div\r\n\t\t\t\t\tv-else\r\n\t\t\t\t&gt;0&lt;/div&gt;\r\n\t\t\t&lt;/template&gt;\r\n\r\n\t\t\t&lt;template v-slot:content&gt;\r\n\t\t\t\t&lt;div&gt;\r\n\t\t\t\t\t{{ i18n.failed }}\r\n\t\t\t\t\t&lt;br&gt;\r\n\t\t\t\t\t&lt;span\r\n\t\t\t\t\t\tclass=\&quot;post-smtp-content-lighter\&quot;\r\n\t\t\t\t\t\tv-if=\&quot;postSmtpConfigured\&quot;\r\n\t\t\t\t\t&gt;{{ title }}&lt;/span&gt;\r\n\r\n\t\t\t\t\t&lt;span\r\n\t\t\t\t\t\tclass=\&quot;post-smtp-content-lighter\&quot;\r\n\t\t\t\t\t\tv-else\r\n\t\t\t\t\t&gt;-&lt;/span&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/template&gt;\r\n\t\t&lt;/post-smtp-card&gt;\r\n\r\n\t\t&lt;!--\tv-if=! isPro\t--&gt;\r\n\t\t&lt;post-smtp-card\r\n\t\t\ttype=\&quot;opened--pro\&quot;\r\n\t\t\tv-if=\&quot;! postSmtpPro\&quot;\r\n\t\t\tclass=\&quot;pro-remove-margin\&quot;\r\n\t\t\t@click=\&quot;redirectToPro\&quot;\r\n\t\t\tstyle=\&quot;cursor: pointer;\&quot;\r\n\t\t&gt;\r\n\r\n\t\t\t&lt;template v-slot:count&gt;\r\n\t\t\t\t&lt;div style=\&quot;margin-bottom: 5px;\&quot; class=\&quot;pro-content-header\&quot;&gt;\r\n\t\t\t\t\t{{ i18n.openedPro.title }}\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/template&gt;\r\n\r\n\t\t\t&lt;template v-slot:content&gt;\r\n\t\t\t\t&lt;post-smtp-img\r\n\t\t\t\t\tstyle=\&quot;margin-right: 4px;margin-bottom: -2px;\&quot;\r\n\t\t\t\t\t:src=\&quot;plugin_dir_url + &#039;assets/images/pro-lock.svg&#039;\&quot;\r\n\t\t\t\t\talt=\&quot;Unlock\&quot;\r\n\t\t\t\t&gt;&lt;/post-smtp-img&gt;\r\n\t\t\t\t&lt;a target=\&quot;_blank\&quot; href=\&quot;https://postmansmtp.com/pricing/?utm_source=dashboard&amp;utm_medium=pro_grid&amp;utm_campaign=plugin\&quot;&gt;\r\n\t\t\t\t\t&lt;span class=\&quot;pro-content\&quot;&gt;\r\n\t\t\t\t\t\t{{ i18n.openedPro.subTitle }}\r\n\t\t\t\t\t&lt;/span&gt;\r\n\t\t\t\t&lt;/a&gt;\r\n\t\t\t&lt;/template&gt;\r\n\t\t&lt;/post-smtp-card&gt;\r\n\t\t&lt;!--\tv-endif\t--&gt;\r\n\r\n\t\t&lt;post-smtp-card\r\n\t\t\ttype=\&quot;opened--pro\&quot;\r\n\t\t\t:is-pro=\&quot;postSmtpPro\&quot;\r\n\t\t\tv-if=\&quot;postSmtpPro\&quot;\r\n\t\t\tclass=\&quot;post-smtp-card-box\&quot;\r\n\t\t&gt;\r\n\r\n\t\t\t&lt;template v-slot:count&gt;\r\n\t\t\t\t&lt;div\r\n\t\t\t\t\tv-if=\&quot;postSmtpConfigured\&quot;\r\n\t\t\t\t&gt;\r\n\t\t\t\t\t{{ openedEmails }}\r\n\t\t\t\t&lt;/div&gt;\r\n\r\n\t\t\t\t&lt;div\r\n\t\t\t\t\tv-else\r\n\t\t\t\t&gt;0&lt;/div&gt;\r\n\t\t\t&lt;/template&gt;\r\n\r\n\t\t\t&lt;template v-slot:content&gt;\r\n\t\t\t\t&lt;div&gt;\r\n\t\t\t\t\t{{ i18n.opened }}\r\n\t\t\t\t\t&lt;br&gt;\r\n\t\t\t\t\t&lt;span\r\n\t\t\t\t\t\tclass=\&quot;post-smtp-content-lighter\&quot;\r\n\t\t\t\t\t\tv-if=\&quot;postSmtpConfigured\&quot;\r\n\t\t\t\t\t&gt;{{ title }}&lt;/span&gt;\r\n\r\n\t\t\t\t\t&lt;span\r\n\t\t\t\t\t\tclass=\&quot;post-smtp-content-lighter\&quot;\r\n\t\t\t\t\t\tv-else\r\n\t\t\t\t\t&gt;-&lt;/span&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/template&gt;\r\n\t\t&lt;/post-smtp-card&gt;\r\n\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSmtpCardsContainer&#039;,\r\n\r\n\tprops: {\r\n\t\tperiod: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: () =&gt; &#039;month&#039;,\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 ) =&gt; ( {\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: &#039;0&#039;,\r\n\t\tsuccessEmails: &#039;0&#039;,\r\n\t\tfailedEmails: &#039;0&#039;,\r\n\t\ttitle: &#039;&#039;,\r\n\r\n\t\topenedEmails: &#039;0&#039;,\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 &#039;day&#039;:\r\n\t\t\t\t\treturn this.i18n.days[0];\r\n\r\n\t\t\t\tcase &#039;week&#039;:\r\n\t\t\t\t\treturn this.i18n.days[1];\r\n\r\n\t\t\t\tcase &#039;month&#039;:\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( &#039;email-count&#039;, {\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 =&gt; {\r\n\t\t\t\t\tif ( typeof response.data.count != \&quot;undefined\&quot; ) {\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( &#039;https://postmansmtp.com/pricing/?utm_source=dashboard&amp;utm_medium=pro_grid&amp;utm_campaign=plugin&#039;, &#039;_blank&#039; );\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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\r\n.card-container * {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n}\r\n\r\n.card-container::after {\r\n\tcontent: \&quot;\&quot;;\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=\&quot;true\&quot;] .post-smtp-content-lighter {\r\n\tcolor: #fff;\r\n}\r\n&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div :class=\&quot;classes\&quot; :is-pro=\&quot;isPro\&quot;&gt;\r\n\t\t&lt;div class=\&quot;post-smtp-card-content-wrapper\&quot;&gt;\r\n\t\t\t&lt;div class=\&quot;post-smtp-image-container\&quot; style=\&quot;margin-right: 15px;\&quot;&gt;\r\n\t\t\t\t&lt;slot name=\&quot;image\&quot;&gt;&lt;/slot&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;div&gt;\r\n\t\t\t\t&lt;div class=\&quot;post-smtp-count-wrapper\&quot; :style=\&quot;&#039;margin-bottom: &#039; + ( &#039;opened--pro&#039; === type ? &#039;5px&#039; : &#039;8.36px&#039; ) + &#039;;&#039;\&quot;&gt;\r\n\t\t\t\t\t&lt;h2 class=\&quot;post-smtp-count\&quot;&gt;\r\n\t\t\t\t\t\t&lt;slot name=\&quot;count\&quot;&gt;&lt;/slot&gt;\r\n\t\t\t\t\t&lt;/h2&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t&lt;div&gt;\r\n\t\t\t\t\t&lt;p class=\&quot;post-smtp-content\&quot;&gt;\r\n\t\t\t\t\t\t&lt;slot name=\&quot;content\&quot;&gt;&lt;/slot&gt;\r\n\t\t\t\t\t&lt;/p&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t&lt;/div&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSmtpCard&#039;,\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 ) =&gt; ( {\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&#039;post-smtp-card&#039;: true,\r\n\t\t\t\t&#039;post-smtp-card-all&#039;: this.type === &#039;all&#039;,\r\n\t\t\t\t&#039;post-smtp-card-success&#039;: this.type === &#039;success&#039;,\r\n\t\t\t\t&#039;post-smtp-card-failed&#039;: this.type === &#039;failed&#039;,\r\n\t\t\t\t&#039;post-smtp-card-opened--pro&#039;: this.type === &#039;opened--pro&#039;,\r\n\r\n\t\t\t\t&#039;post-smtp-card-pro&#039;: this.isPro,\r\n\t\t\t};\r\n\t\t},\r\n\t}\r\n}\r\n&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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( &#039;../images/total-emails.png&#039; );\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( &#039;../images/successfull-emails.png&#039; );\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( &#039;../images/failed-emails.png&#039; );\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( &#039;../images/opened-emails.png&#039; );\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( &#039;../images/pro-total-emails.png.png&#039; );\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( &#039;../images/pro-successfull-emails.png&#039; );\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( &#039;../images/pro-failed-emails.png&#039; );\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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div&gt;\r\n\t\t&lt;post-smtp-notice\r\n\t\t\ttype=\&quot;success\&quot;\r\n\t\t\tv-if=\&quot;( postSmtpConfigured || isMainWpConfigured ) &amp;&amp; ! isLogOnlyMode\&quot;\r\n\t\t&gt;\r\n\t\t\t&lt;template v-slot:title&gt;\r\n\t\t\t\t{{ i18n.configured.text }}\r\n\t\t\t&lt;/template&gt;\r\n\t\t\t\r\n\r\n\t\t\t&lt;template v-slot:button&gt;\r\n\t\t\t\t&lt;a :href=\&quot;send_test_email_url\&quot; class=\&quot;post-smtp-button\&quot;&gt;\r\n\t\t\t\t\t{{ i18n.configured.button }}\r\n\t\t\t\t\t&lt;i&gt;\r\n\t\t\t\t\t\t&lt;svg style=\&quot;margin-bottom: -1px;\&quot; width=\&quot;12\&quot; height=\&quot;13\&quot; viewBox=\&quot;0 0 12 13\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;&lt;g clip-path=\&quot;url(#clip0_67_1316)\&quot;&gt;&lt;path d=\&quot;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\&quot; fill=\&quot;white\&quot;/&gt;&lt;/g&gt;&lt;defs&gt;&lt;clipPath id=\&quot;clip0_67_1316\&quot;&gt;&lt;rect width=\&quot;12\&quot; height=\&quot;12\&quot; fill=\&quot;white\&quot; transform=\&quot;translate(0 0.100098)\&quot;/&gt;&lt;/clipPath&gt;&lt;/defs&gt;&lt;/svg&gt;\r\n\t\t\t\t\t&lt;/i&gt;\r\n\t\t\t\t&lt;/a&gt;\r\n\t\t\t&lt;/template&gt;\r\n\t\t&lt;/post-smtp-notice&gt;\r\n\r\n\t\t&lt;post-smtp-notice\r\n\t\t\ttype=\&quot;warning\&quot;\r\n\t\t\tv-if=\&quot;! postSmtpConfigured &amp;&amp; ! isMainWpConfigured &amp;&amp; ! isLogOnlyMode\&quot;\r\n\t\t&gt;\r\n\t\t\r\n\t\t\t&lt;template v-slot:title&gt;\r\n\t\t\t\t{{ i18n.notConfigured.text }}\r\n\t\t\t&lt;/template&gt;\r\n\t\t\t\r\n\r\n\t\t\t&lt;template v-slot:button&gt;\r\n\t\t\t\t&lt;a :href=\&quot;wizard_url\&quot; class=\&quot;post-smtp-button\&quot;&gt;\r\n\t\t\t\t\t{{ i18n.notConfigured.button }}\r\n\t\t\t\t\t&lt;i&gt;\r\n\t\t\t\t\t\t&lt;svg style=\&quot;margin-bottom: -4px;\&quot; width=\&quot;15\&quot; height=\&quot;16\&quot; viewBox=\&quot;0 0 15 16\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\r\n\t\t\t\t\t\t\t&lt;path d=\&quot;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\&quot; fill=\&quot;#EEEEEE\&quot;/&gt;\r\n\t\t\t\t\t\t&lt;/svg&gt;\r\n\t\t\t\t\t&lt;/i&gt;\r\n\t\t\t\t&lt;/a&gt;\r\n\t\t\t&lt;/template&gt;\r\n\t\t&lt;/post-smtp-notice&gt;\r\n\r\n    &lt;post-smtp-notice\r\n        type=\&quot;warning\&quot;\r\n        v-if=\&quot;isLogOnlyMode\&quot;\r\n    &gt;\r\n      &lt;template v-slot:title&gt;\r\n        {{ i18n.isLogOnly.text }}\r\n      &lt;/template&gt;\r\n\r\n\r\n      &lt;template v-slot:button&gt;\r\n        &lt;a :href=\&quot;wizard_url\&quot; class=\&quot;post-smtp-button\&quot;&gt;\r\n          {{ i18n.isLogOnly.button }}\r\n          &lt;i&gt;\r\n            &lt;svg style=\&quot;margin-bottom: -4px;\&quot; width=\&quot;15\&quot; height=\&quot;16\&quot; viewBox=\&quot;0 0 15 16\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\r\n              &lt;path d=\&quot;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\&quot; fill=\&quot;#EEEEEE\&quot;/&gt;\r\n            &lt;/svg&gt;\r\n          &lt;/i&gt;\r\n        &lt;/a&gt;\r\n      &lt;/template&gt;\r\n    &lt;/post-smtp-notice&gt;\r\n\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;post-smtp-banners&#039;,\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\tisMainWpConfigured: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n    isLogOnlyMode: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n\t},\r\n\r\n\tdata: ( vm ) =&gt; ( {\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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div class=\&quot;post-smtp-notice-wrapper\&quot;&gt;\r\n\t\t&lt;div :class=\&quot;classes\&quot;&gt;\r\n\t\t\t&lt;div&gt;\r\n\t\t\t\t&lt;p class=\&quot;post-smtp-notice-content\&quot;&gt;\r\n\t\t\t\t\t&lt;span\r\n\t\t\t\t\t\tclass=\&quot;post-smtp-notice-icon\&quot;\r\n\t\t\t\t\t&gt;\r\n\t\t\t\t\t\t&lt;svg style=\&quot;margin-bottom: -5px;\&quot; v-if=\&quot;&#039;success&#039; === type\&quot; width=\&quot;16\&quot; height=\&quot;17\&quot; viewBox=\&quot;0 0 16 17\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\r\n\t\t\t\t\t\t\t&lt;path d=\&quot;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\&quot; fill=\&quot;#6EB68B\&quot;/&gt;\r\n\t\t\t\t\t\t&lt;/svg&gt;\r\n\r\n\t\t\t\t\t\t&lt;svg style=\&quot;margin-bottom: -2px;\&quot; v-if=\&quot;&#039;warning&#039; === type\&quot; width=\&quot;16\&quot; height=\&quot;16\&quot; viewBox=\&quot;0 0 16 16\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\r\n\t\t\t\t\t\t\t&lt;path d=\&quot;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\&quot; fill=\&quot;#CF6969\&quot;/&gt;\r\n\t\t\t\t\t\t&lt;/svg&gt;\r\n\r\n\t\t\t\t\t&lt;/span&gt;\r\n\r\n\t\t\t\t\t&lt;strong&gt;\r\n\t\t\t\t\t\t&lt;slot name=\&quot;title\&quot;&gt;&lt;/slot&gt;\r\n\t\t\t\t\t&lt;/strong&gt;\r\n\t\t\t\t\t&lt;slot name=\&quot;message\&quot;&gt;&lt;/slot&gt;\r\n\t\t\t\t&lt;/p&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;div&gt;\r\n\t\t\t\t&lt;slot name=\&quot;button\&quot;&gt;&lt;/slot&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t&lt;/div&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;postSmtpNotice&#039;,\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 ) =&gt; ( {\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&#039;post-smtp-notice&#039;: true,\r\n\t\t\t\t&#039;post-smtp-notice-success&#039;: this.type === &#039;success&#039;,\r\n\t\t\t\t&#039;post-smtp-notice-error&#039;: this.type === &#039;error&#039;,\r\n\t\t\t\t&#039;post-smtp-notice-warning&#039;: this.type === &#039;warning&#039;,\r\n\t\t\t};\r\n\t\t},\r\n\t},\r\n}\r\n&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div class=\&quot;post-smtp-logs-wrapper\&quot;&gt;\r\n\r\n\t\t&lt;div class=\&quot;post-smtp-logs-header\&quot;&gt;\r\n\t\t\t&lt;div class=\&quot;float-left\&quot;&gt;\r\n\t\t\t\t&lt;h2&gt;{{ i18n.title }}&lt;/h2&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;div class=\&quot;float-right\&quot;&gt;\r\n\t\t\t\t&lt;a :href=\&quot;get_logs_url\&quot;&gt;{{ i18n.button }}&lt;/a&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t&lt;/div&gt;\r\n\r\n\t\t&lt;div class=\&quot;post-smtp-logs-body\&quot;&gt;\r\n\r\n\t\t\t&lt;table v-if=\&quot;is_post_smtp_logs_are_ready\&quot;&gt;\r\n\t\t\t\t&lt;thead&gt;\r\n\t\t\t\t&lt;tr&gt;\r\n\t\t\t\t\t&lt;th style=\&quot;text-align: left;width: 253px;\&quot;&gt;{{ i18n.headers[0] }}&lt;/th&gt;\r\n\t\t\t\t\t&lt;th style=\&quot;text-align: left;width: 233.01px;\&quot;&gt;{{ i18n.headers[1] }}&lt;/th&gt;\r\n\t\t\t\t\t&lt;th style=\&quot;text-align: left;width: 192.99px;\&quot;&gt;{{ i18n.headers[2] }}&lt;/th&gt;\r\n\t\t\t\t\t&lt;th style=\&quot;text-align: left;width: 173px;\&quot;&gt;{{ i18n.headers[3] }}&lt;/th&gt;\r\n\t\t\t\t&lt;/tr&gt;\r\n\t\t\t\t&lt;/thead&gt;\r\n\r\n\t\t\t\t&lt;tbody&gt;\r\n\t\t\t\t\t&lt;tr v-for=\&quot;item in logs\&quot; :key=\&quot;item.id\&quot;&gt;\r\n\t\t\t\t\t&lt;td&gt;{{ item.subject }}&lt;/td&gt;\r\n\t\t\t\t\t&lt;td&gt;{{ item.sent_to }}&lt;/td&gt;\r\n\t\t\t\t\t&lt;td&gt;{{ item.delivery_time }}&lt;/td&gt;\r\n\t\t\t\t\t&lt;td&gt;\r\n\t\t\t\t\t\t&lt;div class=\&quot;post-smtp-status-wrapper\&quot;&gt;\r\n\t\t\t\t\t\t\t&lt;span v-if=\&quot;&#039;success&#039; === item.status\&quot; class=\&quot;post-smtp-status post-smtp-success\&quot;&gt;{{ i18n.success }}&lt;/span&gt;\r\n\t\t\t\t\t\t\t&lt;span v-if=\&quot;&#039;in_queue&#039; === item.status\&quot; style=\&quot;background-color: #ffa500; color: #ffffff;\&quot; class=\&quot;post-smtp-status\&quot;&gt;In Queue&lt;/span&gt;\r\n\t\t\t\t\t\t\t&lt;span v-if=\&quot;&#039;failed&#039; === item.status\&quot; class=\&quot;post-smtp-status post-smtp-failed\&quot;&gt;{{ i18n.failed }}&lt;/span&gt;\r\n\r\n\t\t\t\t\t\t\t&lt;post-smtp-log-action-menu\r\n\t\t\t\t\t\t\t\tv-on:email-triggered=\&quot;getLatestLogs\&quot;\r\n\t\t\t\t\t\t\t\t:item=\&quot;item\&quot;\r\n\t\t\t\t\t\t\t\t:dynamic-id=\&quot;item.id\&quot;\r\n\t\t\t\t\t\t\t&gt;&lt;/post-smtp-log-action-menu&gt;\r\n\t\t\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t\t&lt;/td&gt;\r\n\t\t\t\t&lt;/tr&gt;\r\n\t\t\t\t&lt;/tbody&gt;\r\n\t\t\t&lt;/table&gt;\r\n\r\n\t\t\t&lt;div\r\n\t\t\t\tclass=\&quot;post-smtp-logs-empty\&quot;\r\n\t\t\t\tv-else\r\n\t\t\t&gt;\r\n\t\t\t\t&lt;div class=\&quot;post-smtp-logs-head\&quot;&gt;\r\n\t\t\t\t\t&lt;svg width=\&quot;67\&quot; height=\&quot;48\&quot; viewBox=\&quot;0 0 67 48\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\r\n\t\t\t\t\t\t&lt;g clip-path=\&quot;url(#clip0_155_1001)\&quot;&gt;\r\n\t\t\t\t\t\t\t&lt;path d=\&quot;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\&quot; fill=\&quot;url(#paint0_linear_155_1001)\&quot;/&gt;\r\n\t\t\t\t\t\t\t&lt;path d=\&quot;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\&quot; fill=\&quot;url(#paint1_linear_155_1001)\&quot;/&gt;\r\n\t\t\t\t\t\t&lt;/g&gt;\r\n\t\t\t\t\t\t&lt;defs&gt;\r\n\t\t\t\t\t\t\t&lt;linearGradient id=\&quot;paint0_linear_155_1001\&quot; x1=\&quot;17.4726\&quot; y1=\&quot;5.17975\&quot; x2=\&quot;17.4726\&quot; y2=\&quot;18.028\&quot; gradientUnits=\&quot;userSpaceOnUse\&quot;&gt;\r\n\t\t\t\t\t\t\t\t&lt;stop stop-color=\&quot;#ECF2FF\&quot;/&gt;\r\n\t\t\t\t\t\t\t\t&lt;stop offset=\&quot;1\&quot; stop-color=\&quot;#DCE7FF\&quot;/&gt;\r\n\t\t\t\t\t\t\t&lt;/linearGradient&gt;\r\n\t\t\t\t\t\t\t&lt;linearGradient id=\&quot;paint1_linear_155_1001\&quot; x1=\&quot;33.5013\&quot; y1=\&quot;18.7916\&quot; x2=\&quot;33.5013\&quot; y2=\&quot;45.4492\&quot; gradientUnits=\&quot;userSpaceOnUse\&quot;&gt;\r\n\t\t\t\t\t\t\t\t&lt;stop stop-color=\&quot;#ECF2FF\&quot;/&gt;\r\n\t\t\t\t\t\t\t\t&lt;stop offset=\&quot;1\&quot; stop-color=\&quot;#DCE7FF\&quot;/&gt;\r\n\t\t\t\t\t\t\t&lt;/linearGradient&gt;\r\n\t\t\t\t\t\t\t&lt;clipPath id=\&quot;clip0_155_1001\&quot;&gt;\r\n\t\t\t\t\t\t\t\t&lt;rect width=\&quot;67\&quot; height=\&quot;48\&quot; fill=\&quot;white\&quot;/&gt;\r\n\t\t\t\t\t\t\t&lt;/clipPath&gt;\r\n\t\t\t\t\t\t&lt;/defs&gt;\r\n\t\t\t\t\t&lt;/svg&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t&lt;div class=\&quot;post-smtp-logs-content\&quot;&gt;\r\n\t\t\t\t\t&lt;h3&gt;{{ i18n.noLogs.title }}&lt;/h3&gt;\r\n\t\t\t\t\t&lt;p&gt;{{ i18n.noLogs.description }}&lt;/p&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t&lt;div v-if=\&quot;! postSmtpConfigured\&quot; class=\&quot;post-smtp-logs-footer\&quot;&gt;\r\n\t\t\t\t\t&lt;a :href=\&quot;wizard_url\&quot;&gt;{{ i18n.notConfigured }}&lt;/a&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/div&gt;\r\n\r\n\t\t&lt;/div&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSmtpLogsSection&#039;,\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 ) =&gt; ( {\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( &#039;get-logs&#039; )\r\n\t\t\t\t.then( response =&gt; {\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 = &#039;block&#039;;\r\n\t\t\t} else {\r\n\t\t\t\tdisplay = &#039;none&#039;;\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( &#039;click&#039;, ( event ) =&gt; {\r\n\t\t\tif ( ! event.target.closest( &#039;.email-menu-wrapper&#039; ) ) {\r\n\t\t\t\tthis.logs.forEach( ( log ) =&gt; {\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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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: &#039;&#039;;\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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div :class=\&quot;`log-action-menu-wrapper log-action-menu-wrapper-${dynamicId}`\&quot;&gt;\r\n\t\t&lt;div class=\&quot;post-smtp-log-action-menu-wrapper\&quot; :style=\&quot;showHideActionMenu\&quot;&gt;\r\n\t\t\t&lt;div class=\&quot;post-smtp-link\&quot;&gt;\r\n\t\t\t\t&lt;a\r\n\t\t\t\t\t@click=\&quot;e =&gt; viewDetails( e, &#039;show_view&#039; )\&quot;\r\n\t\t\t\t\thref=\&quot;#\&quot;\r\n\t\t\t\t&gt;\r\n\t\t\t\t\t&lt;i&gt;\r\n\t\t\t\t\t\t&lt;svg width=\&quot;16\&quot; height=\&quot;16\&quot; viewBox=\&quot;0 0 16 16\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\r\n\t\t\t\t\t\t\t&lt;path d=\&quot;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\&quot; fill=\&quot;#231F20\&quot;/&gt;\r\n\t\t\t\t\t\t&lt;/svg&gt;\r\n\t\t\t\t\t&lt;/i&gt;\r\n\t\t\t\t\t{{ i18n.action.view }}\r\n\t\t\t\t&lt;/a&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;div class=\&quot;post-smtp-link\&quot;&gt;\r\n\t\t\t\t&lt;a href=\&quot;#\&quot; @click=\&quot;e =&gt; viewDetails( e, &#039;resend_email&#039; )\&quot;&gt;\r\n\t\t\t\t\t&lt;i&gt;\r\n\t\t\t\t\t\t&lt;svg width=\&quot;16\&quot; height=\&quot;16\&quot; viewBox=\&quot;0 0 16 16\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\r\n\t\t\t\t\t\t\t&lt;path d=\&quot;M1.34001 14L15.3333 8L1.34001 2L1.33334 6.66667L11.3333 8L1.33334 9.33333L1.34001 14Z\&quot; fill=\&quot;#231F20\&quot;/&gt;\r\n\t\t\t\t\t\t&lt;/svg&gt;\r\n\t\t\t\t\t&lt;/i&gt;\r\n\t\t\t\t\t{{ i18n.action.resend }}\r\n\t\t\t\t&lt;/a&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;div class=\&quot;post-smtp-link\&quot;&gt;\r\n\t\t\t\t&lt;a\r\n\t\t\t\t\t@click=\&quot;e =&gt; viewDetails( e, &#039;show_transcript&#039; )\&quot;\r\n\t\t\t\t\thref=\&quot;#\&quot;\r\n\t\t\t\t&gt;\r\n\t\t\t\t\t&lt;i&gt;\r\n\t\t\t\t\t\t&lt;svg width=\&quot;16\&quot; height=\&quot;16\&quot; viewBox=\&quot;0 0 16 16\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\r\n\t\t\t\t\t\t\t&lt;g clip-path=\&quot;url(#clip0_219_334)\&quot;&gt;\r\n\t\t\t\t\t\t\t\t&lt;path fill-rule=\&quot;evenodd\&quot; clip-rule=\&quot;evenodd\&quot; d=\&quot;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\&quot; fill=\&quot;#231F20\&quot;/&gt;\r\n\t\t\t\t\t\t\t&lt;/g&gt;\r\n\t\t\t\t\t\t\t&lt;defs&gt;\r\n\t\t\t\t\t\t\t\t&lt;clipPath id=\&quot;clip0_219_334\&quot;&gt;\r\n\t\t\t\t\t\t\t\t\t&lt;rect width=\&quot;16\&quot; height=\&quot;16\&quot; fill=\&quot;white\&quot;/&gt;\r\n\t\t\t\t\t\t\t\t&lt;/clipPath&gt;\r\n\t\t\t\t\t\t\t&lt;/defs&gt;\r\n\t\t\t\t\t\t&lt;/svg&gt;\r\n\t\t\t\t\t&lt;/i&gt;\r\n\t\t\t\t\t{{ i18n.action.transcript }}\r\n\t\t\t\t&lt;/a&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;div v-if=\&quot;&#039;failed&#039; === item.status\&quot; class=\&quot;post-smtp-link\&quot;&gt;\r\n\t\t\t\t&lt;a @click=\&quot;e =&gt; viewDetails( e, &#039;show_error&#039; )\&quot; href=\&quot;#\&quot;&gt;\r\n\t\t\t\t\t&lt;i&gt;\r\n\t\t\t\t\t\t&lt;svg width=\&quot;16\&quot; height=\&quot;16\&quot; viewBox=\&quot;0 0 16 16\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;&gt;\r\n\t\t\t\t\t\t\t&lt;path d=\&quot;M0.666656 14H15.3333L7.99999 1.33331L0.666656 14ZM8.66666 12H7.33332V10.6666H8.66666V12ZM8.66666 9.33331H7.33332V6.66665H8.66666V9.33331Z\&quot; fill=\&quot;#231F20\&quot;/&gt;\r\n\t\t\t\t\t\t&lt;/svg&gt;\r\n\t\t\t\t\t&lt;/i&gt;\r\n\t\t\t\t\t{{ i18n.action.details }}\r\n\t\t\t\t&lt;/a&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t&lt;/div&gt;\r\n\r\n\t\t&lt;div class=\&quot;post-smtp-error-details\&quot; v-if=\&quot;show_popup\&quot;&gt;\r\n\t\t\t&lt;div class=\&quot;post-smtp-details-wrapper\&quot;&gt;\r\n\r\n\t\t\t\t&lt;a class=\&quot;post-smtp-close-button\&quot; @click=\&quot;closeDetails\&quot; href=\&quot;#\&quot;&gt;&amp;times&lt;/a&gt;\r\n\r\n\t\t\t\t&lt;div v-if=\&quot;content_loading\&quot; style=\&quot;width: 100%;height: calc( 100% - 25px );position:absolute;top: 25px;left: 0;display: flex;justify-content: center;align-items: center;\&quot;&gt;\r\n\t\t\t\t\t&lt;div&gt;loading...&lt;/div&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\r\n\t\t\t\t&lt;div v-if=\&quot;show_error\&quot;&gt;\r\n\t\t\t\t\t{{ item.error }}\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t&lt;div\r\n\t\t\t\t\tv-if=\&quot;show_transcript\&quot;\r\n\t\t\t\t&gt;\r\n\t\t\t\t\t{{ session_transcript }}\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t&lt;div v-if=\&quot;show_view\&quot;&gt;\r\n\r\n\t\t\t\t\t&lt;div class=\&quot;post-smtp--headers\&quot;&gt;\r\n\t\t\t\t\t\t&lt;table&gt;\r\n\t\t\t\t\t\t\t&lt;tbody&gt;\r\n              &lt;tr&gt;\r\n                &lt;td&gt;\r\n                  &lt;strong&gt;\r\n                    {{ i18n.headers.from }}:\r\n                  &lt;/strong&gt;\r\n                &lt;/td&gt;\r\n                &lt;td v-html=\&quot;message_object.from\&quot;&gt;&lt;/td&gt;\r\n              &lt;/tr&gt;\r\n              &lt;tr&gt;\r\n                &lt;td&gt;\r\n                  &lt;strong&gt;\r\n                    {{ i18n.headers.to }}:\r\n                  &lt;/strong&gt;\r\n                &lt;/td&gt;\r\n                &lt;td v-html=\&quot;message_object.to\&quot;&gt;&lt;/td&gt;\r\n              &lt;/tr&gt;\r\n              &lt;tr&gt;\r\n                &lt;td&gt;\r\n                  &lt;strong&gt;\r\n                    {{ i18n.headers.date }}:\r\n                  &lt;/strong&gt;\r\n                &lt;/td&gt;\r\n                &lt;td v-html=\&quot;message_object.date\&quot;&gt;&lt;/td&gt;\r\n              &lt;/tr&gt;\r\n              &lt;tr&gt;\r\n                &lt;td&gt;\r\n                  &lt;strong&gt;\r\n                    {{ i18n.headers.subject }}:\r\n                  &lt;/strong&gt;\r\n                &lt;/td&gt;\r\n                &lt;td v-html=\&quot;message_object.subject\&quot;&gt;&lt;/td&gt;\r\n              &lt;/tr&gt;\r\n              &lt;tr&gt;\r\n                &lt;td&gt;\r\n                  &lt;strong&gt;\r\n                    {{ i18n.headers.deliveryURI }}:\r\n                  &lt;/strong&gt;\r\n                &lt;/td&gt;\r\n                &lt;td v-html=\&quot;message_object.delivery_uri\&quot;&gt;&lt;/td&gt;\r\n              &lt;/tr&gt;\r\n              &lt;/tbody&gt;\r\n\t\t\t\t\t\t&lt;/table&gt;\r\n\t\t\t\t\t\t&lt;hr&gt;\r\n\t\t\t\t\t\t&lt;div&gt;\r\n\t\t\t\t\t\t\t&lt;iframe\r\n\t\t\t\t\t\t\t\twidth=\&quot;100%\&quot;\r\n\t\t\t\t\t\t\t\theight=\&quot;310px\&quot;\r\n\t\t\t\t\t\t\t\t:src=\&quot;message_object.message_url\&quot;\r\n\t\t\t\t\t\t\t&gt;&lt;/iframe&gt;\r\n\t\t\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t\t&lt;/div&gt;\r\n\r\n\t\t\t\t&lt;/div&gt;\r\n\r\n\t\t\t\t&lt;div v-if=\&quot;resend_email\&quot;&gt;\r\n\t\t\t\t\t&lt;div class=\&quot;resend-email-wrapper\&quot;&gt;\r\n\r\n\t\t\t\t\t\t&lt;div class=\&quot;form-group\&quot;&gt;\r\n\t\t\t\t\t\t\t&lt;label for=\&quot;email\&quot;&gt;{{ i18n.resendEmail.emailAddress }}&lt;/label&gt;\r\n\t\t\t\t\t\t\t&lt;textarea v-model=\&quot;sent_to\&quot; class=\&quot;form-control\&quot;&gt;{{ item.sent_to }}&lt;/textarea&gt;\r\n\t\t\t\t\t\t\t&lt;p class=\&quot;description\&quot; style=\&quot;margin-bottom: 15px;\&quot;&gt;\r\n\t\t\t\t\t\t\t\t&lt;strong&gt;{{ i18n.resendEmail.description }}&lt;/strong&gt;\r\n\t\t\t\t\t\t\t&lt;/p&gt;\r\n\r\n\t\t\t\t\t\t\t&lt;button @click=\&quot;e =&gt; resendEmail( e )\&quot; class=\&quot;post-smtp-button primary\&quot;&gt;{{ i18n.resendEmail.button }}&lt;/button&gt;\r\n\t\t\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\r\n\t\t\t&lt;/div&gt;\r\n\t\t&lt;/div&gt;\r\n\r\n\t\t&lt;div @click=\&quot;() =&gt; openActionMenu( item )\&quot; class=\&quot;email-menu-wrapper\&quot;&gt;\r\n\r\n\t\t\t&lt;span class=\&quot;email-menu-action\&quot;&gt;&lt;/span&gt;\r\n\t\t\t&lt;span class=\&quot;email-menu-action\&quot;&gt;&lt;/span&gt;\r\n\t\t\t&lt;span class=\&quot;email-menu-action\&quot;&gt;&lt;/span&gt;\r\n\t\t&lt;/div&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSmtpLogActionMenu&#039;,\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 ) =&gt; ( {\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: &#039;Loading...&#039;,\r\n\r\n\t\tcontent_loading: false,\r\n\r\n\t\tmessage_object: {\r\n\t\t\tfrom: &#039;&#039;,\r\n\t\t\tto: &#039;&#039;,\r\n\t\t\tdate: &#039;&#039;,\r\n\t\t\tsubject: &#039;&#039;,\r\n\t\t\tdelivery_uri: &#039;&#039;,\r\n\t\t\tmessage_url: &#039;&#039;,\r\n\t\t},\r\n\r\n\t\tsent_to: &#039;&#039;,\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 = &#039;Loading...&#039;;\r\n\r\n\t\t\t\tthis.message_object.from         = &#039;&#039;;\r\n\t\t\t\tthis.message_object.to           = &#039;&#039;;\r\n\t\t\t\tthis.message_object.date         = &#039;&#039;;\r\n\t\t\t\tthis.message_object.subject      = &#039;&#039;;\r\n\t\t\t\tthis.message_object.delivery_uri = &#039;&#039;;\r\n\t\t\t\tthis.message_object.message_url  = &#039;&#039;;\r\n\r\n\t\t\t\tthis.$emit( &#039;close-log-menu&#039;, 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 = &#039;block&#039;;\r\n\t\t\t} else {\r\n\t\t\t\tdisplay = &#039;none&#039;;\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 ? &#039;block&#039; : &#039;none&#039;,\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( () =&gt; {\r\n\t\t\t\tthis.show_popup = true;\r\n\r\n\t\t\t\tif ( &#039;resend_email&#039; !== value ) {\r\n\t\t\t\t\tif (&#039;show_error&#039; !== value) {\r\n\t\t\t\t\t\tthis.$nextTick(() =&gt; {\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( () =&gt; {\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( &#039;get-details&#039;, {\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 =&gt; {\r\n\t\t\t\tthis.content_loading = false;\r\n\t\t\t\tif ( &#039;show_transcript&#039; === value ) {\r\n\t\t\t\t\tthis.session_transcript = response.data.details.session_transcript;\r\n\t\t\t\t} else if ( &#039;show_view&#039; === 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( &#039;resend-email&#039;, {\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 =&gt; {\r\n\t\t\t\t\tthis.show_popup = false;\r\n\r\n\t\t\t\t\tthis.$emit( &#039;email-triggered&#039;, 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( &#039;click&#039;, ( event ) =&gt; {\r\n\t\t\tif ( ! event.target.closest( &#039;.log-action-menu-wrapper-&#039; + 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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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: &#039;&#039;;\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&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div\r\n\t\t:class=\&quot;rootClasses\&quot;\r\n\t\t:style=\&quot;minimize_ad ? minimizedOuterStyle : null\&quot;\r\n\t&gt;\r\n\t\t&lt;div class=\&quot;pro-features__texture\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/div&gt;\r\n\t\t&lt;div class=\&quot;pro-features__vignette\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/div&gt;\r\n\r\n\t\t&lt;button\r\n\t\t\ttype=\&quot;button\&quot;\r\n\t\t\tclass=\&quot;post-smtp-minimize-ad\&quot;\r\n\t\t\t:aria-expanded=\&quot;(!minimize_ad).toString()\&quot;\r\n\t\t\t:aria-label=\&quot;minimizeAriaLabel\&quot;\r\n\t\t\t@click=\&quot;minimizeAd\&quot;\r\n\t\t&gt;\r\n\t\t\t&lt;span\r\n\t\t\t\tclass=\&quot;dashicons\&quot;\r\n\t\t\t\t:class=\&quot;minimize_ad ? &#039;dashicons-arrow-down-alt2&#039; : &#039;dashicons-arrow-up-alt2&#039;\&quot;\r\n\t\t\t&gt;&lt;/span&gt;\r\n\t\t&lt;/button&gt;\r\n\r\n\t\t&lt;div class=\&quot;container\&quot; :class=\&quot;{ &#039;container--minimized&#039;: minimize_ad }\&quot;&gt;\r\n\t\t\t&lt;header class=\&quot;header\&quot;&gt;\r\n\t\t\t\t&lt;div class=\&quot;header__brand\&quot;&gt;\r\n\t\t\t\t\t&lt;post-smtp-img\r\n\t\t\t\t\t\tclass=\&quot;header__hero\&quot;\r\n\t\t\t\t\t\t:src=\&quot;plugin_dir_url + &#039;assets/images/pro-feature-svg-icon.svg&#039;\&quot;\r\n\t\t\t\t\t\t:alt=\&quot;headerHeroAlt\&quot;\r\n\t\t\t\t\t/&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/header&gt;\r\n\r\n\t\t\t&lt;transition name=\&quot;fade\&quot; enter-active-class=\&quot;animated slideIn\&quot;&gt;\r\n\t\t\t\t&lt;div v-if=\&quot;!minimize_ad\&quot; class=\&quot;body\&quot; style=\&quot;border:none;gap: 0px 1%;\&quot;&gt;\r\n\t\t\t\t\t&lt;div class=\&quot;body__integrations\&quot; role=\&quot;list\&quot;&gt;\r\n\t\t\t\t\t\t&lt;div\r\n\t\t\t\t\t\t\tv-for=\&quot;( item, index ) in integrationList\&quot;\r\n\t\t\t\t\t\t\t:key=\&quot;item.img || index\&quot;\r\n\t\t\t\t\t\t\tclass=\&quot;integration-tile\&quot;\r\n\t\t\t\t\t\t\trole=\&quot;listitem\&quot;\r\n\t\t\t\t\t\t&gt;\r\n\t\t\t\t\t\t\t&lt;post-smtp-img\r\n\t\t\t\t\t\t\t\tclass=\&quot;integration-tile__art\&quot;\r\n\t\t\t\t\t\t\t\t:src=\&quot;plugin_dir_url + &#039;assets/images/&#039; + item.img\&quot;\r\n\t\t\t\t\t\t\t\t:alt=\&quot;integrationAltText( item )\&quot;\r\n\t\t\t\t\t\t\t/&gt;\r\n\t\t\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t\t&lt;/div&gt;\r\n\r\n\t\t\t\t\t&lt;div class=\&quot;body__divider\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/div&gt;\r\n\r\n\t\t\t\t\t&lt;div class=\&quot;body__highlights\&quot; role=\&quot;list\&quot; style=\&quot;padding-left: 60px; border:none\&quot;&gt;\r\n\t\t\t\t\t\t&lt;div\r\n\t\t\t\t\t\t\tv-for=\&quot;item in highlightList\&quot;\r\n\t\t\t\t\t\t\t:key=\&quot;item.title\&quot;\r\n\t\t\t\t\t\t\tclass=\&quot;highlight-tile\&quot;\r\n\t\t\t\t\t\t\trole=\&quot;listitem\&quot;\r\n\t\t\t\t\t\t&gt;\r\n\t\t\t\t\t\t\t&lt;!-- &lt;div class=\&quot;highlight-tile__circle\&quot; aria-hidden=\&quot;true\&quot;&gt; --&gt;\r\n\t\t\t\t\t\t\t\t&lt;post-smtp-img\r\n\t\t\t\t\t\t\t\t\tclass=\&quot;highlight-tile__icon\&quot;\r\n\t\t\t\t\t\t\t\t\t:src=\&quot;plugin_dir_url + &#039;assets/images/&#039; + item.img\&quot;\r\n\t\t\t\t\t\t\t\t/&gt;\r\n\t\t\t\t\t\t\t&lt;!-- &lt;/div&gt; --&gt;\r\n\t\t\t\t\t\t\t&lt;div class=\&quot;highlight-tile__text\&quot;&gt;\r\n\t\t\t\t\t\t\t\t&lt;p v-html=\&quot;addLineBreak(item.title)\&quot;&gt;&lt;/p&gt;\r\n\t\t\t\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/transition&gt;\r\n\r\n\t\t\t&lt;transition name=\&quot;fade\&quot; enter-active-class=\&quot;animated slideIn\&quot;&gt;\r\n\t\t\t\t&lt;div v-if=\&quot;!minimize_ad\&quot; class=\&quot;footer\&quot;&gt;\r\n\t\t\t\t\t&lt;post-smtp-button\r\n\t\t\t\t\t\ttype=\&quot;get-pro\&quot;\r\n\t\t\t\t\t\t:href=\&quot;click_link\&quot;\r\n\t\t\t\t\t\ttarget=\&quot;_blank\&quot;\r\n\t\t\t\t\t&gt;\r\n\t\t\t\t\t\t{{ i18n.button }}&amp;nbsp;→\r\n\t\t\t\t\t&lt;/post-smtp-button&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/transition&gt;\r\n\t\t&lt;/div&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;postSmtpProFeatures&#039;,\r\n\r\n\tprops: {\r\n\t\tpostSmtpAdPosition: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: &#039;maximize&#039;,\r\n\t\t},\r\n\t},\r\n\r\n\tdata: ( vm ) =&gt; ( {\r\n\t\ti18n: postSmtpNewDashboard.i18n.proFeatures,\r\n\t\tplugin_dir_url: vm.$parent.plugin_dir_url,\r\n\t\tis_bcfm: postSmtpNewDashboard.is_bfcm,\r\n\t\tclick_link: &#039;&#039;,\r\n\r\n\t\tminimize_ad: &#039;minimize&#039; === vm.postSmtpAdPosition,\r\n\t} ),\r\n\r\n\tcomputed: {\r\n\t\trootClasses() {\r\n\t\t\treturn {\r\n\t\t\t\tbcfm: this.is_bcfm,\r\n\t\t\t\t&#039;pro-features&#039;: true,\r\n\t\t\t\t&#039;pro-features--minimized&#039;: this.minimize_ad,\r\n\t\t\t};\r\n\t\t},\r\n\t\tminimizedOuterStyle() {\r\n\t\t\treturn { minHeight: &#039;88px&#039;, height: &#039;auto&#039; };\r\n\t\t},\r\n\t\tminimizeAriaLabel() {\r\n\t\t\tconst e = this.i18n.expandBanner;\r\n\t\t\tconst c = this.i18n.collapseBanner;\r\n\t\t\treturn this.minimize_ad\r\n\t\t\t\t? ( typeof e === &#039;string&#039; &amp;&amp; e ? e : &#039;Expand Pro features banner&#039; )\r\n\t\t\t\t: ( typeof c === &#039;string&#039; &amp;&amp; c ? c : &#039;Collapse Pro features banner&#039; );\r\n\t\t},\r\n\r\n\t\theaderHeroAlt() {\r\n\t\t\tconst t = this.i18n.title;\r\n\t\t\tconst d = this.i18n.description;\r\n\t\t\tconst title = typeof t === &#039;string&#039; ? t.trim() : &#039;&#039;;\r\n\t\t\tconst desc = typeof d === &#039;string&#039; ? d.trim() : &#039;&#039;;\r\n\t\t\tif ( title &amp;&amp; desc ) {\r\n\t\t\t\treturn `${ title }. ${ desc }`;\r\n\t\t\t}\r\n\t\t\treturn title || desc || &#039;Pro features&#039;;\r\n\t\t},\r\n\t\tintegrationList() {\r\n\t\t\tconst list = this.i18n.integrationList;\r\n\t\t\tif ( Array.isArray( list ) &amp;&amp; list.length ) {\r\n\t\t\t\treturn list;\r\n\t\t\t}\r\n\t\t\treturn [\r\n\t\t\t\t{ img: &#039;office-pro-feature.svg&#039;, label: &#039;Microsoft 365&#039; },\r\n\t\t\t\t{ img: &#039;aws-pro-feature.svg&#039;, label: &#039;Amazon SES&#039; },\r\n\t\t\t\t{ img: &#039;gmail-pro-feature.svg&#039;, label: &#039;Gmail&#039; },\r\n\t\t\t\t{ img: &#039;zoho-pro-feature.svg&#039;, label: &#039;Zoho Mail&#039; },\r\n\t\t\t];\r\n\t\t},\r\n\t\thighlightList() {\r\n\t\t\tconst list = this.i18n.highlightList;\r\n\t\t\tif ( Array.isArray( list ) &amp;&amp; list.length ) {\r\n\t\t\t\treturn list;\r\n\t\t\t}\r\n\t\t\treturn [\r\n\t\t\t\t{ title: postSmtpNewDashboard.i18n.proFeatures.list[0], img: &#039;pro-schedule-icon.svg&#039; },\r\n\t\t\t\t{ title: postSmtpNewDashboard.i18n.proFeatures.list[3], img: &#039;pro-sms-icon.svg&#039; },\r\n\t\t\t\t{ title: postSmtpNewDashboard.i18n.proFeatures.list[2], img: &#039;pro-log-icon.svg&#039; },\r\n\t\t\t\t{ title: postSmtpNewDashboard.i18n.proFeatures.list[1], img: &#039;pro-reporting-icon.svg&#039; },\r\n\t\t\t];\r\n\t\t},\r\n\t},\r\n\r\n\tmethods: {\r\n\t\tintegrationAltText( item ) {\r\n\t\t\tif ( ! item || typeof item !== &#039;object&#039; ) {\r\n\t\t\t\treturn &#039;&#039;;\r\n\t\t\t}\r\n\t\t\tif ( typeof item.label === &#039;string&#039; &amp;&amp; item.label.trim() ) {\r\n\t\t\t\treturn item.label.trim();\r\n\t\t\t}\r\n\t\t\tif ( typeof item.name === &#039;string&#039; &amp;&amp; item.name.trim() ) {\r\n\t\t\t\treturn item.name.replace( /\\r\\n/g, &#039; &#039; ).trim();\r\n\t\t\t}\r\n\t\t\treturn &#039;&#039;;\r\n\t\t},\r\n\r\n\t\taddLineBreak( text ) {\r\n\t\t\treturn String( text ).replace( /\\r\\n/g, &#039;&lt;br&gt;&#039; );\r\n\t\t},\r\n\r\n\t\tminimizeAd() {\r\n\t\t\tthis.minimize_ad = ! this.minimize_ad;\r\n\t\t\tconst minimize_maximize = this.minimize_ad ? &#039;minimize&#039; : &#039;maximize&#039;;\r\n\r\n\t\t\taxios.post( &#039;minimize-maximize-ad&#039;, {\r\n\t\t\t\tminimize_maximize,\r\n\t\t\t} )\r\n\t\t\t\t.then( () =&gt; {} );\r\n\t\t},\r\n\t},\r\n\r\n\tmounted() {\r\n\t\tthis.is_bcfm = &#039;1&#039; === this.is_bcfm;\r\n\r\n\t\tthis.click_link = this.is_bcfm ? &#039;https://postmansmtp.com/cyber-monday-sale?utm_source=plugin&amp;utm_medium=section_name&amp;utm_campaign=BFCM&amp;utm_id=BFCM_2024&#039; : &#039;https://postmansmtp.com/pricing/?utm_source=plugin&amp;utm_medium=dashboard_pro_banner&amp;utm_campaign=plugin&#039;;\r\n\t},\r\n};\r\n&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\r\n.pro-features * {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.pro-features {\r\n\t--pro-banner-bg-a: #2b6399;\r\n\t--pro-banner-bg-b: #214a72;\r\n\t--pro-banner-gold-1: #fff4d9;\r\n\t--pro-banner-gold-2: #f9d78a;\r\n\t--pro-banner-gold-3: #f5a84a;\r\n\t--pro-banner-gold-4: #e87828;\r\n\t--pro-banner-text: #f3f6ff;\r\n\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\tmin-height: 380px;\r\n\theight: auto;\r\n\tborder-radius: 16px;\r\n\tbackground: linear-gradient(\r\n\t\t168deg,\r\n\t\tvar(--pro-banner-bg-a) 0%,\r\n\t\tvar(--pro-banner-bg-b) 100%\r\n\t);\r\n\tbox-shadow:\r\n\t\t0 4px 6px rgba(6, 20, 40, 0.12),\r\n\t\t0 18px 40px rgba(8, 28, 52, 0.28);\r\n}\r\n\r\n.pro-features__texture {\r\n\tposition: absolute;\r\n\tinset: 0;\r\n\tborder-radius: inherit;\r\n\tpointer-events: none;\r\n\tz-index: 0;\r\n\tbackground-image: url( &#039;../images/pro-banner-envelope-pattern.svg&#039; );\r\n\tbackground-repeat: repeat;\r\n\tbackground-size: 120px 120px;\r\n\topacity: 0.55;\r\n}\r\n\r\n.pro-features__vignette {\r\n\tposition: absolute;\r\n\tinset: 0;\r\n\tborder-radius: inherit;\r\n\tpointer-events: none;\r\n\tz-index: 1;\r\n\tbackground: radial-gradient(\r\n\t\tellipse 75% 60% at 50% 30%,\r\n\t\trgba(255, 255, 255, 0.06) 0%,\r\n\t\ttransparent 55%\r\n\t);\r\n\tbox-shadow: inset 0 0 70px rgba(0, 12, 28, 0.28);\r\n}\r\n\r\n.pro-features--minimized .pro-features__texture {\r\n\topacity: 0.4;\r\n}\r\n\r\n.pro-features--minimized {\r\n\tmin-height: 88px;\r\n}\r\n\r\n.container {\r\n\tposition: relative;\r\n\tz-index: 2;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n\twidth: 100%;\r\n\tpadding: 32px 40px 28px;\r\n\tgap: 24px;\r\n}\r\n\r\n.container--minimized {\r\n\tpadding: 20px 56px 20px 28px;\r\n\tgap: 0;\r\n}\r\n\r\n.header {\r\n\twidth: 100%;\r\n\tmargin: 0;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n}\r\n\r\n.header__brand {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n}\r\n\r\n.pro-features--minimized .header__brand {\r\n\tjustify-content: flex-start;\r\n}\r\n\r\n/* Replaces crown + “Pro Features” + tagline (pro-feature-svg-icon.svg) */\r\n.header__hero {\r\n\tdisplay: block;\r\n\twidth: min(100%, 380px);\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n\tfilter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.2));\r\n}\r\n\r\n.pro-features--minimized .header__hero {\r\n\twidth: auto;\r\n\tmax-width: min(280px, 78vw);\r\n\tmax-height: 44px;\r\n\tobject-fit: contain;\r\n\tobject-position: left center;\r\n}\r\n\r\n.body {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: stretch;\r\n\twidth: 100%;\r\n\tmargin: 0;\r\n\tpadding: 20px 0 16px;\r\n\tgap: 0;\r\n\tborder-top: 1px solid rgba(255, 255, 255, 0.12);\r\n}\r\n\r\n.body__integrations {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\talign-content: center;\r\n\tgap: 20px 2%;\r\n\twidth: 100%;\r\n}\r\n\r\n/* Full SVG art includes service name — no separate title under the image */\r\n.integration-tile {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\ttext-align: center;\r\n\tflex: 1 1 0;\r\n\tmin-width: 0;\r\n\twidth: auto;\r\n\tmax-width: 220px;\r\n}\r\n\r\n/* Same box width for every integration SVG (Gmail matches Office/AWS/Zoho) */\r\n.integration-tile__art {\r\n\tdisplay: block;\r\n\twidth: 300px;\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n\tmax-height: 80px;\r\n\tmargin: 0 auto;\r\n\tobject-fit: contain;\r\n\tobject-position: center;\r\n}\r\n\r\n.body__divider {\r\n\twidth: 100%;\r\n\theight: 5px;\r\n\tmargin: 20px 0;\r\n\tbackground: linear-gradient(\r\n\t\t90deg,\r\n\t\ttransparent 0%,\r\n\t\trgba(255, 255, 255, 0.2) 20%,\r\n\t\trgba(255, 255, 255, 0.2) 80%,\r\n\t\ttransparent 100%\r\n\t);\r\n}\r\n\r\n/* Equal padding above &amp; below the icon+text row (between divider and bottom rule) */\r\n.body__highlights {\r\n\tdisplay: flex;\r\n\tflex-wrap: nowrap;\r\n\tjustify-content: space-evenly;\r\n\talign-items: center;\r\n\tgap: 10px 12px;\r\n\twidth: 100%;\r\n\tpadding: 18px 0;\r\n\tborder-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.highlight-tile {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tflex: 1 1 0;\r\n\tmin-width: 0;\r\n\twidth: auto;\r\n\tmax-width: none;\r\n\tgap: 5px;\r\n\tmargin: 0;\r\n}\r\n\r\n.highlight-tile__circle {\r\n\tflex-shrink: 0;\r\n\twidth: 48px;\r\n\theight: 48px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tborder-radius: 50%;\r\n\tbackground: rgba(255, 255, 255, 0.1);\r\n\tborder: 1px solid rgba(255, 255, 255, 0.22);\r\n\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.highlight-tile__icon {\r\n\tmax-height: 40px;\r\n\twidth: auto;\r\n\theight: auto;\r\n\tobject-fit: contain;\r\n}\r\n\r\n.highlight-tile__text {\r\n\tmargin: 0;\r\n\tflex: 1 1 auto;\r\n\tmin-width: 0;\r\n\tmax-width: 12rem;\r\n}\r\n\r\n.highlight-tile__text :deep(p) {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tfont-family: Poppins, system-ui, sans-serif;\r\n\tfont-size: 14px;\r\n\tfont-weight: 500;\r\n\tline-height: 1.35;\r\n\ttext-align: left;\r\n\tcolor: var(--pro-banner-text);\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n}\r\n\r\n.footer {\r\n\tmargin: 2px 0 0;\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n}\r\n\r\n.footer :deep(.btn-get-pro) {\r\n\tbackground: linear-gradient(\r\n\t\t90deg,\r\n\t\t#fff0dc 0%,\r\n\t\t#ffd89a 28%,\r\n\t\t#f9b24d 62%,\r\n\t\t#ff8f3c 100%\r\n\t) !important;\r\n\tcolor: #1a1a1a !important;\r\n\tfont-weight: 700 !important;\r\n\tpadding: 14px 40px !important;\r\n\tbox-shadow:\r\n\t\t0 4px 20px rgba(248, 140, 50, 0.45),\r\n\t\t0 1px 0 rgba(255, 255, 255, 0.5) inset;\r\n\tborder: 1px solid rgba(255, 255, 255, 0.4);\r\n\ttransition: transform 0.15s ease, box-shadow 0.15s ease;\r\n}\r\n\r\n.footer :deep(.btn-get-pro:hover) {\r\n\ttransform: translateY(-2px);\r\n\tbox-shadow:\r\n\t\t0 8px 28px rgba(248, 140, 50, 0.5),\r\n\t\t0 1px 0 rgba(255, 255, 255, 0.55) inset;\r\n}\r\n\r\n.post-smtp-minimize-ad {\r\n\tposition: absolute;\r\n\ttop: 16px;\r\n\tright: 18px;\r\n\tz-index: 3;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 36px;\r\n\theight: 36px;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tborder: 1px solid rgba(255, 255, 255, 0.45);\r\n\tborder-radius: 8px;\r\n\tbackground: rgba(255, 255, 255, 0.06);\r\n\tcolor: #fff;\r\n\tcursor: pointer;\r\n\ttransition: background 0.15s ease, border-color 0.15s ease;\r\n}\r\n\r\n.post-smtp-minimize-ad:hover {\r\n\tbackground: rgba(255, 255, 255, 0.14);\r\n\tborder-color: rgba(255, 255, 255, 0.65);\r\n\tcolor: #fff;\r\n}\r\n\r\n.post-smtp-minimize-ad:focus {\r\n\toutline: 2px solid rgba(255, 255, 255, 0.6);\r\n\toutline-offset: 2px;\r\n}\r\n\r\n.post-smtp-minimize-ad .dashicons {\r\n\tfont-size: 18px;\r\n\twidth: 18px;\r\n\theight: 18px;\r\n\tline-height: 18px;\r\n}\r\n\r\n.bcfm {\r\n\tbackground-image:\r\n\t\turl( &#039;../images/bfcm-2024/dashboard-banner-strip.png&#039; ),\r\n\t\tlinear-gradient(\r\n\t\t\t168deg,\r\n\t\t\tvar(--pro-banner-bg-a) 0%,\r\n\t\t\tvar(--pro-banner-bg-b) 100%\r\n\t\t);\r\n\tbackground-repeat: no-repeat, no-repeat;\r\n\tbackground-size: auto, auto;\r\n\tbackground-position: top right, center;\r\n}\r\n\r\n@media only screen and (max-width: 1200px) {\r\n\t.integration-tile {\r\n\t\tflex: 1 1 calc(50% - 12px);\r\n\t\tmax-width: min(240px, 48%);\r\n\t\tmin-width: 120px;\r\n\t}\r\n\r\n\t.body__highlights {\r\n\t\tgap: 8px 8px;\r\n\t}\r\n\r\n\t.highlight-tile {\r\n\t\tflex: 1 1 0;\r\n\t\tmin-width: 0;\r\n\t\tgap: 6px;\r\n\t}\r\n\r\n\t.highlight-tile__circle {\r\n\t\twidth: 44px;\r\n\t\theight: 44px;\r\n\t}\r\n\r\n\t.highlight-tile__text :deep(p) {\r\n\t\tfont-size: 11px;\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: 640px) {\r\n\t.container {\r\n\t\tpadding: 28px 20px 24px;\r\n\t}\r\n\r\n\t.body__integrations {\r\n\t\tgap: 22px 5%;\r\n\t}\r\n\r\n\t.integration-tile {\r\n\t\tflex: 1 1 calc(50% - 10px);\r\n\t\tmax-width: min(220px, 48%);\r\n\t\tmin-width: 110px;\r\n\t}\r\n\r\n\t.integration-tile__art {\r\n\t\twidth: 160px;\r\n\t\tmax-height: 62px;\r\n\t}\r\n\r\n\t/* Keep four highlights on one row; scroll if the viewport is too narrow */\r\n\t.body__highlights {\r\n\t\tflex-wrap: nowrap;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: center;\r\n\t\toverflow-x: auto;\r\n\t\toverflow-y: hidden;\r\n\t\tgap: 12px;\r\n\t\tpadding: 16px 0;\r\n\t\t-webkit-overflow-scrolling: touch;\r\n\t\tscrollbar-width: thin;\r\n\t}\r\n\r\n\t.highlight-tile {\r\n\t\tflex: 0 0 auto;\r\n\t\tflex-direction: row;\r\n\t\talign-items: center;\r\n\t\tmin-width: 0;\r\n\t\twidth: auto;\r\n\t\tmax-width: none;\r\n\t}\r\n\r\n\t.highlight-tile__text {\r\n\t\tmax-width: 9rem;\r\n\t}\r\n\r\n\t.highlight-tile__text :deep(p) {\r\n\t\ttext-align: left;\r\n\t\twhite-space: nowrap;\r\n\t}\r\n}\r\n&lt;/style&gt;\r\n&quot;,&quot;&lt;template&gt;\r\n\t&lt;div class=\&quot;documentation\&quot;&gt;\r\n\t\t&lt;div class=\&quot;header\&quot;&gt;\r\n\t\t\t&lt;div class=\&quot;float-left\&quot;&gt;\r\n\t\t\t\t&lt;h3&gt;{{ i18n.title }}&lt;/h3&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;div class=\&quot;float-right\&quot;&gt;\r\n\t\t\t\t&lt;a href=\&quot;https://postmansmtp.com/documentation/?utm_source=dashboard&amp;utm_medium=documentation&amp;utm_campaign=plugin\&quot;&gt;{{ i18n.viewAll }}&lt;/a&gt;\r\n\r\n\t\t\t\t&lt;a\r\n\t\t\t\t\thref=\&quot;#\&quot;\r\n\t\t\t\t\t@click=\&quot;e =&gt; toggleTransition( e )\&quot;\r\n\t\t\t\t\tstyle=\&quot;box-shadow: none;border: none;outline: none;\&quot;\r\n\t\t\t\t&gt;\r\n\t\t\t\t\t&lt;img\r\n\t\t\t\t\t\tclass=\&quot;transform-image maximize\&quot;\r\n\t\t\t\t\t\tstyle=\&quot;margin-left: 10px;\&quot;\r\n\t\t\t\t\t\t:src=\&quot;plugin_dir_url + &#039;assets/images/maximize.png&#039;\&quot;\r\n\t\t\t\t\t&gt;\r\n\t\t\t\t&lt;/a&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t&lt;/div&gt;\r\n\r\n\t\t&lt;transition\r\n\t\t\tname=\&quot;fade\&quot;\r\n\t\t\tenter-active-class=\&quot;animated slideIn\&quot;\r\n\t\t&gt;\r\n\t\t\t&lt;div v-if=\&quot;show_documentation\&quot; class=\&quot;body\&quot;&gt;\r\n\t\t\t\t&lt;div class=\&quot;content\&quot;&gt;\r\n\t\t\t\t\t&lt;post-smtp-documentation\r\n\t\t\t\t\t\tv-for=\&quot;doc in documentation\&quot; :key=\&quot;doc.title\&quot;\r\n\t\t\t\t\t\t:title=\&quot;doc.title\&quot;\r\n\t\t\t\t\t\t:docs-links=\&quot;doc.links\&quot;\r\n\t\t\t\t\t\t:view-more=\&quot;doc.view_more\&quot;\r\n\t\t\t\t\t\t:plugin-dir-url=\&quot;plugin_dir_url\&quot;\r\n\t\t\t\t\t\t:admin-url=\&quot;admin_url\&quot;\r\n\t\t\t\t\t&gt;&lt;/post-smtp-documentation&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/div&gt;\r\n\t\t&lt;/transition&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSMTPGuide&#039;,\r\n\r\n\tdata: ( vm ) =&gt; ( {\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( &#039;.transform-image&#039; );\r\n\t\t\timage.classList.toggle( &#039;minimize&#039; );\r\n\r\n\t\t\tthis.show_documentation = ! this.show_documentation;\r\n\t\t}\r\n\t}\r\n}\r\n&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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: &#039;&#039;;\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: &#039;&#039;;\r\n\tdisplay: block;\r\n\tclear: both;\r\n}\r\n&lt;/style&gt;&quot;,&quot;&lt;template&gt;\r\n\t&lt;div class=\&quot;documentation\&quot;&gt;\r\n\t\t&lt;h3&gt;{{ title }}&lt;/h3&gt;\r\n\r\n\t\t&lt;ul class=\&quot;doc-unstyled-list\&quot;&gt;\r\n\t\t\t&lt;li v-for=\&quot;link in docsLinks\&quot; :key=\&quot;link.title\&quot;&gt;\r\n\t\t\t\t&lt;div class=\&quot;clearfix\&quot;&gt;\r\n\t\t\t\t\t&lt;div style=\&quot;float: left;width: 23px;\&quot;&gt;\r\n\t\t\t\t\t\t&lt;img\r\n\t\t\t\t\t\t\t:src=\&quot;plugin_dir_url + &#039;assets/images/docs.svg&#039;\&quot;\r\n\t\t\t\t\t\t\tstyle=\&quot;margin-bottom: -3px;margin-right: 9px;\&quot;\r\n\t\t\t\t\t\t&gt;\r\n\t\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t\t&lt;div style=\&quot;float: right;text-align: left;width: calc( 100% - 23px )\&quot;&gt;\r\n\t\t\t\t\t\t&lt;a\r\n\t\t\t\t\t\t\t:href=\&quot;link.href\&quot;\r\n\t\t\t\t\t\t\tstyle=\&quot;text-decoration: none;\&quot;\r\n\t\t\t\t\t\t&gt;\r\n\t\t\t\t\t\t\t{{ link.title }}\r\n\t\t\t\t\t\t&lt;/a&gt;\r\n\t\t\t\t\t&lt;/div&gt;\r\n\t\t\t\t&lt;/div&gt;\r\n\t\t\t&lt;/li&gt;\r\n\t\t&lt;/ul&gt;\r\n\r\n\t\t&lt;a class=\&quot;view-more-button\&quot; :href=\&quot;viewMore\&quot;&gt;{{ i18n.more }} →&lt;/a&gt;\r\n\t&lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n\tname: &#039;PostSMTPDocumentation&#039;,\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 ) =&gt; ( {\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&lt;/script&gt;\r\n\r\n&lt;style scoped&gt;\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: \&quot;\&quot;;\r\n\tclear: both;\r\n\tdisplay: table;\r\n}\r\n&lt;/style&gt;&quot;,&quot;@import url( &#039;https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&amp;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&amp;display=swap&#039; );\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-wrapper{\r\n    padding: 0px !important;\r\n    border-bottom: none !important;\r\n    border: none !important;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.office-one-click{\r\n    width:274px\r\n}\r\n.office-wrapper{\r\n    padding: 0px !important;\r\n    border-bottom: none !important;\r\n}&quot;],&quot;names&quot;:[],&quot;sourceRoot&quot;:&quot;&quot;}</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fvar%2Fwww%2Fvhosts%2Fvsdma.at%2Fhttpdocs%2Fwp-content%2Fplugins%2Fpost-smtp%2FPostman%2FDashboard%2Fassets%2Fcss'>🔙 Back</a></p>