@useinsider/guido 1.0.0-beta.de03990 → 1.0.0-beta.df613dd

package/dist/components/wrappers/WpModal.vue.d.ts

@@ -1,65 +0,0 @@
-import type { FooterButtonGroup } from '@@/Types/preview';
-type __VLS_Props = {
-    id: string;
-    title: string;
-    description?: string;
-    size?: 'small' | 'medium' | 'large';
-    footerButtonOptions?: FooterButtonGroup;
-    closeButtonStatus?: boolean;
-    closeOnOutsideClick?: boolean;
-    footerStatus?: boolean;
-};
-declare var __VLS_13: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
-    description: string;
-    size: string;
-    footerButtonOptions: undefined;
-    closeButtonStatus: boolean;
-    closeOnOutsideClick: boolean;
-    footerStatus: boolean;
-}>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    close: () => void;
-    "primary-action": () => void;
-    "secondary-action": () => void;
-}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
-    description: string;
-    size: string;
-    footerButtonOptions: undefined;
-    closeButtonStatus: boolean;
-    closeOnOutsideClick: boolean;
-    footerStatus: boolean;
-}>>>, {
-    size: "small" | "medium" | "large";
-    description: string;
-    footerButtonOptions: FooterButtonGroup;
-    closeButtonStatus: boolean;
-    closeOnOutsideClick: boolean;
-    footerStatus: boolean;
-}>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $scopedSlots: S;
-    };
-};
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/components/wrappers/WpModal.vue.js

@@ -1,27 +0,0 @@
-import r from "./WpModal.vue2.js";
-import s from "../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o(e.InModalV2, { attrs: { id: t.id, "description-status": "", status: "", "close-button-status": t.closeButtonStatus, "close-on-outside-click": t.closeOnOutsideClick, "description-text": t.description, "footer-button-group-options": t.footerButtonOptions, "footer-status": t.footerStatus, size: t.size, "title-text": t.title }, on: { cancelOrBackButtonEvent: function(n) {
-    return e.emit("close");
-  }, onCloseEvent: function(n) {
-    return e.emit("close");
-  }, primaryButtonEvent: function(n) {
-    return e.emit("primary-action");
-  }, secondaryButtonEvent: function(n) {
-    return e.emit("secondary-action");
-  } }, scopedSlots: t._u([{ key: "contentSlot", fn: function() {
-    return [t._t("default")];
-  }, proxy: !0 }], null, !0) });
-}, u = [], c = /* @__PURE__ */ s(
-  r,
-  i,
-  u,
-  !1,
-  null,
-  null
-);
-const p = c.exports;
-export {
-  p as default
-};

package/dist/components/wrappers/WpModal.vue2.js

@@ -1,22 +0,0 @@
-import { defineComponent as e } from "vue";
-import { InModalV2 as o } from "@useinsider/design-system-vue";
-const u = /* @__PURE__ */ e({
-  __name: "WpModal",
-  props: {
-    id: null,
-    title: null,
-    description: { default: "" },
-    size: { default: "small" },
-    footerButtonOptions: { default: void 0 },
-    closeButtonStatus: { type: Boolean, default: !0 },
-    closeOnOutsideClick: { type: Boolean, default: !0 },
-    footerStatus: { type: Boolean, default: !0 }
-  },
-  emits: ["close", "primary-action", "secondary-action"],
-  setup(l, { emit: t }) {
-    return { __sfc: !0, emit: t, InModalV2: o };
-  }
-});
-export {
-  u as default
-};

package/dist/composables/useCodeEditorApi.d.ts

@@ -1,4 +0,0 @@
-export declare const useCodeEditorApi: () => {
-    openCodeEditor: () => void;
-    closeCodeEditor: () => void;
-};

package/dist/composables/useCodeEditorApi.js

