@useinsider/guido 3.6.0-beta.dc3a2aa → 3.6.0-beta.ee02cfc

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

@@ -2,15 +2,16 @@ import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAtt
 import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
 import { useConfigStore as G } from "../../../../stores/config.js";
 import { defineStore as P } from "pinia";
-import { DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
-import { EXCLUDED_ALGORITHM_IDS as D } from "../constants/defaultConfig.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as D, DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
+import { EXCLUDED_ALGORITHM_IDS as w } 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 N } from "../validation/filterSchema.js";
+import { isConfigValid as x } from "../validation/requiredFields.js";
 const h = y();
 let m = null, u = null, d = null;
-function I() {
+function k() {
   return {
     cardsInRow: F,
     currencySettings: {
@@ -26,6 +27,7 @@ function I() {
     productIds: [],
     id: 1,
     language: "en_US",
+    mobileCardsInRow: D,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -38,9 +40,9 @@ function I() {
     customAttributes: []
   };
 }
-function k() {
+function I() {
   return {
-    recommendationConfigs: I(),
+    recommendationConfigs: k(),
     recommendationProducts: [],
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
@@ -49,7 +51,7 @@ function k() {
     filterSnapshot: null
   };
 }
-const N = () => ({
+const L = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -58,8 +60,8 @@ const N = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), M = P("guidoRecommendationExtension", {
-  state: () => N(),
+}), K = P("guidoRecommendationExtension", {
+  state: () => L(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -69,7 +71,7 @@ const N = () => ({
      * This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
      */
     recommendationConfigs(t) {
-      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : I();
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : k();
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
@@ -115,7 +117,7 @@ const N = () => ({
     },
     getActivePredictiveAlgorithms: (t) => {
       const e = g(), r = [];
-      return t.activePredictiveAlgorithms.filter((n) => !D.includes(n)).forEach((n) => {
+      return t.activePredictiveAlgorithms.filter((n) => !w.includes(n)).forEach((n) => {
         r.push(...e.filter((c) => c.id === n));
       }), r.map((n) => ({
         text: n.name,
@@ -155,7 +157,7 @@ const N = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: k()
+        [t]: I()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -223,7 +225,7 @@ const N = () => ({
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
         thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, c = !this.blockStates[t], i = c ? k() : this.blockStates[t];
+      }, c = !this.blockStates[t], i = c ? I() : this.blockStates[t];
       i.recommendationConfigs = {
         ...i.recommendationConfigs,
         strategy: e.strategy,
@@ -378,7 +380,7 @@ const N = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: v(t)
+          isValid: N(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -424,7 +426,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) => !x(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -453,7 +455,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 +476,5 @@ const N = () => ({
   }
 });
 export {
-  M as useRecommendationExtensionStore
+  K as useRecommendationExtensionStore
 };

package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js

@@ -1,5 +1,5 @@
 import { RecommendationBlockId as s } from "../../constants/blockIds.js";
-import { ATTR_PRODUCT_ATTR as u, CSS_CLASS_RECO_BUTTON as p, ATTR_PRODUCT_BUTTON as m, ATTR_PRODUCT_OMNIBUS_DISCOUNT as h, ATTR_PRODUCT_OMNIBUS_PRICE as y, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_NAME as x, ATTR_PRODUCT_IMAGE as _ } from "../../constants/selectors.js";
+import { ATTR_PRODUCT_ATTR as u, CSS_CLASS_RECO_BUTTON as p, ATTR_PRODUCT_BUTTON as m, ATTR_PRODUCT_OMNIBUS_DISCOUNT as h, ATTR_PRODUCT_OMNIBUS_PRICE as y, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_NAME as _, ATTR_PRODUCT_IMAGE as x } from "../../constants/selectors.js";
 import { useRecommendationExtensionStore as $ } from "../../store/recommendation.js";
 import { formatPrice as C } from "../../utils/priceFormatter.js";
 import { CUSTOM_CELL_HTML as R, sanitizeImageUrl as O } from "../utils.js";
@@ -23,7 +23,7 @@ function i(t, e = "price") {
   });
 }
 const S = {
-  [_]: (t) => `
+  [x]: (t) => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
@@ -51,7 +51,7 @@ const S = {
             </table>
         </td>
     `,
-  [x]: (t) => `
+  [_]: (t) => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="middle">
             <table
                 class="product-card-segment"
@@ -115,9 +115,7 @@ const S = {
                             class="esd-block-text product-old-price es-p15l es-p15r"
                             align="center"
                             esd-extension-block-id="${s.OLD_PRICE}">
-                            <p
-                                contenteditable="false"
-                                style="font-size: 14px; color: #999999; text-decoration: line-through;">
+                            <p contenteditable="false" style="font-size: 14px; color: #999999;">
                                 <strong>${i(t, "original_price")}</strong>
                             </p>
                         </td>

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/extensions/Blocks/Recommendation/utils/priceFormatter.js

@@ -1,29 +1,29 @@
-function $(a, e) {
-  const { thousandSeparator: u, decimalSeparator: t, decimalCount: r } = e, m = Number(Math.abs(a).toPrecision(15)), [c, i = ""] = String(m).split("."), n = i.padEnd(r, "0"), s = c.replace(
+function d(a, t) {
+  const { thousandSeparator: s, decimalSeparator: e, decimalCount: r } = t, u = Math.abs(a).toFixed(r), [c, o] = u.split("."), n = c.replace(
     /\B(?=(\d{3})+(?!\d))/g,
-    u
-  ), o = a < 0 ? "-" : "";
-  return r > 0 && n ? `${o}${s}${t}${n}` : `${o}${s}`;
+    s
+  ), i = a < 0 ? "-" : "";
+  return r > 0 && o ? `${i}${n}${e}${o}` : `${i}${n}`;
 }
-function d(a) {
-  const { price: e, currency: u } = a, {
-    symbol: t,
+function m(a) {
+  const { price: t, currency: s } = a, {
+    symbol: e,
     alignment: r,
-    thousandSeparator: m,
+    thousandSeparator: u,
     decimalSeparator: c,
-    decimalCount: i
-  } = u;
-  if (typeof e != "number" || Number.isNaN(e)) {
-    const s = "0".repeat(i), o = `0${c}${s}`;
-    return r === "before" ? `${t} ${o}` : `${o} ${t}`;
+    decimalCount: o
+  } = s;
+  if (typeof t != "number" || Number.isNaN(t)) {
+    const i = "0".repeat(o), $ = `0${c}${i}`;
+    return r === "before" ? `${e} ${$}` : `${$} ${e}`;
   }
-  const n = $(e, {
-    thousandSeparator: m,
+  const n = d(t, {
+    thousandSeparator: u,
     decimalSeparator: c,
-    decimalCount: i
+    decimalCount: o
   });
-  return r === "before" ? `${t} ${n}` : `${n} ${t}`;
+  return r === "before" ? `${e} ${n}` : `${n} ${e}`;
 }
 export {
-  d as formatPrice
+  m as formatPrice
 };

package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts

@@ -18,6 +18,7 @@ export * from './utils';
 export declare class RecommendationBlockControl extends CommonControl {
     private store;
     private storeUnsubscription;
+    private syncedBlockIds;
     private algorithmControl;
     private localeControl;
     private currencyControl;

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

@@ -13,6 +13,7 @@ export interface PerBlockConfigs {
     filters: Filter[];
     id: number;
     language: string;
+    mobileCardsInRow: number;
     mobileLayoutEnabled: boolean;
     orientation: Orientation;
     productIds: string[];

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/package.json

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