@useinsider/guido 1.0.0-beta.e239762 → 1.0.0-beta.e415f9e

package/dist/components/organisms/header/version-history/VersionHistoryItem.vue2.js

@@ -0,0 +1,16 @@
+import { defineComponent as o } from "vue";
+import { formatPatchDate as e } from "../../../../utils/dateUtil.js";
+const s = /* @__PURE__ */ o({
+  __name: "VersionHistoryItem",
+  props: {
+    description: null,
+    date: null,
+    textAlign: null
+  },
+  setup(t) {
+    return { __sfc: !0, props: t, formatPatchDate: e };
+  }
+});
+export {
+  s as default
+};

package/dist/components/organisms/header/version-history/ViewOptions.vue.d.ts

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

package/dist/components/organisms/header/version-history/ViewOptions.vue.js

@@ -0,0 +1,18 @@
+import s from "./ViewOptions.vue2.js";
+/* empty css                 */
+import i from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var t = this, o = t._self._c, e = t._self._setupProxy;
+  return o(e.InSegments, { attrs: { id: "guido__verion-history-view-option-selection", "with-icon": "", "segment-list": e.segmentList, selected: e.versionHistoryStore.editorVisualMode }, on: { click: e.changeVisualMode } });
+}, n = [], _ = /* @__PURE__ */ i(
+  s,
+  r,
+  n,
+  !1,
+  null,
+  "6a2bde67"
+);
+const d = _.exports;
+export {
+  d as default
+};

package/dist/components/organisms/header/version-history/ViewOptions.vue2.js

@@ -0,0 +1,23 @@
+import { defineComponent as s } from "vue";
+import { useVersionHistoryApi as n } from "../../../../composables/useVersionHistoryApi.js";
+import { useVersionHistoryStore as r } from "../../../../stores/version-history.js";
+import { InSegments as m } from "@useinsider/design-system-vue";
+const d = /* @__PURE__ */ s({
+  __name: "ViewOptions",
+  setup(p) {
+    const e = r(), { switchToDesktopPreview: o, switchToMobilePreview: t } = n();
+    return { __sfc: !0, versionHistoryStore: e, switchToDesktopPreview: o, switchToMobilePreview: t, segmentList: [
+      { text: "", icon: "line-desktop", value: "desktop" },
+      { text: "", icon: "line-menu-mobileapp", value: "mobile" }
+    ], changeVisualMode: (i) => {
+      if (e.editorVisualMode = i, i === "mobile") {
+        t();
+        return;
+      }
+      o();
+    }, InSegments: m };
+  }
+});
+export {
+  d as default
+};

package/dist/composables/useActionsApi.d.ts

@@ -0,0 +1,5 @@
+import { GetCompiledEmailOptions, CompiledEmailResult } from '@@/Types/actions-api';
+export declare const useActionsApi: () => {
+    getCompiledEmail: (options?: GetCompiledEmailOptions) => Promise<CompiledEmailResult>;
+    activateCustomViewStyles: (isActive?: boolean) => void;
+};

package/dist/composables/useActionsApi.js

@@ -0,0 +1,38 @@
+const g = () => ({ getCompiledEmail: (t = {}) => new Promise((i, a) => {
+  const s = { ...{
+    minimize: !0,
+    utmEntity: {
+      utmSource: "",
+      utmMedium: "",
+      utmCampaign: "",
+      utmContent: "",
+      utmTerm: "",
+      customUtms: [
+        {
+          name1: "val1",
+          name2: "val2"
+        }
+      ]
+    },
+    mergeTags: ["Tag1", "Tag2"],
+    forseAmp: !1,
+    resetDataSavedFlag: !1,
+    disableLineHeightsReplace: !0
+  }, ...t }, o = {
+    callback: (e, m, l, n, c) => {
+      e ? a(e) : i({
+        html: m,
+        ampHtml: l,
+        ampErrors: n,
+        displayConditions: c
+      });
+    },
+    ...s
+  };
+  window.StripoEditorApi.actionsApi.compileEmail(o);
+}), activateCustomViewStyles: (t = !0) => {
+  window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
+} });
+export {
+  g as useActionsApi
+};

package/dist/composables/useCustomInterfaceAppearance.js

