@useinsider/guido 1.0.0-beta.35d2ac4 → 1.0.0-beta.3af57f2

package/dist/composables/useMobileGmailFit.js

@@ -1,69 +0,0 @@
-import { useDebounce as p } from "./useDebounce.js";
-import { META_VIEWPORT_REGEX as h, INLINE_WIDTH_REGEX as w, EMAIL_CONTAINER_SELECTORS as f, DEFAULT_EMAIL_WIDTH as b, MIN_SCALE as v, TABLE_WIDTH_REGEX as A, RESIZE_DEBOUNCE_MS as u } from "../enums/gmailMobilePreview.js";
-let a = null, c = null;
-const { debounce: y } = p(), M = (t) => {
-  if (!t)
-    return null;
-  const e = t.match(A);
-  if (!e)
-    return null;
-  const r = Number(e[1]);
-  return Number.isNaN(r) ? null : r;
-}, g = (t) => {
-  const e = Array.from(t.querySelectorAll("table[width]")).reduce(
-    (n, i) => {
-      const o = M(i.getAttribute("width"));
-      return o && o > n ? o : n;
-    },
-    0
-  ), r = Array.from(t.querySelectorAll('[style*="width"]')).reduce(
-    (n, i) => {
-      const l = (i.getAttribute("style") || "").match(w);
-      if (!l)
-        return n;
-      const m = Number(l[1]);
-      return !Number.isNaN(m) && m > n ? m : n;
-    },
-    0
-  ), s = f.reduce((n, i) => {
-    const o = t.querySelector(i);
-    if (!o)
-      return n;
-    const l = Math.max(o.offsetWidth, o.scrollWidth);
-    return l > n ? l : n;
-  }, 0);
-  return Math.max(e, r, s) || b;
-}, N = (t) => {
-  t.documentElement.style.setProperty("overflow-x", "visible", "important"), t.body.style.setProperty("visibility", "visible", "important");
-}, S = (t) => {
-  t.documentElement.style.removeProperty("transform"), t.documentElement.style.removeProperty("transform-origin"), t.documentElement.style.removeProperty("height"), t.body.style.removeProperty("overflow-x");
-}, d = (t) => {
-  const e = t.querySelector('meta[name="viewport"]');
-  if (!e)
-    return !1;
-  const r = e.getAttribute("content") || "";
-  return h.test(r);
-}, W = (t, e) => {
-  const r = g(t), s = e / r, n = Math.min(Math.max(s, v), 1);
-  t.documentElement.style.setProperty("height", "100%", "important"), t.documentElement.style.setProperty("transform", `scale(${n})`, "important"), t.documentElement.style.setProperty("transform-origin", "top left", "important"), t.body.style.setProperty("overflow-x", "hidden", "important");
-}, E = (t) => {
-  const e = t.contentWindow;
-  c && e && e.removeEventListener("resize", c), a && window.removeEventListener("resize", a), c = null, a = null;
-}, P = () => ({ setupMobileGmailFit: (e) => {
-  const r = e.contentDocument, s = e.contentWindow;
-  if (!r || !s)
-    return;
-  N(r);
-  const n = () => {
-    const i = e.clientWidth || e.getBoundingClientRect().width || 375;
-    if (d(r)) {
-      S(r);
-      return;
-    }
-    W(r, i);
-  };
-  n(), E(e), c = () => y(n, u), s.addEventListener("resize", c), a = () => y(n, u), window.addEventListener("resize", a);
-}, tearDownMobileGmailFit: E, hasResponsiveMetaViewport: d });
-export {
-  P as useMobileGmailFit
-};

package/dist/composables/usePartner.d.ts

@@ -1,4 +0,0 @@
-export declare const usePartner: () => {
-    getPartnerName: () => string;
-    getProductType: () => string;
-};

package/dist/composables/usePartner.js

