@useinsider/guido 1.0.0-beta.f2fcf4d → 1.0.0-beta.f3dd8d9

package/dist/stores/version-history.d.ts

@@ -0,0 +1,80 @@
+import type { VersionHistoryState } from '@@/Types/version-history-api';
+export interface StoreState extends VersionHistoryState {
+    editorVisualMode: 'desktop' | 'mobile';
+}
+export declare const useVersionHistoryStore: import("pinia").StoreDefinition<"versionHistory", StoreState, {
+    hasPreviousPatch: (state: {
+        editorVisualMode: "desktop" | "mobile";
+        previousPatch: {
+            id: string;
+            date: number;
+            description: string;
+            authorId: string;
+            authorName: string;
+        };
+        currentPatch: {
+            id: string;
+            date: number;
+            description: string;
+            authorId: string;
+            authorName: string;
+        };
+        nextPatch: {
+            id: string;
+            date: number;
+            description: string;
+            authorId: string;
+            authorName: string;
+        };
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
+    hasCurrentPatch: (state: {
+        editorVisualMode: "desktop" | "mobile";
+        previousPatch: {
+            id: string;
+            date: number;
+            description: string;
+            authorId: string;
+            authorName: string;
+        };
+        currentPatch: {
+            id: string;
+            date: number;
+            description: string;
+            authorId: string;
+            authorName: string;
+        };
+        nextPatch: {
+            id: string;
+            date: number;
+            description: string;
+            authorId: string;
+            authorName: string;
+        };
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
+    hasNextPatch: (state: {
+        editorVisualMode: "desktop" | "mobile";
+        previousPatch: {
+            id: string;
+            date: number;
+            description: string;
+            authorId: string;
+            authorName: string;
+        };
+        currentPatch: {
+            id: string;
+            date: number;
+            description: string;
+            authorId: string;
+            authorName: string;
+        };
+        nextPatch: {
+            id: string;
+            date: number;
+            description: string;
+            authorId: string;
+            authorName: string;
+        };
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
+}, {
+    updateState(state: VersionHistoryState): void;
+}>;

package/dist/stores/version-history.js

@@ -0,0 +1,28 @@
+import { defineStore as a } from "pinia";
+const e = () => ({
+  id: "",
+  date: 0,
+  description: "",
+  authorId: "",
+  authorName: ""
+}), r = () => ({
+  previousPatch: e(),
+  currentPatch: e(),
+  nextPatch: e(),
+  editorVisualMode: "desktop"
+}), o = a("versionHistory", {
+  state: () => r(),
+  getters: {
+    hasPreviousPatch: (t) => !!t.previousPatch.id,
+    hasCurrentPatch: (t) => !!t.currentPatch.id,
+    hasNextPatch: (t) => !!t.nextPatch.id
+  },
+  actions: {
+    updateState(t) {
+      t.previousPatch && (this.previousPatch = t.previousPatch), t.currentPatch && (this.currentPatch = t.currentPatch), t.nextPatch && (this.nextPatch = t.nextPatch);
+    }
+  }
+});
+export {
+  o as useVersionHistoryStore
+};

package/dist/utils/dateUtil.d.ts

@@ -0,0 +1 @@
+export declare const formatPatchDate: (timestamp: number) => string;

package/dist/utils/dateUtil.js

@@ -0,0 +1,16 @@
+const o = (t) => {
+  if (!t)
+    return "";
+  const e = new Date(t);
+  return new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hour12: !1
+  }).format(e);
+};
+export {
+  o as formatPatchDate
+};

package/dist/utils/htmlCompiler.d.ts

@@ -0,0 +1,12 @@
+import type { CompilerRule, CompilationResult, HtmlCompiler } from '@@/Types/html-compiler';
+export declare class HtmlCompilerEngine implements HtmlCompiler {
+    private rules;
+    constructor(rules?: CompilerRule[]);
+    compile(html: string, rules?: CompilerRule[]): CompilationResult;
+    private applyRule;
+    private applyReplaceRule;
+    private applyRegexRule;
+    private applyRemoveRule;
+    private applyCustomRule;
+}
+export declare const createHtmlCompiler: (rules?: CompilerRule[]) => HtmlCompiler;

package/dist/utils/htmlCompiler.js

@@ -0,0 +1,70 @@
+var y = Object.defineProperty;
+var g = (p, e, r) => e in p ? y(p, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : p[e] = r;
+var u = (p, e, r) => g(p, typeof e != "symbol" ? e + "" : e, r);
+import { useToaster as m } from "../composables/useToaster.js";
+class d {
+  constructor(e = []) {
+    u(this, "rules");
+    this.rules = e;
+  }
+  compile(e, r) {
+    const l = performance.now(), t = e, o = e.length;
+    let s = e;
+    const a = [];
+    (r || this.rules).sort((n, c) => n.priority - c.priority).forEach((n) => {
+      const c = s.length;
+      s = this.applyRule(s, n), s.length !== c && a.push(n.id);
+    });
+    const i = s.length, R = o > 0 ? (o - i) / o * 100 : 0;
+    return {
+      originalHtml: t,
+      compiledHtml: s,
+      appliedRules: a,
+      // TODO: We can use stats for monitoring in the future
+      stats: {
+        originalSize: o,
+        compiledSize: i,
+        reductionPercentage: R,
+        executionTime: performance.now() - l
+      }
+    };
+  }
+  applyRule(e, r) {
+    try {
+      switch (r.type) {
+        case "replace":
+          return this.applyReplaceRule(e, r);
+        case "regex":
+          return this.applyRegexRule(e, r);
+        case "remove":
+          return this.applyRemoveRule(e, r);
+        case "custom":
+          return this.applyCustomRule(e, r);
+        default:
+          return e;
+      }
+    } catch (l) {
+      const { handleError: t } = m();
+      return t(l, `Failed to apply rule ${r.id}:`), e;
+    }
+  }
+  applyReplaceRule(e, r) {
+    const { search: l, replacement: t, replaceAll: o = !0 } = r;
+    return o ? e.replaceAll(l, t) : e.replace(l, t);
+  }
+  applyRegexRule(e, r) {
+    const { pattern: l, replacement: t, flags: o = "g" } = r, s = new RegExp(l, o);
+    return e.replace(s, t);
+  }
+  applyRemoveRule(e, r) {
+    return r.targets.reduce((l, t) => t instanceof RegExp ? l.replace(t, "") : l.replaceAll(t, ""), e);
+  }
+  applyCustomRule(e, r) {
+    return r.processor(e);
+  }
+}
+const A = (p = []) => new d(p);
+export {
+  d as HtmlCompilerEngine,
+  A as createHtmlCompiler
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.0-beta.f2fcf4d",
+  "version": "1.0.0-beta.f3dd8d9",
   "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",
@@ -10,9 +10,9 @@
   ],
   "exports": {
     ".": {
-        "import": "./dist/library.js",
-        "types": "./dist/components/Guido.vue.d.ts",
-        "require": "./dist/components/Guido.vue.js"
+      "import": "./dist/library.js",
+      "types": "./dist/components/Guido.vue.d.ts",
+      "require": "./dist/components/Guido.vue.js"
     },
     "./style": "./dist/guido.css"
   },
@@ -21,7 +21,6 @@
     "start": "vite",
     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.app.json",
     "preview": "vite preview",
-    "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
     "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json"
@@ -30,6 +29,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "@stripoinc/ui-editor-extensions": "^1.0.6",
     "@useinsider/design-system-vue": "0.14.8",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
@@ -42,6 +42,7 @@
     "@cspell/eslint-plugin": "8.17.5",
     "@eslint/eslintrc": "3.3.0",
     "@eslint/js": "8.57.1",
+    "@playwright/test": "^1.54.2",
     "@stylistic/eslint-plugin": "3.1.0",
     "@stylistic/eslint-plugin-migrate": "3.1.0",
     "@types/eslint": "8.56.12",

package/dist/components/organisms/top-bar/Header.vue2.js

@@ -1,14 +0,0 @@
-import { defineComponent as e } from "vue";
-import { InContainer as r } from "@useinsider/design-system-vue";
-import o from "./HeaderLeftSlot.vue.js";
-import t from "./HeaderMiddleSlot.vue.js";
-import m from "./HeaderRightSlot.vue.js";
-const _ = /* @__PURE__ */ e({
-  __name: "Header",
-  setup(f) {
-    return { __sfc: !0, InContainer: r, HeaderLeftSlot: o, HeaderMiddleSlot: t, HeaderRightSlot: m };
-  }
-});
-export {
-  _ as default
-};

package/dist/components/organisms/top-bar/HeaderLeftSlot.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/components/organisms/top-bar/HeaderLeftSlot.vue.js

@@ -1,17 +0,0 @@
-import n from "./HeaderLeftSlot.vue2.js";
-import o from "../../../_virtual/_plugin-vue2_normalizer.js";
-var _ = function() {
-  var t = this, e = t._self._c, r = t._self._setupProxy;
-  return e("div", [e(r.InButtonV2, { attrs: { id: "guido__back-button", "label-text": "Back", "left-icon": "line-arrow-left", styling: "text", type: "secondary" } })], 1);
-}, a = [], s = /* @__PURE__ */ o(
-  n,
-  _,
-  a,
-  !1,
-  null,
-  null
-);
-const i = s.exports;
-export {
-  i as default
-};

package/dist/components/organisms/top-bar/HeaderLeftSlot.vue2.js

@@ -1,11 +0,0 @@
-import { defineComponent as t } from "vue";
-import { InButtonV2 as e } from "@useinsider/design-system-vue";
-const _ = /* @__PURE__ */ t({
-  __name: "HeaderLeftSlot",
-  setup(o) {
-    return { __sfc: !0, InButtonV2: e };
-  }
-});
-export {
-  _ as default
-};

package/dist/components/organisms/top-bar/HeaderMiddleSlot.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/components/organisms/top-bar/HeaderMiddleSlot.vue.js

@@ -1,17 +0,0 @@
-import o from "./HeaderMiddleSlot.vue2.js";
-import s from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var n = this, t = n._self._c, e = n._self._setupProxy;
-  return t("div", { staticClass: "d-f" }, [t(e.InButtonV2, { attrs: { id: "guido__undo-button", "left-icon": "line-undo", styling: "ghost", type: "secondary", "label-text-status": !1 } }), t(e.InButtonV2, { attrs: { id: "guido__redo-button", "left-icon": "line-redo", styling: "ghost", type: "secondary", "label-text-status": !1 } }), t(e.InButtonV2, { attrs: { id: "guido__code-button", "left-icon": "line-code", styling: "ghost", type: "secondary", "label-text-status": !1 } }), t(e.InButtonV2, { attrs: { id: "guido__preview-button", "left-icon": "line-show-on", styling: "ghost", type: "secondary", "label-text-status": !1 } })], 1);
-}, a = [], i = /* @__PURE__ */ s(
-  o,
-  l,
-  a,
-  !1,
-  null,
-  null
-);
-const _ = i.exports;
-export {
-  _ as default
-};

package/dist/components/organisms/top-bar/HeaderMiddleSlot.vue2.js

@@ -1,11 +0,0 @@
-import { defineComponent as e } from "vue";
-import { InButtonV2 as t } from "@useinsider/design-system-vue";
-const _ = /* @__PURE__ */ e({
-  __name: "HeaderMiddleSlot",
-  setup(o) {
-    return { __sfc: !0, InButtonV2: t };
-  }
-});
-export {
-  _ as default
-};

package/dist/components/organisms/top-bar/HeaderRightSlot.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/components/organisms/top-bar/HeaderRightSlot.vue.js

@@ -1,18 +0,0 @@
-import n from "./HeaderRightSlot.vue2.js";
-/* empty css                     */
-import o from "../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
-  var s = this, t = s._self._c, e = s._self._setupProxy;
-  return t("div", { staticClass: "d-f header-right-slot" }, [t("div", { staticClass: "d-f" }, [t(e.InSegments, { attrs: { id: "preview-platform-selection", "with-icon": "", selected: "desktop", "segment-list": e.segmentList } })], 1), t("div", { staticClass: "d-f" }, [t(e.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "label-text-status": !1 } }), t(e.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "label-text-status": !1 } }), t(e.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "label-text-status": !1 } }), t(e.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "label-text-status": !1 } })], 1), t(e.InButtonV2, { attrs: { id: "guido__save-button", "label-text": "Save" } })], 1);
-}, i = [], l = /* @__PURE__ */ o(
-  n,
-  a,
-  i,
-  !1,
-  null,
-  "9d879f6f"
-);
-const u = l.exports;
-export {
-  u as default
-};

