@useinsider/guido 3.17.0-beta.6255bfc → 3.17.0-beta.668ca65

package/dist/composables/useRecommendation.js

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

package/dist/config/migrator/recommendation/settingsMapper.js

@@ -66,8 +66,6 @@ function O(t, o, n) {
     // gated). New Guido blocks default differently (see DEFAULT_NODE_CONFIG).
     priceMovedToNextLine: !!t.isPriceMovedToNextLine,
     priceHideIfSameAsDiscounted: !!t.isPriceDeletedForZeroSale,
-    // Legacy blocks stay on the pre-RRS era marker: the campaign they belong
-    // to keeps the old settings panel until its own migration ships.
     configVersion: s
   };
 }

package/dist/config/migrator/recommendationMigrator.js

@@ -22,7 +22,6 @@ function B(i, t, a) {
     currencySettings: v(t)
   }, c = T(n, r, o), e = b((d = r.composition) == null ? void 0 : d.variables), l = C(t), g = M(t), p = {
     ...c,
-    // Legacy blocks predate RRS — never strategy-backed.
     strategyId: "",
     composition: e.composition,
     visibility: e.visibility,

package/dist/enums/date.js

@@ -1,6 +1,7 @@
-const t = "tr-TR", T = "default", L = "UTC";
+const T = "tr-TR", t = "tr-TR", E = "default", L = "UTC";
 export {
-  T as DEFAULT,
-  t as DEFAULT_LOCALE,
-  L as DEFAULT_TZ
+  E as DEFAULT,
+  T as DEFAULT_LOCALE,
+  L as DEFAULT_TZ,
+  t as DOTTED_DATE_LOCALE
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -4,7 +4,6 @@ const l = {
   // Relative path → same-origin as the embedding inone dashboard.
   PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes",
   RECOMMENDATION_STRATEGIES_PATH: "/api/recommendation-strategies",
-  // Panel route of the Recommendation Strategies listing.
   RECOMMENDATION_STRATEGIES_PANEL_PATH: "/discovery/recommendation-strategies"
 }, c = {
   CLIENT_ID: "clientId"

package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js

@@ -64,8 +64,6 @@ const C = 1, l = 2, a = {
   // of "false" (the actual hiding happens server-side at send).
   priceHideIfSameAsDiscounted: !1,
   // Meta
-  // Pre-RRS fallback only — block.ts stamps the era of the live session over
-  // it on creation. See PRE_RRS_CONFIG_VERSION.
   configVersion: C,
   recommendationId: 0
 }, u = [11, 12];

package/dist/extensions/Blocks/Recommendation/controls/main/index.js

@@ -10,9 +10,9 @@ import { AlgorithmControl as I } from "./algorithm.js";
 import { ALGORITHM_CONTROL_ID as it } from "./algorithm.js";
 import { CurrencyControl as R } from "./currency.js";
 import { CURRENCY_CONTROL_ID as at } from "./currency.js";
-import { FiltersControl as T } from "./filters.js";
+import { FiltersControl as b } from "./filters.js";
 import { FILTERS_CONTROL_ID as lt } from "./filters.js";
-import { LayoutOrientationControl as b } from "./layoutOrientation.js";
+import { LayoutOrientationControl as T } from "./layoutOrientation.js";
 import { LAYOUT_ORIENTATION_CONTROL_ID as dt } from "./layoutOrientation.js";
 import { LocaleControl as S } from "./locale.js";
 import { LOCALE_CONTROL_ID as ht } from "./locale.js";
@@ -25,11 +25,11 @@ import { PRODUCT_LAYOUT_CONTROL_ID as _t } from "./productLayout.js";
 import { ShuffleControl as k } from "./shuffle.js";
 import { SHUFFLE_CONTROL_ID as It } from "./shuffle.js";
 import { StrategyControl as E } from "./strategy.js";
-import { STRATEGY_CONTROL_ID as Tt } from "./strategy.js";
-import { setCurrencyAttributes as D, getBlockElement as w, isPartnerManagedBlock as B, updateProductContentInPlace as v, regenerateProductRowsWithStyles as $ } from "./utils.js";
+import { STRATEGY_CONTROL_ID as bt } from "./strategy.js";
+import { setCurrencyAttributes as D, getBlockElement as B, isPartnerManagedBlock as w, updateProductContentInPlace as A, regenerateProductRowsWithStyles as v } from "./utils.js";
 import { adjustProductsToSize as St, formatProductPrice as Ot, getCardComposition as Pt, getCurrentLayout as Lt, regenerateMobileProductRows as kt, updatePricesInPlace as Et, updateSingleProductContent as Dt } from "./utils.js";
 import { useDebounceFn as h } from "../../../../../node_modules/@vueuse/shared/index.js";
-const A = "recommendation-id", x = "ui-elements-recommendation-block";
+const x = "recommendation-id", F = "ui-elements-recommendation-block";
 class ot extends y {
   constructor() {
     super(...arguments);
@@ -48,6 +48,7 @@ class ot extends y {
     n(this, "pricePlacementControl", null);
     n(this, "layoutOrientationControl", null);
     n(this, "strategyControl", null);
+    n(this, "rrsEnabled", !1);
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
@@ -67,14 +68,14 @@ class ot extends y {
      */
     n(this, "_debouncedRegenerateWithProducts", h(() => {
       const t = this.store.recommendationProducts;
-      if (!this.currentNode || !this.api || B(this.currentNode))
+      if (!this.currentNode || !this.api || w(this.currentNode))
         return;
       const e = this.api.getDocumentModifier();
-      v({
+      A({
         currentNode: this.currentNode,
         documentModifier: e,
         products: t
-      }) || $({
+      }) || v({
         currentNode: this.currentNode,
         documentModifier: e,
         products: t
@@ -82,9 +83,8 @@ class ot extends y {
     }, 100));
   }
   getId() {
-    return x;
+    return F;
   }
-  /** Every sub-control the coordinator owns, in panel order. */
   get _subControls() {
     return [
       this.layoutOrientationControl,
@@ -100,27 +100,15 @@ class ot extends y {
     ];
   }
   getTemplate() {
-    const t = p().isFeatureEnabled("reusableRecommendationStrategy");
-    return this._subControls.forEach((e) => {
+    var t;
+    return this.rrsEnabled = p().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((e) => {
       var o;
       return (o = e == null ? void 0 : e.onDestroy) == null ? void 0 : o.call(e);
-    }), this.algorithmControl = new I(), this.localeControl = new S(), this.currencyControl = new R(), this.productCountControl = new P(), this.productLayoutControl = new L(), this.filtersControl = new T(), this.shuffleControl = new k(), this.pricePlacementControl = new O(), this.layoutOrientationControl = new b(), this.strategyControl = t ? new E() : null, this._subControls.forEach((e) => {
+    }), this.algorithmControl = new I(), this.localeControl = new S(), this.currencyControl = new R(), this.productCountControl = new P(), this.productLayoutControl = new L(), this.filtersControl = new b(), this.shuffleControl = new k(), this.pricePlacementControl = new O(), this.layoutOrientationControl = new T(), this.strategyControl = this.rrsEnabled ? new E() : null, this._subControls.forEach((e) => {
       e && (e.api = this.api);
-    }), t ? `
-                <div class="recommendation-controls-container">
-                    ${this.strategyControl.getTemplate()}
-                    ${this.layoutOrientationControl.getTemplate()}
-                    ${this.productCountControl.getTemplate()}
-                    ${this.productLayoutControl.getTemplate()}
-                    ${this.algorithmControl.getTemplate()}
-                    ${this.localeControl.getTemplate()}
-                    ${this.pricePlacementControl.getTemplate()}
-                    ${this.currencyControl.getTemplate()}
-                    ${this.filtersControl.getTemplate()}
-                    ${this.shuffleControl.getTemplate()}
-                </div>
-            ` : `
+    }), `
             <div class="recommendation-controls-container">
+                ${((t = this.strategyControl) == null ? void 0 : t.getTemplate()) ?? ""}
                 ${this.layoutOrientationControl.getTemplate()}
                 ${this.productCountControl.getTemplate()}
                 ${this.productLayoutControl.getTemplate()}
@@ -133,17 +121,12 @@ class ot extends y {
             </div>
         `;
   }
-  /**
-   * Shows the selected block's own set of controls. A block is strategy-backed
-   * when a flag-on session stamped its config version, or when it already
-   * carries a strategy — an assignment must stay editable however it arrived.
-   */
   _showControlsForBlock(t) {
     var i;
     const e = (i = this.getContainer()) == null ? void 0 : i.querySelector(".recommendation-controls-container");
-    if (!e || this._getRecommendationIdFromNode(t) === null)
+    if (!e)
       return;
-    const o = m.getConfig(t), r = (o.configVersion ?? 0) >= _ || !!o.strategyId;
+    const o = this._getRecommendationIdFromNode(t) === null ? null : m.getConfig(t), r = this.rrsEnabled && !!o && (!!(o != null && o.strategyId) || ((o == null ? void 0 : o.configVersion) ?? 0) >= _);
     e.classList.toggle("strategy-block", r);
   }
   async onRender() {
@@ -185,7 +168,6 @@ class ot extends y {
   /**
    * Syncs persisted node config into the Pinia store's block state.
    *
-   * setCurrentBlock() creates a default entry (USD, en_US, mostPopular).
    * For saved templates, the real config lives in the node (e.g., TRY, tr_TR).
    * This method reads it and patches the store so fetchRecommendationProducts()
    * uses the correct values.
@@ -312,10 +294,10 @@ class ot extends y {
    * Reads the recommendation-id attribute from the block element within the node
    */
   _getRecommendationIdFromNode(t) {
-    const e = w(t);
+    const e = B(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const o = e.getAttribute(A);
+    const o = e.getAttribute(x);
     if (!o)
       return null;
     const r = parseInt(o);
@@ -370,14 +352,14 @@ class ot extends y {
 export {
   it as ALGORITHM_CONTROL_ID,
   I as AlgorithmControl,
-  x as CONTROL_BLOCK_ID,
+  F as CONTROL_BLOCK_ID,
   at as CURRENCY_CONTROL_ID,
   R as CurrencyControl,
   lt as FILTERS_CONTROL_ID,
-  T as FiltersControl,
+  b as FiltersControl,
   dt as LAYOUT_ORIENTATION_CONTROL_ID,
   ht as LOCALE_CONTROL_ID,
-  b as LayoutOrientationControl,
+  T as LayoutOrientationControl,
   S as LocaleControl,
   Ct as PRICE_PLACEMENT_CONTROL_ID,
   pt as PRODUCT_COUNT_CONTROL_ID,
@@ -387,19 +369,19 @@ export {
   L as ProductLayoutControl,
   ot as RecommendationBlockControl,
   It as SHUFFLE_CONTROL_ID,
-  Tt as STRATEGY_CONTROL_ID,
+  bt as STRATEGY_CONTROL_ID,
   k as ShuffleControl,
   E as StrategyControl,
   St as adjustProductsToSize,
   Ot as formatProductPrice,
-  w as getBlockElement,
+  B as getBlockElement,
   Pt as getCardComposition,
   Lt as getCurrentLayout,
-  B as isPartnerManagedBlock,
+  w as isPartnerManagedBlock,
   kt as regenerateMobileProductRows,
-  $ as regenerateProductRowsWithStyles,
+  v as regenerateProductRowsWithStyles,
   D as setCurrencyAttributes,
   Et as updatePricesInPlace,
-  v as updateProductContentInPlace,
+  A as updateProductContentInPlace,
   Dt as updateSingleProductContent
 };

package/dist/extensions/Blocks/Recommendation/controls/main/strategy.js

@@ -12,8 +12,6 @@ class f extends h {
     o(this, "storeUnsubscription", () => {
     });
     o(this, "listeners", []);
-    // The store subscription fires on EVERY mutation of a store six controls
-    // share, so the last painted state is kept to skip the DOM work.
     o(this, "lastPaintedState", null);
   }
   getId() {
@@ -46,8 +44,6 @@ class f extends h {
         id: "guido__btn-assign-strategy",
         className: "strategy-control-cta on"
       }),
-      // Create round-trip ships with SD-149916; until then the CTA
-      // stays inert at full contrast, as the design draws it.
       this._GuButton({
         name: "createStrategy",
         label: this.api.translate("Create New Strategy"),
@@ -77,15 +73,6 @@ class f extends h {
             </div>
         `;
   }
-  /**
-   * Change / Remove are icon+text actions in the design, not buttons — and
-   * `ue-button` cannot pair a caption with an arbitrary icon, so these are
-   * plain elements. Click wiring is by id, which works on any element.
-   *
-   * The icon is a CSS mask, not inline SVG: Stripo re-creates the control's
-   * markup through Angular, which rebuilds `<svg>` outside the SVG namespace
-   * (the view-box attribute comes back lowercased) and it never paints.
-   */
   _strategyAction({ id: t, label: e, modifier: a }) {
     return `
             <button
@@ -119,11 +106,6 @@ class f extends h {
     };
     e("#guido__btn-assign-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-change-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-remove-strategy", () => this.store.removeStrategy());
   }
-  /**
-   * Toggles empty vs assigned state from the store's current block config.
-   * Display name comes from the listing; falls back to the raw id while the
-   * listing loads (or when the strategy is no longer listed).
-   */
   _renderState() {
     var l;
     const { strategyId: t } = this.store.recommendationConfigs, e = t ? ((l = this.store.assignedStrategy) == null ? void 0 : l.name) ?? "" : "", a = `${t}\0${e}`;