@@ -1,11 +0,0 @@
-const i = () => ({
-  openCodeEditor: () => {
-    window.StripoEditorApi.codeEditorApi.openCodeEditor();
-  },
-  closeCodeEditor: () => {
-    window.StripoEditorApi.codeEditorApi.closeCodeEditor();
-  }
-});
-export {
-  i as useCodeEditorApi
-};

package/dist/composables/useConfig.d.ts

@@ -1,4 +0,0 @@
-import type { GuidoConfig } from '@@/Types/generic';
-export declare const useConfig: () => {
-    config: GuidoConfig;
-};

package/dist/composables/useConfig.js

@@ -1,7 +0,0 @@
-import { DefaultGuidoConfig as o } from "../enums/defaults.js";
-const t = () => ({
-  config: typeof window > "u" ? o : window.GuidoConfig || o
-});
-export {
-  t as useConfig
-};

package/dist/composables/useDebounce.d.ts

@@ -1,4 +0,0 @@
-export declare const useDebounce: () => {
-    debounce: (fn: () => void, ms?: number) => void;
-    clearDebounce: () => void;
-};

package/dist/composables/useDebounce.js

@@ -1,12 +0,0 @@
-import { ref as c } from "vue";
-const r = () => {
-  const e = c(void 0);
-  return { debounce: (o, u = 150) => {
-    e.value && window.clearTimeout(e.value), e.value = window.setTimeout(o, u);
-  }, clearDebounce: () => {
-    e.value && (window.clearTimeout(e.value), e.value = void 0);
-  } };
-};
-export {
-  r as useDebounce
-};

package/dist/composables/useGuidoActions.d.ts

@@ -1,46 +0,0 @@
-import type { Template } from '@@/Types/stripo';
-import type { InjectionKey } from 'vue';
-export type BackHandler = () => void;
-export type SaveStartHandler = () => void;
-export type SaveCompleteHandler = (template: Omit<Template, 'forceRecreate'>) => void;
-export declare const BACK_KEY: InjectionKey<BackHandler>;
-export declare const SAVE_START_KEY: InjectionKey<SaveStartHandler>;
-export declare const SAVE_COMPLETE_KEY: InjectionKey<SaveCompleteHandler>;
-/**
- * Provides Guido action handlers to child components
- */
-export declare const provideGuidoActions: (actions: {
-    onBack: BackHandler;
-    onSaveStart: SaveStartHandler;
-    onSaveComplete: SaveCompleteHandler;
-}) => void;
-/**
- * Provides individual Guido action handlers
- */
-export declare const provideBackHandler: (handler: BackHandler) => void;
-export declare const provideSaveStartHandler: (handler: SaveStartHandler) => void;
-export declare const provideSaveCompleteHandler: (handler: SaveCompleteHandler) => void;
-/**
- * Hook to use the back navigation handler
- * @returns Back navigation function
- */
-export declare const useBack: () => BackHandler;
-/**
- * Hook to use the save start handler
- * @returns Save start function
- */
-export declare const useSaveStart: () => SaveStartHandler;
-/**
- * Hook to use the save complete handler
- * @returns Save complete function
- */
-export declare const useSaveComplete: () => SaveCompleteHandler;
-/**
- * Convenience hook to get all Guido actions
- * @returns Object containing all action handlers
- */
-export declare const useGuidoActions: () => {
-    back: BackHandler;
-    saveStart: SaveStartHandler;
-    saveComplete: SaveCompleteHandler;
-};

package/dist/composables/useGuidoActions.js