@@ -1,16 +0,0 @@
-import { DefaultProductType as o } from "../enums/defaults.js";
-const p = () => {
-  const e = {
-    email: "newsletter"
-  };
-  return {
-    getPartnerName: () => window.location.hostname.split(".")[0] || "",
-    getProductType: () => {
-      const t = window.location.pathname.split("/").filter(Boolean)[0] || o;
-      return e[t] || t;
-    }
-  };
-};
-export {
-  p as usePartner
-};

package/dist/composables/useProvideInject.d.ts

@@ -1,14 +0,0 @@
-import { type InjectionKey } from 'vue';
-/**
- * Provides a value using Vue's provide/inject system
- * @param key - The injection key
- * @param value - The value to provide
- */
-export declare const provideValue: <T>(key: InjectionKey<T>, value: T) => void;
-/**
- * Injects a value using Vue's provide/inject system
- * @param key - The injection key
- * @param defaultValue - Optional default value if injection fails
- * @returns The injected value
- */
-export declare const useInjectedValue: <T>(key: InjectionKey<T>, defaultValue?: T) => T;

package/dist/composables/useProvideInject.js

@@ -1,17 +0,0 @@
-import { provide as t, inject as i } from "vue";
-const d = (e, o) => {
-  t(e, o);
-}, s = (e, o) => {
-  const r = i(e, o);
-  if (r === void 0 && o === void 0) {
-    const n = e.description || String(e);
-    throw new Error(
-      `useInjectedValue: No provider found for key "${n}". Make sure a parent component provides this value.`
-    );
-  }
-  return r;
-};
-export {
-  d as provideValue,
-  s as useInjectedValue
-};

package/dist/composables/useToaster.js

@@ -1,37 +0,0 @@
-import { ref as o, watch as T } from "vue";
-const v = () => {
-  const t = o(!1), s = o(""), c = o("success"), n = o([]);
-  let a = null;
-  function i() {
-    a && (clearTimeout(a), a = null);
-  }
-  function u() {
-    t.value = !1, n.value = [], s.value = "";
-  }
-  function l(e = { message: "" }) {
-    u(), s.value = e.message, c.value = e.type || "success", n.value = e.actionButton ? [e.actionButton] : [], t.value = !0;
-  }
-  function f(e, r) {
-    const m = e instanceof Error ? e.message : String(e);
-    l({
-      type: "error",
-      message: `${r}: ${m}`
-    });
-  }
-  return T([t, s], ([e, r]) => {
-    i(), e && r && (a = setTimeout(() => {
-      u();
-    }, 6e3));
-  }), {
-    isToasterVisible: t,
-    toasterMessage: s,
-    toasterType: c,
-    toasterActionButton: n,
-    showToaster: l,
-    hideToaster: u,
-    handleError: f
-  };
-};
-export {
-  v as useToaster
-};

package/dist/composables/useTranslations.js

@@ -1,18 +0,0 @@
-import memoize from "../node_modules/lodash-es/memoize.js";
-import { ref } from "vue";
-const useTranslations = () => {
-  const translations = ref(eval(window.GuidoConfig.translationsPath)), trans = (n, t) => {
-    const r = translations.value[n];
-    return r ? t ? Object.entries(t).reduce(
-      (e, [o, i]) => e.replace(new RegExp(`{${o}}`, "g"), String(i)),
-      r
-    ) : r : (console.warn(`Translation key not found: ${n}`), n);
-  };
-  return memoize(
-    trans,
-    (n, t) => !t || Object.keys(t).length === 0 ? n : JSON.stringify({ key: n, params: t })
-  );
-};
-export {
-  useTranslations
-};

package/dist/composables/useVersionHistoryApi.d.ts

@@ -1,8 +0,0 @@
-export declare const useVersionHistoryApi: () => {
-    openVersionHistory: () => void;
-    closeVersionHistory: () => void;
-    switchToDesktopPreview: () => void;
-    switchToMobilePreview: () => void;
-    previewVersion: (id: string) => void;
-    restoreVersion: (id: string) => void;
-};

