@useinsider/guido 3.2.0 → 3.3.0

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

@@ -1392,6 +1392,10 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoO
     close(type: OnboardingType): Promise<void>;
     next(type: OnboardingType): void;
     previous(type: OnboardingType): void;
+    updateCardPosition(type: OnboardingType, cardIndex: number, position: {
+        top: string;
+        position: string;
+    }): void;
     setConfig(type: OnboardingType, config: OnboardingCardConfig[]): void;
     onDiscoverNowClicked(): Promise<void>;
     onRemindMeLater(): void;

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/static/styles/components/button.css.js

@@ -1,4 +1,4 @@
-const o = `.control-shadow-wrapper:has(.button) {
+const n = `.control-shadow-wrapper:has(.button) {
     border-radius: 0;
     box-shadow: none;
     background-color: transparent;
@@ -99,18 +99,12 @@ ue-check-button.checked:not(.flat-white) input:checked + label .icon-button {
     color: var(--guido-color-primary-500);
 }
 
-ue-select.full-width .button {
-    border: none !important;
-    background-color: var(--guido-color-neutral-200) !important;
-    color: var(--guido-color-neutral-800) !important;
-}
-
 ue-select.full-width .button .icon-button {
     color: var(--guido-color-gray-600) !important;
 }
 
 ue-select.full-width .button:hover:not(:disabled,.disabled) {
-    background-color: var(--guido-color-neutral-100) !important;
+    background-color: var(--guido-color-gray-0) !important;
 }
 
 ue-color {
@@ -130,7 +124,20 @@ ue-select-text-input .select-text-input-toggle .button {
     justify-content: center;
     background-color: transparent !important;
 }
+
+
+.control-shadow-wrapper,
+ue-button:not(.no-shadow,.flat-white),
+ue-toggle:not(.no-shadow,.flat-white),
+:is(ue-popover-toggler,ue-toggle-icon-picker,ue-emoji-toggle),
+.button-group,
+ue-counter:not(.no-shadow),
+:is(ue-select,ue-mergetags,ue-font-family-select):not(.no-shadow),
+ue-check-button:not(.no-shadow,.flat-white) {
+    background: none;
+    padding: 0;
+}
 `;
 export {
-  o as default
+  n as default
 };

package/dist/static/styles/components/loader.css.js

@@ -4,6 +4,10 @@ const n = `ue-loader-component.full-height {
     z-index: 9;
     backdrop-filter: blur(2px);
 }
+
+ue-loader-component .service-element.loader {
+    box-shadow: var(--guido-color-primary-500) 1px 1px 0 0 !important;
+}
 `;
 export {
   n as default

package/dist/static/styles/components/narrow-panel.css.js

@@ -28,6 +28,58 @@ ue-stripe-thumb:hover:not(.disabled),
     border-color: var(--guido-color-primary-500);
 }
 
+/* Module search — initial */
+.module-search-container {
+    background-color: var(--guido-color-gray-0);
+    border: 1px solid var(--guido-color-gray-300);
+    border-radius: 4px;
+}
+
+.module-search-container .service-element {
+    background-color: unset;
+}
+
+.module-filter-toggle {
+    top: -1px !important;
+    right: -1px !important;
+}
+
+.module-filter-toggle > .button,
+.module-search-container:hover .module-filter-toggle > .button {
+    border: none;
+    background: transparent;
+}
+
+/* Module search — hover */
+.module-search-container:has(.module-search-chip-input:hover) {
+    border-color: var(--guido-color-primary-500);
+}
+
+.module-search-container .module-search-chip-input .service-element:hover {
+    background-color: var(--guido-color-gray-0);
+    border-radius: 4px;
+}
+
+.module-search-container .module-filter-toggle:hover > .button {
+    background-color: var(--guido-color-gray-1);
+}
+
+/* Module search — selected (.on) */
+.module-search-container:has(.module-search-chip-input.on),
+.module-search-container:has(.module-search-chip-input.on):hover {
+    border-color: var(--guido-color-primary-500);
+    box-shadow: 0 0 0 3px var(--guido-color-primary-200) !important;
+}
+
+.module-search-container .module-search-chip-input.on .input-section {
+    background-color: unset;
+    box-shadow: unset;
+}
+
+.module-categories-list .menu-item {
+    padding: 8px 20px !important;
+}
+
 .modules-layout-wrapper {
     padding: 0 16px 16px;
     grid-row-gap: 16px;

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/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

@@ -71,6 +71,10 @@ const t = () => ({
     previous(n) {
       this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
     },
+    updateCardPosition(n, i, o) {
+      const s = this.onboardings[n].config[i];
+      s && (s.top = o.top, s.position = o.position);
+    },
     setConfig(n, i) {
       this.onboardings[n].config = i ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
     },

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
+};

package/dist/utils/pairProductVariables.js

@@ -1,84 +1,85 @@
-import { productPairs as P } from "../extensions/Blocks/Items/enums/productEnums.js";
-function L(F) {
-  const R = F.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), $ = new DOMParser().parseFromString(R, "text/html"), y = P.PAIRS_FOR_EXTENSION;
-  Object.entries(y).forEach(([n, l]) => {
-    $.querySelectorAll(".ins-product-td").forEach((c) => {
-      const E = c.getAttribute("data-number") || "1", T = c.getAttribute("data-type") || "CART_ITEMS";
-      c.querySelectorAll(`[product-attr="${n}"]`).forEach((e) => {
-        var H;
-        const b = e.getAttribute("data-type") || T, u = e.getAttribute("data-number") || E, p = l[b];
-        if (p)
-          switch (n) {
+import { productPairs as L } from "../extensions/Blocks/Items/enums/productEnums.js";
+function q(w) {
+  const y = w.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), T = new DOMParser().parseFromString(y, "text/html"), C = L.PAIRS_FOR_EXTENSION;
+  Object.entries(C).forEach(([r, f]) => {
+    T.querySelectorAll(".ins-product-td").forEach((o) => {
+      const A = o.getAttribute("data-number") || "1", b = o.getAttribute("data-type") || "CART_ITEMS";
+      o.querySelectorAll(`[product-attr="${r}"]`).forEach((e) => {
+        var k, F, I;
+        const $ = e.getAttribute("data-type") || b, d = e.getAttribute("data-number") || A, u = f[$];
+        if (u)
+          switch (r) {
             case "imageSrc": {
-              let t = null, o = null;
-              if (e.tagName === "IMG" ? (t = e, o = t.closest("a")) : (t = e.querySelector("img"), o = e.querySelector("a") || e.closest("a")), !t)
+              let t = null, i = null;
+              if (e.tagName === "IMG" ? (t = e, i = t.closest("a")) : (t = e.querySelector("img"), i = e.querySelector("a") || e.closest("a")), !t)
                 break;
-              const i = p.DEFAULT, a = p.ATTR;
-              if (i && t.src) {
-                const r = t.src;
-                i.some((f) => {
-                  const s = f.split("/").pop() || "", _ = r.split("/").pop() || "";
-                  return r.includes(f) || r.includes(s) || _ === s;
-                }) && (t.src = `{{${a}_${u}}}`);
+              const a = u.DEFAULT, s = u.ATTR;
+              if (a && t.src) {
+                const c = t.src;
+                a.some((h) => {
+                  const l = h.split("/").pop() || "", g = c.split("/").pop() || "";
+                  return c.includes(h) || c.includes(l) || g === l;
+                }) && (t.src = `{{${s}_${d}}}`);
               }
-              if (o) {
-                const r = (H = y.itemLink) == null ? void 0 : H[b];
-                if (r) {
-                  const d = r.HREF, f = r.DEFAULT_HREF || "#!", s = o.href;
-                  (s === "#" || s === "" || s.endsWith("#!") || s.endsWith(f) || s === `${window.location.href}${f}` || !s || s === window.location.href) && (o.href = `{{${d}_${u}}}`);
+              const n = (F = (k = C.name) == null ? void 0 : k[$]) == null ? void 0 : F.ATTR;
+              if (n && t.setAttribute("alt", `{{${n}_${d}}}`), i) {
+                const c = (I = C.itemLink) == null ? void 0 : I[$];
+                if (c) {
+                  const E = c.HREF, h = c.DEFAULT_HREF || "#!", l = i.href;
+                  (l === "#" || l === "" || l.endsWith("#!") || l.endsWith(h) || l === `${window.location.href}${h}` || !l || l === window.location.href) && (i.href = `{{${E}_${d}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const t = p, o = t.ATTR, i = t.DEFAULT_HREF || "#!", a = t.HREF;
-              e.textContent && (e.textContent = `{{${o}_${u}}}`);
-              const r = e.closest("a") || (e.tagName === "A" ? e : null);
-              if (r && a) {
-                const d = r.href, f = `${window.location.href}${i}`;
-                (d === f || d.endsWith(i)) && (r.href = `{{${a}_${u}}}`);
+              const t = u, i = t.ATTR, a = t.DEFAULT_HREF || "#!", s = t.HREF;
+              e.textContent && (e.textContent = `{{${i}_${d}}}`);
+              const n = e.closest("a") || (e.tagName === "A" ? e : null);
+              if (n && s) {
+                const c = n.href, E = `${window.location.href}${a}`;
+                (c === E || c.endsWith(a)) && (n.href = `{{${s}_${d}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const t = p, o = e.getAttribute("data-formated"), i = e.getAttribute("data-single_price"), a = o === "true", r = i === "true", d = e.getAttribute("data-curency") || "before";
-              let f;
-              r ? f = a ? t.SINGLE_PRICE_FORMATTED : t.SINGLE_PRICE : f = a ? t.PRICE_FORMATTED : t.PRICE;
-              const s = t.CURRENCY;
-              let _ = `{{${f}_${u}}}`;
-              if (s) {
-                const k = `{{${s}_${u}}}`;
-                _ = d === "after" ? `${_} ${k}` : `${k} ${_}`;
+              const t = u, i = e.getAttribute("data-formated"), a = e.getAttribute("data-single_price"), s = i === "true", n = a === "true", c = e.getAttribute("data-curency") || "before";
+              let E;
+              n ? E = s ? t.SINGLE_PRICE_FORMATTED : t.SINGLE_PRICE : E = s ? t.PRICE_FORMATTED : t.PRICE;
+              const h = t.CURRENCY;
+              let l = `{{${E}_${d}}}`;
+              if (h) {
+                const g = `{{${h}_${d}}}`;
+                l = c === "after" ? `${l} ${g}` : `${g} ${l}`;
               }
-              e.textContent = _;
+              e.textContent = l;
               break;
             }
             case "quantity": {
-              const t = p, o = t.ATTR, i = t.DEFAULT;
-              e.textContent && e.textContent.trim() === i && (e.textContent = `{{${o}_${u}}}`);
+              const t = u, i = t.ATTR, a = t.DEFAULT;
+              e.textContent && e.textContent.trim() === a && (e.textContent = `{{${i}_${d}}}`);
               break;
             }
             case "button": {
-              const t = p, o = t.HREF, i = t.DEFAULT_HREF || "#!", a = e.tagName === "A" ? e : e.querySelector("a");
-              if (a) {
-                const r = a.href || "", d = `${window.location.href}${i}`;
-                (r === "" || r === "#" || r === d || r.endsWith(i) || r.endsWith("#!") || r === window.location.href) && (a.href = `{{${o}_${u}}}`);
+              const t = u, i = t.HREF, a = t.DEFAULT_HREF || "#!", s = e.tagName === "A" ? e : e.querySelector("a");
+              if (s) {
+                const n = s.href || "", c = `${window.location.href}${a}`;
+                (n === "" || n === "#" || n === c || n.endsWith(a) || n.endsWith("#!") || n === window.location.href) && (s.href = `{{${i}_${d}}}`);
               }
               break;
             }
             case "itemLink": {
-              const t = p, o = t.HREF, i = t.DEFAULT_HREF || "#!", a = e;
-              if (a.href) {
-                const r = a.href, d = `${window.location.href}${i}`;
-                (r === d || r.endsWith(i)) && (a.href = `{{${o}_${u}}}`);
+              const t = u, i = t.HREF, a = t.DEFAULT_HREF || "#!", s = e;
+              if (s.href) {
+                const n = s.href, c = `${window.location.href}${a}`;
+                (n === c || n.endsWith(a)) && (s.href = `{{${i}_${d}}}`);
               }
               break;
             }
             default: {
-              if ("ATTR" in p) {
-                const t = p.ATTR;
-                e.textContent && (e.textContent = `{{${t}_${u}}}`);
+              if ("ATTR" in u) {
+                const t = u.ATTR;
+                e.textContent && (e.textContent = `{{${t}_${d}}}`);
               }
               break;
             }
@@ -86,55 +87,55 @@ function L(F) {
       });
     });
   });
-  const S = R.match(/<!DOCTYPE[^>]*>/i), I = S ? `${S[0]}
-` : "", w = $.querySelectorAll(".ins-product-td"), m = [];
-  w.forEach((n) => {
-    const l = n.getAttribute("data-type") || "CART_ITEMS", A = n.getAttribute("data-number") || "1", c = n.getAttribute("data-nodup"), E = n.outerHTML;
-    m.push({
-      element: n,
-      outerHtml: E,
-      type: l,
-      number: A,
-      nodup: c || void 0
+  const S = y.match(/<!DOCTYPE[^>]*>/i), M = S ? `${S[0]}
+` : "", P = T.querySelectorAll(".ins-product-td"), H = [];
+  P.forEach((r) => {
+    const f = r.getAttribute("data-type") || "CART_ITEMS", p = r.getAttribute("data-number") || "1", o = r.getAttribute("data-nodup"), A = r.outerHTML;
+    H.push({
+      element: r,
+      outerHtml: A,
+      type: f,
+      number: p,
+      nodup: o || void 0
     });
   });
-  let h = I + $.documentElement.outerHTML;
-  m.reverse().forEach(({ outerHtml: n, type: l, number: A }) => {
-    let c = "";
-    switch (l) {
+  let _ = M + T.documentElement.outerHTML;
+  H.reverse().forEach(({ outerHtml: r, type: f, number: p }) => {
+    let o = "";
+    switch (f) {
       case "CART_ITEMS":
-        c = "ins_apr_total_product_kind";
+        o = "ins_apr_total_product_kind";
         break;
       case "BROWSED_ITEMS":
-        c = "browsed_item_total_product_kind";
+        o = "browsed_item_total_product_kind";
         break;
       case "PURCHASED_ITEMS":
-        c = "purchased_item_total_product_kind";
+        o = "purchased_item_total_product_kind";
         break;
     }
-    if (c) {
-      const T = parseInt(A) - 1, b = `${`{% if ${c} > ${T} %}`}${n}{% endif %}`;
-      h = h.replace(n, b);
+    if (o) {
+      const b = parseInt(p) - 1, $ = `${`{% if ${o} > ${b} %}`}${r}{% endif %}`;
+      _ = _.replace(r, $);
     }
   });
-  const M = $.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), g = [];
-  return M.forEach((n) => {
-    const l = n.getAttribute("data-number"), A = n.getAttribute("data-type");
-    if (!l || A !== "CART_ITEMS")
+  const D = T.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), R = [];
+  return D.forEach((r) => {
+    const f = r.getAttribute("data-number"), p = r.getAttribute("data-type");
+    if (!f || p !== "CART_ITEMS")
       return;
-    const c = n.closest(".product-original-price-class");
-    if (c) {
-      const E = c.outerHTML;
-      g.some((C) => C.tdOuterHtml === E) || g.push({ tdOuterHtml: E, number: l });
+    const o = r.closest(".product-original-price-class");
+    if (o) {
+      const A = o.outerHTML;
+      R.some((m) => m.tdOuterHtml === A) || R.push({ tdOuterHtml: A, number: f });
     }
-  }), g.reverse().forEach(({ tdOuterHtml: n, number: l }) => {
-    const A = `{% if ins_apr_price_${l} != ins_apr_originalprice_${l} %}`;
-    if (!h.includes(A) && !n.includes("{% if")) {
-      const E = `${A}${n}{% endif %}`;
-      h = h.replace(n, E);
+  }), R.reverse().forEach(({ tdOuterHtml: r, number: f }) => {
+    const p = `{% if ins_apr_price_${f} != ins_apr_originalprice_${f} %}`;
+    if (!_.includes(p) && !r.includes("{% if")) {
+      const A = `${p}${r}{% endif %}`;
+      _ = _.replace(r, A);
     }
-  }), h.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  }), _.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  L as pairProductVariables
+  q as pairProductVariables
 };

package/dist/utils/templatePreparation.js

@@ -1,53 +1,93 @@
 import { useActionsApi as T } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as P } from "../composables/useHtmlCompiler.js";
-import { useRecommendationExtensionStore as A } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { DATA_ATTRIBUTES as l } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as h } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as C } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as D } from "../stores/unsubscribe.js";
-function x(i, e) {
-  const r = new DOMParser().parseFromString(i, "text/html").querySelectorAll(`[${l.PAGE_LIST}]`), n = [];
-  return r.forEach((t) => {
-    const o = t.getAttribute(l.PAGE_LIST);
-    o && n.push(...h(o));
-  }), e.filter((t) => n.includes(t));
+import { useHtmlCompiler as C } from "../composables/useHtmlCompiler.js";
+import { DEFAULT_CURRENCY as l, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { DATA_ATTRIBUTES as y } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { parsePageList as P } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as D } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as E } from "../stores/unsubscribe.js";
+function U(i, r) {
+  const s = new DOMParser().parseFromString(i, "text/html").querySelectorAll(`[${y.PAGE_LIST}]`), c = [];
+  return s.forEach((t) => {
+    const o = t.getAttribute(y.PAGE_LIST);
+    o && c.push(...P(o));
+  }), r.filter((t) => c.includes(t));
 }
-const I = () => {
-  const i = C(), e = D(), { getCompiledEmail: a, getTemplateData: m } = T(), { compileHtml: r } = P();
+function F(i) {
+  const m = new DOMParser().parseFromString(i, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (m.length === 0)
+    return;
+  const d = b();
+  m.forEach((s) => {
+    var g, f, u, n, S;
+    const c = s.getAttribute("recommendation-id"), t = c ? Number(c) : NaN;
+    if (!Number.isFinite(t))
+      return;
+    const o = s.getAttribute("esd-ext-config");
+    if (!o)
+      return;
+    let e;
+    try {
+      e = JSON.parse(o);
+    } catch {
+      return;
+    }
+    if (!e || typeof e != "object" || Array.isArray(e))
+      return;
+    const p = {
+      strategy: e.strategy ?? a.strategy,
+      language: e.language ?? a.language,
+      size: e.size ?? a.size,
+      // Spread the default arrays so each block gets a fresh reference
+      // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
+      productIds: e.productIds ?? [...a.productIds],
+      filters: e.filters ?? [...a.filters],
+      shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
+      currencyCode: ((g = e.currency) == null ? void 0 : g.code) ?? l.code,
+      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? l.alignment,
+      currencyDecimalCount: ((u = e.currency) == null ? void 0 : u.decimalCount) ?? l.decimalCount,
+      currencyDecimalSeparator: ((n = e.currency) == null ? void 0 : n.decimalSeparator) ?? l.decimalSeparator,
+      currencyThousandSeparator: ((S = e.currency) == null ? void 0 : S.thousandSeparator) ?? l.thousandSeparator
+    };
+    d.seedBlockUrlConfig(t, p);
+  });
+}
+const _ = () => {
+  const i = D(), r = E(), { getCompiledEmail: m, getTemplateData: d } = T(), { compileHtml: s } = C();
   return {
     prepareTemplateDetails: async () => {
-      const { html: t, ampHtml: o = "", ampErrors: p = [] } = await a({
+      const { html: t, ampHtml: o = "", ampErrors: e = [] } = await m({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: u, css: d, syncModulesIds: g = [] } = await m();
-      e.selectedUnsubscribePages.length && await e.fetchTemplates();
-      const { compiledHtml: c, stats: s, appliedRules: S } = r(t), b = i.getSelectedDynamicContentList, f = A();
+      }), { html: p, css: g, syncModulesIds: f = [] } = await d();
+      r.selectedUnsubscribePages.length && await r.fetchTemplates(), F(p);
+      const { compiledHtml: u, stats: n, appliedRules: S } = s(t), h = i.getSelectedDynamicContentList, A = b();
       return console.debug("HTML Compilation Stats:", {
-        originalSize: s.originalSize,
-        compiledSize: s.compiledSize,
-        reduction: `${s.reductionPercentage.toFixed(2)}%`,
+        originalSize: n.originalSize,
+        compiledSize: n.compiledSize,
+        reduction: `${n.reductionPercentage.toFixed(2)}%`,
         appliedRules: S,
-        executionTime: `${s.executionTime.toFixed(2)}ms`
+        executionTime: `${n.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: b,
-        compiledHtml: c,
-        rawHtml: u,
-        css: d,
+        dynamicContentList: h,
+        compiledHtml: u,
+        rawHtml: p,
+        css: g,
         ampHtml: o,
-        ampErrors: p,
-        modules: g.map(Number),
+        ampErrors: e,
+        modules: f.map(Number),
         recommendation: {
-          campaignUrls: f.recommendationCampaignUrls,
+          campaignUrls: A.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: e.unsubscribePagesStatus,
-          config: x(c, e.selectedUnsubscribePages)
+          status: r.unsubscribePagesStatus,
+          config: U(u, r.selectedUnsubscribePages)
         }
       };
     }
   };
 };
 export {
-  I as useTemplatePreparation
+  _ as useTemplatePreparation
 };

package/dist/utils/timeUtil.js

@@ -0,0 +1,19 @@
+const r = (t) => {
+  const e = -t.getTimezoneOffset(), o = e >= 0 ? "+" : "-", n = Math.abs(e), s = Math.floor(n / 60), i = n % 60;
+  return i === 0 ? `UTC${o}${s}` : `UTC${o}${s}:${String(i).padStart(2, "0")}`;
+}, a = () => {
+  var e;
+  const { timeZone: t } = new Intl.DateTimeFormat().resolvedOptions();
+  return ((e = t.split("/").pop()) == null ? void 0 : e.replace(/_/g, " ")) ?? t;
+}, c = (t, e = !1) => {
+  const o = t.toLocaleTimeString([], {
+    hour: "2-digit",
+    hour12: !1,
+    minute: "2-digit",
+    second: "2-digit"
+  });
+  return e ? `${o} (${r(t)} ${a()})` : o;
+};
+export {
+  c as formatLocalTime
+};