@@ -1,37 +0,0 @@
-import { provideValue as o, useInjectedValue as t } from "./useProvideInject.js";
-const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symbol.for("guido.save.complete"), s = (e) => {
-  o(r, e.onBack), o(n, e.onSaveStart), o(a, e.onSaveComplete);
-}, u = () => {
-  try {
-    return t(r);
-  } catch {
-    throw new Error(
-      "useBack: No back handler provided. Make sure Guido component is in the component tree."
-    );
-  }
-}, d = () => {
-  try {
-    return t(n);
-  } catch {
-    throw new Error(
-      "useSaveStart: No save start handler provided. Make sure Guido component is in the component tree."
-    );
-  }
-}, i = () => {
-  try {
-    return t(a);
-  } catch {
-    throw new Error(
-      "useSaveComplete: No save complete handler provided. Make sure Guido component is in the component tree."
-    );
-  }
-};
-export {
-  r as BACK_KEY,
-  a as SAVE_COMPLETE_KEY,
-  n as SAVE_START_KEY,
-  s as provideGuidoActions,
-  u as useBack,
-  i as useSaveComplete,
-  d as useSaveStart
-};

package/dist/composables/useHtmlCompiler.d.ts

@@ -1,4 +0,0 @@
-import type { CompilationResult } from '@@/Types/html-compiler';
-export declare const useHtmlCompiler: () => {
-    compileHtml: (html: string) => CompilationResult;
-};

package/dist/composables/useHtmlCompiler.js

@@ -1,17 +0,0 @@
-import { defaultHtmlCompilerRules as r } from "../config/compiler/htmlCompilerRules.js";
-import { createHtmlCompiler as p } from "../utils/htmlCompiler.js";
-import { useConfig as s } from "./useConfig.js";
-const R = () => {
-  const { config: e } = s(), l = e.htmlCompilerRules || [], t = [
-    ...!!e.ignoreDefaultHtmlCompilerRules ? [] : r,
-    ...l.map((o, i) => ({
-      ...o,
-      priority: o.priority + 1e3 + i
-      // Ensure additional rules run after default rules
-    }))
-  ], m = p(t);
-  return { compileHtml: (o) => m.compile(o) };
-};
-export {
-  R as useHtmlCompiler
-};

package/dist/composables/usePreviewMode.d.ts

@@ -1,5 +0,0 @@
-export declare const usePreviewMode: () => {
-    closePreviewMode: () => void;
-    openPreviewMode: () => void;
-    loadPreviewData: () => Promise<void>;
-};

package/dist/composables/usePreviewMode.js

@@ -1,31 +0,0 @@
-import { useEditorStore as n } from "../stores/editor.js";
-import { usePreviewStore as m } from "../stores/preview.js";
-import { useActionsApi as p } from "./useActionsApi.js";
-import { useCodeEditorApi as l } from "./useCodeEditorApi.js";
-const E = () => {
-  const i = n(), e = m(), { closeCodeEditor: s } = l(), { getPreviewData: a } = p(), r = () => {
-    e.isPreviewModeOpen = !1, e.$reset();
-  };
-  return {
-    closePreviewMode: r,
-    openPreviewMode: () => {
-      i.isCodeEditorOpen && s(), e.isPreviewModeOpen = !0;
-    },
-    loadPreviewData: async () => {
-      if (!(e.isLoading || e.isLoaded)) {
-        e.isLoading = !0;
-        try {
-          const { html: o, ampHtml: t, ampErrors: d } = await a();
-          e.templateHtml = o || "", e.ampHtml = t || "", e.ampErrors = d || [], e.setEmailFormat(t ? "AMP" : "html"), e.isLoaded = !0;
-        } catch (o) {
-          console.error("Failed to load preview data:", o), r();
-        } finally {
-          e.isLoading = !1;
-        }
-      }
-    }
-  };
-};
-export {
-  E as usePreviewMode
-};

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/useResponsivePreview.d.ts

@@ -1,5 +0,0 @@
-export declare const useResponsivePreview: () => {
-    setupResponsivePreview: (iframe: HTMLIFrameElement) => void;
-    tearDownEmailResponsiveFit: (iframe: HTMLIFrameElement) => void;
-    hasResponsiveMetaViewport: (doc: Document) => boolean;
-};

package/dist/composables/useResponsivePreview.js