package/dist/components/organisms/top-bar/HeaderRightSlot.vue2.js

@@ -1,14 +0,0 @@
-import { defineComponent as e } from "vue";
-import { InSegments as t, InButtonV2 as n } from "@useinsider/design-system-vue";
-const p = /* @__PURE__ */ e({
-  __name: "HeaderRightSlot",
-  setup(o) {
-    return { __sfc: !0, segmentList: [
-      { text: "", icon: "line-desktop", value: "desktop" },
-      { text: "", icon: "line-menu-mobileapp", value: "mobile" }
-    ], InButtonV2: n, InSegments: t };
-  }
-});
-export {
-  p as default
-};

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/enums/defaults.enum.d.ts

@@ -1,18 +0,0 @@
-export declare const DefaultApiEndpoints: {
-    dynamicContent: string;
-    unsubPages: string;
-    header: string;
-    footer: string;
-    productName: string;
-    productVersion: string;
-    token: string;
-};
-export declare const DefaultExtensions: {
-    dynamicContent: boolean;
-    unsubPages: boolean;
-    header: boolean;
-    footer: boolean;
-};
-export declare const DefaultConfig: {
-    translationsPath: string;
-};

package/dist/static/editor.css.js

@@ -1,182 +0,0 @@
-const n = `:host {
-    --guido-primary-color: #0a2ecc;
-}
-
-.label {
-    font-size: 13px;
-    color: #292929;
-}
-
-.stacked-panel-title {
-    font-size: 18px;
-    font-weight: 600;
-    color: #2c3546
-}
-
-.stacked-panel-item {
-    border-radius: 4px;
-    border: 1px solid #dcdfe6;
-    box-shadow: 0 0 0 0 #e1e1e1,0 15px 35px -5px rgba(0, 0, 0, .1),0 8px 10px -6px rgba(0, 0, 0, .1)
-}
-
-/** 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: #2c3546;
-}
-
-.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: #c2ddff;
-    color: var(--guido-primary-color);
-    border-color: var(--guido-primary-color);
-}
-
-.tabs-header button.checked ue-icon-component.icon-button {
-    color: var(--guido-primary-color);
-}
-/** 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: #2c3546;
-}
-
-.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: #c2ddff;
-    color: var(--guido-primary-color);
-    border-color: var(--guido-primary-color);
-}
-
-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-primary-color);
-}
-/** 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 #e1e1e1;
-    border-radius: 4px;
-    box-shadow: none;
-    min-height: 42px;
-    padding: 8px;
-    color: #292929;
-    text-align: left;
-    outline: none;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-
-.button[role="combobox"].on {
-    background-color: #f9f9f9;
-    border-color: var(--guido-primary-color);
-    box-shadow: 0 0 0 3px #b5c1f1 !important;
-}
-/** COMBOBOX */
-
-/** BASE INPUT */
-.base-input {
-    border: 1px solid #e1e1e1;
-    border-radius: 4px;
-    background-color: #f9f9f9;
-    align-items: center;
-    height: 42px;
-    max-height: 42px;
-    box-sizing: content-box;
-    outline: none;
-    resize: vertical;
-    padding: 8px;
-    transition: none !important;
-    color: #292929;
-    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 */
-`;
-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
-};