package/dist/composables/useVersionHistoryApi.js

@@ -1,53 +0,0 @@
-import { useVersionHistoryStore as p } from "../stores/version-history.js";
-import { useToaster as c } from "./useToaster.js";
-const l = () => {
-  const i = p(), { showToaster: s } = c(), t = (e) => {
-    i.$reset(), i.updateState(e);
-  }, n = () => {
-    i.$reset();
-  };
-  return {
-    openVersionHistory: () => {
-      window.StripoEditorApi.versionHistoryApi.openVersionHistory(t, n);
-    },
-    closeVersionHistory: () => {
-      window.StripoEditorApi.versionHistoryApi.closeVersionHistory();
-    },
-    switchToDesktopPreview: () => {
-      window.StripoEditorApi.versionHistoryApi.switchToDesktopPreview();
-    },
-    switchToMobilePreview: () => {
-      window.StripoEditorApi.versionHistoryApi.switchToMobilePreview();
-    },
-    previewVersion: (e) => {
-      window.StripoEditorApi.versionHistoryApi.previewVersion(e, (o) => {
-        const r = o instanceof Error ? o.message : String(o);
-        s({
-          type: "error",
-          message: `Error compiling email: ${r}`
-        });
-      });
-    },
-    restoreVersion: (e) => {
-      window.StripoEditorApi.versionHistoryApi.restoreVersion(
-        e,
-        () => {
-          s({
-            type: "success",
-            message: `${e} patch restored successfully.`
-          });
-        },
-        (o) => {
-          const r = o instanceof Error ? o.message : String(o);
-          s({
-            type: "error",
-            message: `Error compiling email: ${r}`
-          });
-        }
-      );
-    }
-  };
-};
-export {
-  l as useVersionHistoryApi
-};

package/dist/config/compiler/htmlCompilerRules.d.ts

@@ -1,2 +0,0 @@
-import type { CompilerRule } from '@@/Types/html-compiler';
-export declare const defaultHtmlCompilerRules: CompilerRule[];

package/dist/config/compiler/htmlCompilerRules.js

