@useinsider/guido 3.23.0-beta.86bed27 → 3.23.0-beta.9f6bfbf

package/README.md

@@ -166,6 +166,7 @@ const config: GuidoConfigInput = {
     allowlistEnabled?: boolean,   // Default: false - Pre-save domain-allowlist check (opt-in). Guido self-serves the block toaster (role lookup, deep-link, copy from window.trans).
     allowSaveWithErrors?: boolean, // Default: true - Allow the validation drawer's "Save and Continue" soft-save. Set false to hard-block invalid saves (transactional + unsubscribe pages).
     reusableRecommendationStrategy?: boolean, // Default: false - Assign an RRS strategy to recommendation blocks instead of per-block algorithm/filters/shuffle/product-count settings.
+    itemsPriceFormatting?: boolean, // Default: false - Items block price formatting: thousand/decimal separator + decimal count on the block root, raw price tags in the export (formatted at send time).
   },
 
   // Optional: Callbacks

package/dist/@types/config/schemas.js

@@ -1,4 +1,4 @@
-import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
+import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
 import { object as a, number as s, optional as e, string as t, picklist as m, pipe as i, minLength as b, custom as k, boolean as o, array as c, transform as y, unknown as r, record as g, fallback as R, literal as u, looseObject as C, variant as I, union as h, lazy as T } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
@@ -76,18 +76,18 @@ const p = {
       value: t()
     })
   )
