@useinsider/guido 3.6.0-beta.859e737 → 3.6.0-beta.f584946

package/dist/composables/useRecommendation.js

@@ -1,21 +1,22 @@
-import { getRecommendationFeedSourceMaps as I, URLS as C } from "../enums/extensions/recommendationBlock.js";
-import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as m } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { getRecommendationFeedSourceMaps as I, URLS as R } from "../enums/extensions/recommendationBlock.js";
+import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommendation.js";
+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 w = () => ({
+const k = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: o,
+    mobileLeftPadding: a,
     mobileRightPadding: s,
-    cardsInRow: a,
-    unresponsive: n
+    cardsInRow: c,
+    unresponsive: o
   }) => {
-    const r = n ? a : 1, e = o + s + (r - 1) * b;
-    return (R - e) / r;
+    const r = o ? c : 1, e = a + s + (r - 1) * b;
+    return (C - e) / r;
   },
-  getRecommendationCampaignData: (o) => {
-    const s = m(), a = Number(o), n = s.blockStates[a];
-    if (!n)
+  getRecommendationCampaignData: (a) => {
+    const s = l(), c = Number(a), o = s.blockStates[c];
+    if (!o)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -28,7 +29,7 @@ const w = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = o, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
       textTrimming: r.textTrimming,
       orientation: e,
@@ -42,35 +43,35 @@ const w = () => ({
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (o, s) => {
-    var l;
-    const a = m(), n = x(), r = Number(o);
+  buildCampaignUrl: (a, s) => {
+    var m;
+    const c = l(), o = x(), r = Number(a);
     let e;
     if (s)
       e = s;
     else {
-      const c = a.blockStates[r];
-      if (!c)
+      const i = c.blockStates[r];
+      if (!i)
         return "";
-      const { recommendationConfigs: i } = c;
+      const { recommendationConfigs: n } = i;
       e = {
-        strategy: i.strategy,
-        language: i.language,
-        currencyCode: i.currencySettings.value,
-        size: i.size,
-        productIds: i.productIds,
-        filters: i.filters,
-        shuffleProducts: i.shuffleProducts
+        strategy: n.strategy,
+        language: n.language,
+        currencyCode: n.currencySettings.value,
+        size: n.size,
+        productIds: n.productIds,
+        filters: n.filters,
+        shuffleProducts: n.shuffleProducts
       };
     }
-    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 a.recommendationCampaignUrls[o] = u, u;
+    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}");
+    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));
+    const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
+    return c.recommendationCampaignUrls[a] = u, u;
   }
 });
 export {
-  w as useRecommendation
+  k as useRecommendation
 };

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

@@ -6,8 +6,9 @@ import { DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as D } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
 import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
-import { isFilterValid as v } from "../validation/filterSchema.js";
-import { isConfigValid as w } from "../validation/requiredFields.js";
+import { getPartnerRecommendationParams as v } from "../utils/partnerCustomizations.js";
+import { isFilterValid as w } from "../validation/filterSchema.js";
+import { isConfigValid as N } from "../validation/requiredFields.js";
 const h = y();
 let m = null, u = null, d = null;
 function I() {
@@ -49,7 +50,7 @@ function k() {
     filterSnapshot: null
   };
 }
