@useinsider/guido 3.5.2-beta.c2f8a2e → 3.6.0

package/dist/composables/useRecommendation.js

@@ -5,16 +5,16 @@ import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommend
 import { useConfigStore as x } from "../stores/config.js";
 const w = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: s,
-    mobileRightPadding: a,
-    cardsInRow: c,
+    mobileLeftPadding: o,
+    mobileRightPadding: s,
+    cardsInRow: a,
     unresponsive: n
   }) => {
-    const r = n ? c : 1, e = s + a + (r - 1) * b;
+    const r = n ? a : 1, e = o + s + (r - 1) * b;
     return (R - e) / r;
   },
-  getRecommendationCampaignData: (s) => {
-    const a = m(), c = Number(s), n = a.blockStates[c];
+  getRecommendationCampaignData: (o) => {
+    const s = m(), a = Number(o), n = s.blockStates[a];
     if (!n)
       return {
         textTrimming: !1,
@@ -42,37 +42,33 @@ const w = () => ({
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (s, a) => {
+  buildCampaignUrl: (o, s) => {
     var l;
-    const c = m(), n = x(), r = Number(s);
+    const a = m(), n = x(), r = Number(o);
     let e;
-    if (a)
-      e = a;
+    if (s)
+      e = s;
     else {
-      const i = c.blockStates[r];
-      if (!i)
+      const c = a.blockStates[r];
+      if (!c)
         return "";
-      const { recommendationConfigs: o } = i;
+      const { recommendationConfigs: i } = c;
       e = {
-        strategy: o.strategy,
-        language: o.language,
-        currencyCode: o.currencySettings.value,
-        size: o.size,
-        productIds: o.productIds,
-        filters: o.filters,
-        shuffleProducts: o.shuffleProducts
+        strategy: i.strategy,
+        language: i.language,
+        currencyCode: i.currencySettings.value,
+        size: i.size,
+        productIds: i.productIds,
+        filters: i.filters,
+        shuffleProducts: i.shuffleProducts
       };
     }
-    const f = ((l = I().find((i) => i.key === e.strategy)) == null ? void 0 : l.path) || "", t = new URLSearchParams();
-    if (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") {
-      const i = parseInt(e.size) || 6;
-      t.set("productId", e.productIds.slice(0, i).join(","));
-    } else 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);
+    const f = ((l = I().find((c) => c.key === e.strategy)) == null ? void 0 : l.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", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    const g = e.filters.filter((c) => c.isValid), d = h(g);
     d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true");
     const p = decodeURIComponent(t.toString()), u = `${C.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
-    return c.recommendationCampaignUrls[s] = u, u;
+    return a.recommendationCampaignUrls[o] = u, u;
   }
 });
 export {

package/dist/composables/useStripo.js

@@ -9,12 +9,12 @@ import { localePatch as H } from "../config/i18n/index.js";
 import { useStripoApi as O } from "../services/stripoApi.js";
 import j from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as E } from "../stores/editor.js";
-import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
-import $ from "../package.json.js";
+import { dynamicContentToMergeTags as z } from "../utils/genericUtil.js";
+import L from "../package.json.js";
 const se = (C, l) => {
-  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = O(), { handleEvent: B } = q(), { getStripoBlocksConfig: T } = I(), V = async (i, r = [], s = !1) => {
+  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = O(), { handleEvent: F } = q(), { getStripoBlocksConfig: B } = I(), T = async (i, r = [], s = !1) => {
     var g, S, y;
-    const e = E(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await T(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, F = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
+    const e = E(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await B(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, _ = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -35,7 +35,7 @@ const se = (C, l) => {
         conditionsEnabled: f,
         customConditionsEnabled: f,
         enableXSSSecurity: !0,
-        modulesDisabled: F,
+        modulesDisabled: _,
         syncModulesEnabled: s,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -43,6 +43,7 @@ const se = (C, l) => {
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
+        sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
         ...o ? { baseBlocks: o } : {},
         editorFonts: {
@@ -52,7 +53,7 @@ const se = (C, l) => {
         },
         mergeTags: [
           {
-            entries: L(
+            entries: z(
               l.preselectedDynamicContentList,
               u("liquidSyntax")
             )
@@ -88,7 +89,7 @@ const se = (C, l) => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: B,
+        onEvent: F,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
@@ -98,13 +99,13 @@ const se = (C, l) => {
         localePatch: H
       }
     );
-  }, _ = (i) => new Promise((r, s) => {
+  }, V = (i) => new Promise((r, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i(), r();
       return;
     }
-    const e = $.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    const e = L.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
       i(), r();
     }, o.onerror = () => {
@@ -112,12 +113,12 @@ const se = (C, l) => {
     }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
-    await _(async () => {
+    await V(async () => {
       const r = E(), [s, e] = await Promise.all([
         b(),
         k()
       ]);
-      r.syncModulesEnabled = e, await V(i, s, e);
+      r.syncModulesEnabled = e, await T(i, s, e);
     });
   } };
 };

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -453,7 +453,7 @@ const N = () => ({
         details: !0,
         campaignId: o.variationId
       };
-      r.strategy === "manualMerchandising" ? a.productId = r.productIds.slice(0, s).join(",") : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0);
+      r.strategy === "manualMerchandising" ? a.productId = r.productIds.join(",") : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0);
       let f;
       try {
         f = await h.fetchRecommendationProducts(i, a);

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.64.0" } }, s = {
+const o = { stripo: { version: "2.65.0" } }, s = {
   guido: o
 };
 export {

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.5.2-beta.c2f8a2e",
+  "version": "3.6.0",
   "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",
@@ -92,7 +92,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.64.0"
+      "version": "2.65.0"
     }
   }
 }