@@ -1,145 +0,0 @@
-const a = [
-  {
-    id: "fix-url-encoding-start",
-    description: "Replace {%22 with %7B%22 to fix URL encoding",
-    type: "replace",
-    search: "{%22",
-    replacement: "%7B%22",
-    replaceAll: !0,
-    priority: 10
-  },
-  {
-    id: "fix-url-encoding-end",
-    description: "Replace %22} with %22%7D to fix URL encoding",
-    type: "replace",
-    search: "%22}",
-    replacement: "%22%7D",
-    replaceAll: !0,
-    priority: 10
-  },
-  {
-    id: "fix-tags-start",
-    description: "Replace %7B%7B with {{ to fix URL encoding",
-    type: "replace",
-    search: "%7B%7B",
-    replacement: "{{",
-    replaceAll: !0,
-    priority: 11
-  },
-  {
-    id: "fix-tags-end",
-    description: "Replace %7D%7D with }} to fix URL encoding",
-    type: "replace",
-    search: "%7D%7D",
-    replacement: "}}",
-    replaceAll: !0,
-    priority: 12
-  },
-  {
-    id: "unescape-inequality-operators-start",
-    description: "Replace &lt; with < to fix URL encoding",
-    type: "replace",
-    search: "&lt;",
-    replacement: "<",
-    replaceAll: !0,
-    priority: 13
-  },
-  {
-    id: "unescape-inequality-operators-end",
-    description: "Replace &gt; with > to fix URL encoding",
-    type: "replace",
-    search: "&gt;",
-    replacement: ">",
-    replaceAll: !0,
-    priority: 14
-  },
-  {
-    id: "remove-apty-iframe",
-    description: "Cleanup Apty Iframe Code",
-    type: "remove",
-    targets: [
-      '<iframe src="about:blank" id="letznav-iframe-script" allowtransparency="true" style="width:1px;height:1px"></iframe>',
-      'src="about:blank" id="letznav-iframe-script" allowtransparency="true" style="width:1px;height:1px"></iframe>'
-    ],
-    priority: 20
-  },
-  {
-    id: "remove-apty-styles",
-    description: "Removing Apty Styles",
-    type: "regex",
-    pattern: '<styles*data-styles="apty_styles"s* type="text/css"s*>((s|.)*?)</style>',
-    replacement: "",
-    flags: "g",
-    priority: 21
-  },
-  {
-    id: "remove-mso-conditions",
-    description: "Removing MSO Conditions",
-    type: "remove",
-    targets: [
-      /<!--\[if\s\(mso 16\)\]>\s*<style\s*\S*>\s*a\s*\{\s*text-decoration\s*:\s*none\s*;*\s*\}\s*<\/style>\s*<!\[endif\]-->/g,
-      /<!--\[if\sgte mso 9\]>\s*<style\s*\S*>\s*sup\s*\{\s*font-size\s*:\s*100%\s*!important\s*;*\s*\}\s*<\/style>\s*<!\[endif\]-->/g,
-      /<!--\[if\sgte mso 9\]>\s*<noscript>\s*<xml>\s*<o:OfficeDocumentSettings>\s*<o:AllowPNG>\s*<\/o:AllowPNG>\s*<o:PixelsPerInch>\d+<\/o:PixelsPerInch>\s*<\/o:OfficeDocumentSettings>\s*<\/xml>\s*<\/noscript>\s*<!\[endif\]-->/g,
-      /<!--\[if mso\]>\s*<xml>\s*<w:WordDocument\s+xmlns:w="urn:schemas-microsoft-com:office:word">\s*<w:DontUseAdvancedTypographyReadingMail><\/w:DontUseAdvancedTypographyReadingMail>\s*<\/w:WordDocument>\s*<\/xml>\s*<!\[endif\]-->/g,
-      /<\!--\[if \!mso\]><\!--\s*\d*\s*-->\s*<\!--\[if \!mso\]><\!--\s*\d*\s*-->\s*<\!--<!\[endif\]-->/g,
-      /<!--\[if\s\!mso\]>\s*<!-- \d -->/g
-    ],
-    priority: 22
-  },
-  {
-    id: "add-mso-conditions",
-    description: "Adding MSO Conditions",
-    type: "custom",
-    processor: (e) => {
-      const t = [
-        `<!--[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]-->`
-      ], s = /<head>([\S\s]*)<\/head>/, o = new RegExp(s);
-      if (!e.match(o))
-        return e;
-      let i = e;
-      return t.forEach((r) => {
-        i = i.replace("</head>", `${r}</head>`);
-      }), i;
-    },
-    priority: 30
-  },
-  {
-    id: "replace-old-image-domain",
-    description: "Replacing old image domains",
-    type: "replace",
-    search: "stripo-editor-image.s3-eu-west-1.amazonaws.com",
-    replacement: "email-static.useinsider.com",
-    replaceAll: !0,
-    priority: 40
-  },
-  {
-    id: "replace-old-v2-image-domain",
-    description: "Replacing old image domains",
-    type: "replace",
-    search: "email.static.useinsider.com",
-    replacement: "email-static.useinsider.com",
-    replaceAll: !0,
-    priority: 41
-  }
-];
-export {
-  a as defaultHtmlCompilerRules
-};

package/dist/enums/defaults.d.ts

@@ -1,4 +0,0 @@
-import type { GuidoConfig } from '@@/Types/generic';
-export declare const DefaultGuidoConfig: GuidoConfig;
-export declare const DefaultProductType = "newsletter";
-export declare const DefaultUsername = "Guido User";

package/dist/enums/defaults.js

