@useinsider/guido 3.2.0-beta.7e0c6bd → 3.2.0-beta.7fb9b70

package/dist/src/stores/dynamic-content.d.ts

@@ -26,13 +26,13 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"gu
         selectedDynamicContent: DynamicContent;
         selectedDynamicContentList: DynamicContent[];
     }>) => {
+        text: string;
         value: string;
-        fallback?: string | undefined;
-        format?: {
+        fallback: string | undefined;
+        format: {
             key: string;
             value: string;
         } | undefined;
-        text: string;
     }[];
 }, {
     setSelectedDynamicContent(dynamicContent: DynamicContent): void;

package/dist/src/stores/editor.d.ts

@@ -263,4 +263,27 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         templateId: string;
         syncModulesEnabled: boolean;
     }>) => boolean;
+    isInSaveableState: (state: {
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
+        syncModulesEnabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        loadingStatus: boolean;
+        isCodeEditorOpen: boolean;
+        isSaveAsTemplateDrawerOpen: boolean;
+        isVersionHistoryOpen: boolean;
+        isPreviewModeOpen: boolean;
+        editorVisualMode: string;
+        hasChanges: boolean;
+        isStripoInitialized: boolean;
+        templateId: string;
+        syncModulesEnabled: boolean;
+    }>) => boolean;
 }, {}>;

package/dist/src/utils/htmlEscape.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Escape HTML special characters for safe inclusion in attribute values
+ * or text content. Use for any string that may contain untrusted input.
+ */
+export declare function escapeHtml(text: string): string;

package/dist/src/utils/htmlEscape.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/utils/timeUtil.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Formats a Date as local time in 24-hour format.
+ * Pass `useTimezone = true` to append the UTC offset and city name — useful when the
+ * timestamp must clearly communicate the client's timezone.
+ * @example formatLocalTime(date)              -> 12:20:02
+ * @example formatLocalTime(date, true)        -> 12:20:02 (UTC+3 Istanbul)
+ */
+export declare const formatLocalTime: (date: Date, useTimezone?: boolean) => string;

package/dist/stores/autosave.js

@@ -0,0 +1,17 @@
+import { defineStore as e } from "pinia";
+const t = {
+  IDLE: "idle",
+  SAVING: "saving",
+  SAVED: "saved",
+  ERROR: "error"
+}, o = e("guidoAutosave", {
+  state: () => ({
+    isOn: !1,
+    lastSavedAt: null,
+    status: t.IDLE
+  })
+});
+export {
+  t as AUTOSAVE_STATUS,
+  o as useAutosaveStore
+};

package/dist/stores/config.js

@@ -1,6 +1,8 @@
-import { defineStore as n } from "pinia";
-import { parseConfig as t } from "../@types/config/validator.js";
-const a = n("guido-config", {
+import "../@types/config/schemas.js";
+import "../@types/config/defaults.js";
+import { parseConfig as n } from "../@types/config/validator.js";
+import { defineStore as o } from "pinia";
+const s = o("guido-config", {
   state: () => ({
     initialized: !1,
     config: null
@@ -9,83 +11,137 @@ const a = n("guido-config", {
     /**
      * Get the identity configuration
      */
-    identity: (e) => e.config?.identity ?? null,
+    identity: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.identity) ?? null;
+    },
     /**
      * Get the partner configuration
      */
-    partner: (e) => e.config?.partner ?? null,
+    partner: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.partner) ?? null;
+    },
     /**
      * Get the template configuration
      */
-    template: (e) => e.config?.template ?? null,
+    template: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.template) ?? null;
+    },
     /**
      * Get the editor configuration
      */
-    editor: (e) => e.config?.editor ?? null,
+    editor: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.editor) ?? null;
+    },
     /**
      * Get the UI configuration
      */
-    ui: (e) => e.config?.ui ?? null,
+    ui: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.ui) ?? null;
+    },
     /**
      * Get the features configuration
      */
-    features: (e) => e.config?.features ?? null,
+    features: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.features) ?? null;
+    },
     /**
      * Get the blocks configuration
      */
-    blocks: (e) => e.config?.blocks ?? null,
+    blocks: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.blocks) ?? null;
+    },
     /**
      * Get the compiler configuration
      */
-    compiler: (e) => e.config?.compiler ?? null,
+    compiler: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.compiler) ?? null;
+    },
     /**
      * Get the callbacks configuration
      */
-    callbacks: (e) => e.config?.callbacks ?? null,
+    callbacks: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.callbacks) ?? null;
+    },
     /**
      * Get the template ID
      */
-    templateId: (e) => e.config?.identity.templateId ?? "",
+    templateId: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.identity.templateId) ?? "";
+    },
     /**
      * Get the user ID
      */
-    userId: (e) => e.config?.identity.userId ?? "",
+    userId: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.identity.userId) ?? "";
+    },
     /**
      * Get the variation ID
      */
