@useinsider/guido 1.0.0-beta.6ecc044 → 1.0.0-beta.71a8dc6

package/dist/components/organisms/save-template/SaveTemplateModal.vue.js

@@ -1,19 +0,0 @@
-import s from "./SaveTemplateModal.vue2.js";
-import r from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var a = this, n = a._self._c, e = a._self._setupProxy;
-  return n(e.ModalWrapper, { attrs: { "cancel-button-text": e.trans("products.cancel"), description: e.trans("newsletter.save-template-description"), "is-open": e.props.isOpen, "primary-button-disabled": e.isSaveButtonDisabled, "primary-button-loading": e.isSaving || e.isLoadingHtml, "primary-button-text": e.trans("products.save"), title: e.trans("products.save-template") }, on: { cancel: e.closeModal, close: e.closeModal, save: e.saveTemplate } }, [n(e.InTextInput, { staticClass: "mb-5 w-1", attrs: { id: "template-name-input", "with-label": "", name: "templateName", disabled: e.isSaving, invalid: !!e.validationError, "invalid-message": e.validationError, label: e.trans("products.template-name"), placeholder: e.trans("newsletter.enter-template-name") }, model: { value: e.templateNameInput, callback: function(t) {
-    e.templateNameInput = typeof t == "string" ? t.trim() : t;
-  }, expression: "templateNameInput" } })], 1);
-}, o = [], i = /* @__PURE__ */ r(
-  s,
-  l,
-  o,
-  !1,
-  null,
-  null
-);
-const d = i.exports;
-export {
-  d as default
-};

package/dist/components/organisms/save-template/SaveTemplateModal.vue2.js

@@ -1,66 +0,0 @@
-import { defineComponent as _, ref as s, computed as w, watch as h } from "vue";
-import { useActionsApi as H } from "../../../composables/useActionsApi.js";
-import { useTemplateValidation as N } from "../../../composables/useTemplateValidation.js";
-import { useToaster as D } from "../../../composables/useToaster.js";
-import { useTranslations as L } from "../../../composables/useTranslations.js";
-import S from "../base/ModalWrapper.vue.js";
-import { InTextInput as b } from "@useinsider/design-system-vue";
-const R = /* @__PURE__ */ _({
-  __name: "SaveTemplateModal",
-  props: {
-    isOpen: { type: Boolean }
-  },
-  emits: ["close", "save"],
-  setup(g, { emit: n }) {
-    const u = g, y = L(), { handleError: o } = D(), { getCompiledEmail: p } = H(), e = s(""), l = s(!1), r = s(!1), t = s(""), {
-      validationError: v,
-      isValidating: f,
-      validateTemplateName: i,
-      clearValidation: m
-    } = N(), E = w(() => l.value || f.value || r.value || !e.value.trim() || !!v.value), c = () => {
-      e.value = "", m(), t.value = "";
-    }, d = () => {
-      c(), n("close");
-    }, M = async () => {
-      if (e.value.trim()) {
-        l.value = !0;
-        try {
-          if (!(await i(e.value)).isValid)
-            return;
-          if (!t.value) {
-            o(new Error("No HTML data available"), "Error saving template:");
-            return;
-          }
-          n("save", {
-            templateName: e.value,
-            htmlData: t.value
-          }), d();
-        } catch (a) {
-          o(a, "Error saving template:");
-        } finally {
-          l.value = !1;
-        }
-      }
-    };
-    h(e, (a) => {
-      a.trim() ? i(a) : m();
-    });
-    const T = async () => {
-      r.value = !0;
-      try {
-        const { html: a } = await p();
-        t.value = a || "", a || o(new Error("No HTML content available"), "Warning:");
-      } catch (a) {
-        o(a, "Error fetching HTML data:"), t.value = "";
-      } finally {
-        r.value = !1;
-      }
-    };
-    return h(() => u.isOpen, async (a) => {
-      a ? await T() : c();
-    }), { __sfc: !0, props: u, emit: n, trans: y, handleError: o, getCompiledEmail: p, templateNameInput: e, isSaving: l, isLoadingHtml: r, htmlData: t, validationError: v, isValidating: f, validateTemplateName: i, clearValidation: m, isSaveButtonDisabled: E, resetModalState: c, closeModal: d, saveTemplate: M, fetchHtmlData: T, ModalWrapper: S, InTextInput: b };
-  }
-});
-export {
-  R as default
-};

package/dist/composables/useTemplateValidation.d.ts