@@ -1,13 +1,49 @@
-import r from "../static/editor.css.js";
-const c = () => ({ importCss: () => {
-  const e = new CSSStyleSheet();
-  e.replaceSync(r);
-  const t = document.querySelector("ui-editor");
-  if (!t)
+import S from "../static/styles/base.css.js";
+import e from "../static/styles/components/alert-message.css.js";
+import m from "../static/styles/components/amp-block.css.js";
+import i from "../static/styles/components/base-input.css.js";
+import p from "../static/styles/components/button-group.css.js";
+import n from "../static/styles/components/button.css.js";
+import s from "../static/styles/components/combobox.css.js";
+import C from "../static/styles/components/counter.css.js";
+import f from "../static/styles/components/dropdown-menu.css.js";
+import a from "../static/styles/components/narrow-panel.css.js";
+import u from "../static/styles/components/switcher.css.js";
+import c from "../static/styles/components/tabs.css.js";
+import d from "../static/styles/components/tools.css.js";
+import l from "../static/styles/components/version-history.css.js";
+import h from "../static/styles/components/wide-panel.css.js";
+import w from "../static/styles/variables.css.js";
+const y = [
+  w,
+  // Must be on top
+  S,
+  // Must be on top
+  e,
+  m,
+  i,
+  p,
+  n,
+  s,
+  C,
+  f,
+  a,
+  u,
+  c,
+  d,
+  l,
+  h
+].join(`
+
+`), N = () => ({ importCss: () => {
+  const o = new CSSStyleSheet();
+  o.replaceSync(y);
+  const r = document.querySelector("ui-editor");
+  if (!r)
     return;
-  const o = t.shadowRoot;
-  o && (o.adoptedStyleSheets = [e]);
+  const t = r.shadowRoot;
+  t && (t.adoptedStyleSheets = [o]);
 } });
 export {
-  c as useCustomInterfaceAppearance
+  N as useCustomInterfaceAppearance
 };

package/dist/composables/useExport.d.ts

@@ -0,0 +1,3 @@
+export declare const useExport: () => {
+    exportHtml: (compile?: boolean) => Promise<void>;
+};

package/dist/composables/useExport.js

@@ -0,0 +1,45 @@
+import { useActionsApi as l } from "./useActionsApi.js";
+import { useHtmlCompiler as m } from "./useHtmlCompiler.js";
+import { useToaster as d } from "./useToaster.js";
+const h = () => {
+  const a = (s, o, r) => {
+    const i = new Blob([s], { type: r }), t = URL.createObjectURL(i), e = document.createElement("a");
+    e.href = t, e.download = o, document.body.appendChild(e), e.click(), document.body.removeChild(e), URL.revokeObjectURL(t);
+  }, c = (s) => {
+    const o = /* @__PURE__ */ new Date(), r = String(o.getDate()).padStart(2, "0"), i = String(o.getMonth() + 1).padStart(2, "0"), t = o.getFullYear(), e = String(o.getHours()).padStart(2, "0"), n = String(o.getMinutes()).padStart(2, "0");
+    return `${s}_${r}-${i}-${t}_${e}-${n}.html`;
+  };
+  return { exportHtml: async (s = !0) => {
+    const { getCompiledEmail: o } = l(), { showToaster: r } = d(), { compileHtml: i } = m();
+    try {
+      const { html: t } = await o();
+      if (t) {
+        let e = t;
+        if (s) {
+          const n = i(t);
+          e = n.compiledHtml, console.debug("HTML Compilation Stats:", {
+            originalSize: n.stats.originalSize,
+            compiledSize: n.stats.compiledSize,
+            reduction: `${n.stats.reductionPercentage.toFixed(2)}%`,
+            appliedRules: n.appliedRules,
+            executionTime: `${n.stats.executionTime.toFixed(2)}ms`
+          });
+        }
+        a(e, c("HTML"), "text/html");
+      } else
+        r({
+          type: "error",
+          message: "No HTML content to download"
+        });
+    } catch (t) {
+      const e = t instanceof Error ? t.message : String(t);
+      r({
+        type: "error",
+        message: `Error compiling email: ${e}`
+      });
+    }
+  } };
+};
+export {
+  h as useExport
+};

package/dist/composables/useHtmlCompiler.d.ts

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

package/dist/composables/useHtmlCompiler.js

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

package/dist/composables/useHttp.js

@@ -0,0 +1,84 @@
+import { ref as p, computed as v } from "vue";
+const j = (y = {}) => {
+  const h = p(!1), a = p(null), u = p(null), E = v(() => h.value), g = v(() => a.value !== null), T = {
+    baseURL: "",
+    timeout: 1e4,
+    retry: 0,
+    retryDelay: 1e3,
+    headers: {
+      "Content-Type": "application/json"
+    },
+    ...y
+  }, w = (e, s) => {
+    if (e.startsWith("http://") || e.startsWith("https://"))
+      return e;
+    const t = s || T.baseURL || "";
+    return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
+  }, P = (e) => new Promise((s, t) => {
+    setTimeout(() => {
+      t(new Error("Request timeout"));
+    }, e);
+  }), x = (e) => new Promise((s) => {
+    setTimeout(s, e);
+  }), i = async (e, s, t, D = {}) => {
+    a.value = null, h.value = !0, u.value = new AbortController();
+    const n = { ...T, ...D }, L = w(s, n.baseURL), c = {
+      method: e,
+      headers: { ...n.headers },
+      signal: u.value.signal,
+      ...n
+    };
+    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
+    const b = async (m = 0) => {
+      try {
+        const o = [fetch(L, c)];
+        n.timeout && o.push(P(n.timeout));
+        const r = await Promise.race(o);
+        if (!r.ok) {
+          const H = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(H);
+          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
+        }
+        let f;
+        const l = r.headers.get("content-type");
+        return l != null && l.includes("application/json") ? f = await r.json() : l != null && l.includes("text/") ? f = await r.text() : f = await r.blob(), {
+          data: f,
+          status: r.status,
+          statusText: r.statusText,
+          headers: r.headers
+        };
+      } catch (o) {
+        const r = o instanceof Error && o.name === "AbortError";
+        if (m < (n.retry || 0) && !r)
+          return await x(n.retryDelay || 1e3), b(m + 1);
+        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
+      }
+    };
+    try {
+      return await b();
+    } finally {
+      h.value = !1, u.value = null;
+    }
+  }, $ = (e, s) => i("GET", e, void 0, s), C = (e, s, t) => i("POST", e, s, t), U = (e, s, t) => i("PUT", e, s, t), A = (e, s, t) => i("PATCH", e, s, t), R = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
+    u.value && u.value.abort(e);
+  }, q = () => {
+    a.value = null;
+  };
+  return {
+    // State
+    loading: E,
+    error: v(() => a.value),
+    hasError: g,
+    // Methods
+    request: i,
+    get: $,
+    post: C,
+    put: U,
+    patch: A,
+    delete: R,
+    cancel: W,
+    clearError: q
+  };
+};
+export {
+  j as useHttp
+};

package/dist/composables/usePartner.d.ts

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

package/dist/composables/usePartner.js

@@ -0,0 +1,16 @@
+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/useStripo.d.ts

@@ -1,4 +1,4 @@
-import type { Template } from '@@types/stripo';
-export declare const useStripo: (emailId: string) => {
+import type { Metadata, Template } from '@@/Types/stripo';
+export declare const useStripo: (metadata: Metadata) => {
     initPlugin: (template: Template) => Promise<void>;
 };

package/dist/composables/useStripo.js

@@ -1,68 +1,91 @@
-import { useCustomInterfaceAppearance as d } from "./useCustomInterfaceAppearance.js";
-const u = (s) => {
-  const c = () => {
-    const t = new Headers();
-    t.append("Content-Type", "application/json");
-    const o = JSON.stringify({
-      pluginId: void 0,
-      secretKey: void 0,
-      role: void 0,
-      userId: s
-    });
-    return fetch("/v2/stripo/get-token", {
-      method: "POST",
-      headers: t,
-      body: o,
-      redirect: "follow"
-    }).then((e) => e.json());
-  }, i = (t) => {
-    const o = t.html, n = t.css;
+import { useActionsApi as m } from "./useActionsApi.js";
+import { useCustomInterfaceAppearance as g } from "./useCustomInterfaceAppearance.js";
+import { useToaster as f } from "./useToaster.js";
+import { displayConditions as E } from "../enums/displayConditions.js";
+import S from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as y } from "../services/stripoApi.js";
+import { useEditorStore as C } from "../stores/editor.js";
+const x = (a) => {
+  const { handleError: d } = f(), { getToken: c, getCustomFonts: u } = y(), l = (e, r = []) => {
+    const i = C(), { html: t, css: s } = e;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: {
-          emailId: s,
-          userId: "1",
-          username: "Plugin Demo User"
-        },
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        html: o,
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        css: n,
+        metadata: a,
+        html: t,
+        css: s,
+        forceRecreate: !0,
         locale: "en",
-        async onTokenRefreshRequest(e) {
+        undoButtonSelector: "#guido__undo-button",
+        redoButtonSelector: "#guido__redo-button",
+        mobileViewButtonSelector: ".guido__view-option-selection-mobile",
+        desktopViewButtonSelector: ".guido__view-option-selection-desktop",
+        codeEditorButtonSelector: "#guido__code-button",
+        customAppearanceMergetags: !0,
+        customAppearanceMergetagsBorderColor: "#f1f3fe",
+        customAppearanceMergetagsBackgroundColor: "#f1f3fe",
+        customViewStyles: `
+                    .esd-x, .esd-merge-tag {color: #0a2ecc !important; box-shadow: none !important;} 
+                    .esd-merge-tag {border: 1px solid #b5c1f1; border-radius: 4px !important;}
+                `,
+        conditionsEnabled: !0,
+        customConditionsEnabled: !0,
+        conditionCategories: E,
+        messageSettingsEnabled: !1,
+        editorFonts: {
+          showDefaultStandardFonts: !0,
+          showDefaultNotStandardFonts: !0,
+          customFonts: r
+        },
+        async onTokenRefreshRequest(o) {
           try {
-            const r = await c();
-            e(r.token);
-          } catch (r) {
-            console.error("Failed to refresh token:", r);
+            const n = await c();
+            o(n);
+          } catch (n) {
+            d(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: e } = d();
-            e();
-          } catch (e) {
-            console.error("Failed to load custom interface appearance:", e);
+            const { importCss: o } = g(), { activateCustomViewStyles: n } = m();
+            o(), n();
+          } catch (o) {
+            d(o, "Failed to load custom interface appearance");
           }
-        }
+        },
+        onCodeEditorVisibilityChanged(o) {
+          i.isCodeEditorOpen = o;
+        },
+        onEditorVisualModeChanged(o) {
+          i.editorVisualMode = o.toLowerCase();
+        },
+        onVersionHistoryVisibilityChanged(o) {
+          i.isVersionHistoryOpen = o;
+        },
+        ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
+        extensions: [S]
       }
     );
-  };
-  return { initPlugin: (t) => new Promise((o, n) => {
+  }, p = (e) => new Promise((r, i) => {
     if (document.getElementById("UiEditorScript")) {
-      i(t), o();
+      e(), r();
       return;
     }
-    const e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", e.onload = () => {
-      i(t), o();
-    }, e.onerror = () => {
-      const r = new Error("Failed to load Stripo UIEditor script");
-      n(r);
-    }, document.body.appendChild(e);
-  }) };
+    const t = document.createElement("script");
+    t.id = "UiEditorScript", t.type = "module", t.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", t.onload = () => {
+      e(), r();
+    }, t.onerror = () => {
+      const s = new Error("Failed to load Stripo UIEditor script");
+      i(s);
+    }, document.body.appendChild(t);
+  });
+  return { initPlugin: async (e) => {
+    await p(async () => {
+      const r = await u();
+      l(e, r);
+    });
+  } };
 };
 export {
-  u as useStripo
+  x as useStripo
 };

package/dist/composables/useToaster.d.ts

@@ -17,4 +17,5 @@ export declare const useToaster: () => {
     } | undefined)[]>;
     showToaster: (options?: ToasterOptions) => void;
     hideToaster: () => void;
+    handleError: (error: unknown, context: string) => void;
 };

package/dist/composables/useToaster.js

@@ -0,0 +1,37 @@
+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.d.ts

@@ -1,7 +1,5 @@
 interface TranslationValues {
     [key: string]: string | number | boolean;
 }
-export declare const useTranslations: () => {
-    trans: ((key: string, params?: TranslationValues) => string) & import("lodash").MemoizedFunction;
-};
+export declare const useTranslations: () => ((key: string, params?: TranslationValues) => string) & import("lodash").MemoizedFunction;
 export {};

package/dist/composables/useTranslations.js

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,53 @@
+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

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