-}), S = T(() => C({
+}), f = T(() => C({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
   value: e(t()),
-  children: e(c(S)),
+  children: e(c(f)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(S))
-})), N = g(
+  select_items: e(c(f))
+})), P = g(
   t(),
-  R(c(S), [])
-), P = C({
+  R(c(f), [])
+), N = C({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(s()),
   /** Decimal places for price display (legacy data may use string or number) */
@@ -140,7 +140,7 @@ const p = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    g(t(), P),
+    g(t(), N),
     {}
   )
 }), x = a({
@@ -159,7 +159,7 @@ const p = {
    * (first) partner's leaf attributes into the label→token map that repairs
    * label-form placeholders (`{{ Phone Number }}`) in dropped saved modules.
    */
-  dynamicContentList: e(N, {}),
+  dynamicContentList: e(P, {}),
   /** Valid custom field attribute names from the partner's categorized fields */
   customFieldAttributes: e(c(t()), []),
   /** Selected unsubscribe page IDs */
@@ -210,9 +210,9 @@ const p = {
   /** Email header settings */
   emailHeader: e(D, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), f.SAVED_MODULES),
+  savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
 }), F = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -243,7 +243,9 @@ const p = {
   linkTrackingIds: e(o(), !1),
   /** Allow persisting a template that still has validation errors (drawer "Save and Continue" soft-save). Host sets false for transactional + unsubscribe. */
   allowSaveWithErrors: e(o(), !0),
-  reusableRecommendationStrategy: e(o(), !1)
+  reusableRecommendationStrategy: e(o(), !1),
+  /** Items block: Recommendation-style price formatting (root currency-* attrs, raw price tags). Released dark. */
+  itemsPriceFormatting: e(o(), !1)
 }), w = m([
   "amp-accordion",
   "amp-carousel",
@@ -366,8 +368,8 @@ export {
   B as CustomBlockTypeSchema,
   G as CustomRuleSchema,
   w as DefaultBlockTypeSchema,
-  N as DynamicContentListSchema,
-  S as DynamicContentNodeSchema,
+  P as DynamicContentListSchema,
+  f as DynamicContentNodeSchema,
   M as DynamicContentSchema,
   O as EditorSchema,
   D as EmailHeaderSchema,
@@ -375,7 +377,7 @@ export {
   U as FeaturesSchema,
   K as GuidoConfigSchema,
   A as IdentitySchema,
-  P as LegacyRecommendationConfigSchema,
+  N as LegacyRecommendationConfigSchema,
   p as MessageType,
   E as PartnerSchema,
   l as ProductType,

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   s,
   !1,
   null,
-  "f2154cb6"
+  "49dc1b30"
 );
 const v = n.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,37 +1,37 @@
-import { defineComponent as de, defineAsyncComponent as l, ref as W, computed as f, watch as G, onMounted as me, onUnmounted as le } from "vue";
-import { useCortexBlueprintBridge as ue } from "../composables/useCortexBlueprintBridge.js";
-import { useEditorLock as pe } from "../composables/useEditorLock.js";
-import { startEditorOpenMetrics as fe } from "../composables/useEditorOpenMetrics.js";
+import { defineComponent as me, defineAsyncComponent as l, ref as W, computed as f, watch as G, onMounted as le, onUnmounted as ue } from "vue";
+import { useCortexBlueprintBridge as pe } from "../composables/useCortexBlueprintBridge.js";
+import { useEditorLock as fe } from "../composables/useEditorLock.js";
+import { startEditorOpenMetrics as ge } from "../composables/useEditorOpenMetrics.js";
 import { provideGuidoActions as ye } from "../composables/useGuidoActions.js";
-import { useGuidoStateBridge as ge } from "../composables/useGuidoStateBridge.js";
-import { usePartner as ve } from "../composables/usePartner.js";
-import { useSaveValidationRollout as Se } from "../composables/useSaveValidationRollout.js";
-import { useStripo as be } from "../composables/useStripo.js";
-import { useTimerClone as he } from "../composables/useTimerClone.js";
-import { migrate as Ee } from "../config/migrator/index.js";
+import { useGuidoStateBridge as ve } from "../composables/useGuidoStateBridge.js";
+import { usePartner as Se } from "../composables/usePartner.js";
+import { useSaveValidationRollout as be } from "../composables/useSaveValidationRollout.js";
+import { useStripo as he } from "../composables/useStripo.js";
+import { useTimerClone as Ee } from "../composables/useTimerClone.js";
+import { migrate as we } from "../config/migrator/index.js";
 import { ModuleFolderDefaults as H } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as we } from "../enums/onboarding.js";
+import { RIBBON_SELECTOR as Fe } from "../enums/onboarding.js";
 import { useRecommendationExtensionStore as V, disposeStrategyPageReturnListeners as ke } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { disposeUnsubscribeListeners as Ce } from "../extensions/Blocks/Unsubscribe/block.js";
 import De from "./organisms/AutoSaveController.vue.js";
 import Ie from "./organisms/base/AuthErrorModal.vue.js";
-import Fe from "./organisms/base/Toaster.vue.js";
-import Me from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import Re from "./organisms/header/HeaderWrapper.vue.js";
-import Te from "./organisms/LoadingWrapper.vue.js";
-import Le from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import Ue from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import Ne from "./organisms/validation/ValidationErrorDrawer.vue.js";
-import { useStripoApi as _e } from "../services/stripoApi.js";
+import Me from "./organisms/base/Toaster.vue.js";
+import Re from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import Te from "./organisms/header/HeaderWrapper.vue.js";
+import Le from "./organisms/LoadingWrapper.vue.js";
+import Ue from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import Ne from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import _e from "./organisms/validation/ValidationErrorDrawer.vue.js";
+import { useStripoApi as Pe } from "../services/stripoApi.js";
 import { useConfigStore as Ae } from "../stores/config.js";
 import { useDynamicContentStore as Be } from "../stores/dynamic-content.js";
 import { useEditorStore as w } from "../stores/editor.js";
 import { usePreviewStore as Oe } from "../stores/preview.js";
-import { useSaveValidationStore as Pe } from "../stores/save-validation.js";
-import { useTemplateStore as xe } from "../stores/template.js";
-import { useUnsubscribeStore as We } from "../stores/unsubscribe.js";
+import { useSaveValidationStore as xe } from "../stores/save-validation.js";
+import { useTemplateStore as We } from "../stores/template.js";
+import { useUnsubscribeStore as Ge } from "../stores/unsubscribe.js";
 import { readTrackFloor as $ } from "../utils/linkTrackingIds.js";
-const ht = /* @__PURE__ */ de({
+const Et = /* @__PURE__ */ me({
   __name: "Guido",
   props: {
     config: null,
@@ -39,7 +39,7 @@ const ht = /* @__PURE__ */ de({
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
   setup(z, { expose: q, emit: a }) {
-    const s = z, n = fe(), K = l(
+    const s = z, n = ge(), K = l(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
     ), j = l(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
@@ -49,15 +49,15 @@ const ht = /* @__PURE__ */ de({
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
     ), X = l(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), k = W(), y = W(), g = Be(), C = We(), o = Ae();
+    ), F = W(), g = W(), y = Be(), k = Ge(), o = Ae();
     s.ready && o.init(s.config);
-    const d = w(), Y = Oe(), u = f(() => d.hasChanges), { isTestPartner: Z } = ve(), { isEnabled: ee, loadRollout: D } = Se(), I = () => {
+    const d = w(), Y = Oe(), u = f(() => d.hasChanges), { isTestPartner: Z } = Se(), { isEnabled: ee, loadRollout: C } = be(), D = () => {
       var t;
-      return (t = k.value) == null ? void 0 : t.handleSave(!0);
-    }, F = (t) => {
+      return (t = F.value) == null ? void 0 : t.handleSave(!0);
+    }, I = (t) => {
       d.loadingStatus = t;
     };
-    ue(), ge();
+    pe(), ve();
     const v = () => {
       var t, e;
       return {
@@ -68,9 +68,9 @@ const ht = /* @__PURE__ */ de({
         savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || H.SAVED_MODULES,
         defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || H.DEFAULT_MODULES
       };
-    }, { initPlugin: M, preloadRuntime: R } = be(n), { runExclusive: T, beginMount: L, isCurrentMount: S } = pe();
+    }, { initPlugin: M, preloadRuntime: R } = he(n), { runExclusive: T, beginMount: L, isCurrentMount: S } = fe();
     let p = 0;
-    const { getDefaultTemplate: U } = _e(), { cloneTimersOnSave: N, hasTimerBlocks: _ } = he(), te = f(() => {
+    const { getDefaultTemplate: U } = Pe(), { cloneTimersOnSave: N, hasTimerBlocks: _ } = Ee(), te = f(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
     }), oe = f(() => o.isFeatureEnabled("reusableRecommendationStrategy")), re = f(
@@ -91,9 +91,9 @@ const ht = /* @__PURE__ */ de({
         console.debug("guido:test-email:click"), a("test-email:click");
       }
     });
-    const A = (t) => {
-      console.debug("dynamic-content:close", t), g.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, B = () => {
+    const P = (t) => {
+      console.debug("dynamic-content:close", t), y.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+    }, A = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
     G(() => u.value, () => {
@@ -106,8 +106,8 @@ const ht = /* @__PURE__ */ de({
     let c = null;
     const h = () => {
       var e;
-      const t = document.querySelector(we);
-      (e = y.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+      const t = document.querySelector(Fe);
+      (e = g.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
     }, E = async () => {
       var t;
       n.mark("host_ready");
@@ -118,38 +118,40 @@ const ht = /* @__PURE__ */ de({
           templateId: o.templateId,
           variationId: o.variationId
         });
-        const e = o.template, i = (e == null ? void 0 : e.html) || "", m = (e == null ? void 0 : e.css) || "", O = (e == null ? void 0 : e.preselectedDynamicContent) || [];
-        C.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const ne = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, P = o.isFeatureEnabled("linkTrackingIds"), ae = {
+        const e = o.template, i = (e == null ? void 0 : e.html) || "", m = (e == null ? void 0 : e.css) || "", B = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        k.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
+        const ne = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, O = o.isFeatureEnabled("linkTrackingIds"), ae = {
           partnerName: o.partnerName,
           campaignUrls: e == null ? void 0 : e.recommendationCampaignUrls,
           rrsEnabled: o.isFeatureEnabled("reusableRecommendationStrategy")
-        }, x = (ce) => n.timed(
+        }, ie = {
+          itemsPriceFormatting: o.isFeatureEnabled("itemsPriceFormatting")
+        }, x = (de) => n.timed(
           "migration",
-          () => Ee(ce, ne, ae)
+          () => we(de, ne, ae, ie)
         );
         let r = {
           html: i && await x(i),
           css: m
         };
         r.html || (r = await n.timed("default_template", () => U()), r.html = await x(r.html));
-        const ie = P ? $(r.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        _(r.html) && (r.html = await n.timed("timer_clone", () => N(r.html))), P && (d.trackIdSessionFloor = Math.max(ie, $(r.html)));
-        const se = {
-          preselectedDynamicContentList: O,
+        const se = O ? $(r.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        _(r.html) && (r.html = await n.timed("timer_clone", () => N(r.html))), O && (d.trackIdSessionFloor = Math.max(se, $(r.html)));
+        const ce = {
+          preselectedDynamicContentList: B,
           onReady: () => {
             console.debug("guido:ready"), a("ready");
           }
         };
-        p = L(), await M(r, v(), se), g.selectedDynamicContentList = O;
+        p = L(), await M(r, v(), ce), y.selectedDynamicContentList = B;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e), n.markFailed();
       }
     };
-    return me(async () => {
+    return le(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), V().$reset(), w().$reset(), xe().$reset(), Pe().$reset(), D(), h();
-      const t = (e = y.value) == null ? void 0 : e.parentElement;
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), V().$reset(), w().$reset(), We().$reset(), xe().$reset(), C(), h();
+      const t = (e = g.value) == null ? void 0 : e.parentElement;
       if (t && (c = new ResizeObserver(h), c.observe(t)), R(), s.ready)
         await E();
       else {
@@ -158,7 +160,7 @@ const ht = /* @__PURE__ */ de({
         });
       }
       document.addEventListener("dynamic-content:open", b);
-    }), le(() => {
+    }), ue(() => {
       if (Ce(), ke(), n.dispose(), c == null || c.disconnect(), document.removeEventListener("dynamic-content:open", b), S(p))
         try {
           w().isStripoInitialized = !1;
@@ -175,15 +177,15 @@ const ht = /* @__PURE__ */ de({
       }), o.reset();
     }), q({
       dynamicContent: {
-        insert: A,
-        close: B
+        insert: P,
+        close: A
       },
       hasChanges: u,
-      saveSilent: I,
-      setLoading: F
-    }), { __sfc: !0, openMetrics: n, PreviewContainer: K, OnboardingWrapper: j, AssignStrategyDrawer: J, RemoveStrategyModal: Q, LegacyStrategyUpdatedModal: X, headerWrapperRef: k, wrapperRef: y, dynamicContentStore: g, unsubscribeStore: C, props: s, configStore: o, editorStore: d, previewStore: Y, hasChanges: u, isTestPartner: Z, isSaveValidationEnabled: ee, loadRollout: D, saveSilent: I, setLoading: F, emit: a, buildMetadata: v, initPlugin: M, preloadRuntime: R, runExclusive: T, beginMount: L, isCurrentMount: S, mountGeneration: p, getDefaultTemplate: U, cloneTimersOnSave: N, hasTimerBlocks: _, noHeader: te, isRrsEnabled: oe, hasAssignedStrategy: re, insertDynamicContent: A, closeDynamicContent: B, handleDynamicContentOpen: b, ribbonObserver: c, updateRibbonOffset: h, startEditor: E, AutoSaveController: De, AuthErrorModal: Ie, Toaster: Fe, FilterSelectionDrawer: Me, HeaderWrapper: Re, LoadingWrapper: Te, SaveAsTemplateDrawer: Le, UnsubscribeWrapper: Ue, ValidationErrorDrawer: Ne };
+      saveSilent: D,
+      setLoading: I
+    }), { __sfc: !0, openMetrics: n, PreviewContainer: K, OnboardingWrapper: j, AssignStrategyDrawer: J, RemoveStrategyModal: Q, LegacyStrategyUpdatedModal: X, headerWrapperRef: F, wrapperRef: g, dynamicContentStore: y, unsubscribeStore: k, props: s, configStore: o, editorStore: d, previewStore: Y, hasChanges: u, isTestPartner: Z, isSaveValidationEnabled: ee, loadRollout: C, saveSilent: D, setLoading: I, emit: a, buildMetadata: v, initPlugin: M, preloadRuntime: R, runExclusive: T, beginMount: L, isCurrentMount: S, mountGeneration: p, getDefaultTemplate: U, cloneTimersOnSave: N, hasTimerBlocks: _, noHeader: te, isRrsEnabled: oe, hasAssignedStrategy: re, insertDynamicContent: P, closeDynamicContent: A, handleDynamicContentOpen: b, ribbonObserver: c, updateRibbonOffset: h, startEditor: E, AutoSaveController: De, AuthErrorModal: Ie, Toaster: Me, FilterSelectionDrawer: Re, HeaderWrapper: Te, LoadingWrapper: Le, SaveAsTemplateDrawer: Ue, UnsubscribeWrapper: Ne, ValidationErrorDrawer: _e };
   }
 });
 export {
-  ht as default
+  Et as default
 };

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue.js

@@ -1,22 +1,22 @@
 import a from "./UnsubscribePageSelection.vue2.js";
 /* empty css                              */
 import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
-  var r = this, e = r._self._c, t = r._self._setupProxy;
-  return e(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", size: "large", "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.pageSelectionDrawerStatus, "title-text": t.trans("newsletter.select-a-template") }, on: { cancelOrBackButtonEvent: t.handleBack, onCloseEvent: t.handleClose, primaryButtonEvent: t.handleSave }, scopedSlots: r._u([{ key: "headerBottomSlot", fn: function() {
-    return [e(t.UnsubscribeBreadcrumb, { staticClass: "px-5 py-3" })];
-  }, proxy: !0 }]) }, [e("div", { staticClass: "d-g templates-wrapper" }, r._l(t.unsubscribeStore.getTemplatesByActiveType, function(s) {
-    return e("div", { key: s.id, staticClass: "template-wrapper", on: { click: function(u) {
-      return t.selectTemplate(s.id);
-    } } }, [e(t.InContainer, { staticClass: "template-container o-h", class: { selected: t.unsubscribeStore.getSelectedTemplateByActiveType === s.id }, attrs: { border: t.getBorderClass(s.id) } }, [e("div", { staticClass: "w-1 h-1 d-f j-c-c a-i-c" }, [e("img", { staticClass: "w-1 h-1 thumbnail o-h", attrs: { alt: s.name, src: s.thumbnail } })])]), e("div", { staticClass: "mt-1 f-s-1" }, [r._v(" " + r._s(s.name) + " ")])], 1);
+var i = function() {
+  var r = this, t = r._self._c, e = r._self._setupProxy;
+  return t(e.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", size: "large", "footer-button-group-options": e.footerButtonGroupOptions, status: e.unsubscribeStore.pageSelectionDrawerStatus, "title-text": e.trans("newsletter.select-a-template") }, on: { cancelOrBackButtonEvent: e.handleBack, onCloseEvent: e.handleClose, primaryButtonEvent: e.handleSave }, scopedSlots: r._u([{ key: "headerBottomSlot", fn: function() {
+    return [t(e.UnsubscribeBreadcrumb, { staticClass: "px-5 py-3" })];
+  }, proxy: !0 }]) }, [t("div", { staticClass: "d-g templates-wrapper" }, r._l(e.unsubscribeStore.getTemplatesByActiveType, function(s) {
+    return t("div", { key: s.id, staticClass: "template-wrapper", on: { click: function(u) {
+      return e.selectTemplate(s.id);
+    } } }, [t(e.InContainer, { staticClass: "template-container o-h p-r", class: { selected: e.unsubscribeStore.getSelectedTemplateByActiveType === s.id }, attrs: { border: e.getBorderClass(s.id) } }, [t("div", { staticClass: "w-1 h-1 d-f j-c-c a-i-c" }, [t("img", { staticClass: "w-1 h-1 thumbnail o-h", attrs: { alt: s.name, src: s.thumbnail } })]), s.isDefault ? t(e.InChips, { staticClass: "p-a t-3 r-3", attrs: { id: "guido__unsubscribe-default-chip", type: "neutral", value: "default", "close-button": !1, interactive: !1, text: e.trans("unsubscription-preference.default") } }) : r._e()], 1), t("div", { staticClass: "mt-1 f-s-1" }, [r._v(" " + r._s(s.name) + " ")])], 1);
   }), 0)]);
-}, i = [], c = /* @__PURE__ */ n(
+}, o = [], c = /* @__PURE__ */ n(
   a,
-  o,
   i,
+  o,
   !1,
   null,
-  "91a26acd"
+  "eaf8e461"
 );
 const _ = c.exports;
 export {

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue2.js

@@ -1,16 +1,16 @@
 import { defineComponent as y, ref as T, computed as a, watch as v } from "vue";
 import w from "../../wrappers/WpDrawer.vue.js";
-import { useToaster as B } from "../../../composables/useToaster.js";
-import { useTranslations as C } from "../../../composables/useTranslations.js";
+import { useToaster as C } from "../../../composables/useToaster.js";
+import { useTranslations as B } from "../../../composables/useTranslations.js";
 import { ToasterTypeOptions as h } from "../../../enums/toaster.js";
 import { useEditorStore as P } from "../../../stores/editor.js";
 import { useUnsubscribeStore as U } from "../../../stores/unsubscribe.js";
-import { InContainer as _ } from "@useinsider/design-system-vue";
-import I from "./UnsubscribeBreadcrumb.vue.js";
-const N = /* @__PURE__ */ y({
+import { InContainer as I, InChips as _ } from "@useinsider/design-system-vue";
+import x from "./UnsubscribeBreadcrumb.vue.js";
+const W = /* @__PURE__ */ y({
   __name: "UnsubscribePageSelection",
-  setup(x) {
-    const s = C(), e = U(), r = P(), { showToaster: c } = B(), o = T(!1), i = a(() => e.isActiveTypeLastInCollection ? o.value ? s("unsubscription-preference.applying-changes") : s("statistics.apply") : s("products.select-and-continue")), l = a(() => e.pageSelectionUpdateStatus && e.isActiveTypeFirstInCollection ? s("products.cancel") : s("newsletter.back")), p = a(() => ({
+  setup(A) {
+    const s = B(), e = U(), r = P(), { showToaster: c } = C(), o = T(!1), i = a(() => e.isActiveTypeLastInCollection ? o.value ? s("unsubscription-preference.applying-changes") : s("statistics.apply") : s("products.select-and-continue")), l = a(() => e.pageSelectionUpdateStatus && e.isActiveTypeFirstInCollection ? s("products.cancel") : s("newsletter.back")), p = a(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
@@ -63,9 +63,9 @@ const N = /* @__PURE__ */ y({
     };
     return v(() => e.pageSelectionDrawerStatus, (t) => {
       t && e.pageSelectionUpdateStatus && e.fetchTemplates();
-    }), { __sfc: !0, trans: s, unsubscribeStore: e, editorStore: r, showToaster: c, isApplying: o, getPrimaryButtonText: i, getCancelOrBackButtonText: l, footerButtonGroupOptions: p, getBorderClass: d, closeModal: n, handleClose: m, handleBack: b, handleSave: f, selectTemplate: g, WpDrawer: w, InContainer: _, UnsubscribeBreadcrumb: I };
+    }), { __sfc: !0, trans: s, unsubscribeStore: e, editorStore: r, showToaster: c, isApplying: o, getPrimaryButtonText: i, getCancelOrBackButtonText: l, footerButtonGroupOptions: p, getBorderClass: d, closeModal: n, handleClose: m, handleBack: b, handleSave: f, selectTemplate: g, WpDrawer: w, InChips: _, InContainer: I, UnsubscribeBreadcrumb: x };
   }
 });
 export {
-  N as default
+  W as default
 };

package/dist/composables/useModuleRepair.js

@@ -1,24 +1,26 @@
-import { useConfig as C } from "./useConfig.js";
-import { useToaster as T } from "./useToaster.js";
-import { useTranslations as g } from "./useTranslations.js";
+import { useConfig as T } from "./useConfig.js";
+import { useToaster as g } from "./useToaster.js";
+import { useTranslations as C } from "./useTranslations.js";
 import { ToasterTypeOptions as D } from "../enums/toaster.js";
 import { buildDynamicContentLookup as f, convertModuleDynamicContent as h } from "../utils/dynamicContentConverter.js";
 import { flattenDynamicContentList as O } from "../utils/genericUtil.js";
 import { repairItemsCurrencyAttributes as M } from "../utils/itemsCurrencyRepair.js";
-const N = "dynamic-content.unresolved-attributes-on-drop", R = () => {
-  const { template: p, isFeatureEnabled: m } = C(), { showToaster: a } = T(), y = g();
+const N = "dynamic-content.unresolved-attributes-on-drop", d = () => {
+  const { template: p, isFeatureEnabled: s } = T(), { showToaster: a } = g(), y = C();
   return { handleModuleAdd: (e, o) => {
-    var s, l, u;
+    var c, l, i;
     try {
       if ((e == null ? void 0 : e.action) !== "ADD" && (e == null ? void 0 : e.action) !== "COPY")
         return;
-      const t = (s = o == null ? void 0 : o.getTargetNode) == null ? void 0 : s.call(o), r = (l = t == null ? void 0 : t.getOuterHTML) == null ? void 0 : l.call(t);
+      const t = (c = o == null ? void 0 : o.getTargetNode) == null ? void 0 : c.call(o), r = (l = t == null ? void 0 : t.getOuterHTML) == null ? void 0 : l.call(t);
       if (!t || typeof r != "string")
         return;
-      let n = M(r);
-      const c = f(O((u = p.value) == null ? void 0 : u.dynamicContentList));
-      let i = [];
-      c.size > 0 && ({ html: n, unresolved: i } = h(n, c, m("liquidSyntax"))), n !== r && o.modifyHtml(t).replaceWith(n), i.length > 0 && a({
+      let n = M(r, {
+        convertToPriceFormat: s("itemsPriceFormatting")
+      });
+      const u = f(O((i = p.value) == null ? void 0 : i.dynamicContentList));
+      let m = [];
+      u.size > 0 && ({ html: n, unresolved: m } = h(n, u, s("liquidSyntax"))), n !== r && o.modifyHtml(t).replaceWith(n), m.length > 0 && a({
         type: D.Warning,
         message: y(N)
       });
@@ -29,5 +31,5 @@ const N = "dynamic-content.unresolved-attributes-on-drop", R = () => {
 };
 export {
   N as UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY,
-  R as useModuleRepair
+  d as useModuleRepair
 };

package/dist/config/compiler/utils/recommendationCompilerUtils.js

@@ -1,4 +1,4 @@
-import { useConfig as g } from "../../../composables/useConfig.js";
+import { useConfig as C } from "../../../composables/useConfig.js";
 import { useRecommendation as O } from "../../../composables/useRecommendation.js";
 import { MOBILE_ROW_SELECTOR as q, MOBILE_CONTAINER_SELECTOR as M, CSS_CLASS_RECO_BUTTON as B } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
 import { useRecommendationExtensionStore as N } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
@@ -13,7 +13,7 @@ function A(t) {
     [r] = r.children;
   return r;
 }
-function y(t, r, e, o, c, i) {
+function _(t, r, e, o, c, i) {
   switch (r) {
     case "productImage": {
       const n = t.querySelector("img");
@@ -78,7 +78,7 @@ function y(t, r, e, o, c, i) {
   }
 }
 const P = "name";
-function b(t, r, e, o) {
+function y(t, r, e, o) {
   const c = `${o}${r}_${e}_${P}`;
   return {
     open: t.createComment(`{% if ${c} and ${c} != "" %}`),
@@ -86,19 +86,19 @@ function b(t, r, e, o) {
   };
 }
 function R(t, r, e) {
-  return b(t, r, 0, e);
+  return y(t, r, 0, e);
 }
 function w(t, r, e, o) {
   if (!t.innerHTML.includes("{{"))
     return;
-  const { open: c, close: i } = b(t.ownerDocument, r, e, o);
+  const { open: c, close: i } = y(t.ownerDocument, r, e, o);
   t.insertBefore(c, t.firstChild), t.appendChild(i);
 }
 function D(t, r, e, o) {
   var n, s;
   if (!t.innerHTML.includes("{{"))
     return;
-  const { open: c, close: i } = b(t.ownerDocument, r, e, o);
+  const { open: c, close: i } = y(t.ownerDocument, r, e, o);
   (n = t.parentNode) == null || n.insertBefore(c, t), (s = t.parentNode) == null || s.insertBefore(i, t.nextSibling);
 }
 function v(t, r, e, o) {
@@ -106,8 +106,8 @@ function v(t, r, e, o) {
     i.querySelectorAll("[data-attribute-type]").forEach((d) => {
       const u = d.getAttribute("data-attribute-type") || "", a = d.querySelectorAll(".attribute-cell");
       a.length > 0 ? a.forEach((l) => {
-        y(l, u, r, n, e, o);
-      }) : y(d, u, r, n, e, o);
+        _(l, u, r, n, e, o);
+      }) : _(d, u, r, n, e, o);
     }), D(i, r, n, o);
   });
 }
@@ -119,9 +119,9 @@ function H(t, r, e, o) {
   c.forEach((d, u) => {
     d.querySelectorAll("[data-attribute-type]").forEach((l) => {
       const p = l.getAttribute("data-attribute-type") || "";
-      l.querySelectorAll(".attribute-cell").forEach((f, h) => {
+      l.querySelectorAll(".attribute-cell").forEach((m, h) => {
         const S = u * s + h;
-        y(f, p, r, S, e, o), w(f, r, S, o);
+        _(m, p, r, S, e, o), w(m, r, S, o);
       });
     });
   });
@@ -132,10 +132,10 @@ function W(t, r, e, o) {
   });
 }
 function F(t, r, e) {
-  const o = t.getAttribute("data-layout") || "grid", c = t.getAttribute("currency-alignment") || "after";
-  o === "list" ? v(t, r, c, e) : W(t, r, c, e);
+  const o = t.getAttribute("data-layout") || "grid", c = t.getAttribute("currency-alignment"), i = c === "0" || c === "before" ? "before" : "after";
+  o === "list" ? v(t, r, i, e) : W(t, r, i, e);
 }
-function _(t, r, e) {
+function b(t, r, e) {
   const o = new RegExp(`${r}\\s*:\\s*(\\d+)\\s*px`, "i"), c = t.match(o);
   return c ? parseInt(c[1]) : e;
 }
@@ -143,7 +143,7 @@ function $(t) {
   const r = t.trim();
   return r.endsWith("%") ? parseFloat(r) < 100 : /^\d+(?:\.\d+)?(?:px)?$/.test(r) && parseInt(r) > 0;
 }
-function C(t) {
+function g(t) {
   const r = t.getAttribute("width");
   if (r && $(r))
     return r.trim();
@@ -153,28 +153,28 @@ function C(t) {
 function x(t, r) {
   let e = t.parentElement;
   for (; e && e !== r; ) {
-    if (e.tagName === "TD" && C(e))
+    if (e.tagName === "TD" && g(e))
       return e;
     e = e.parentElement;
   }
   return null;
 }
 function G(t) {
-  const r = t.getAttribute("style") || "", e = _(r, "width", 600), o = _(r, "padding", 0) * 2, c = Math.max(0, e - o);
+  const r = t.getAttribute("style") || "", e = b(r, "width", 600), o = b(r, "padding", 0) * 2, c = Math.max(0, e - o);
   c !== 0 && t.querySelectorAll("img.adapt-img").forEach((i) => {
     if (i.hasAttribute("width"))
       return;
     const n = x(i, t);
     if (!n)
       return;
-    const s = C(n), d = _(n.getAttribute("style") || "", "padding", 0) * 2, u = s.endsWith("%") ? Math.floor(c * parseFloat(s) / 100) : parseInt(s), a = Math.max(1, u - d), l = i.getAttribute("style") || "", p = /(?:^|[;\s])max-height\s*:\s*(\d+(?:\.\d+)?)px/i.exec(l);
+    const s = g(n), d = b(n.getAttribute("style") || "", "padding", 0) * 2, u = s.endsWith("%") ? Math.floor(c * parseFloat(s) / 100) : parseInt(s), a = Math.max(1, u - d), l = i.getAttribute("style") || "", p = /(?:^|[;\s])max-height\s*:\s*(\d+(?:\.\d+)?)px/i.exec(l);
     if (p) {
       i.setAttribute("width", String(Math.max(1, Math.min(a, Math.floor(parseFloat(p[1])))))), i.removeAttribute("height");
       return;
     }
     if (i.setAttribute("width", String(a)), !/\bwidth\s*:\s*\d/i.test(l)) {
-      const m = l && !l.trim().endsWith(";") ? "; " : "";
-      i.setAttribute("style", `${l}${m}width: ${a}px`);
+      const f = l && !l.trim().endsWith(";") ? "; " : "";
+      i.setAttribute("style", `${l}${f}width: ${a}px`);
     }
   });
 }
@@ -200,15 +200,15 @@ function Q(t) {
     return t;
   const { buildCampaignUrl: c } = O(), i = N();
   i.recommendationCampaignUrls = {};
-  const { isFeatureEnabled: n } = g(), s = n("liquidSyntax") ? "reco_" : "";
+  const { isFeatureEnabled: n } = C(), s = n("liquidSyntax") ? "reco_" : "";
   return o.forEach((u) => {
-    var l, p, m, f;
+    var l, p, f, m;
     const a = u.getAttribute("recommendation-id");
     if (a) {
       if ((l = u.parentNode) == null || l.insertBefore(e.createComment("REC_START"), u), (p = u.parentNode) == null || p.insertBefore(e.createComment("REC_END"), u.nextSibling), u.querySelectorAll('[data-visibility="0"]').forEach((h) => h.remove()), c(a), U(u, e), !T(u)) {
         F(u, a, s);
         const { open: h, close: S } = R(e, a, s);
-        (m = u.parentNode) == null || m.insertBefore(h, u), (f = u.parentNode) == null || f.insertBefore(S, u.nextSibling);
+        (f = u.parentNode) == null || f.insertBefore(h, u), (m = u.parentNode) == null || m.insertBefore(S, u.nextSibling);
       }
       G(u);
     }

package/dist/config/migrator/index.js

@@ -1,18 +1,19 @@
-import { migrateCheckbox as i } from "./checkboxMigrator.js";
-import { migrateCouponBlock as e } from "./couponBlockMigrator.js";
-import { migrateFullStoryScripts as a } from "./fullStoryScriptMigrator.js";
-import { migrateItemsBlock as n } from "./itemsBlockMigrator.js";
-import { migrateProductNameLink as c } from "./productNameLinkMigrator.js";
-import { migrateRadioButton as g } from "./radioButtonMigrator.js";
-import { migrateRecommendation as p } from "./recommendationMigrator.js";
-import { migrateRecommendationPartnerScope as f } from "./recommendationPartnerMigrator.js";
-import { migrateRecommendationTitle as l } from "./recommendationTitleMigrator.js";
-import { migrateSocialIcons as s } from "./socialIconMigrator.js";
-import { migrateUnsubscribe as d } from "./unsubscribeMigrator.js";
-const h = async (o, t = {}, r) => {
-  let m = o;
-  return m = i(m), m = g(m), m = await d(m), m = e(m), m = p(m, t), r && (m = f(m, r)), m = l(m), m = n(m), m = c(m), m = s(m), m = a(m), m;
+import { migrateCheckbox as e } from "./checkboxMigrator.js";
+import { migrateCouponBlock as a } from "./couponBlockMigrator.js";
+import { migrateFullStoryScripts as c } from "./fullStoryScriptMigrator.js";
+import { migrateItemsBlock as g } from "./itemsBlockMigrator.js";
+import { migrateItemsPriceFormat as n } from "./itemsPriceFormatMigrator.js";
+import { migrateProductNameLink as p } from "./productNameLinkMigrator.js";
+import { migrateRadioButton as f } from "./radioButtonMigrator.js";
+import { migrateRecommendation as l } from "./recommendationMigrator.js";
+import { migrateRecommendationPartnerScope as d } from "./recommendationPartnerMigrator.js";
+import { migrateRecommendationTitle as s } from "./recommendationTitleMigrator.js";
+import { migrateSocialIcons as k } from "./socialIconMigrator.js";
+import { migrateUnsubscribe as P } from "./unsubscribeMigrator.js";
+const H = async (t, i = {}, r, o) => {
+  let m = t;
+  return m = e(m), m = f(m), m = await P(m), m = a(m), m = l(m, i), r && (m = d(m, r)), m = s(m), m = g(m), o != null && o.itemsPriceFormatting && (m = n(m)), m = p(m), m = k(m), m = c(m), m;
 };
 export {
-  h as migrate
+  H as migrate
 };