@useinsider/guido 3.15.0-beta.0b5dc39 → 3.15.0-beta.0cbd17f

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/useStripo.js

@@ -16,22 +16,22 @@ import { useEditorStore as b } from "../stores/editor.js";
 import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../utils/genericUtil.js";
 import Z from "../package.json.js";
 let n = null;
-const Ce = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: B } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+const Ct = () => {
+  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: T, getCustomFonts: v, getSyncModulesStatus: B } = K(), { handleEvent: F } = z(), { handleModuleAdd: M } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
     var l;
     if (document.getElementById("UiEditorScript")) {
       i();
       return;
     }
-    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = r, e.onload = () => i(), e.onerror = () => {
-      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
-    }, document.body.appendChild(e);
+    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, t = document.createElement("script");
+    t.id = "UiEditorScript", t.type = "module", t.src = r, t.onload = () => i(), t.onerror = () => {
+      t.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
+    }, document.body.appendChild(t);
   }), n.catch(() => {
     n = null;
   }), n), _ = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const e = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
+    const t = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
     await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -57,7 +57,6 @@ const Ce = () => {
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
-        keepModuleStylesEnabled: !0,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
@@ -78,38 +77,38 @@ const Ce = () => {
             )
           }
         ],
-        async onTokenRefreshRequest(t) {
+        async onTokenRefreshRequest(e) {
           try {
-            const d = await M();
-            t(d);
+            const d = await T();
+            e(d);
           } catch (d) {
             p(d, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            t(), d(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
-              e.hasChanges = !1;
+            const { importCss: e } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
+            e(), d(), x(), I(), o.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
+              t.hasChanges = !1;
             }, 1e3);
-          } catch (t) {
-            p(t, "Failed to load custom interface appearance");
+          } catch (e) {
+            p(e, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(t) {
-          e.isCodeEditorOpen = t;
+        onCodeEditorVisibilityChanged(e) {
+          t.isCodeEditorOpen = e;
         },
-        onEditorVisualModeChanged(t) {
-          e.editorVisualMode = t.toLowerCase();
+        onEditorVisualModeChanged(e) {
+          t.editorVisualMode = e.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(t) {
-          e.isVersionHistoryOpen = t;
+        onVersionHistoryVisibilityChanged(e) {
+          t.isVersionHistoryOpen = e;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          t.hasChanges = !0;
         },
-        onEvent: B,
-        onModuleAdd: F,
+        onEvent: F,
+        onModuleAdd: M,
         notifications: V(),
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
@@ -125,11 +124,11 @@ const Ce = () => {
     const a = b();
     try {
       await f();
-      const [r, e] = await Promise.all([
-        T(),
-        v()
+      const [r, t] = await Promise.all([
+        v(),
+        B()
       ]);
-      a.syncModulesEnabled = e, await _(i, s, o, r, e);
+      a.syncModulesEnabled = t, await _(i, s, o, r, t);
     } catch {
       a.loadingStatus = !1, k({
         type: X.Error,
@@ -146,5 +145,5 @@ const Ce = () => {
   } };
 };
 export {
-  Ce as useStripo
+  Ct as useStripo
 };

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