-const N = () => ({
+const x = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -58,8 +59,8 @@ const N = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), M = P("guidoRecommendationExtension", {
-  state: () => N(),
+}), T = P("guidoRecommendationExtension", {
+  state: () => x(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -378,7 +379,7 @@ const N = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: v(t)
+          isValid: w(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -424,7 +425,7 @@ const N = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !w(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !N(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -453,7 +454,10 @@ const N = () => ({
         details: !0,
         campaignId: o.variationId
       };
-      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);
+      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), Object.assign(
+        a,
+        v(o.partnerName, r.strategy)
+      );
       let f;
       try {
         f = await h.fetchRecommendationProducts(i, a);
@@ -471,5 +475,5 @@ const N = () => ({
   }
 });
 export {
-  M as useRecommendationExtensionStore
+  T as useRecommendationExtensionStore
 };

package/dist/extensions/Blocks/Recommendation/utils/partnerCustomizations.js

@@ -0,0 +1,21 @@
+const i = [
+  "ozonebg",
+  "ozonehr",
+  "ozonero",
+  "ozoneinfo",
+  "babybg",
+  "ozongr",
+  "iboodat",
+  "iboodbe",
+  "iboodde",
+  "iboodfr",
+  "iboodnl",
+  "iboodpl"
+], r = ["interencheres", "interencherespreprod"], d = ["lodenfrey", "lodenfreyuat"], c = "manualMerchandising";
+function s(e, n) {
+  const o = {};
+  return i.includes(e) && (o.excludePurchaseDay = "30", o.userId = "{user_id}"), r.includes(e) && (o.hp = "1"), d.includes(e) && n === c && (o.includeOutOfStockItems = "true"), o;
+}
+export {
+  s as getPartnerRecommendationParams
+};

package/dist/src/extensions/Blocks/Recommendation/utils/partnerCustomizations.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns the extra recommendation feed query params for an account, if any.
+ * Accounts without customizations get an empty object.
+ * @param partnerName Account subdomain (`config.partner.name`)
+ * @param strategy    Recommendation strategy key of the block
+ */
+export declare function getPartnerRecommendationParams(partnerName: string, strategy: string): Record<string, string>;

package/dist/src/utils/templatePreparation.d.ts

@@ -1,20 +1,4 @@
 import type { SavedTemplateDetails } from '@@/Types/stripo';
-/**
- * Collects every unsubscribe page id referenced by the unsubscribe blocks
- * present in the email HTML, deduped.
- *
- * The email's unsubscribe link is variation-scoped on the backend, which
- * resolves the page to render from the page ids the FE persists for that
- * variation. Those ids must reflect the blocks actually in the email — not a
- * UI-only selection store — otherwise a block that entered the editor by any
- * path other than the page-selection UI (e.g. a dropped saved module) sends an
- * empty association and the backend falls back to the default page.
- *
- * Read from raw editor HTML: the `data-unsubscribe-page-list` attribute lives
- * on the block node there (the save-time sync-module extractor relies on the
- * same source), so it is reliably present regardless of how the block was added.
- */
-export declare function getHtmlReferencedUnsubscribePages(html: string): number[];
 export declare const useTemplatePreparation: () => {
     prepareTemplateDetails: () => Promise<Omit<SavedTemplateDetails, "metadata">>;
 };

package/dist/utils/templatePreparation.js

@@ -1,58 +1,58 @@
-import { useActionsApi as T } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as D } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as l, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useActionsApi as C } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as T } from "../composables/useHtmlCompiler.js";
+import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as s } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
 import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { DATA_ATTRIBUTES as h } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as P } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as w } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as E } from "../stores/unsubscribe.js";
-function U(c) {
-  const n = new DOMParser().parseFromString(c, "text/html").querySelectorAll(`[${h.PAGE_LIST}]`), t = [];
-  return n.forEach((s) => {
-    const r = s.getAttribute(h.PAGE_LIST);
-    r && t.push(...P(r));
-  }), [...new Set(t)];
+import { DATA_ATTRIBUTES as S } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { parsePageList as D } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as P } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as w } from "../stores/unsubscribe.js";
+function E(i, o) {
+  const t = new DOMParser().parseFromString(i, "text/html").querySelectorAll(`[${S.PAGE_LIST}]`), c = [];
+  return t.forEach((r) => {
+    const a = r.getAttribute(S.PAGE_LIST);
+    a && c.push(...D(a));
+  }), o.filter((r) => c.includes(r));
 }