@@ -1,13 +0,0 @@
-export interface ValidationResult {
-    isValid: boolean;
-    message: string;
-}
-export declare const useTemplateValidation: () => {
-    validationError: import("vue").ComputedRef<string>;
-    isValidating: import("vue").ComputedRef<boolean>;
-    validateTemplateName: (name: string) => Promise<ValidationResult>;
-    clearValidation: () => void;
-    VALIDATION_RULES: {
-        readonly DEBOUNCE_TIME: 500;
-    };
-};

package/dist/composables/useTemplateValidation.js

@@ -1,57 +0,0 @@
-import { useHttp as T } from "./useHttp.js";
-import { useToaster as V } from "./useToaster.js";
-import { useTranslations as N } from "./useTranslations.js";
-import { ref as m, computed as u } from "vue";
-const c = {
-  DEBOUNCE_TIME: 500
-}, I = () => {
-  const { get: d } = T(), { handleError: p } = V(), l = N(), s = m(""), o = m(!1), r = m(null), v = (a) => a.trim() ? {
-    isValid: !0,
-    message: ""
-  } : {
-    isValid: !1,
-    message: l("validation.required-product-name-to-continue", { product: "template" })
-  }, f = async (a) => {
-    try {
-      const i = `/template-library/template-name-exists?name=${encodeURIComponent(a)}`;
-      return (await d(i)).data.status;
-    } catch (e) {
-      return p(e, "Error checking template name:"), !1;
-    }
-  }, E = (a) => (r.value && clearTimeout(r.value), new Promise((e) => {
-    const i = v(a);
-    if (!i.isValid) {
-      s.value = i.message, e(i);
-      return;
-    }
-    o.value = !0, r.value = setTimeout(async () => {
-      try {
-        const t = await f(a.trim()), n = {
-          isValid: !t,
-          message: t ? l("whatsapp-business.template-name-exists") : ""
-        };
-        s.value = n.message, e(n);
-      } catch (t) {
-        const n = {
-          isValid: !1,
-          message: t instanceof Error ? t.message : l("validation.unknown-error")
-        };
-        s.value = n.message, e(n);
-      } finally {
-        o.value = !1;
-      }
-    }, c.DEBOUNCE_TIME);
-  })), g = () => {
-    s.value = "", o.value = !1, r.value && clearTimeout(r.value);
-  };
-  return {
-    validationError: u(() => s.value),
-    isValidating: u(() => o.value),
-    validateTemplateName: E,
-    clearValidation: g,
-    VALIDATION_RULES: c
-  };
-};
-export {
-  I as useTemplateValidation
-};

package/dist/composables/useTemplates.d.ts

@@ -1,5 +0,0 @@
-import type { Template } from '@@/Types/stripo';
-export declare const useTemplates: () => {
-    getDefaultTemplate: () => Promise<Template>;
-    getTemplate: (templateName: string) => Promise<Template>;
-};

package/dist/composables/useTemplates.js

@@ -1,27 +0,0 @@
-const s = () => {
-  const t = async () => {
-    const [e, a] = await Promise.all([
-      // eslint-disable-next-line import/extensions
-      import("../static/templates/default/index.html.js"),
-      import("../static/templates/default/style.css.js")
-    ]);
-    return {
-      html: e.default,
-      css: a.default
-    };
-  };
-  return {
-    getDefaultTemplate: t,
-    getTemplate: async (e) => {
-      switch (e) {
-        case "default":
-          return t();
-        default:
-          return t();
-      }
-    }
-  };
-};
-export {
-  s as useTemplates
-};

package/dist/static/editor.css.js