-    variationId: (e) => e.config?.identity.variationId ?? "",
+    variationId: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.identity.variationId) ?? "";
+    },
     /**
      * Get the partner name
      */
-    partnerName: (e) => e.config?.partner.name ?? "",
+    partnerName: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.partner.name) ?? "";
+    },
     /**
      * Get the product type
      */
-    productType: (e) => e.config?.partner.productType ?? 60,
+    productType: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.partner.productType) ?? 60;
+    },
     /**
      * Get the message type
      */
-    messageType: (e) => e.config?.partner.messageType ?? 1,
+    messageType: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.partner.messageType) ?? 1;
+    },
     /**
      * Get the username
      */
-    username: (e) => e.config?.partner.username ?? "Guido User",
+    username: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.partner.username) ?? "Guido User";
+    },
     /**
      * Check if header should be shown
      */
-    showHeader: (e) => e.config?.ui.showHeader ?? !0,
+    showHeader: (i) => {
+      var e;
+      return ((e = i.config) == null ? void 0 : e.ui.showHeader) ?? !0;
+    },
     /**
      * Check if a specific feature is enabled
      */
-    isFeatureEnabled: (e) => (i) => e.config?.features[i] ?? !0
+    isFeatureEnabled: (i) => (e) => {
+      var t;
+      return ((t = i.config) == null ? void 0 : t.features[e]) ?? !0;
+    }
   },
   actions: {
     /**
      * Initialize the config store with validated configuration
      */
-    init(e) {
-      const i = t(e);
-      this.config = i, this.initialized = !0;
+    init(i) {
+      const e = n(i);
+      this.config = e, this.initialized = !0;
     },
     /**
      * Reset the config store
@@ -96,5 +152,5 @@ const a = n("guido-config", {
   }
 });
 export {
-  a as useConfigStore
+  s as useConfigStore
 };

package/dist/stores/dynamic-content.js

@@ -1,17 +1,22 @@
-import { removeDuplicatesFromArray as t } from "../utils/arrayUtil.js";
-import { defineStore as n } from "pinia";
-const s = n("guidoDynamicContent", {
+import { removeDuplicatesFromArray as n } from "../utils/arrayUtil.js";
+import { defineStore as a } from "pinia";
+const s = a("guidoDynamicContent", {
   state: () => ({
     selectedDynamicContent: { text: "", value: "" },
     selectedDynamicContentList: []
   }),
   actions: {
-    setSelectedDynamicContent(e) {
-      this.selectedDynamicContent = e, this.selectedDynamicContentList.push(e);
+    setSelectedDynamicContent(t) {
+      this.selectedDynamicContent = t, this.selectedDynamicContentList.push(t);
     }
   },
   getters: {
-    getSelectedDynamicContentList: (e) => t(e.selectedDynamicContentList)
+    getSelectedDynamicContentList: (t) => n(t.selectedDynamicContentList).map((e) => ({
+      text: e.text,
+      value: e.value,
+      fallback: e.fallback,
+      format: e.format
+    })) || []
   }
 });
 export {

package/dist/stores/editor.js

@@ -25,7 +25,9 @@ const o = e("guidoEditor", {
     isExportButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
     isSaveAsButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
     isTestButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
-    isSaveButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen || i.isPreviewModeOpen
+    isSaveButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen || i.isPreviewModeOpen,
+    // Autosave
+    isInSaveableState: (i) => !i.loadingStatus && !i.isVersionHistoryOpen && !i.isPreviewModeOpen && !i.isCodeEditorOpen
   }
 });
 export {

package/dist/stores/onboarding.js

@@ -46,7 +46,7 @@ const t = () => ({
     },
     shouldShowOnboarding: (n) => (i) => {
       const o = n.userModalState.Guido;
-      return i === "newVersionPopup" && o?.genericOnboarding ? !1 : o ? !o[i] : !0;
+      return i === "newVersionPopup" && (o != null && o.genericOnboarding) ? !1 : o ? !o[i] : !0;
     }
   },
   actions: {

package/dist/stores/preview.js

@@ -1,5 +1,5 @@
-import { defineStore as r } from "pinia";
-const e = () => ({
+import { defineStore as e } from "pinia";
+const i = () => ({
   emailFormat: "html",
   ampHtml: "",
   ampErrors: [],
@@ -7,14 +7,17 @@ const e = () => ({
   isLoaded: !1,
   isAMPErrorModalVisible: !1,
   emailSizeKB: 0
-}), s = r("guidoPreview", {
-  state: () => e(),
+}), a = e("guidoPreview", {
+  state: () => i(),
   getters: {
     isAMPModeEnabled: (t) => t.emailFormat === "AMP",
     previewHtml() {
       return this.isAMPModeEnabled ? this.ampHtml : this.templateHtml;
     },
-    hasAMP: (t) => !!t.ampHtml?.trim(),
+    hasAMP: (t) => {
+      var r;
+      return !!((r = t.ampHtml) != null && r.trim());
+    },
     hasAMPErrors: (t) => t.ampErrors.length > 0,
     showAMPErrorButton() {
       return this.isAMPModeEnabled && this.hasAMPErrors;
@@ -39,5 +42,5 @@ const e = () => ({
   }
 });
 export {
-  s as usePreviewStore
+  a as usePreviewStore
 };

package/dist/stores/unsubscribe.js

@@ -19,7 +19,10 @@ const r = () => ({
     getSelectedCollection: (e) => i[e.selectedCollectionType],
     getSelectedTemplateByActiveType: (e) => e.selectedTemplates[e.activeType],
     getTemplatesByActiveType: (e) => e.templates.filter((t) => t.type === e.activeType),
-    getThumbnailByTemplateId: (e) => (t) => e.templates.find((l) => l.id === t)?.thumbnail ?? "",
+    getThumbnailByTemplateId: (e) => (t) => {
+      var l;
+      return ((l = e.templates.find((s) => s.id === t)) == null ? void 0 : l.thumbnail) ?? "";
+    },
     getSelectedUnsubscribePagesByCollection: (e) => (t) => {
       const l = i[t];
       if (!l)

package/dist/utils/dateUtil.js

@@ -1,8 +1,11 @@
 import { DEFAULT_LOCALE as r, DEFAULT as a, DEFAULT_TZ as c } from "../enums/date.js";
 const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length === 10 ? new Date(Number(t) * 1e3) : new Date(t) : typeof t == "number" ? t.toString().length === 10 ? new Date(t * 1e3) : new Date(t) : /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(), s = () => {
   const t = window.l10n;
-  return t?.locale === a ? r : t?.locale || r;
-}, u = new Intl.DateTimeFormat().resolvedOptions().timeZone, f = () => window.l10n?.timezone || u || c, l = (t, e = s(), n = f()) => {
+  return (t == null ? void 0 : t.locale) === a ? r : (t == null ? void 0 : t.locale) || r;
+}, u = new Intl.DateTimeFormat().resolvedOptions().timeZone, f = () => {
+  const t = window.l10n;
+  return (t == null ? void 0 : t.timezone) || u || c;
+}, D = (t, e = s(), n = f()) => {
   const o = {
     year: "numeric",
     month: "2-digit",
@@ -10,7 +13,7 @@ const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length ===
     timeZone: n
   }, i = m(t);
   return new Intl.DateTimeFormat(e, o).format(i);
-}, D = (t) => {
+}, T = (t) => {
   if (!t)
     return "";
   const e = new Date(t);
@@ -22,12 +25,12 @@ const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length ===
     second: "2-digit",
     hour12: !1
   }).format(e);
-}, T = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
+}, h = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
 export {
   m as convertToDateObject,
-  D as formatPatchDate,
-  l as formatShortDate,
-  T as isAfterDate,
+  T as formatPatchDate,
+  D as formatShortDate,
+  h as isAfterDate,
   u as localTz,
   s as locale,
   f as timezone

package/dist/utils/genericUtil.js

@@ -1,20 +1,20 @@
-const s = (c) => {
-  const a = c.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [n] = a, e = {
-    text: c.label,
+const s = (e) => {
+  const a = e.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [n] = a, c = {
+    text: e.label,
     value: n || ""
   };
   if (a.length >= 2) {
     const [, l, r] = a;
     if (l.startsWith("default:")) {
       let t = l.slice(8).trim();
-      t.startsWith('"') && t.endsWith('"') && (t = t.slice(1, -1)), e.fallback = t;
+      t.startsWith('"') && t.endsWith('"') && (t = t.slice(1, -1)), c.fallback = t;
     } else {
       const t = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
-      t ? e.format = t : r || (e.fallback = l), r && (e.fallback = r);
+      t ? c.format = t : r || (c.fallback = l), r && (c.fallback = r);
     }
   }
-  return e;
-}, u = (c, f = !1) => c.map((a) => {
+  return c;
+}, u = (e, f = !1) => e.map((a) => {
   if (a.format)
     return {
       label: `${a.text} | ${a.format.key}=${a.format.value}`,
@@ -26,17 +26,20 @@ const s = (c) => {
         label: a.text,
         value: `{{ ${a.value} }}`
       };
-    const e = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
+    const c = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
     return {
       label: `${a.text} | ${a.fallback}`,
-      value: `{{ ${a.value} | default: ${e} }}`
+      value: `{{ ${a.value} | default: ${c} }}`
     };
   }
   return {
     label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
     value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
   };
-}), o = () => document.head.querySelector('meta[name="csrf-token"]')?.getAttribute("content") ?? "";
+}), o = () => {
+  var e;
+  return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
+};
 export {
   u as dynamicContentToMergeTags,
   o as getCsrfToken,

package/dist/utils/htmlEscape.js

@@ -0,0 +1,13 @@
+const c = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#x27;"
+};
+function n(t) {
+  return t.replace(/[&<>"']/g, (e) => c[e]);
+}
+export {
+  n as escapeHtml
+};