@useinsider/guido 3.15.0-beta.f7e8414 → 3.15.0-beta.fcabbea

package/dist/composables/useRecommendation.js

@@ -3,20 +3,21 @@ import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommenda
 import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as y } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
-import { useConfigStore as x } from "../stores/config.js";
-const k = () => ({
+import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
+import { useConfigStore as P } from "../stores/config.js";
+const B = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: a,
     mobileRightPadding: s,
     cardsInRow: c,
-    unresponsive: o
+    unresponsive: n
   }) => {
-    const r = o ? c : 1, e = a + s + (r - 1) * b;
+    const r = n ? c : 1, e = a + s + (r - 1) * b;
     return (C - e) / r;
   },
   getRecommendationCampaignData: (a) => {
-    const s = l(), c = Number(a), o = s.blockStates[c];
-    if (!o)
+    const s = l(), c = Number(a), n = s.blockStates[c];
+    if (!n)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -29,7 +30,7 @@ const k = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = o, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
       textTrimming: r.textTrimming,
       orientation: e,
@@ -45,7 +46,7 @@ const k = () => ({
   },
   buildCampaignUrl: (a, s) => {
     var m;
-    const c = l(), o = x(), r = Number(a);
+    const c = l(), n = P(), r = Number(a);
     let e;
     if (s)
       e = s;
@@ -53,25 +54,25 @@ const k = () => ({
       const i = c.blockStates[r];
       if (!i)
         return "";
-      const { recommendationConfigs: n } = i;
+      const { recommendationConfigs: o } = i;
       e = {
-        strategy: n.strategy,
-        language: n.language,
-        currencyCode: n.currencySettings.value,
-        size: n.size,
-        productIds: n.productIds,
-        filters: n.filters,
-        shuffleProducts: n.shuffleProducts
+        strategy: o.strategy,
+        language: o.language,
+        currencyCode: o.currencySettings.value,
+        size: o.size,
+        productIds: o.productIds,
+        filters: o.filters,
+        shuffleProducts: o.shuffleProducts
       };
     }
     const f = ((m = I().find((i) => i.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const g = e.filters.filter((i) => i.isValid), d = h(g);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(o.partnerName, e.strategy)).forEach(([i, n]) => t.set(i, n));
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(n.partnerName, e.strategy)).forEach(([i, o]) => t.set(i, o));
     const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
     return c.recommendationCampaignUrls[a] = u, u;
   }
 });
 export {
-  k as useRecommendation
+  B as useRecommendation
 };

package/dist/composables/useTimerClone.js

@@ -1,11 +1,11 @@
 import { useActionsApi as f } from "./useActionsApi.js";
-import { useHttp as w } from "./useHttp.js";
-import { useToaster as H } from "./useToaster.js";
-import { useStripoApi as y } from "../services/stripoApi.js";
-const O = () => {
-  const { handleError: c } = H(), { getToken: u } = y(), { post: d } = w(), { updateHtmlAndCss: l } = f(), s = (t) => /esd-timer-id="(\d+)"/.test(t), i = async (t, e) => {
+import { useHttp as H } from "./useHttp.js";
+import { useToaster as h } from "./useToaster.js";
+import { useStripoApi as k } from "../services/stripoApi.js";
+const S = () => {
+  const { handleError: c } = h(), { getToken: l } = k(), { post: p } = H(), { updateHtmlAndCss: u } = f(), s = (t) => /esd-timer-id="(\d+)"/.test(t), i = async (t, e) => {
     try {
-      return (await d(
+      return (await p(
         "https://plugins.stripo.email/api/v1/timers/clone",
         { html: t },
         {
@@ -25,29 +25,31 @@ const O = () => {
     cloneTimersOnSave: async (t) => {
       if (!s(t))
         return t;
-      const e = await u();
+      const e = await l();
       return e && await i(t, e) || t;
     },
     updateTimersOnLoad: async (t) => {
-      var e, r, o, m;
+      var e, r, n, d;
       try {
-        const n = (r = (e = window.UIEditor) == null ? void 0 : e.getHtml) == null ? void 0 : r.call(e);
-        if (!n || !s(n))
+        const o = (r = (e = window.UIEditor) == null ? void 0 : e.getHtml) == null ? void 0 : r.call(e);
+        if (!o || !s(o))
           return;
-        const p = await t();
-        if (!p)
+        const m = await t();
+        if (!m)
           return;
-        const a = await i(n, p);
-        if (!a || a === n)
+        const a = await i(o, m);
+        if (!a || a === o)
           return;
-        const T = ((m = (o = window.UIEditor) == null ? void 0 : o.getCss) == null ? void 0 : m.call(o)) || "";
-        l(a, T);
-      } catch (n) {
-        c(n, "Failed to update timer blocks");
+        const T = ((d = (n = window.UIEditor) == null ? void 0 : n.getCss) == null ? void 0 : d.call(n)) || "";
+        u(a, T).catch((w) => {
+          console.warn("Editor did not acknowledge the timer-block update.", w);
+        });
+      } catch (o) {
+        c(o, "Failed to update timer blocks");
       }
     }
   };
 };
 export {
-  O as useTimerClone
+  S as useTimerClone
 };

package/dist/extensions/Blocks/Items/block.js

@@ -1,12 +1,12 @@
-import { BlockId as f } from "../../../enums/block.js";
-import { useOnboardingStore as g } from "../../../stores/onboarding.js";
-import { getMigrationBannerHtml as y } from "../../../utils/migrationBannerHtml.js";
-import { Block as I, BlockCompositionType as C, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { SETTINGS_ENUMS as d, DefaultConfigValues as m } from "./enums/settingsEnums.js";
-import { getDefaultTemplate as b } from "./template.js";
-import { getItemsBlockContainer as l, getItemsBlockConfig as u, deriveItemNumber as h, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
-const p = f.Items;
-class O extends I {
+import { BlockId as g } from "../../../enums/block.js";
+import { useOnboardingStore as y } from "../../../stores/onboarding.js";
+import { getMigrationBannerHtml as I } from "../../../utils/migrationBannerHtml.js";
+import { Block as C, BlockCompositionType as b, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { SETTINGS_ENUMS as l, DefaultConfigValues as d } from "./enums/settingsEnums.js";
+import { getDefaultTemplate as h } from "./template.js";
+import { getItemsBlockContainer as u, getItemsBlockConfig as f, deriveItemNumber as D, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
+const p = g.Items;
+class E extends C {
   getId() {
     return p;
   }
@@ -14,7 +14,7 @@ class O extends I {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return C.CONTAINER;
+    return b.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,20 +23,20 @@ class O extends I {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return y(
+    return I(
       p,
       this.api.translate("Items"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.")
     );
   }
   getTemplate() {
-    return b({
-      orientation: d.ORIENTATION.VERTICAL,
-      itemsType: d.ITEMS_TYPE.CART_ITEMS,
+    return h({
+      orientation: l.ORIENTATION.VERTICAL,
+      itemsType: l.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: m.productPriceCurrencySymbolControlValue,
-      currencyLocation: m.productPriceCurrencyLocationControlValue,
-      formattedPrice: m.productPriceFormattedControlValue === "1"
+      currencySymbol: d.productPriceCurrencySymbolControlValue,
+      currencyLocation: d.productPriceCurrencyLocationControlValue,
+      formattedPrice: d.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
@@ -45,23 +45,23 @@ class O extends I {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(e) {
-    const t = this.api.getDocumentModifier(), o = this.api.getDocumentRootCssNode();
-    o.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(o).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const i = l(e);
-    if (!i)
+  onCreated(n) {
+    const t = this.api.getDocumentModifier(), a = this.api.getDocumentRootCssNode();
+    a.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(a).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const e = u(n);
+    if (!e)
       return;
-    const r = i.getNodeConfig(), s = r && Object.keys(r).length > 0, n = u(e);
-    if (n != null && n.initialized)
-      if (s)
-        n.blockInstanceId || this.api.getDocumentModifier().modifyHtml(i).setNodeConfig({ ...n, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
+    const o = e.getNodeConfig(), r = o && Object.keys(o).length > 0, i = f(n);
+    if (i != null && i.initialized)
+      if (r)
+        i.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...i, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
       else {
-        const a = this.api.getDocumentModifier();
-        a.modifyHtml(i).setNodeConfig(n), this._stampProductTdDomAttributes(i, n, a), a.apply(new c("Migrate legacy config to nodeConfig"));
+        const s = this.api.getDocumentModifier();
+        s.modifyHtml(e).setNodeConfig(i), this._stampProductTdDomAttributes(e, i, s), s.apply(new c("Migrate legacy config to nodeConfig"));
       }
     else {
-      const a = N();
-      this.api.getDocumentModifier().modifyHtml(i).setNodeConfig(a).apply(new c("Initialize Items block with default configuration")), g().startOnboarding("itemsOnboarding");
+      const s = N(), m = this.api.getDocumentModifier();
+      m.modifyHtml(e).setNodeConfig(s), this._stampProductTdDomAttributes(e, s, m, !0), m.apply(new c("Initialize Items block with default configuration")), y().startOnboarding("itemsOnboarding");
     }
   }
   /**
@@ -70,18 +70,18 @@ class O extends I {
    * into nodeConfig, so without this a reused module would reset to defaults.
    * Guarded to the nodeConfig-empty case so it runs once and never loops.
    */
-  onDocumentChanged(e) {
-    const t = l(e);
+  onDocumentChanged(n) {
+    const t = u(n);
     if (!t)
       return;
-    const o = t.getNodeConfig();
-    if (o && Object.keys(o).length > 0)
+    const a = t.getNodeConfig();
+    if (a && Object.keys(a).length > 0)
       return;
-    const r = u(e);
-    if (!(r != null && r.initialized))
+    const o = f(n);
+    if (!(o != null && o.initialized))
       return;
-    const s = this.api.getDocumentModifier();
-    s.modifyHtml(t).setNodeConfig(r), this._stampProductTdDomAttributes(t, r, s), s.apply(new c("Recover Items block config from saved module"));
+    const r = this.api.getDocumentModifier();
+    r.modifyHtml(t).setNodeConfig(o), this._stampProductTdDomAttributes(t, o, r), r.apply(new c("Recover Items block config from saved module"));
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -91,12 +91,14 @@ class O extends I {
    * restored before export. The name `<a>` carries no data-type/data-number of its own and
    * relies on this td-level fallback in pairProductVariables.
    */
-  _stampProductTdDomAttributes(e, t, o) {
-    const i = h(t.itemsSelectValue, t.type);
-    o.modifyHtml(e).setAttribute("data-type", t.type), o.modifyHtml(e).setAttribute("data-number", i), o.modifyHtml(e).setAttribute("data-nodup", String(t.priceHideDiscount));
+  _stampProductTdDomAttributes(n, t, a, e = !1) {
+    const o = D(t.itemsSelectValue, t.type), r = (i, s) => {
+      e && n.getAttribute(i) || a.modifyHtml(n).setAttribute(i, s);
+    };
+    r("data-type", t.type), r("data-number", o), r("data-nodup", String(t.priceHideDiscount));
   }
 }
 export {
   p as BLOCK_ID,
-  O as ItemsBlock
+  E as ItemsBlock
 };