@@ -1,232 +0,0 @@
-const n = `:host {
-    --guido-color-white: #FFFFFF;
-    --guido-color-primary-500: #0A2ECC;
-    --guido-color-primary-100: #DAE1FB;
-    --guido-color-gray-800: #292929;
-    --guido-color-gray-300: #E1E1E1;
-}
-
-.label {
-    font-size: 13px;
-    color: var(--guido-color-gray-800);
-}
-
-.stacked-panel-title {
-    padding: 16px;
-    font-size: 16px;
-    font-weight: 600;
-    color: var(--guido-color-gray-800);
-    text-align: left;
-}
-
-.stacked-panel-item {
-    border-radius: 4px;
-    border: 1px solid #dcdfe6;
-    box-shadow: 0 0 0 0 var(--guido-color-gray-300),0 15px 35px -5px rgba(0, 0, 0, .1),0 8px 10px -6px rgba(0, 0, 0, .1);
-}
-
-.container {
-    padding: 16px;
-}
-
-.container.parent-container>.container {
-    padding: 0 16px;
-}
-
-/** SEGMENT BUTTON */
-ue-switcher input {
-    border-radius: 26px;
-} 
-
-ue-switcher input:before {
-    border-radius: 22px;
-}
-
-.tabs-header {
-    padding: 0;
-    column-gap: 0;
-    background-color: transparent;
-}
-
-.tabs-header button {
-    background-color: #f7f9fa;
-    outline: none;
-    padding: 8px 16px;
-    border: 1px solid #dcdee6;
-    height: 42px;
-}
-
-.tabs-header button ue-icon-component.icon-button {
-    color: var(--guido-color-gray-800);
-}
-
-.tabs-header button:not(:last-child),
-.tabs-header button:not(:first-child) {
-    border-radius: 0;
-}
-
-.tabs-header button:first-child {
-    border-radius: 4px 0 0 4px;
-}
-
-.tabs-header button:last-child {
-    border-radius: 0 4px 4px 0;
-}
-
-.tabs-header button.checked {
-    background-color: var(--guido-color-primary-100);
-    color: var(--guido-color-primary-500);
-    border-color: var(--guido-color-primary-500);
-}
-
-.tabs-header button.checked ue-icon-component.icon-button {
-    color: var(--guido-color-primary-500);
-}
-/** SEGMENT BUTTON */
-
-/** BUTTON */
-.button:not(:disabled,.disabled):active {
-    transform: none !important;
-}
-/** BUTTON */
-
-/** BUTTON GROUP */
-.button-group {
-    padding: 0;
-    column-gap: 0;
-    border-radius: 0;
-    background-color: transparent;
-}
-
-.button-group .button {
-    background-color: #f7f9fa;
-    outline: none;
-    padding: 8px 12px;
-    border: 1px solid #dcdee6;
-    box-shadow: none;
-    height: 42px;
-}
-
-.button-group .button ue-icon-component.icon-button {
-    color: var(--guido-color-gray-800);
-}
-
-.button-group > div:first-of-type .button {
-    border-radius: 4px 0 0 4px;
-}
-
-.button-group > *:last-child .button {
-    border-radius: 0 4px 4px 0;
-}
-
-ue-check-buttons input:checked + .button,
-ue-radio-buttons input:checked + .button {
-    background-color: var(--guido-color-primary-100);
-    color: var(--guido-color-primary-500);
-    border-color: var(--guido-color-primary-500);
-}
-
-ue-check-buttons input:checked + .button ue-icon-component.icon-button,
-ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
-    color: var(--guido-color-primary-500);
-}
-/** BUTTON GROUP */
-
-/** COMBOBOX */
-.control-shadow-wrapper:has(.button[role="combobox"]) {
-    border-radius: 0;
-    padding: 0;
-    background: transparent;
-}
-
-.button[role="combobox"] {
-    background-color: #f9f9f9;
-    border: 1px solid var(--guido-color-gray-300);
-    border-radius: 4px;
-    box-shadow: none;
-    min-height: 42px;
-    padding: 8px;
-    color: var(--guido-color-gray-800);
-    text-align: left;
-    outline: none;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-
-.button[role="combobox"].on {
-    background-color: #f9f9f9;
-    border-color: var(--guido-color-primary-500);
-    box-shadow: 0 0 0 3px #b5c1f1 !important;
-}
-/** COMBOBOX */
-
-/** BASE INPUT */
-.base-input {
-    border: 1px solid var(--guido-color-gray-300);
-    border-radius: 4px;
-    background-color: #f9f9f9;
-    align-items: center;
-    height: 40px;
-    max-height: 40px;
-    box-sizing: content-box;
-    outline: none;
-    resize: vertical;
-    padding: 8px;
-    transition: none !important;
-    color: var(--guido-color-gray-800);
-    box-shadow: none !important;
-    box-sizing: border-box !important;
-}
-
-.base-input:hover:not(:disabled) {
-    background-color: #f9f9f9;
-    border-color: #7a92f2;
-}
-
-.base-input:focus:not(:disabled) {
-    background-color: #f9f9f9;
-    border-color: #0a2ecc;
-    box-shadow: 0 0 0 3px #b5c1f1 !important;
-}
-/** BASE INPUT */
-
-/** COUNTER */
-ue-counter {
-    padding: 0 !important;
-    background-color: var(--guido-color-white) !important;
-    border: 1px solid var(--guido-color-gray-300);
-}
-
-ue-counter .button {
-    width: 40px;
-    height: 40px;
-    box-shadow: none;
-}
-
-ue-counter .button .icon-button {
-    color: var(--guido-color-primary-500);
-}
-
-ue-counter ue-button:first-child .button {
-    border-right: 1px solid var(--guido-color-gray-300);
-}
-
-ue-counter ue-button:last-child .button {
-    border-left: 1px solid var(--guido-color-gray-300);
-}
-/** COUNTER */
-
-/** COLOR */
-ue-color {
-    width: 80px;
-}
-
-ue-color .base-input {
-    width: 100%;
-}
-/** COLOR */
-`;
-export {
-  n as default
-};

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

