@useinsider/guido 3.18.2-beta.ff43aaa → 3.18.2

package/dist/components/organisms/save-as-template/SaveAsTemplateDrawer.vue2.js

@@ -1,64 +1,64 @@
-import { defineComponent as _, ref as c, computed as h, watch as C, toRef as N, nextTick as O } from "vue";
-import b from "../../wrappers/WpDrawer.vue.js";
-import { useTranslations as D } from "../../../composables/useTranslations.js";
+import { defineComponent as A, ref as c, computed as b, toRef as h, nextTick as C } from "vue";
+import N from "../../wrappers/WpDrawer.vue.js";
+import { useTranslations as O } from "../../../composables/useTranslations.js";
 import { useTemplateNameValidator as x } from "../../../composables/validators/saveAsTemplate.js";
 import { useTemplateLibraryApi as B } from "../../../services/templateLibraryApi.js";
-import { useEditorStore as k } from "../../../stores/editor.js";
-import { useSaveAsTemplateStore as I } from "../../../stores/save-as-template.js";
-import { InMultiSelect as M, InBasicTextInput as V } from "@useinsider/design-system-vue";
-import { useDebounceFn as E } from "../../../node_modules/@vueuse/shared/index.js";
-const J = /* @__PURE__ */ _({
+import { useEditorStore as D } from "../../../stores/editor.js";
+import { useSaveAsTemplateStore as k } from "../../../stores/save-as-template.js";
+import { InMultiSelect as I, InBasicTextInput as M } from "@useinsider/design-system-vue";
+import { useDebounceFn as V } from "../../../node_modules/@vueuse/shared/index.js";
+const H = /* @__PURE__ */ A({
   __name: "SaveAsTemplateDrawer",
-  setup(R) {
-    const s = D(), o = k(), t = I(), { createTemplate: m } = B(), a = c(!1), n = c(!1), r = c(""), f = h(() => ({
+  setup(E) {
+    const o = O(), n = D(), t = k(), { createTemplate: m } = B(), a = c(!1), r = c(!1), l = c(""), f = b(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: s(a.value ? "newsletter.saving" : "products.save"),
+        labelText: o(a.value ? "newsletter.saving" : "products.save"),
         loadingStatus: a.value,
         disabledStatus: t.skeletonStatus
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: s("products.cancel"),
+        labelText: o("products.cancel"),
         disabledStatus: a.value
       }
-    })), p = () => {
-      r.value = "", o.isSaveAsTemplateDrawerOpen = !1;
-    }, l = async () => {
-      const e = N(t, "templateName"), { success: i, errorMessage: A } = await x(e).validate();
-      return r.value = A, i;
-    }, v = E(async (e) => {
-      t.templateName = e, await l();
-    }, 500), S = async (e) => {
-      n.value = !0, await t.addCategory(e), n.value = !1;
-    }, T = (e) => {
+    })), u = () => {
+      l.value = "", n.isSaveAsTemplateDrawerOpen = !1;
+    }, i = async () => {
+      const e = h(t, "templateName"), { success: s, errorMessage: _ } = await x(e).validate();
+      return l.value = _, s;
+    }, v = V(async (e) => {
+      t.templateName = e, await i();
+    }, 500), g = async (e) => {
+      r.value = !0, await t.addCategory(e), r.value = !1;
+    }, y = (e) => {
       t.selectedCategories = e;
-    }, g = (e) => {
+    }, S = (e) => {
       e && (t.selectedCategories = e);
-    }, y = () => {
+    }, T = () => {
       t.selectedCategories = [];
     }, w = async () => {
-      if (a.value = !0, !await l()) {
+      if (a.value = !0, !await i()) {
         a.value = !1;
         return;
       }
-      const i = await m();
-      a.value = !1, i && p();
-    }, u = () => {
-      O(() => {
+      const s = await m();
+      a.value = !1, s && u();
+    }, p = () => {
+      C(() => {
         const e = document.querySelector("input#guido__template-name-input");
         e == null || e.focus();
       });
     }, d = async () => {
-      t.$reset(), await t.fetchCategories(), t.skeletonStatus = !1, u();
+      t.$reset(), await t.fetchCategories(), t.skeletonStatus = !1, p();
     };
-    return C(() => o.isSaveAsTemplateDrawerOpen, (e) => {
-      e && d();
-    }), { __sfc: !0, trans: s, editorStore: o, saveAsTemplateStore: t, createTemplate: m, isSaving: a, isAddingOption: n, templateNameError: r, footerButtonGroupOptions: f, closeModal: p, validateTemplateName: l, handleTemplateName: v, handleAddOption: S, handleCategoryChange: T, handleSelectAllOptions: g, handleResetAllOptions: y, saveTemplate: w, focusToInput: u, initializeDrawer: d, WpDrawer: b, InBasicTextInput: V, InMultiSelect: M };
+    return n.$subscribe((e, { isSaveAsTemplateDrawerOpen: s }) => {
+      s && d();
+    }), { __sfc: !0, trans: o, editorStore: n, saveAsTemplateStore: t, createTemplate: m, isSaving: a, isAddingOption: r, templateNameError: l, footerButtonGroupOptions: f, closeModal: u, validateTemplateName: i, handleTemplateName: v, handleAddOption: g, handleCategoryChange: y, handleSelectAllOptions: S, handleResetAllOptions: T, saveTemplate: w, focusToInput: p, initializeDrawer: d, WpDrawer: N, InBasicTextInput: M, InMultiSelect: I };
   }
 });
 export {
-  J as default
+  H as default
 };

package/dist/composables/useHttp.js

@@ -1,16 +1,14 @@
-import { getCsrfToken as O } from "../utils/genericUtil.js";
-import { ref as m, computed as T } from "vue";
-const X = (b = {}) => {
-  const p = m(!1), a = m(null), u = m(null), g = T(() => p.value), y = T(() => a.value !== null), v = {
+import { getCsrfToken as H } from "../utils/genericUtil.js";
+import { ref as p, computed as T } from "vue";
+const k = (b = {}) => {
+  const h = p(!1), a = p(null), u = p(null), g = T(() => h.value), y = T(() => a.value !== null), v = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": O(),
-      Accept: "application/json",
-      "X-Requested-With": "XMLHttpRequest"
+      "X-CSRF-TOKEN": H()
     },
     ...b
   }, w = (e, s) => {
@@ -24,22 +22,22 @@ const X = (b = {}) => {
     }, e);
   }), x = (e) => new Promise((s) => {
     setTimeout(s, e);
-  }), i = async (e, s, t, L = {}) => {
-    a.value = null, p.value = !0, u.value = new AbortController();
-    const n = { ...v, ...L }, D = w(s, n.baseURL), c = {
+  }), i = async (e, s, t, D = {}) => {
+    a.value = null, h.value = !0, u.value = new AbortController();
+    const n = { ...v, ...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 E = async (h = 0) => {
+    const E = async (m = 0) => {
       try {
-        const o = [fetch(D, c)];
+        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);
+          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
           throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
         }
         let f;
@@ -52,19 +50,19 @@ const X = (b = {}) => {
         };
       } catch (o) {
         const r = o instanceof Error && o.name === "AbortError";
-        if (h < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(h + 1);
+        if (m < (n.retry || 0) && !r)
+          return await x(n.retryDelay || 1e3), E(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 E();
     } finally {
-      p.value = !1, u.value = null;
+      h.value = !1, u.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), R = (e, s, t) => i("POST", e, s, t), $ = (e, s, t) => i("PUT", e, s, t), q = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), U = (e) => {
+  }, C = (e, s) => i("GET", e, void 0, s), $ = (e, s, t) => i("POST", e, s, t), R = (e, s, t) => i("PUT", e, s, t), U = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
     u.value && u.value.abort(e);
-  }, W = () => {
+  }, q = () => {
     a.value = null;
   };
   return {
@@ -75,14 +73,14 @@ const X = (b = {}) => {
     // Methods
     request: i,
     get: C,
-    post: R,
-    put: $,
-    patch: q,
+    post: $,
+    put: R,
+    patch: U,
     delete: A,
-    cancel: U,
-    clearError: W
+    cancel: W,
+    clearError: q
   };
 };
 export {
-  X as useHttp
+  k as useHttp
 };

package/dist/services/templateLibraryApi.js

@@ -4,14 +4,13 @@ import { useToaster as C } from "../composables/useToaster.js";
 import { useTranslations as h } from "../composables/useTranslations.js";
 import { useLiquidValidator as S } from "../composables/validators/useLiquidValidator.js";
 import { EditorType as v } from "../enums/defaults.js";
-import { ToasterTypeOptions as x } from "../enums/toaster.js";
-import { useRecommendationExtensionStore as E } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { useSaveAsTemplateStore as N } from "../stores/save-as-template.js";
+import { ToasterTypeOptions as N } from "../enums/toaster.js";
+import { useRecommendationExtensionStore as x } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useSaveAsTemplateStore as E } from "../stores/save-as-template.js";
 import { base64EncodeWithSpecialChars as r } from "../utils/base64.js";
-import { isPlainObject as P } from "../utils/genericUtil.js";
 import { useTemplatePreparation as A } from "../utils/templatePreparation.js";
-const B = () => {
-  const { get: n, post: m } = b(), { handleError: o, showToaster: l } = C(), { config: c, isFeatureEnabled: p } = w(), { validateLiquidSyntax: f } = S(), u = h();
+const j = () => {
+  const { get: n, post: m } = b(), { handleError: o, showToaster: l } = C(), { config: c, isFeatureEnabled: p } = w(), { validateLiquidSyntax: g } = S(), u = h();
   return {
     getCategories: async () => {
       try {
@@ -41,10 +40,10 @@ const B = () => {
     createTemplate: async () => {
       var e, t, d, y;
       try {
-        const { prepareTemplateDetails: i } = A(), s = N(), a = await i();
-        if (p("liquidSyntax") && !await f(a.compiledHtml))
+        const { prepareTemplateDetails: i } = A(), s = E(), a = await i();
+        if (p("liquidSyntax") && !await g(a.compiledHtml))
           return !1;
-        const T = {
+        const f = {
           name: s.getTemplateName,
           categories: s.getSelectedCategoryIds,
           productId: ((t = (e = c.value) == null ? void 0 : e.partner) == null ? void 0 : t.productType) || 0,
@@ -55,7 +54,7 @@ const B = () => {
           unsubscriptionPreferencePageStatus: !1,
           unsubscriptionPreferencePages: [],
           recommendationCampaignUrls: r(
-            E().recommendationCampaignUrls
+            x().recommendationCampaignUrls
           ),
           recommendationConfigs: r({}),
           isGuido: !0,
@@ -67,18 +66,16 @@ const B = () => {
             css: a.css,
             dynamicContentList: a.dynamicContentList
           })
-        }, { data: g } = await m(
+        }, { data: { type: T } } = await m(
           "/newsletter/template-library/create-template",
-          T
+          f
         );
-        if (!P(g))
-          throw new Error("Unexpected create-template response");
-        return g.type === "alert" ? (l({
+        return T === "alert" ? (l({
           message: u(
             "newsletter.template-library-save-alert",
             { templateName: s.getTemplateName }
           ),
-          type: x.Error
+          type: N.Error
         }), !1) : (l({
           message: u(
             "newsletter.template-library-save-success",
@@ -93,5 +90,5 @@ const B = () => {
   };
 };
 export {
-  B as useTemplateLibraryApi
+  j as useTemplateLibraryApi
 };

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

@@ -30,9 +30,3 @@ export declare const replaceString: (string?: string, values?: Record<string, st
  * a string nor a number becomes ''.
  */
 export declare const asText: (value: unknown) => string;
-/**
- * Narrows an unknown API value to a plain JSON object. Arrays and exotic
- * objects (Blob, Date, FormData) are rejected, so a response body that useHttp
- * parsed as text or blob can never be read as a JSON payload.
- */
-export declare const isPlainObject: <T>(value: T) => value is T & Record<string, unknown>;

package/dist/utils/genericUtil.js

@@ -1,78 +1,69 @@
-import { formatToLiquidFilter as b, quoteArgument as y, liquidFilterToFormat as h } from "./liquidDynamicContent.js";
-const g = (t) => {
-  if (!t.includes("="))
-    return null;
-  const [r, e] = t.split("=");
-  return { key: r.trim(), value: e.trim() };
-}, c = "default:", f = (t) => {
-  if (!t.startsWith(c))
-    return t;
-  const r = t.slice(c.length).trim(), e = (l) => r.length >= 2 && r.startsWith(l) && r.endsWith(l);
-  return e('"') || e("'") ? r.slice(1, -1) : r;
-}, k = (t) => {
-  const e = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((a) => a.trim()), [l] = e, s = {
+const o = (t) => {
+  const a = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [s] = a, r = {
     text: t.label,
-    value: l || ""
+    value: s || ""
   };
-  if (e.length >= 2) {
-    const [, a, n] = e;
-    if (a.startsWith(c))
-      s.fallback = f(a);
-    else {
-      const o = h(a) ?? g(a);
-      o ? s.format = o : n || (s.fallback = a), n && (s.fallback = f(n));
+  if (a.length >= 2) {
+    const [, l, e] = a;
+    if (l.startsWith("default:")) {
+      let n = l.slice(8).trim();
+      n.startsWith('"') && n.endsWith('"') && (n = n.slice(1, -1)), r.fallback = n;
+    } else {
+      const n = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
+      n ? r.format = n : e || (r.fallback = l), e && (r.fallback = e);
     }
   }
-  return s;
-}, p = (t) => {
-  const e = !Number.isNaN(Number(t)) && t.trim() !== "" ? t : y(t);
-  return e === null ? null : `${c} ${e}`;
-}, v = (t) => {
-  const r = t.format ? b(t.format) : null, e = t.fallback ? p(t.fallback) : null, l = [t.value, r, e].filter(Boolean);
+  return r;
+}, f = (t, c = !1) => t.map((a) => {
+  if (a.format)
+    return {
+      label: `${a.text} | ${a.format.key}=${a.format.value}`,
+      value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
+    };
+  if (c) {
+    if (!a.fallback)
+      return {
+        label: a.text,
+        value: `{{ ${a.value} }}`
+      };
+    const r = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
+    return {
+      label: `${a.text} | ${a.fallback}`,
+      value: `{{ ${a.value} | default: ${r} }}`
+    };
+  }
   return {
-    label: [t.text, r, e && t.fallback].filter(Boolean).join(" | "),
-    value: `{{ ${l.join(" | ")} }}`
+    label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
+    value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
   };
-}, i = (t, r = !1) => t.map((e) => r ? v(e) : e.format ? {
-  label: `${e.text} | ${e.format.key}=${e.format.value}`,
-  value: `{{${e.value}|${e.format.key}=${e.format.value}}}`
-} : {
-  label: e.fallback ? `${e.text} | ${e.fallback}` : e.text,
-  value: e.fallback ? `{{${e.value}|${e.fallback}}}` : `{{${e.value}}}`
-}), $ = (t) => {
-  const r = [], e = /* @__PURE__ */ new Set(), l = (a) => {
-    Array.isArray(a) && a.forEach((n) => {
-      const o = [...n.children ?? [], ...n.select_items ?? []];
-      if (o.length > 0) {
-        l(o);
+}), b = (t) => {
+  const c = [], a = /* @__PURE__ */ new Set(), s = (l) => {
+    Array.isArray(l) && l.forEach((e) => {
+      const n = [...e.children ?? [], ...e.select_items ?? []];
+      if (n.length > 0) {
+        s(n);
         return;
       }
-      const u = n.text || n.tag_text;
-      u && n.value && !e.has(n.value) && (e.add(n.value), r.push({ text: u, value: n.value }));
+      const u = e.text || e.tag_text;
+      u && e.value && !a.has(e.value) && (a.add(e.value), c.push({ text: u, value: e.value }));
     });
-  }, [s] = Object.values(t ?? {});
-  return l(s), r;
-}, d = (t, r, e = !1) => {
-  const l = new Set(t.map((a) => a.value)), s = r.filter((a) => l.has(a.value) ? !1 : (l.add(a.value), !0));
+  }, [r] = Object.values(t ?? {});
+  return s(r), c;
+}, i = (t, c, a = !1) => {
+  const s = new Set(t.map((l) => l.value)), r = c.filter((l) => s.has(l.value) ? !1 : (s.add(l.value), !0));
   return [
-    ...i(t, e),
-    ...i(s, e)
+    ...f(t, a),
+    ...f(r, a)
   ];
-}, F = () => {
+}, v = () => {
   var t;
   return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
-}, T = (t) => typeof t == "string" ? t : typeof t == "number" ? String(t) : "", x = (t) => {
-  if (t === null || typeof t != "object" || Array.isArray(t))
-    return !1;
-  const r = Object.getPrototypeOf(t);
-  return r === Object.prototype || r === null;
-};
+}, k = (t) => typeof t == "string" ? t : typeof t == "number" ? String(t) : "";
 export {
-  T as asText,
-  d as buildMergeTagEntries,
-  i as dynamicContentToMergeTags,
-  $ as flattenDynamicContentList,
-  F as getCsrfToken,
-  x as isPlainObject,
-  k as mergeTagToDynamicContent
+  k as asText,
+  i as buildMergeTagEntries,
+  f as dynamicContentToMergeTags,
+  b as flattenDynamicContentList,
+  v as getCsrfToken,
+  o as mergeTagToDynamicContent
 };

package/dist/utils/templatePreparation.js

@@ -1,31 +1,30 @@
 import { useActionsApi as k } from "../composables/useActionsApi.js";
 import { useConfig as U } from "../composables/useConfig.js";
 import { useHtmlCompiler as x } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as m, DEFAULT_NODE_CONFIG as n } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as A } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { DEFAULT_CURRENCY as m, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as T } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { mapLegacyStrategy as L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-import { DATA_ATTRIBUTES as T } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { DATA_ATTRIBUTES as C } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
 import { parsePageList as R } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
 import { useDynamicContentStore as N } from "../stores/dynamic-content.js";
 import { useEditorStore as z } from "../stores/editor.js";
-import { useUnsubscribeStore as O } from "../stores/unsubscribe.js";
-import { isPlainObject as _ } from "./genericUtil.js";
+import { useUnsubscribeStore as _ } from "../stores/unsubscribe.js";
 import { assignTrackingIds as v } from "./linkTrackingIds.js";
-function M(l) {
-  const i = new DOMParser().parseFromString(l, "text/html").querySelectorAll(`[${T.PAGE_LIST}]`), t = [];
-  return i.forEach((c) => {
-    const o = c.getAttribute(T.PAGE_LIST);
+function O(l) {
+  const c = new DOMParser().parseFromString(l, "text/html").querySelectorAll(`[${C.PAGE_LIST}]`), t = [];
+  return c.forEach((i) => {
+    const o = i.getAttribute(C.PAGE_LIST);
     o && t.push(...R(o));
   }), [...new Set(t)];
 }
-async function q(l) {
-  const a = new DOMParser().parseFromString(l, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (a.length === 0)
+async function M(l) {
+  const n = new DOMParser().parseFromString(l, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (n.length === 0)
     return;
-  const i = A();
-  a.forEach((t) => {
+  const c = T();
+  n.forEach((t) => {
     var r, d, g, f, s, y;
-    const c = t.getAttribute("recommendation-id"), o = c ? Number(c) : NaN;
+    const i = t.getAttribute("recommendation-id"), o = i ? Number(i) : NaN;
     if (!Number.isFinite(o))
       return;
     const p = t.getAttribute("esd-ext-config");
@@ -37,21 +36,21 @@ async function q(l) {
     } catch {
       return;
     }
-    if (!_(e))
+    if (!e || typeof e != "object" || Array.isArray(e))
       return;
     const b = {
       // Normalize legacy strategy keys (e.g. `mostViewed` → `mostPopular`) so
       // already-saved blocks that never re-run the migrator don't emit a
       // strategy-less campaign URL. `||` also catches '' / undefined (SD-144882).
-      strategy: L(e.strategy) || n.strategy,
-      strategyId: e.strategyId ?? n.strategyId,
-      language: e.language ?? n.language,
-      size: e.size ?? n.size,
+      strategy: L(e.strategy) || a.strategy,
+      strategyId: e.strategyId ?? a.strategyId,
+      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 ?? [...n.productIds],
-      filters: e.filters ?? [...n.filters],
-      shuffleProducts: e.shuffleProducts ?? n.shuffleProducts,
+      productIds: e.productIds ?? [...a.productIds],
+      filters: e.filters ?? [...a.filters],
+      shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
       currencyCode: ((r = e.currency) == null ? void 0 : r.code) ?? m.code,
       currencySymbol: ((d = e.currency) == null ? void 0 : d.symbol) ?? m.symbol,
       currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? m.alignment,
@@ -59,10 +58,10 @@ async function q(l) {
       currencyDecimalSeparator: ((s = e.currency) == null ? void 0 : s.decimalSeparator) ?? m.decimalSeparator,
       currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? m.thousandSeparator
     };
-    i.seedBlockUrlConfig(o, b);
+    c.seedBlockUrlConfig(o, b);
   });
   try {
-    await i.fetchRecommendationCreateData();
+    await c.fetchRecommendationCreateData();
   } catch (t) {
     console.warn(
       "Recommendation reference data pre-load failed; validator will skip the availability check.",
@@ -70,24 +69,24 @@ async function q(l) {
     );
   }
 }
-const te = () => {
-  const l = N(), u = z(), a = O(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: c } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
+const Z = () => {
+  const l = N(), u = z(), n = _(), { getCompiledEmail: c, getTemplateData: t, updateHtmlAndCss: i } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
   return {
     prepareTemplateDetails: async () => {
       let { html: r, css: d, syncModulesIds: g = [] } = await t();
       if (e("linkTrackingIds"))
         try {
           const { html: h, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
-          u.trackIdSessionFloor = H, F && (r = h, await c(h, d));
+          u.trackIdSessionFloor = H, F && (r = h, await i(h, d));
         } catch (h) {
           console.error("Tracking-id step failed, saving anyway:", h);
         }
-      const { html: f, ampHtml: s = "", ampErrors: y = [] } = await i({
+      const { html: f, ampHtml: s = "", ampErrors: y = [] } = await c({
         minimize: !0,
         resetDataSavedFlag: !1
       });
-      a.selectedUnsubscribePages.length && await a.fetchTemplates(), await q(r);
-      const { compiledHtml: I, stats: S, appliedRules: w } = o(f), D = s && p(s).compiledHtml, P = l.getSelectedDynamicContentList, E = A(), C = M(r);
+      n.selectedUnsubscribePages.length && await n.fetchTemplates(), await M(r);
+      const { compiledHtml: I, stats: S, appliedRules: w } = o(f), D = s && p(s).compiledHtml, E = l.getSelectedDynamicContentList, P = T(), A = O(r);
       return console.debug("HTML Compilation Stats:", {
         originalSize: S.originalSize,
         compiledSize: S.compiledSize,
@@ -95,7 +94,7 @@ const te = () => {
         appliedRules: w,
         executionTime: `${S.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: P,
+        dynamicContentList: E,
         compiledHtml: I,
         rawHtml: r,
         css: d,
@@ -103,18 +102,18 @@ const te = () => {
         ampErrors: y,
         modules: g.map(Number),
         recommendation: {
-          campaignUrls: E.recommendationCampaignUrls,
+          campaignUrls: P.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: C.length > 0,
-          config: C
+          status: A.length > 0,
+          config: A
         }
       };
     }
   };
 };
 export {
-  M as getHtmlReferencedUnsubscribePages,
-  te as useTemplatePreparation
+  O as getHtmlReferencedUnsubscribePages,
+  Z as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.2-beta.ff43aaa",
+  "version": "3.18.2",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

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

@@ -1,20 +0,0 @@
-import type { BaseDynamicContent } from '@@/Types/generic';
-export type DynamicContentFormat = NonNullable<BaseDynamicContent['format']>;
-/** Format key the dynamic-content picker sends for a custom date/time format. */
-export declare const TIME_FORMAT_KEY = "time-format";
-/** Wraps a Liquid filter argument in whichever quote style the value itself does not use. */
-export declare const quoteArgument: (value: string) => string | null;
-/**
- * `{ key: 'time-format', value: '%Y-%m-%d' }` -> `date: "%Y-%m-%d"`.
- *
- * Only a custom date/time strftime pattern has a Liquid equivalent. Anything else returns null so
- * the caller emits a plain tag rather than one that silently lost — or literally printed — its
- * format.
- * @example formatToLiquidFilter({ key: 'time-format', value: '%b %-d, %Y' }) -> date: "%b %-d, %Y"
- */
-export declare const formatToLiquidFilter: (format: DynamicContentFormat) => string | null;
-/**
- * Inverse of `formatToLiquidFilter` — reads the picker format back out of one filter segment, so a
- * reopened tag restores its selection in the host's format dropdown.
- */
-export declare const liquidFilterToFormat: (segment: string) => DynamicContentFormat | null;

package/dist/utils/liquidDynamicContent.js

@@ -1,15 +0,0 @@
-const E = "time-format", r = "date", u = new RegExp(`^${r}\\s*:\\s*(?:"([^"]*)"|'([^']*)')$`), s = /%[-_0^#]?\d*[a-zA-Z%]/, c = new RegExp(s, "g"), l = /\b(?:Y{2,4}|M{2,4}|D{1,4}|d{3,4}|H{2}|h{2}|m{2}|s{2}|S{1,3}|A|a)\b/, T = (t) => t.includes('"') ? t.includes("'") ? null : `'${t}'` : `"${t}"`, i = (t) => s.test(t) && !l.test(t.replace(c, "")), R = (t) => {
-  if (t.key !== E || !i(t.value ?? ""))
-    return null;
-  const n = T(t.value);
-  return n === null ? null : `${r}: ${n}`;
-}, _ = (t) => {
-  const [, n, o] = t.match(u) ?? [], e = n ?? o;
-  return e ? { key: E, value: e } : null;
-};
-export {
-  E as TIME_FORMAT_KEY,
-  R as formatToLiquidFilter,
-  _ as liquidFilterToFormat,
-  T as quoteArgument
-};