@useinsider/guido 3.18.2-beta.fc246a7 → 3.18.2-beta.fc87f65

package/dist/composables/useRecommendation.js

@@ -1,23 +1,23 @@
 import { getRecommendationFeedSourceMaps as y, URLS as I } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as C, DefaultPadding as R } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as g } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as h } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
 import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
 import { useConfigStore as P } from "../stores/config.js";
 const B = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: i,
+    mobileLeftPadding: s,
     mobileRightPadding: c,
-    cardsInRow: s,
-    unresponsive: n
+    cardsInRow: o,
+    unresponsive: a
   }) => {
-    const o = n ? s : 1, e = i + c + (o - 1) * R;
-    return (C - e) / o;
+    const i = a ? o : 1, e = s + c + (i - 1) * R;
+    return (C - e) / i;
   },
-  getRecommendationCampaignData: (i) => {
-    const c = l(), s = Number(i), n = c.blockStates[s];
-    if (!n)
+  getRecommendationCampaignData: (s) => {
+    const c = g(), o = Number(s), a = c.blockStates[o];
+    if (!a)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -30,54 +30,59 @@ const B = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: o } = n, e = o.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: i } = a, e = i.orientation === "grid" ? "vertical" : "horizontal";
     return {
-      textTrimming: o.textTrimming,
+      textTrimming: i.textTrimming,
       orientation: e,
       mobileLeftPadding: 0,
       mobileRightPadding: 0,
-      cardsInRow: o.cardsInRow,
-      unresponsive: o.unresponsive,
+      cardsInRow: i.cardsInRow,
+      unresponsive: i.unresponsive,
       priceBeforeTextValue: "",
       priceAfterTextValue: "",
       discountBeforeTextValue: "",
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (i, c) => {
-    var m;
-    const s = l(), n = P(), o = Number(i);
+  buildCampaignUrl: (s, c) => {
+    var l;
+    const o = g(), a = P(), i = Number(s);
     let e;
     if (c)
       e = c;
     else {
-      const a = s.blockStates[o];
-      if (!a)
+      const r = o.blockStates[i];
+      if (!r)
         return "";
-      const { recommendationConfigs: r } = a;
+      const { recommendationConfigs: n } = r;
       e = {
-        strategy: r.strategy,
-        strategyId: r.strategyId,
-        language: r.language,
-        currencyCode: r.currencySettings.value,
-        size: r.size,
-        productIds: r.productIds,
-        filters: r.filters,
-        shuffleProducts: r.shuffleProducts
+        strategy: n.strategy,
+        strategyId: n.strategyId,
+        language: n.language,
+        currencyCode: n.currencySettings.value,
+        size: n.size,
+        productIds: n.productIds,
+        filters: n.filters,
+        shuffleProducts: n.shuffleProducts
       };
     }
-    if (e.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy"))
-      return s.recommendationCampaignUrls[i] = {
+    if (e.strategyId && a.isFeatureEnabled("reusableRecommendationStrategy"))
+      return o.recommendationCampaignUrls[s] = {
         strategyId: e.strategyId,
         locale: e.language,
         currency: e.currencyCode
       }, "";
-    const g = ((m = y().find((a) => a.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
-    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 f = e.filters.filter((a) => a.isValid), d = b(f);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(n.partnerName, e.strategy)).forEach(([a, r]) => t.set(a, r));
-    const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${g}?${p}`;
-    return s.recommendationCampaignUrls[i] = u, u;
+    const d = ((l = y().find((r) => r.key === e.strategy)) == null ? void 0 : l.path) || "";
+    if (!d) {
+      const r = { ...o.recommendationCampaignUrls };
+      return delete r[s], o.recommendationCampaignUrls = r, "";
+    }
+    const t = new URLSearchParams();
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", a.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", a.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 f = e.filters.filter((r) => r.isValid), m = b(f);
+    m && t.set("filter", m), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(a.partnerName, e.strategy)).forEach(([r, n]) => t.set(r, n));
+    const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${d}?${p}`;
+    return o.recommendationCampaignUrls[s] = u, u;
   }
 });
 export {

package/dist/composables/useStripo.js

@@ -1,23 +1,23 @@
-import { useActionsApi as L } from "./useActionsApi.js";
-import { useBlocksConfig as O } from "./useBlocksConfig.js";
-import { useConfig as q } from "./useConfig.js";
-import { useCustomInterfaceAppearance as H } from "./useCustomInterfaceAppearance.js";
+import { useActionsApi as O } from "./useActionsApi.js";
+import { useBlocksConfig as q } from "./useBlocksConfig.js";
+import { useConfig as H } from "./useConfig.js";
+import { useCustomInterfaceAppearance as w } from "./useCustomInterfaceAppearance.js";
 import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
 import { useModuleRepair as j } from "./useModuleRepair.js";
 import { useStripoEventHandler as z } from "./useStripoEventHandler.js";
 import { useStripoNotifications as $ } from "./useStripoNotifications.js";
 import { useToaster as G } from "./useToaster.js";
 import { localePatch as J } from "../config/i18n/index.js";
-import { en as w } from "../config/i18n/en/index.js";
+import { en as b } from "../config/i18n/en/index.js";
 import { ToasterTypeOptions as X } from "../enums/toaster.js";
 import { useStripoApi as K } from "../services/stripoApi.js";
 import Q from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as b } from "../stores/editor.js";
+import { useEditorStore as k } 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: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+const he = () => {
+  const { features: c, template: u, isFeatureEnabled: m } = H(), { handleError: p, showToaster: B } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = q(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((i, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i();
@@ -29,16 +29,16 @@ const Ce = () => {
     }, document.body.appendChild(e);
   }), n.catch(() => {
     n = null;
-  }), n), _ = async (i, s, o, a = [], r = !1) => {
+  }), n), D = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const e = b(), { html: d, 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 = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1);
-    await window.UIEditor.initEditor(
+    const e = k(), { html: d, css: R } = i, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), x = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    w().importCss(), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
         html: d,
-        css: D,
-        forceRecreate: U,
+        css: R,
+        forceRecreate: I,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -52,7 +52,7 @@ const Ce = () => {
         conditionsEnabled: S,
         customConditionsEnabled: S,
         enableXSSSecurity: !0,
-        modulesDisabled: P,
+        modulesDisabled: U,
         syncModulesEnabled: r,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -62,7 +62,7 @@ const Ce = () => {
         displayUTM: !1,
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
-        allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
+        allowedScriptSourceDomains: x,
         ...g ? { baseBlocks: g } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
@@ -80,7 +80,7 @@ const Ce = () => {
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const l = await B();
+            const l = await M();
             t(l);
           } catch (l) {
             p(l, "Failed to refresh token");
@@ -88,8 +88,8 @@ const Ce = () => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            t(), l(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { activateCustomViewStyles: t, updateTimerInClonedTemplate: l } = O(), { injectFullStory: L } = N();
+            w().importCss(), t(), L(), l(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -108,34 +108,34 @@ const Ce = () => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: v,
-        onModuleAdd: F,
-        notifications: V(),
+        onEvent: F,
+        onModuleAdd: A,
+        notifications: _(),
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: R,
+        extensions: P,
         localePatch: J
       }
     );
   };
   return { initPlugin: async (i, s, o) => {
-    const a = b();
+    const a = k();
     try {
       await f();
       const [r, e] = await Promise.all([
-        M(),
-        T()
+        T(),
+        v()
       ]);
-      a.syncModulesEnabled = e, await _(i, s, o, r, e);
+      a.syncModulesEnabled = e, await D(i, s, o, r, e);
     } catch {
-      a.loadingStatus = !1, k({
+      a.loadingStatus = !1, B({
         type: X.Error,
-        message: w["An error has occurred. Please report the error code to support."],
+        message: b["An error has occurred. Please report the error code to support."],
         actionButton: {
-          text: w["Reload page"],
+          text: b["Reload page"],
           onClick: () => window.location.reload()
         }
       });
@@ -146,5 +146,5 @@ const Ce = () => {
   } };
 };
 export {
-  Ce as useStripo
+  he as useStripo
 };