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

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    description: string;
+    date: number;
+    textAlign: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+export default _default;
+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;
+    };
+};

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

@@ -0,0 +1,18 @@
+import e from "./VersionHistoryItem.vue2.js";
+/* empty css                        */
+import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var s = this, r = s._self._c, t = s._self._setupProxy;
+  return r("div", { staticClass: "version-history-item f-g-1" }, [t.props.description ? r("div", { staticClass: "d-f f-d-c", class: { "t-a-r": t.props.textAlign === "right" } }, [r("div", { staticClass: "t-o-e o-h w-s-n-w", domProps: { innerHTML: s._s(t.props.description) } }), r("div", { staticClass: "f-s-1" }, [s._v(" " + s._s(t.formatPatchDate(t.props.date)) + " ")])]) : s._e()]);
+}, a = [], n = /* @__PURE__ */ o(
+  e,
+  i,
+  a,
+  !1,
+  null,
+  "0e2ff42d"
+);
+const d = n.exports;
+export {
+  d as default
+};

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.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,
+  "e805e1af"
+);
+const f = _.exports;
+export {
+  f 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,4 @@
+import { GetCompiledEmailOptions, CompiledEmailResult } from '@@/Types/actions-api';
+export declare const useActionsApi: () => {
+    getCompiledEmail: (options?: GetCompiledEmailOptions) => Promise<CompiledEmailResult>;
+};

package/dist/composables/useActionsApi.js

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

package/dist/composables/useExport.d.ts

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

package/dist/composables/useExport.js

@@ -0,0 +1,30 @@
+import { useActionsApi as l } from "./useActionsApi.js";
+import { useToaster as m } from "./useToaster.js";
+const u = () => {
+  const a = (r, t, e) => {
+    const n = new Blob([r], { type: e }), s = URL.createObjectURL(n), o = document.createElement("a");
+    o.href = s, o.download = t, document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(s);
+  }, c = (r) => {
+    const t = /* @__PURE__ */ new Date(), e = String(t.getDate()).padStart(2, "0"), n = String(t.getMonth() + 1).padStart(2, "0"), s = t.getFullYear(), o = String(t.getHours()).padStart(2, "0"), i = String(t.getMinutes()).padStart(2, "0");
+    return `${r}_${e}-${n}-${s}_${o}-${i}.html`;
+  };
+  return { exportHtml: async () => {
+    const { getCompiledEmail: r } = l(), { showToaster: t } = m();
+    try {
+      const { html: e } = await r();
+      e ? a(e, c("HTML"), "text/html") : t({
+        type: "error",
+        message: "No HTML content to download"
+      });
+    } catch (e) {
+      const n = e instanceof Error ? e.message : String(e);
+      t({
+        type: "error",
+        message: `Error compiling email: ${n}`
+      });
+    }
+  } };
+};
+export {
+  u as useExport
+};

package/dist/composables/useStripo.d.ts

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

package/dist/composables/useStripo.js

@@ -1,68 +1,83 @@
-import { useCustomInterfaceAppearance as d } from "./useCustomInterfaceAppearance.js";
-const u = (s) => {
+import { useCustomInterfaceAppearance as u } from "./useCustomInterfaceAppearance.js";
+import { useEditorStore as a } from "../stores/editor.js";
+const g = (s) => {
   const c = () => {
     const t = new Headers();
     t.append("Content-Type", "application/json");
-    const o = JSON.stringify({
+    const r = JSON.stringify({
       pluginId: void 0,
       secretKey: void 0,
       role: void 0,
       userId: s
     });
-    return fetch("/v2/stripo/get-token", {
+    return fetch("/v2/stripo/get-user-token", {
       method: "POST",
       headers: t,
-      body: o,
+      body: r,
       redirect: "follow"
-    }).then((e) => e.json());
-  }, i = (t) => {
-    const o = t.html, n = t.css;
+    }).then((o) => o.json());
+  }, d = (t) => {
+    const r = a(), i = t.html, o = t.css;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: {
           emailId: s,
           userId: "1",
-          username: "Plugin Demo User"
+          username: "Guido User"
         },
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        html: o,
+        html: i,
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        css: n,
+        css: o,
         locale: "en",
+        undoButtonSelector: "#guido__undo-button",
+        redoButtonSelector: "#guido__redo-button",
+        mobileViewButtonSelector: ".guido__view-option-selection-mobile",
+        desktopViewButtonSelector: ".guido__view-option-selection-desktop",
+        codeEditorButtonSelector: "#guido__code-button",
         async onTokenRefreshRequest(e) {
           try {
-            const r = await c();
-            e(r.token);
-          } catch (r) {
-            console.error("Failed to refresh token:", r);
+            const n = await c();
+            e(n.token);
+          } catch (n) {
+            console.error("Failed to refresh token:", n);
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: e } = d();
+            const { importCss: e } = u();
             e();
           } catch (e) {
             console.error("Failed to load custom interface appearance:", e);
           }
+        },
+        onCodeEditorVisibilityChanged(e) {
+          r.isCodeEditorOpen = e;
+        },
+        onEditorVisualModeChanged(e) {
+          r.editorVisualMode = e.toLowerCase();
+        },
+        onVersionHistoryVisibilityChanged(e) {
+          r.isVersionHistoryOpen = e;
         }
       }
     );
   };
-  return { initPlugin: (t) => new Promise((o, n) => {
+  return { initPlugin: (t) => new Promise((r, i) => {
     if (document.getElementById("UiEditorScript")) {
-      i(t), o();
+      d(t), 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 o = document.createElement("script");
+    o.id = "UiEditorScript", o.type = "module", o.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", o.onload = () => {
+      d(t), r();
+    }, o.onerror = () => {
+      const e = new Error("Failed to load Stripo UIEditor script");
+      i(e);
+    }, document.body.appendChild(o);
   }) };
 };
 export {
-  u as useStripo
+  g as useStripo
 };

package/dist/composables/useTemplates.d.ts

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

package/dist/composables/useToaster.js

@@ -0,0 +1,29 @@
+import { ref as u, watch as f } from "vue";
+const T = () => {
+  const t = u(!1), s = u(""), r = u("success"), o = u([]);
+  let a = null;
+  function l() {
+    a && (clearTimeout(a), a = null);
+  }
+  function c() {
+    t.value = !1, o.value = [], s.value = "";
+  }
+  function n(e = { message: "" }) {
+    c(), s.value = e.message, r.value = e.type || "success", o.value = e.actionButton ? [e.actionButton] : [], t.value = !0;
+  }
+  return f([t, s], ([e, i]) => {
+    l(), e && i && (a = setTimeout(() => {
+      c();
+    }, 6e3));
+  }), {
+    isToasterVisible: t,
+    toasterMessage: s,
+    toasterType: r,
+    toasterActionButton: o,
+    showToaster: n,
+    hideToaster: c
+  };
+};
+export {
+  T 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/enums/defaults.d.ts

@@ -0,0 +1,2 @@
+import type { GuidoConfig } from '@@/Types/generic';
+export declare const DefaultGuidoConfig: GuidoConfig;

package/dist/enums/defaults.js

@@ -0,0 +1,6 @@
+const n = {
+  translationsPath: "window.trans.en"
+};
+export {
+  n as DefaultGuidoConfig
+};

package/dist/guido.css

@@ -1 +1 @@
-.header-right-slot[data-v-9d879f6f]{gap:16px}[data-v-9d879f6f] .preview-platform-selection-desktop svg,[data-v-9d879f6f] .preview-platform-selection-mobile svg{margin:0 0 0 2px}.guido-editor-wrapper[data-v-c14163ad],.guido-editor-container[data-v-c14163ad]{width:100%;height:100vh}
+.version-history-item[data-v-0e2ff42d]{flex-basis:200px}.version-history-wrapper[data-v-187d41fa]{gap:8px}[data-v-e805e1af] .guido__verion-history-view-option-selection-desktop svg,[data-v-e805e1af] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-378010db] .guido__view-option-selection-desktop svg,[data-v-378010db] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}.header-right-slot[data-v-fefca98f]{gap:16px}.guido-editor__wrapper[data-v-3da1d904],.guido-editor__container[data-v-3da1d904]{width:100%;height:100vh}

package/dist/library.d.ts

@@ -1,2 +1,3 @@
 export { default as Guido } from './components/Guido.vue';
 export type { StripoEventType } from './@types/events';
+export type * from './@types/generic';

package/dist/node_modules/lodash-es/_Hash.js

@@ -0,0 +1,20 @@
+import p from "./_hashClear.js";
+import a from "./_hashDelete.js";
+import l from "./_hashGet.js";
+import s from "./_hashHas.js";
+import m from "./_hashSet.js";
+function t(o) {
+  var e = -1, h = o == null ? 0 : o.length;
+  for (this.clear(); ++e < h; ) {
+    var r = o[e];
+    this.set(r[0], r[1]);
+  }
+}
+t.prototype.clear = p;
+t.prototype.delete = a;
+t.prototype.get = l;
+t.prototype.has = s;
+t.prototype.set = m;
+export {
+  t as default
+};

package/dist/node_modules/lodash-es/_ListCache.js

@@ -0,0 +1,20 @@
+import p from "./_listCacheClear.js";
+import a from "./_listCacheDelete.js";
+import i from "./_listCacheGet.js";
+import h from "./_listCacheHas.js";
+import s from "./_listCacheSet.js";
+function t(e) {
+  var o = -1, l = e == null ? 0 : e.length;
+  for (this.clear(); ++o < l; ) {
+    var r = e[o];
+    this.set(r[0], r[1]);
+  }
+}
+t.prototype.clear = p;
+t.prototype.delete = a;
+t.prototype.get = i;
+t.prototype.has = h;
+t.prototype.set = s;
+export {
+  t as default
+};

package/dist/node_modules/lodash-es/_Map.js

@@ -0,0 +1,6 @@
+import o from "./_getNative.js";
+import r from "./_root.js";
+var p = o(r, "Map");
+export {
+  p as default
+};

package/dist/node_modules/lodash-es/_MapCache.js

@@ -0,0 +1,20 @@
+import r from "./_mapCacheClear.js";
+import m from "./_mapCacheDelete.js";
+import h from "./_mapCacheGet.js";
+import l from "./_mapCacheHas.js";
+import c from "./_mapCacheSet.js";
+function e(t) {
+  var o = -1, a = t == null ? 0 : t.length;
+  for (this.clear(); ++o < a; ) {
+    var p = t[o];
+    this.set(p[0], p[1]);
+  }
+}
+e.prototype.clear = r;
+e.prototype.delete = m;
+e.prototype.get = h;
+e.prototype.has = l;
+e.prototype.set = c;
+export {
+  e as default
+};

package/dist/node_modules/lodash-es/_Symbol.js

@@ -0,0 +1,5 @@
+import o from "./_root.js";
+var m = o.Symbol;
+export {
+  m as default
+};

package/dist/node_modules/lodash-es/_assocIndexOf.js

@@ -0,0 +1,10 @@
+import r from "./eq.js";
+function o(t, n) {
+  for (var e = t.length; e--; )
+    if (r(t[e][0], n))
+      return e;
+  return -1;
+}
+export {
+  o as default
+};

package/dist/node_modules/lodash-es/_baseGetTag.js

@@ -0,0 +1,10 @@
+import t from "./_Symbol.js";
+import e from "./_getRawTag.js";
+import o from "./_objectToString.js";
+var i = "[object Null]", f = "[object Undefined]", r = t ? t.toStringTag : void 0;
+function m(n) {
+  return n == null ? n === void 0 ? f : i : r && r in Object(n) ? e(n) : o(n);
+}
+export {
+  m as default
+};

package/dist/node_modules/lodash-es/_baseIsNative.js

@@ -0,0 +1,16 @@
+import o from "./isFunction.js";
+import e from "./_isMasked.js";
+import a from "./isObject.js";
+import n from "./_toSource.js";
+var p = /[\\^$.*+?()[\]{}|]/g, i = /^\[object .+?Constructor\]$/, s = Function.prototype, c = Object.prototype, f = s.toString, m = c.hasOwnProperty, u = RegExp(
+  "^" + f.call(m).replace(p, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function O(r) {
+  if (!a(r) || e(r))
+    return !1;
+  var t = o(r) ? u : i;
+  return t.test(n(r));
+}
+export {
+  O as default
+};

package/dist/node_modules/lodash-es/_coreJsData.js

@@ -0,0 +1,5 @@
+import r from "./_root.js";
+var a = r["__core-js_shared__"];
+export {
+  a as default
+};

package/dist/node_modules/lodash-es/_freeGlobal.js

@@ -0,0 +1,4 @@
+var l = typeof global == "object" && global && global.Object === Object && global;
+export {
+  l as default
+};

package/dist/node_modules/lodash-es/_getMapData.js

@@ -0,0 +1,8 @@
+import e from "./_isKeyable.js";
+function n(r, a) {
+  var t = r.__data__;
+  return e(a) ? t[typeof a == "string" ? "string" : "hash"] : t.map;
+}
+export {
+  n as default
+};

package/dist/node_modules/lodash-es/_getNative.js

@@ -0,0 +1,9 @@
+import r from "./_baseIsNative.js";
+import i from "./_getValue.js";
+function f(t, a) {
+  var e = i(t, a);
+  return r(e) ? e : void 0;
+}
+export {
+  f as default
+};

package/dist/node_modules/lodash-es/_getRawTag.js

@@ -0,0 +1,15 @@
+import e from "./_Symbol.js";
+var o = Object.prototype, c = o.hasOwnProperty, f = o.toString, r = e ? e.toStringTag : void 0;
+function p(t) {
+  var a = c.call(t, r), n = t[r];
+  try {
+    t[r] = void 0;
+    var i = !0;
+  } catch {
+  }
+  var g = f.call(t);
+  return i && (a ? t[r] = n : delete t[r]), g;
+}
+export {
+  p as default
+};

package/dist/node_modules/lodash-es/_getValue.js

@@ -0,0 +1,6 @@
+function u(e, n) {
+  return e == null ? void 0 : e[n];
+}
+export {
+  u as default
+};

package/dist/node_modules/lodash-es/_hashClear.js

@@ -0,0 +1,7 @@
+import t from "./_nativeCreate.js";
+function e() {
+  this.__data__ = t ? t(null) : {}, this.size = 0;
+}
+export {
+  e as default
+};

package/dist/node_modules/lodash-es/_hashDelete.js

@@ -0,0 +1,7 @@
+function s(t) {
+  var e = this.has(t) && delete this.__data__[t];
+  return this.size -= e ? 1 : 0, e;
+}
+export {
+  s as default
+};