@@ -1,86 +0,0 @@
-import { useDebounce as p } from "./useDebounce.js";
-import { ResponsivePreviewRegex as c, ResponsivePreviewSelectors as v, ResponsivePreviewConfig as a } from "../enums/preview.js";
-let i = null, l = null;
-const { debounce: y } = p(), h = (t) => {
-  if (!t)
-    return null;
-  const e = t.match(c.TABLE_WIDTH);
-  if (!e)
-    return null;
-  const n = Number(e[1]);
-  return Number.isNaN(n) ? null : n;
-}, w = (t) => Array.from(t.querySelectorAll("table[width]")).reduce((e, n) => {
-  const o = h(n.getAttribute("width"));
-  return o && o > e ? o : e;
-}, 0), f = (t) => Array.from(t.querySelectorAll('[style*="width"]')).reduce((e, n) => {
-  const r = (n.getAttribute("style") || "").match(c.INLINE_WIDTH);
-  if (!r)
-    return e;
-  const s = Number(r[1]);
-  return !Number.isNaN(s) && s > e ? s : e;
-}, 0), W = (t) => v.CONTAINERS.reduce((e, n) => {
-  const o = t.querySelector(n);
-  if (!o)
-    return e;
-  const r = Math.max(o.offsetWidth, o.scrollWidth);
-  return r > e ? r : e;
-}, 0), E = (t) => {
-  const e = {
-    maxTableWidth: w(t),
-    maxInlineWidth: f(t),
-    maxContainerWidth: W(t)
-  }, { maxTableWidth: n, maxInlineWidth: o, maxContainerWidth: r } = e;
-  return Math.max(n, o, r) || a.DEFAULT_WIDTH;
-}, b = (t) => {
-  const { documentElement: e, body: n } = t;
-  e.style.setProperty("overflow-x", "visible", "important"), n.style.setProperty("visibility", "visible", "important");
-}, g = (t) => {
-  const { documentElement: e, body: n } = t;
-  e.style.removeProperty("transform"), e.style.removeProperty("transform-origin"), e.style.removeProperty("height"), n.style.removeProperty("overflow-x");
-}, S = (t) => {
-  const { targetWidth: e, deviceWidth: n, minScale: o, maxScale: r } = t, s = n / e;
-  return Math.min(Math.max(s, o), r);
-}, P = (t, e) => {
-  const n = E(t), o = S({
-    targetWidth: n,
-    deviceWidth: e,
-    minScale: a.MIN_SCALE,
-    maxScale: 1
-  }), { documentElement: r, body: s } = t;
-  r.style.setProperty("height", "100%", "important"), r.style.setProperty("transform", `scale(${o})`, "important"), r.style.setProperty("transform-origin", "top left", "important"), s.style.setProperty("overflow-x", "hidden", "important");
-}, u = (t) => {
-  const e = t.querySelector('meta[name="viewport"]');
-  if (!e)
-    return !1;
-  const n = e.getAttribute("content") || "";
-  return c.META_VIEWPORT.test(n);
-}, R = (t) => t.clientWidth || t.getBoundingClientRect().width || 375, d = (t) => {
-  const e = t.contentWindow;
-  l && e && e.removeEventListener("resize", l), i && window.removeEventListener("resize", i), l = null, i = null;
-}, x = (t, e) => {
-  const n = t.contentWindow;
-  if (!n)
-    return;
-  d(t);
-  const o = () => y(e, a.RESIZE_DEBOUNCE_MS);
-  l = o, n.addEventListener("resize", l), i = o, window.addEventListener("resize", i);
-}, M = () => ({
-  setupResponsivePreview: (n) => {
-    const o = n.contentDocument, r = n.contentWindow;
-    if (!o || !r)
-      return;
-    b(o);
-    const s = () => {
-      const m = R(n);
-      u(o) ? g(o) : P(o, m);
-    };
-    s(), x(n, s);
-  },
-  tearDownEmailResponsiveFit: (n) => {
-    d(n);
-  },
-  hasResponsiveMetaViewport: u
-});
-export {
-  M as useResponsivePreview
-};

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/displayConditions.d.ts

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