@@ -1,8 +0,0 @@
-const t = {
-  translationsPath: "window.trans.en"
-}, e = "newsletter", n = "Guido User";
-export {
-  t as DefaultGuidoConfig,
-  e as DefaultProductType,
-  n as DefaultUsername
-};

package/dist/enums/displayConditions.d.ts

@@ -1,2 +0,0 @@
-import type { ConditionCategories } from '@@/Types/condition-categories';
-export declare const displayConditions: ConditionCategories;

package/dist/enums/displayConditions.js

@@ -1,80 +0,0 @@
-const e = [
-  {
-    category: "Demographics",
-    conditions: [
-      {
-        id: 1,
-        name: "Language",
-        description: "Users who are in the English will see the banner",
-        beforeScript: '{% if language == "en_US" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 2,
-        name: "Country",
-        description: "Only people who live in Australia will see the banner",
-        beforeScript: '{% if country == "Australia" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 3,
-        name: "Country & City",
-        description: "Only people who are located in that country and city",
-        beforeScript: '{% if country == "United Kingdom" and city == "London" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 4,
-        name: "Age (Less than operator)",
-        description: "Users whose age is less than 18",
-        beforeScript: "{% if age < 18 %}",
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 5,
-        name: "Age (Equal and greater than operator)",
-        description: "Users whose age is equal or greater than 25",
-        beforeScript: "{% if age >= 25 %}",
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 6,
-        name: "Age (Greater than & less than operators)",
-        description: "Users whose age is between 18 and 25",
-        beforeScript: "{% if age > 18 and age < 25 %}",
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 7,
-        name: "Gender",
-        description: "Users whose gender is Female",
-        beforeScript: '{% if gender == "Female" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 8,
-        name: "State",
-        description: "Users whose state is one of the followings. c_state is a custom attribute. Use this condition if you have the attribute with the same naming. ",
-        beforeScript: '{% if c_state == "VIC" or c_state == "NSW" or c_state == "QLD" %}',
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 9,
-        name: "VIP User",
-        description: "Users who are VIP users for that brand. c_is_vip_user = true. c_is_vip_user is a custom attribute. Use this condition if you have the attribute with the same naming.",
-        beforeScript: "{% if c_is_vip_user %}",
-        afterScript: "{% endif %}"
-      },
-      {
-        id: 10,
-        name: "Membership Type",
-        description: "Users who belong to gold or silver membership type. c_is_gold_member = true, c_is_silver_member = true. These are custom attributes. Use this condition if you have the attribute with the same naming.",
-        beforeScript: "{% if c_is_gold_member or c_is_silver_member %}",
-        afterScript: "{% endif %}"
-      }
-    ]
-  }
-];
-export {
-  e as displayConditions
-};

package/dist/enums/emailPreview.d.ts

@@ -1,3 +0,0 @@
-export declare const MAX_EMAIL_WEIGHT = 102;
-export declare const INBOX_PREVIEW_PATH = "./public/inbox-mockup.svg";
-export declare const PHONE_PREVIEW_PATH = "./public/phone-mockup.svg";

package/dist/enums/emailPreview.js

@@ -1,6 +0,0 @@
-const o = 102, c = "./public/inbox-mockup.svg", E = "./public/phone-mockup.svg";
-export {
-  c as INBOX_PREVIEW_PATH,
-  o as MAX_EMAIL_WEIGHT,
-  E as PHONE_PREVIEW_PATH
-};

package/dist/enums/gmailMobilePreview.d.ts

@@ -1,7 +0,0 @@
-export declare const DEFAULT_EMAIL_WIDTH = 600;
-export declare const MIN_SCALE = 0.2;
-export declare const RESIZE_DEBOUNCE_MS = 100;
-export declare const INLINE_WIDTH_REGEX: RegExp;
-export declare const TABLE_WIDTH_REGEX: RegExp;
-export declare const META_VIEWPORT_REGEX: RegExp;
-export declare const EMAIL_CONTAINER_SELECTORS: readonly [".wrapper", ".container", "#wrapper", "#container", "[data-email-container]", "[role=\"presentation\"]"];

