@useinsider/guido 3.9.1-beta.734031d → 3.9.1-beta.a6465cf

package/dist/enums/defaults.js

@@ -1,12 +1,15 @@
 const e = {
   transactional: 2
-}, o = 2, t = 13, s = {
+}, s = 2, a = 13, t = "https://email-static.useinsider.com", o = `${t}/templates/campaign/default.html`, l = `${t}/templates/campaign/default.css`, E = {
   SAVED_MODULES: "savedModules",
   DEFAULT_MODULES: "defaultModules"
 };
 export {
-  o as EditorType,
-  t as MAX_DEFAULT_TEMPLATE_ID,
-  s as ModuleFolderDefaults,
+  l as BLANK_TEMPLATE_CSS_URL,
+  o as BLANK_TEMPLATE_HTML_URL,
+  t as EMAIL_STATIC_BASE_URL,
+  s as EditorType,
+  a as MAX_DEFAULT_TEMPLATE_ID,
+  E as ModuleFolderDefaults,
   e as TemplateTypes
 };

package/dist/services/blankTemplate.js

@@ -0,0 +1,34 @@
+import { useToaster as m } from "../composables/useToaster.js";
+import { useTranslations as c } from "../composables/useTranslations.js";
+import { BLANK_TEMPLATE_HTML_URL as T, BLANK_TEMPLATE_CSS_URL as i } from "../enums/defaults.js";
+import { ToasterTypeOptions as p } from "../enums/toaster.js";
+const a = 3, f = 1e3;
+let s = null;
+const u = (e) => new Promise((t) => {
+  setTimeout(t, e);
+}), n = async (e) => {
+  const t = await fetch(e);
+  if (!t.ok)
+    throw new Error(`Blank template request failed: ${t.status}`);
+  return t.text();
+}, k = () => {
+  const { showToaster: e } = m(), t = c();
+  return { getBlankTemplate: async () => {
+    if (s)
+      return s;
+    for (let r = 1; r <= a; r++)
+      try {
+        const [o, l] = await Promise.all([
+          n(T),
+          n(i)
+        ]);
+        return s = { html: o, css: l }, s;
+      } catch (o) {
+        console.error(`Failed to fetch blank template (attempt ${r}/${a}):`, o), r < a && await u(r * f);
+      }
+    return e({ type: p.Alert, message: t("errors-pages.undefined-response") }), { html: "", css: "" };
+  } };
+};
+export {
+  k as useBlankTemplate
+};

package/dist/services/stripoApi.js

@@ -1,10 +1,9 @@
 import { useHttp as d } from "../composables/useHttp.js";
 import { useToaster as m } from "../composables/useToaster.js";
 import { MAX_DEFAULT_TEMPLATE_ID as y } from "../enums/defaults.js";