@@ -1,5 +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]><noscript><xml><o:OfficeDocumentSettings><o:AllowPNG></o:AllowPNG><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript><![endif]--><!--[if mso]><xml><w:WordDocument xmlns:w="urn:schemas-microsoft-com:office:word"><w:DontUseAdvancedTypographyReadingMail></w:DontUseAdvancedTypographyReadingMail></w:WordDocument></xml><![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-header-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" bgcolor="#91949F" style="background-color: #91949f;"><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td class="esd-container-frame" width="560" valign="top" align="center"><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td align="center" class="esd-block-image es-p15" style="font-size: 0px;"><a target="_blank"><img class="adapt-img" src="https://web-image.useinsider.com/email-template/logo.png" alt style="display: block;" height="30"></a></td></tr><tr><td class="esd-block-text" align="center"><h2 style="color: #ffffff; font-size: 30px;"><strong>Time for great email design</strong></h2></td></tr><tr><td class="esd-block-text es-m-txt-c es-p10t" align="center"><p style="color: #ffffff;">I'm a new text block ready for your message content.</p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table class="es-content" 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-p30t es-p20b es-p20r es-p20l" align="left" bgcolor="#F9F9F9" style="background-color: #f9f9f9;"><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-block-image es-p30t es-p20r" style="font-size: 0px;"><a target="_blank"><img class="adapt-img" src="https://web-image.useinsider.com/email-template/image-placeholder.png" alt style="display: block;" width="138"></a></td></tr><tr><td align="center" class="esd-block-text es-p10t es-p40b"><p style="color: #c5c6cc;">Image Placeholder</p></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td class="esd-structure es-p20t es-p20r es-p20l" 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-block-text"><p style="font-size: 24px; color: #2c3546;"><strong>This is a sample heading</strong><br></p></td></tr><tr><td align="center" class="esd-block-text"><p style="color: #2c3546;">I'm a new text block ready for your message content.</p></td></tr><tr><td align="center" class="esd-block-text"><p style="color: #959aa3; font-size: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor<br> incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud<br>&nbsp;exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table class="es-content esd-footer-popover" cellspacing="0" cellpadding="0" align="center"><tbody><tr></tr><tr><td class="esd-stripe" esd-custom-block-id="8631" align="center"><table class="es-footer-body" style="background-color: #ffffff;" width="600" cellspacing="0" cellpadding="0" align="center" bgcolor="#fff"><tbody><tr><td class="esd-structure es-p20t es-p15b es-p20r es-p20l" align="left"> <!--[if mso]><table width="560" cellpadding="0" cellspacing="0"><tr><td width="270" valign="top"><![endif]--><table cellpadding="0" cellspacing="0" class="es-left" align="left"><tbody><tr><td width="270" class="es-m-p20b esd-container-frame" align="left"><table cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="right" class="esd-block-button"><span class="es-button-border" style="border-radius: 4px; border-color: #5d6980; background: #5d6980; border-width: 1px;"><a href class="es-button" target="_blank" style="color: #ffffff; background: #5d6980; border-color: #5d6980; border-radius: 4px; border-width: 10px 15px;"> Button </a></span></td></tr></tbody></table></td></tr></tbody></table> <!--[if mso]></td><td width="20"></td><td width="270" valign="top"><![endif]--><table cellpadding="0" cellspacing="0" class="es-right" align="right"><tbody><tr><td width="270" align="left" class="esd-container-frame"><table cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="left" class="esd-block-button"><span class="es-button-border" style="border-radius: 4px; border-color: #5d6980; background: #ffffff; border-width: 1px;"><a href class="es-button" target="_blank" style="background: #ffffff; border-color: #ffffff; color: #5d6980; border-radius: 4px; border-width: 10px 15px;"> Button </a></span></td></tr></tbody></table></td></tr></tbody></table> <!--[if mso]></td></tr></table><![endif]--></td></tr><tr><td class="esd-structure es-p30t es-p35b es-p40r es-p40l" align="left" bgcolor="#F9F9F9" style="background-color: #f9f9f9;"> <!--[if mso]><table width="520" cellpadding="0" cellspacing="0"><tr><td width="257" valign="top"><![endif]--><table cellpadding="0" cellspacing="0" class="es-left" align="left"><tbody><tr><td width="257" class="es-m-p20b esd-container-frame" align="left"><table cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="center" class="esd-block-image" style="font-size: 0px;"><a target="_blank"><img class="adapt-img" src="https://web-image.useinsider.com/email-template/image-placeholder.png" alt style="display: block;" width="96"></a></td></tr><tr><td align="center" class="esd-block-text"><p style="color: #c5c6cc;">Image Placeholder</p></td></tr></tbody></table></td></tr></tbody></table> <!--[if mso]></td><td width="0"></td><td width="263" valign="top"><![endif]--><table cellpadding="0" cellspacing="0" class="es-right" align="right"><tbody><tr><td width="263" align="left" class="esd-container-frame"><table cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="center" class="esd-block-image" style="font-size: 0px;"><a target="_blank"><img class="adapt-img" src="https://web-image.useinsider.com/email-template/image-placeholder.png" alt style="display: block;" width="96"></a></td></tr><tr><td align="center" class="esd-block-text"><p style="color: #c5c6cc;">Image Placeholder</p></td></tr></tbody></table></td></tr></tbody></table> <!--[if mso]></td></tr></table><![endif]--></td></tr><tr><td class="esd-structure es-p20t es-p15b es-p20r es-p20l" 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="left" class="esd-block-text"><p>Text</p></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td class="esd-structure es-p20t es-p20b es-p20r es-p20l" align="left" bgcolor="#2C3546" style="background-color: #2c3546;"><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td class="esd-container-frame" width="560" valign="top" align="center"><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td align="center" class="esd-block-social" style="font-size:0"><table cellpadding="0" cellspacing="0" class="es-table-not-adapt es-social"><tbody><tr><td align="center" valign="top" class="es-p20r" esd-tmp-icon-type="facebook"><a target="_blank" href="https://facebook.com"><img title="Facebook" src="https://web-image.useinsider.com/email-template/facebook.png" alt="Facebook" width="24" height="24"></a></td><td align="center" valign="top" class="es-p20r" esd-tmp-icon-type="twitter"><a target="_blank" href="https://instagram.com"><img title="Instagram" src="https://web-image.useinsider.com/email-template/instagram.png" alt="Instagram" width="24" height="24"></a></td><td align="center" valign="top" esd-tmp-icon-type="instagram"><a target="_blank" href="https://twitter.com"><img title="Twitter" src="https://web-image.useinsider.com/email-template/twitter.png" alt="Twitter" width="24" height="24"></a></td></tr></tbody></table></td></tr><tr><td align="center" class="esd-block-text es-p20"><p style="font-size: 10px;">ADDRESS LINE, PROVINCE, CITY, COUNTRY - 999999</p></td></tr><tr><td align="center" class="esd-block-text"><p style="color: #959aa2; font-size: 10px;">You can <u>unsubscribe</u> from our emails, if you need to.</p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div></body></html>
-`;
-export {
-  t as default
-};

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

@@ -1,119 +0,0 @@
-const t = `/* 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 */ html, 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; }.es-menu td a { text-decoration: none; display: block; }.es-wrapper { width: 100%; height: 100%; background-image: ; background-repeat: repeat; background-position: center top; }.es-wrapper-color { 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 { border-style: solid; border-color: #f0f0f0; border-width: 5px 30px 5px 30px; 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; }.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 { font-size: 30px !important; text-align: center; line-height: 120% !important; }h2 { font-size: 26px !important; text-align: center; line-height: 120% !important; }h3 { font-size: 20px !important; text-align: center; line-height: 120% !important; }.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; border-width: 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,
-.ext-product-omnibus-price p,
-.ext-product-omnibus-discount 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-omnibus-price.ins-vertical p {
-    height: 30px !important;
-    overflow: hidden !important;
-    word-break: break-all !important;
-    font-size: 10px !important;
-    line-height: 150% !important;
-}
-
-.ext-product-omnibus-price.ins-vertical {
-    height: 50px !important;
-}
-
-.ext-product-omnibus-discount.ins-vertical p {
-    height: 30px !important;
-    overflow: hidden !important;
-    word-break: break-all !important;
-    font-size: 10px !important;
-    line-height: 150% !important;
-}
-
-.ext-product-omnibus-discount.ins-vertical {
-    height: 50px !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 */.ext-product-name p { -webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important; }.ext-product-price p { height:26px !important; }
-`;
-export {
-  t as default
-};