package/dist/enums/gmailMobilePreview.js

@@ -1,17 +0,0 @@
-const E = 600, t = 0.2, n = 100, o = /width\s*:\s*(\d+(\.\d+)?)px/i, _ = /^(\d+(\.\d+)?)(px)?$/i, e = /width\s*=\s*device-width/i, i = [
-  ".wrapper",
-  ".container",
-  "#wrapper",
-  "#container",
-  "[data-email-container]",
-  '[role="presentation"]'
-];
-export {
-  E as DEFAULT_EMAIL_WIDTH,
-  i as EMAIL_CONTAINER_SELECTORS,
-  o as INLINE_WIDTH_REGEX,
-  e as META_VIEWPORT_REGEX,
-  t as MIN_SCALE,
-  n as RESIZE_DEBOUNCE_MS,
-  _ as TABLE_WIDTH_REGEX
-};

package/dist/extensions/DynamicContent/dynamic-content-modal.d.ts

@@ -1,6 +0,0 @@
-import type { DynamicContent } from '@@/Types/generic';
-export declare class ExternalMergeTagsLibrary {
-    selectedDynamicContent: DynamicContent | null;
-    dataSelectCallback: (data: DynamicContent) => void;
-    openMergeTagsLibrary(dynamicContent: DynamicContent, onDataSelectCallback: (data: DynamicContent) => void): void;
-}

package/dist/extensions/DynamicContent/dynamic-content-modal.js

@@ -1,27 +0,0 @@
-var i = Object.defineProperty;
-var d = (t, e, n) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var a = (t, e, n) => d(t, typeof e != "symbol" ? e + "" : e, n);
-class y {
-  constructor() {
-    a(this, "selectedDynamicContent", null);
-    a(this, "dataSelectCallback", () => {
-    });
-  }
-  openMergeTagsLibrary(e, n) {
-    this.dataSelectCallback = n, this.selectedDynamicContent = e;
-    const s = new CustomEvent("dynamic-content:open", {
-      detail: {
-        attribute: e
-      }
-    });
-    document.dispatchEvent(s);
-    const o = (l) => {
-      const c = l.detail;
-      this.selectedDynamicContent = c, c.text && c.value && this.dataSelectCallback(c), document.removeEventListener("dynamic-content:close", o);
-    };
-    document.addEventListener("dynamic-content:close", o);
-  }
-}
-export {
-  y as ExternalMergeTagsLibrary
-};

package/dist/extensions/DynamicContent/dynamic-content.css.js

@@ -1,24 +0,0 @@
-const n = `
-#guido__btn-add-dynamic-content {
-    background-color: transparent;
-}
-
-#guido__btn-add-dynamic-content > button {
-    color: var(--guido-color-primary-500);
-    background-color: transparent;
-    box-shadow: none;
-    padding: 0;
-    border: none;
-}
-
-#guido__btn-add-dynamic-content > button:hover {
-    text-decoration: underline;
-}
-
-.color-primary {
-    color: var(--guido-color-primary-500) !important;
-}
-`;
-export {
-  n as default
-};

package/dist/extensions/DynamicContent/dynamic-content.d.ts

@@ -1,16 +0,0 @@
-import { UIElementType, UIElement, UIElementTagRegistry } from '@stripoinc/ui-editor-extensions';
-export declare class DynamicContentTagRegistry extends UIElementTagRegistry {
-    registerUiElements(uiElementsTagsMap: Record<UIElementType, string>): void;
-}
-export declare class DynamicContentUiElementExtension extends UIElement {
-    private mergeTagsButton;
-    private listener;
-    private mergeTagsLibrary;
-    private selectedDynamicContent;
-    getId(): string;
-    onRender(container: HTMLElement): void;
-    onDestroy(): void;
-    _onClick(): void;
-    openMergeTagLibrary(): void;
-    getTemplate(): string;
-}