-async function F(c) {
-  const i = new DOMParser().parseFromString(c, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (i.length === 0)
+async function U(i) {
+  const m = new DOMParser().parseFromString(i, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (m.length === 0)
     return;
-  const n = b();
-  i.forEach((t) => {
-    var p, g, f, o, y;
-    const s = t.getAttribute("recommendation-id"), r = s ? Number(s) : NaN;
+  const l = b();
+  m.forEach((t) => {
+    var g, f, u, n, y;
+    const c = t.getAttribute("recommendation-id"), r = c ? Number(c) : NaN;
     if (!Number.isFinite(r))
       return;
-    const d = t.getAttribute("esd-ext-config");
-    if (!d)
+    const a = t.getAttribute("esd-ext-config");
+    if (!a)
       return;
     let e;
     try {
-      e = JSON.parse(d);
+      e = JSON.parse(a);
     } catch {
       return;
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const m = {
-      strategy: e.strategy ?? a.strategy,
-      language: e.language ?? a.language,
-      size: e.size ?? a.size,
+    const p = {
+      strategy: e.strategy ?? s.strategy,
+      language: e.language ?? s.language,
+      size: e.size ?? s.size,
       // Spread the default arrays so each block gets a fresh reference
       // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      productIds: e.productIds ?? [...a.productIds],
-      filters: e.filters ?? [...a.filters],
-      shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
-      currencyCode: ((p = e.currency) == null ? void 0 : p.code) ?? l.code,
-      currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? l.alignment,
-      currencyDecimalCount: ((f = e.currency) == null ? void 0 : f.decimalCount) ?? l.decimalCount,
-      currencyDecimalSeparator: ((o = e.currency) == null ? void 0 : o.decimalSeparator) ?? l.decimalSeparator,
-      currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? l.thousandSeparator
+      productIds: e.productIds ?? [...s.productIds],
+      filters: e.filters ?? [...s.filters],
+      shuffleProducts: e.shuffleProducts ?? s.shuffleProducts,
+      currencyCode: ((g = e.currency) == null ? void 0 : g.code) ?? d.code,
+      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? d.alignment,
+      currencyDecimalCount: ((u = e.currency) == null ? void 0 : u.decimalCount) ?? d.decimalCount,
+      currencyDecimalSeparator: ((n = e.currency) == null ? void 0 : n.decimalSeparator) ?? d.decimalSeparator,
+      currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? d.thousandSeparator
     };
-    n.seedBlockUrlConfig(r, m);
+    l.seedBlockUrlConfig(r, p);
   });
   try {
-    await n.fetchRecommendationCreateData();
+    await l.fetchRecommendationCreateData();
   } catch (t) {
     console.warn(
       "Recommendation reference data pre-load failed; validator will skip the availability check.",
@@ -60,43 +60,42 @@ async function F(c) {
     );
   }
 }
-const k = () => {
-  const c = w(), u = E(), { getCompiledEmail: i, getTemplateData: n } = T(), { compileHtml: t } = D();
+const _ = () => {
+  const i = P(), o = w(), { getCompiledEmail: m, getTemplateData: l } = C(), { compileHtml: t } = T();
   return {
     prepareTemplateDetails: async () => {
-      const { html: r, ampHtml: d = "", ampErrors: e = [] } = await i({
+      const { html: r, ampHtml: a = "", ampErrors: e = [] } = await m({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: m, css: p, syncModulesIds: g = [] } = await n();
-      u.selectedUnsubscribePages.length && await u.fetchTemplates(), await F(m);
-      const { compiledHtml: f, stats: o, appliedRules: y } = t(r), A = c.getSelectedDynamicContentList, C = b(), S = U(m);
+      }), { html: p, css: g, syncModulesIds: f = [] } = await l();
+      o.selectedUnsubscribePages.length && await o.fetchTemplates(), await U(p);
+      const { compiledHtml: u, stats: n, appliedRules: y } = t(r), h = i.getSelectedDynamicContentList, A = b();
       return console.debug("HTML Compilation Stats:", {
-        originalSize: o.originalSize,
-        compiledSize: o.compiledSize,
-        reduction: `${o.reductionPercentage.toFixed(2)}%`,
+        originalSize: n.originalSize,
+        compiledSize: n.compiledSize,
+        reduction: `${n.reductionPercentage.toFixed(2)}%`,
         appliedRules: y,
-        executionTime: `${o.executionTime.toFixed(2)}ms`
+        executionTime: `${n.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: A,
-        compiledHtml: f,
-        rawHtml: m,
-        css: p,
-        ampHtml: d,
+        dynamicContentList: h,
+        compiledHtml: u,
+        rawHtml: p,
+        css: g,
+        ampHtml: a,
         ampErrors: e,
-        modules: g.map(Number),
+        modules: f.map(Number),
         recommendation: {
-          campaignUrls: C.recommendationCampaignUrls,
+          campaignUrls: A.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: S.length > 0,
-          config: S
+          status: o.unsubscribePagesStatus,
+          config: E(u, o.selectedUnsubscribePages)
         }
       };
     }
   };
 };
 export {
-  U as getHtmlReferencedUnsubscribePages,
-  k as useTemplatePreparation
+  _ as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.6.0-beta.859e737",
+  "version": "3.6.0-beta.f584946",
   "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",

package/dist/src/utils/templatePreparation.test.d.ts

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