-import f from "../static/templates/empty/index.html.js";
-import g from "../static/templates/empty/style.css.js";
-const E = () => {
-  const { get: s, post: c } = d(), { handleError: r } = m();
+import { useBlankTemplate as f } from "./blankTemplate.js";
+const D = () => {
+  const { get: s, post: u } = d(), { handleError: r } = m(), { getBlankTemplate: o } = f();
   return {
     getToken: async () => {
       try {
@@ -26,18 +25,14 @@ const E = () => {
       }
     },
     getDefaultTemplate: async () => {
-      const t = {
-        html: f,
-        css: g
-      };
       try {
-        const e = new URLSearchParams(window.location.search), u = e.get("default-template"), p = e.get("master"), a = u ? parseInt(u) : 0, i = a >= 1 && a <= y ? a : 0;
-        if (!i && !p)
-          return t;
-        const l = `/stripo/default-template/${i}`, { data: n } = await s(l), o = typeof n == "string" ? JSON.parse(n) : n;
-        return !o || typeof o != "object" || !("html" in o) || !("css" in o) ? t : o;
-      } catch (e) {
-        return r(e, "Failed to fetch default template"), t;
+        const t = new URLSearchParams(window.location.search), e = t.get("default-template"), l = t.get("master"), n = e ? parseInt(e) : 0, i = n >= 1 && n <= y ? n : 0;
+        if (!i && !l)
+          return await o();
+        const p = `/stripo/default-template/${i}`, { data: c } = await s(p), a = typeof c == "string" ? JSON.parse(c) : c;
+        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? await o() : a;
+      } catch (t) {
+        return r(t, "Failed to fetch default template"), o();
       }
     },
     getSyncModulesStatus: async () => {
@@ -50,7 +45,7 @@ const E = () => {
     },
     updateSyncModule: async (t) => {
       try {
-        return await c(`/stripo/stripo-modules/${t.moduleId}/update`), !0;
+        return await u(`/stripo/stripo-modules/${t.moduleId}/update`), !0;
       } catch (e) {
         return r(e, "Failed to update sync module"), !1;
       }
@@ -71,7 +66,7 @@ const E = () => {
       if (t.length === 0)
         return !0;
       try {
-        return await c("/stripo/stripo-modules/set-unsubscription-preference-pages", t), !0;
+        return await u("/stripo/stripo-modules/set-unsubscription-preference-pages", t), !0;
       } catch (e) {
         return r(e, "Failed to set unsubscription preference pages"), !1;
       }
@@ -79,5 +74,5 @@ const E = () => {
   };
 };
 export {
-  E as useStripoApi
+  D as useStripoApi
 };

package/dist/src/enums/defaults.d.ts

@@ -8,6 +8,9 @@ export declare const TemplateTypes: {
 };
 export declare const EditorType: number;
 export declare const MAX_DEFAULT_TEMPLATE_ID = 13;
+export declare const EMAIL_STATIC_BASE_URL = "https://email-static.useinsider.com";
+export declare const BLANK_TEMPLATE_HTML_URL = "https://email-static.useinsider.com/templates/campaign/default.html";
+export declare const BLANK_TEMPLATE_CSS_URL = "https://email-static.useinsider.com/templates/campaign/default.css";
 export declare const ProductIds: Record<string, number>;
 export declare const ModuleFolderDefaults: {
     readonly SAVED_MODULES: "savedModules";

package/dist/src/services/blankTemplate.d.ts

@@ -0,0 +1,11 @@
+import type { Template } from '@@/Types/stripo';
+/**
+ * Fetches the blank starter template (html + css) from the email CDN — the single
+ * source of truth shared with email-fe. Retries a few times, caches the result for
+ * the session, and on persistent failure returns an empty template (the editor still
+ * opens) plus a toaster. Kept separate from stripoApi: this is a CDN asset fetch, not
+ * a Stripo backend call.
+ */
+export declare const useBlankTemplate: () => {
+    getBlankTemplate: () => Promise<Template>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.9.1-beta.734031d",
+  "version": "3.9.1-beta.a6465cf",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -29,8 +29,6 @@
     "test:visual-update": "npx playwright test --update-snapshots --reporter html",
     "test:e2e:coverage": "E2E_COVERAGE=true playwright test",
     "coverage:e2e:report": "nyc report --reporter=lcov --reporter=text-summary --report-dir=coverage/e2e",
-    "test:mutation": "stryker run",
-    "test:mutation:since": "stryker run --since=origin/develop --incremental",
     "prepare": "husky",
     "preinstall": "rm -rf ./node_modules/.vite"
   },
@@ -54,8 +52,6 @@
     "@eslint/eslintrc": "3.3.0",
     "@eslint/js": "8.57.1",
     "@playwright/test": "1.57.0",
-    "@stryker-mutator/core": "9.6.1",
-    "@stryker-mutator/vitest-runner": "9.6.1",
     "@stylistic/eslint-plugin": "3.1.0",
     "@stylistic/eslint-plugin-migrate": "3.1.0",
     "@types/eslint": "8.56.12",

package/dist/static/templates/empty/index.html.js

@@ -1,74 +0,0 @@
-const t = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-
-<head>
-    <meta charset="UTF-8">
-    <meta content="width=device-width, initial-scale=1" name="viewport">
-    <meta name="x-apple-disable-message-reformatting">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta content="telephone=no" name="format-detection">
-    <title></title>
-    <!--[if (mso 16)]><style type="text/css">a{text-decoration:none}</style><![endif]-->
-    <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
-    <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
-    <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
-    <!--[if gte mso 9]><style>sup{font-size:100% !important}</style><![endif]-->
-    <!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]-->
-</head>
-
-<body>
-    <div class="es-wrapper-color">
-        <!--[if gte mso 9]>
-			<v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
-				<v:fill type="tile" color="#f6f6f6"></v:fill>
-			</v:background>
-		<![endif]-->
-        <table class="es-wrapper" width="100%" cellspacing="0" cellpadding="0">
-            <tbody>
-                <tr>
-                    <td class="esd-email-paddings" valign="top">
-                        <table class="es-content esd-footer-popover" cellspacing="0" cellpadding="0" align="center">
-                            <tbody>
-                                <tr>
-                                    <td class="esd-stripe" align="center">
-                                        <table class="es-content-body" width="600" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center">
-                                            <tbody>
-                                                <tr>
-                                                    <td class="esd-structure es-p20" align="left">
-                                                        <table cellpadding="0" cellspacing="0" width="100%">
-                                                            <tbody>
-                                                                <tr>
-                                                                    <td width="560" class="esd-container-frame" align="center" valign="top">
-                                                                        <table cellpadding="0" cellspacing="0" width="100%">
-                                                                            <tbody>
-                                                                                <tr>
-                                                                                    <td align="center" class="esd-empty-container" style="display: none;"></td>
-                                                                                </tr>
-                                                                            </tbody>
-                                                                        </table>
-                                                                    </td>
-                                                                </tr>
-                                                            </tbody>
-                                                        </table>
-                                                    </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-    <div style="position: absolute; left: -9999px; top: -9999px; margin: 0px;"></div>
-    <div style="position: absolute; left: -9999px; top: -9999px; margin: 0px; padding: 0px; border: 0px none; width: 1px;"></div>
-</body>
-
-</html>
-`;
-export {
-  t as default
-};

package/dist/static/templates/empty/style.css.js

@@ -1,779 +0,0 @@
-const n = `/* CONFIG STYLES Please do not delete and edit CSS styles below */
-/* IMPORTANT THIS STYLES MUST BE ON FINAL EMAIL */
-#outlook a {
-    padding: 0;
-}
-
-.ExternalClass {
-    width: 100%;
-}
-
-.ExternalClass,
-.ExternalClass p,
-.ExternalClass span,
-.ExternalClass font,
-.ExternalClass td,
-.ExternalClass div {
-    line-height: 100%;
-}
-
-.es-button {
-    mso-style-priority: 100 !important;
-    text-decoration: none !important;
-}
-
-a[x-apple-data-detectors] {
-    color: inherit !important;
-    text-decoration: none !important;
-    font-size: inherit !important;
-    font-family: inherit !important;
-    font-weight: inherit !important;
-    line-height: inherit !important;
-}
-
-.es-desk-hidden {
-    display: none;
-    float: left;
-    overflow: hidden;
-    width: 0;
-    max-height: 0;
-    line-height: 0;
-    mso-hide: all;
-}
-
-/* END OF IMPORTANT */
-body {
-    width: 100%;
-    font-family: arial, 'helvetica neue', helvetica, sans-serif;
-    -webkit-text-size-adjust: 100%;
-    -ms-text-size-adjust: 100%;
-}
-
-table {
-    mso-table-lspace: 0pt;
-    mso-table-rspace: 0pt;
-    border-collapse: collapse;
-    border-spacing: 0px;
-}
-
-table td,
-html,
-body,
-.es-wrapper {
-    padding: 0;
-    Margin: 0;
-}
-
-.es-content,
-.es-header,
-.es-footer {
-    table-layout: fixed !important;
-    width: 100%;
-}
-
-img {
-    display: block;
-    border: 0;
-    outline: none;
-    text-decoration: none;
-    -ms-interpolation-mode: bicubic;
-}
-
-table tr {
-    border-collapse: collapse;
-}
-
-p,
-hr {
-    Margin: 0;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5 {
-    Margin: 0;
-    line-height: 120%;
-    mso-line-height-rule: exactly;
-    font-family: arial, 'helvetica neue', helvetica, sans-serif;
-}
-
-p,
-ul li,
-ol li,
-a {
-    -webkit-text-size-adjust: none;
-    -ms-text-size-adjust: none;
-    mso-line-height-rule: exactly;
-}
-
-.es-left {
-    float: left;
-}
-
-.es-right {
-    float: right;
-}
-
-.es-p5 {
-    padding: 5px;
-}
-
-.es-p5t {
-    padding-top: 5px;
-}
-
-.es-p5b {
-    padding-bottom: 5px;
-}
-
-.es-p5l {
-    padding-left: 5px;
-}
-
-.es-p5r {
-    padding-right: 5px;
-}
-
-.es-p10 {
-    padding: 10px;
-}
-
-.es-p10t {
-    padding-top: 10px;
-}
-
-.es-p10b {
-    padding-bottom: 10px;
-}
-
-.es-p10l {
-    padding-left: 10px;
-}
-
-.es-p10r {
-    padding-right: 10px;
-}
-
-.es-p15 {
-    padding: 15px;
-}
-
-.es-p15t {
-    padding-top: 15px;
-}
-
-.es-p15b {
-    padding-bottom: 15px;
-}
-
-.es-p15l {
-    padding-left: 15px;
-}
-
-.es-p15r {
-    padding-right: 15px;
-}
-
-.es-p20 {
-    padding: 20px;
-}
-
-.es-p20t {
-    padding-top: 20px;
-}
-
-.es-p20b {
-    padding-bottom: 20px;
-}
-
-.es-p20l {
-    padding-left: 20px;
-}
-
-.es-p20r {
-    padding-right: 20px;
-}
-
-.es-p25 {
-    padding: 25px;
-}
-
-.es-p25t {
-    padding-top: 25px;
-}
-
-.es-p25b {
-    padding-bottom: 25px;
-}
-
-.es-p25l {
-    padding-left: 25px;
-}
-
-.es-p25r {
-    padding-right: 25px;
-}
-
-.es-p30 {
-    padding: 30px;
-}
-
-.es-p30t {
-    padding-top: 30px;
-}
-
-.es-p30b {
-    padding-bottom: 30px;
-}
-
-.es-p30l {
-    padding-left: 30px;
-}
-
-.es-p30r {
-    padding-right: 30px;
-}
-
-.es-p35 {
-    padding: 35px;
-}
-
-.es-p35t {
-    padding-top: 35px;
-}
-
-.es-p35b {
-    padding-bottom: 35px;
-}
-
-.es-p35l {
-    padding-left: 35px;
-}
-
-.es-p35r {
-    padding-right: 35px;
-}
-
-.es-p40 {
-    padding: 40px;
-}
-
-.es-p40t {
-    padding-top: 40px;
-}
-
-.es-p40b {
-    padding-bottom: 40px;
-}
-
-.es-p40l {
-    padding-left: 40px;
-}
-
-.es-p40r {
-    padding-right: 40px;
-}
-
-.es-menu td {
-    border: 0;
-}
-
-.es-menu td a img {
-    display: inline !important;
-}
-
-/* END CONFIG STYLES */
-a {
-    text-decoration: underline;
-}
-
-p,
-ul li,
-ol li {
-    font-family: arial, 'helvetica neue', helvetica, sans-serif;
-    line-height: 150%;
-}
-
-ul li,
-ol li {
-    Margin-bottom: 15px;
-    margin-left: 0;
-}
-
-.es-menu td a {
-    text-decoration: none;
-    display: block;
-    font-family: arial, 'helvetica neue', helvetica, sans-serif;
-}
-
-.es-wrapper {
-    width: 100%;
-    height: 100%;
-    background-image: ;
-    background-repeat: repeat;
-    background-position: center top;
-}
-
-.es-wrapper-color,
-.es-wrapper {
-    background-color: #f6f6f6;
-}
-
-.es-header {
-    background-color: transparent;
-    background-image: ;
-    background-repeat: repeat;
-    background-position: center top;
-}
-
-.es-header-body {
-    background-color: transparent;
-}
-
-.es-header-body p,
-.es-header-body ul li,
-.es-header-body ol li {
-    color: #333333;
-    font-size: 14px;
-}
-
-.es-header-body a {
-    color: #333333;
-    font-size: 14px;
-}
-
-.es-content-body {
-    background-color: #ffffff;
-}
-
-.es-content-body p,
-.es-content-body ul li,
-.es-content-body ol li {
-    color: #333333;
-    font-size: 14px;
-}
-
-.es-content-body a {
-    color: #333333;
-    font-size: 14px;
-}
-
-.es-footer {
-    background-color: transparent;
-    background-image: ;
-    background-repeat: repeat;
-    background-position: center top;
-}
-
-.es-footer-body {
-    background-color: #333333;
-}
-
-.es-footer-body p,
-.es-footer-body ul li,
-.es-footer-body ol li {
-    color: #ffffff;
-    font-size: 14px;
-}
-
-.es-footer-body a {
-    color: #ffffff;
-    font-size: 14px;
-}
-
-.es-infoblock,
-.es-infoblock p,
-.es-infoblock ul li,
-.es-infoblock ol li {
-    line-height: 120%;
-    font-size: 12px;
-    color: #cccccc;
-}
-
-.es-infoblock a {
-    font-size: 12px;
-    color: #cccccc;
-}
-
-h1 {
-    font-size: 30px;
-    font-style: normal;
-    font-weight: normal;
-    color: #333333;
-}
-
-h2 {
-    font-size: 24px;
-    font-style: normal;
-    font-weight: normal;
-    color: #333333;
-}
-
-h3 {
-    font-size: 20px;
-    font-style: normal;
-    font-weight: normal;
-    color: #333333;
-}
-
-.es-header-body h1 a,
-.es-content-body h1 a,
-.es-footer-body h1 a {
-    font-size: 30px;
-}
-
-.es-header-body h2 a,
-.es-content-body h2 a,
-.es-footer-body h2 a {
-    font-size: 24px;
-}
-
-.es-header-body h3 a,
-.es-content-body h3 a,
-.es-footer-body h3 a {
-    font-size: 20px;
-}
-
-a.es-button,
-button.es-button {
-    display: inline-block;
-    background: #f0f0f0;
-    border-radius: 0px;
-    font-size: 16px;
-    font-family: arial, 'helvetica neue', helvetica, sans-serif;
-    font-weight: normal;
-    font-style: normal;
-    line-height: 120%;
-    color: #333333;
-    text-decoration: none;
-    width: auto;
-    text-align: center;
-    padding: 5px 30px 5px 30px;
-    mso-padding-alt: 0;
-    mso-border-alt: 10px solid #f0f0f0;
-}
-
-.es-button-border {
-    border-style: solid solid solid solid;
-    border-color: #808080 #808080 #808080 #808080;
-    background: #f0f0f0;
-    border-width: 2px 2px 2px 2px;
-    display: inline-block;
-    border-radius: 0px;
-    width: auto;
-}
-
-.ins-trim-text {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-
-/* RESPONSIVE STYLES Please do not delete and edit CSS styles below. If you don't need responsive layout, please delete this section. */
-@media only screen and (max-width: 600px) {
-
-    p,
-    ul li,
-    ol li,
-    a {
-        line-height: 150% !important;
-    }
-
-    h1,
-    h2,
-    h3,
-    h1 a,
-    h2 a,
-    h3 a {
-        line-height: 120% !important;
-    }
-
-    h1 {
-        font-size: 30px !important;
-        text-align: center;
-    }
-
-    h2 {
-        font-size: 26px !important;
-        text-align: center;
-    }
-
-    h3 {
-        font-size: 20px !important;
-        text-align: center;
-    }
-
-    .es-header-body h1 a,
-    .es-content-body h1 a,
-    .es-footer-body h1 a {
-        font-size: 30px !important;
-    }
-
-    .es-header-body h2 a,
-    .es-content-body h2 a,
-    .es-footer-body h2 a {
-        font-size: 26px !important;
-    }
-
-    .es-header-body h3 a,
-    .es-content-body h3 a,
-    .es-footer-body h3 a {
-        font-size: 20px !important;
-    }
-
-    .es-menu td a {
-        font-size: 13px !important;
-    }
-
-    .es-header-body p,
-    .es-header-body ul li,
-    .es-header-body ol li,
-    .es-header-body a {
-        font-size: 16px !important;
-    }
-
-    .es-content-body p,
-    .es-content-body ul li,
-    .es-content-body ol li,
-    .es-content-body a {
-        font-size: 16px !important;
-    }
-
-    .es-footer-body p,
-    .es-footer-body ul li,
-    .es-footer-body ol li,
-    .es-footer-body a {
-        font-size: 16px !important;
-    }
-
-    .es-infoblock p,
-    .es-infoblock ul li,
-    .es-infoblock ol li,
-    .es-infoblock a {
-        font-size: 12px !important;
-    }
-
-    *[class="gmail-fix"] {
-        display: none !important;
-    }
-
-    .es-m-txt-c,
-    .es-m-txt-c h1,
-    .es-m-txt-c h2,
-    .es-m-txt-c h3 {
-        text-align: center !important;
-    }
-
-    .es-m-txt-r,
-    .es-m-txt-r h1,
-    .es-m-txt-r h2,
-    .es-m-txt-r h3 {
-        text-align: right !important;
-    }
-
-    .es-m-txt-l,
-    .es-m-txt-l h1,
-    .es-m-txt-l h2,
-    .es-m-txt-l h3 {
-        text-align: left !important;
-    }
-
-    .es-m-txt-r img,
-    .es-m-txt-c img,
-    .es-m-txt-l img {
-        display: inline !important;
-    }
-
-    .es-button-border {
-        display: block !important;
-    }
-
-    a.es-button,
-    button.es-button {
-        font-size: 16px !important;
-        display: block !important;
-        padding: 10px 0px 10px 0px !important;
-    }
-
-    .es-btn-fw {
-        border-width: 10px 0px !important;
-        text-align: center !important;
-    }
-
-    .es-adaptive table,
-    .es-btn-fw,
-    .es-btn-fw-brdr,
-    .es-left,
-    .es-right {
-        width: 100% !important;
-    }
-
-    .ext-product-button,
-    .ext-product-price p,
-    .ext-product-original-price p {
-        width: 100% !important;
-    }
-
-    .ext-product-button a {
-        max-width: 100% !important;
-    }
-
-    .ext-product-name.ins-vertical p {
-        height: 90px !important;
-        overflow: hidden !important;
-        word-break: break-all !important;
-        font-size: 12px !important;
-        line-height: 150% !important;
-    }
-
-    .ext-product-name.ins-vertical {
-        height: 100px !important;
-    }
-
-    .ext-product-name p {
-        height: unset !important;
-        width: 100% !important;
-        overflow: hidden !important;
-        font-size: 16px !important;
-        line-height: 150% !important;
-    }
-
-    .ext-product-name {
-        height: unset !important;
-    }
-
-    .ext-product-price.ins-vertical p {
-        overflow: hidden !important;
-        word-break: break-all !important;
-        height: 36px !important;
-        font-size: 12px !important;
-        line-height: 150% !important;
-    }
-
-    .ext-product-price.ins-vertical {
-        height: 56px !important;
-    }
-
-    .ext-product-original-price.ins-vertical p {
-        overflow: hidden !important;
-        word-break: break-all !important;
-        height: 36px !important;
-        font-size: 12px !important;
-        line-height: 150% !important;
-    }
-
-    .ext-product-original-price.ins-vertical {
-        height: 56px !important;
-    }
-
-    .ext-ins-attr.ins-vertical p {
-        overflow: hidden !important;
-        word-break: break-all !important;
-        height: 54px !important;
-        font-size: 12px !important;
-        line-height: 150% !important;
-        width: 100% !important;
-    }
-
-    .ext-ins-attr.ins-vertical {
-        height: 74px !important;
-    }
-
-    .ext-product-button a.ins-vertical {
-        word-break: break-all !important;
-        font-size: 12px !important;
-    }
-
-    .ext-product-image.ins-vertical {
-        height: unset !important;
-    }
-
-    td.esdev-mso-td.ins-vertical {
-        vertical-align: bottom !important;
-    }
-
-    .es-content table,
-    .es-header table,
-    .es-footer table,
-    .es-content,
-    .es-footer,
-    .es-header {
-        width: 100% !important;
-        max-width: 600px !important;
-    }
-
-    .es-adapt-td {
-        display: block !important;
-        width: 100% !important;
-    }
-
-    .adapt-img {
-        width: 100% !important;
-        height: auto !important;
-    }
-
-    .es-m-p0 {
-        padding: 0px !important;
-    }
-
-    .es-m-p0r {
-        padding-right: 0px !important;
-    }
-
-    .es-m-p0l {
-        padding-left: 0px !important;
-    }
-
-    .es-m-p0t {
-        padding-top: 0px !important;
-    }
-
-    .es-m-p0b {
-        padding-bottom: 0 !important;
-    }
-
-    .es-m-p20b {
-        padding-bottom: 20px !important;
-    }
-
-    .es-mobile-hidden,
-    .es-hidden {
-        display: none !important;
-    }
-
-    .es-desk-hidden {
-        display: table-row !important;
-        width: auto !important;
-        overflow: visible !important;
-        float: none !important;
-        max-height: inherit !important;
-        line-height: inherit !important;
-    }
-
-    .es-desk-menu-hidden {
-        display: table-cell !important;
-    }
-
-    table.es-table-not-adapt,
-    .esd-block-html table {
-        width: auto !important;
-    }
-
-    table.es-social {
-        display: inline-block !important;
-    }
-
-    table.es-social td {
-        display: inline-block !important;
-    }
-}
-
-/* END RESPONSIVE STYLES */
-`;
-export {
-  n as default
-};