@useinsider/guido 3.17.0-beta.db80c84 → 3.17.0-beta.dc7f4d2

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

@@ -11,9 +11,9 @@ import { CurrencyControl as R } from "./currency.js";
 import { CURRENCY_CONTROL_ID as ot } from "./currency.js";
 import { FiltersControl as I } from "./filters.js";
 import { FILTERS_CONTROL_ID as nt } from "./filters.js";
-import { LayoutOrientationControl as b } from "./layoutOrientation.js";
+import { LayoutOrientationControl as _ } from "./layoutOrientation.js";
 import { LAYOUT_ORIENTATION_CONTROL_ID as st } from "./layoutOrientation.js";
-import { LocaleControl as _ } from "./locale.js";
+import { LocaleControl as b } from "./locale.js";
 import { LOCALE_CONTROL_ID as lt } from "./locale.js";
 import { PricePlacementControl as T } from "./pricePlacement.js";
 import { PRICE_PLACEMENT_CONTROL_ID as ut } from "./pricePlacement.js";
@@ -24,7 +24,7 @@ import { PRODUCT_LAYOUT_CONTROL_ID as Ct } from "./productLayout.js";
 import { ShuffleControl as S } from "./shuffle.js";
 import { SHUFFLE_CONTROL_ID as pt } from "./shuffle.js";
 import { setCurrencyAttributes as L, getBlockElement as k, isPartnerManagedBlock as D, updateProductContentInPlace as E, regenerateProductRowsWithStyles as A } from "./utils.js";
-import { adjustProductsToSize as yt, formatProductPrice as Nt, getCardComposition as Rt, getCurrentLayout as It, getMainContainerTbody as bt, regenerateMobileProductRows as _t, updatePricesInPlace as Tt, updateSingleProductContent as Ot } from "./utils.js";
+import { adjustProductsToSize as yt, formatProductPrice as Nt, getCardComposition as Rt, getCurrentLayout as It, regenerateMobileProductRows as _t, updatePricesInPlace as bt, updateSingleProductContent as Tt } from "./utils.js";
 import { useDebounceFn as m } from "../../../../../node_modules/@vueuse/shared/index.js";
 const v = "recommendation-id", w = "ui-elements-recommendation-block";
 class Q extends g {
@@ -81,7 +81,7 @@ class Q extends g {
     return w;
   }
   getTemplate() {
-    return this.algorithmControl = new N(), this.localeControl = new _(), this.currencyControl = new R(), this.productCountControl = new O(), this.productLayoutControl = new P(), this.filtersControl = new I(), this.shuffleControl = new S(), this.pricePlacementControl = new T(), this.layoutOrientationControl = new b(), [
+    return this.algorithmControl = new N(), this.localeControl = new b(), this.currencyControl = new R(), this.productCountControl = new O(), this.productLayoutControl = new P(), this.filtersControl = new I(), this.shuffleControl = new S(), this.pricePlacementControl = new T(), this.layoutOrientationControl = new _(), [
       this.algorithmControl,
       this.localeControl,
       this.currencyControl,
@@ -365,8 +365,8 @@ export {
   I as FiltersControl,
   st as LAYOUT_ORIENTATION_CONTROL_ID,
   lt as LOCALE_CONTROL_ID,
-  b as LayoutOrientationControl,
-  _ as LocaleControl,
+  _ as LayoutOrientationControl,
+  b as LocaleControl,
   ut as PRICE_PLACEMENT_CONTROL_ID,
   ht as PRODUCT_COUNT_CONTROL_ID,
   Ct as PRODUCT_LAYOUT_CONTROL_ID,
@@ -381,12 +381,11 @@ export {
   k as getBlockElement,
   Rt as getCardComposition,
   It as getCurrentLayout,
-  bt as getMainContainerTbody,
   D as isPartnerManagedBlock,
   _t as regenerateMobileProductRows,
   A as regenerateProductRowsWithStyles,
   L as setCurrencyAttributes,
-  Tt as updatePricesInPlace,
+  bt as updatePricesInPlace,
   E as updateProductContentInPlace,
-  Ot as updateSingleProductContent
+  Tt as updateSingleProductContent
 };

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

@@ -438,7 +438,6 @@ export {
   C as getBlockElement,
   U as getCardComposition,
   P as getCurrentLayout,
-  oe as getMainContainerTbody,
   ee as isPartnerManagedBlock,
   Pe as regenerateMobileProductRows,
   Te as regenerateProductRowsWithStyles,

package/dist/extensions/Blocks/Recommendation/extension.js

@@ -5,24 +5,23 @@ import { RecommendationBlockControl as i } from "./controls/main/index.js";
 import "./constants/selectors.js";
 import "./store/recommendation.js";
 import "./utils/captureStyleTemplates.js";
-import { TitleControls as e } from "./controls/title/index.js";
-import { NameControls as l } from "./controls/name/index.js";
-import { PriceControls as s } from "./controls/price/index.js";
-import { OldPriceControls as p } from "./controls/oldPrice/index.js";
-import { OmnibusPriceControls as a } from "./controls/omnibusPrice/index.js";
-import { OmnibusDiscountControls as c } from "./controls/omnibusDiscount/index.js";
-import { ButtonControls as C } from "./controls/button/index.js";
-import { ImageControls as f } from "./controls/image/index.js";
-import { CustomAttributeControls as d } from "./controls/customAttribute/index.js";
-import { SpacingControl as u } from "./controls/spacing/index.js";
-import { BlockBackgroundColorControl as g } from "./controls/blockBackground/index.js";
-import { CardBackgroundColorControl as y } from "./controls/cardBackground/index.js";
-import { RecommendationCardCompositionControl as B } from "./controls/cardComposition/index.js";
-import { SyncInfoMessageControl as P } from "./controls/syncInfoMessage.js";
-import { RecommendationIconsRegistry as R } from "./iconsRegistry.js";
-import S from "./recommendation.css.js";
-import { SettingsPanel as k } from "./settingsPanel.js";
-const w = [
+import { NameControls as e } from "./controls/name/index.js";
+import { PriceControls as l } from "./controls/price/index.js";
+import { OldPriceControls as s } from "./controls/oldPrice/index.js";
+import { OmnibusPriceControls as p } from "./controls/omnibusPrice/index.js";
+import { OmnibusDiscountControls as a } from "./controls/omnibusDiscount/index.js";
+import { ButtonControls as c } from "./controls/button/index.js";
+import { ImageControls as C } from "./controls/image/index.js";
+import { CustomAttributeControls as f } from "./controls/customAttribute/index.js";
+import { SpacingControl as d } from "./controls/spacing/index.js";
+import { BlockBackgroundColorControl as u } from "./controls/blockBackground/index.js";
+import { CardBackgroundColorControl as g } from "./controls/cardBackground/index.js";
+import { RecommendationCardCompositionControl as y } from "./controls/cardComposition/index.js";
+import { SyncInfoMessageControl as B } from "./controls/syncInfoMessage.js";
+import { RecommendationIconsRegistry as P } from "./iconsRegistry.js";
+import R from "./recommendation.css.js";
+import { SettingsPanel as S } from "./settingsPanel.js";
+const k = [
   e,
   l,
   s,
@@ -30,22 +29,21 @@ const w = [
   a,
   c,
   C,
-  f,
-  d
-], b = [
+  f
+], w = [
   i,
+  u,
   g,
+  d,
   y,
-  u,
-  B,
-  P
-], v = [
-  ...b,
-  ...w.flatMap((o) => Object.values(o))
-], Y = v.reduce(
+  B
+], b = [
+  ...w,
+  ...k.flatMap((o) => Object.values(o))
+], W = b.reduce(
   (o, r) => o.addControl(r),
-  new t().addBlock(m).withSettingsPanelRegistry(k)
-).addStyles(S).withPreviewStyles(n).withIconsRegistry(R).build();
+  new t().addBlock(m).withSettingsPanelRegistry(S)
+).addStyles(R).withPreviewStyles(n).withIconsRegistry(P).build();
 export {
-  Y as default
+  W as default
 };

package/dist/extensions/Blocks/Recommendation/settingsPanel.js

@@ -3,10 +3,9 @@ import { BLOCK_ID as R } from "./block.js";
 import { RecommendationBlockId as S } from "./constants/blockIds.js";
 import { RecommendationControlId as T } from "./constants/controlIds.js";
 import "./constants/selectors.js";
-import { CONTROL_BLOCK_ID as L } from "./controls/main/index.js";
+import { CONTROL_BLOCK_ID as U } from "./controls/main/index.js";
 import "./store/recommendation.js";
 import "./utils/captureStyleTemplates.js";
-import "./controls/title/index.js";
 import "./controls/name/index.js";
 import "./controls/price/index.js";
 import "./controls/oldPrice/index.js";
@@ -16,7 +15,7 @@ import "./controls/button/index.js";
 import "./controls/image/index.js";
 import { SPACING_CONTROL_ID as A } from "./controls/spacing/index.js";
 import "./controls/blockBackground/index.js";
-import { CARD_BACKGROUND_COLOR_CONTROL_ID as U } from "./controls/cardBackground/index.js";
+import { CARD_BACKGROUND_COLOR_CONTROL_ID as L } from "./controls/cardBackground/index.js";
 import { COMPOSITION_CONTROL_BLOCK_ID as D } from "./controls/cardComposition/index.js";
 import { SYNC_INFO_MESSAGE_CONTROL_ID as N } from "./controls/syncInfoMessage.js";
 class s extends E {
@@ -25,7 +24,7 @@ class s extends E {
       new _(
         I.SETTINGS,
         [
-          L,
+          U,
           C.EXTERNAL_INDENTS
         ]
       ),
@@ -33,7 +32,7 @@ class s extends E {
         I.STYLES,
         [
           T.BLOCK_BACKGROUND,
-          U,
+          L,
           A
         ]
       ),
@@ -43,24 +42,6 @@ class s extends E {
           D
         ]
       ).withLabel(this.api.translate("Card Composition"))
-    ], O[S.TITLE] = [
-      new _(
-        I.SETTINGS,
-        [
-          T.TITLE_STYLE,
-          T.TITLE_ALIGN,
-          T.TITLE_PADDINGS
-        ]
-      ),
-      new _(
-        I.STYLES,
-        [
-          T.TITLE_BACKGROUND,
-          T.TITLE_FONT_FAMILY,
-          T.TITLE_SIZE,
-          T.TITLE_COLOR
-        ]
-      )
     ], O[S.NAME] = [
       new _(
         I.SETTINGS,

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

@@ -1,21 +1,21 @@
-import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as C } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
-import { useConfigStore as G } from "../../../../stores/config.js";
-import { defineStore as P } from "pinia";
+import { getRecommendationFeedSourceMaps as g, getOperatorOptions as C, PriceAttributes as y } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationApi as G } from "../../../../services/recommendationApi.js";
+import { useConfigStore as P } from "../../../../stores/config.js";
+import { defineStore as F } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as F, DEFAULT_CARDS_IN_ROW as D } from "../constants/layout.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as D, DEFAULT_CARDS_IN_ROW as v } 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 { getPartnerRecommendationParams as v } from "../utils/partnerCustomizations.js";
-import { sanitizeProductIds as N } from "../utils/productIds.js";
-import { isFilterValid as x } from "../validation/filterSchema.js";
-import { isConfigValid as L } from "../validation/requiredFields.js";
-const h = y();
+import { getPartnerRecommendationParams as N } from "../utils/partnerCustomizations.js";
+import { sanitizeProductIds as x } from "../utils/productIds.js";
+import { isFilterValid as L } from "../validation/filterSchema.js";
+import { isConfigValid as I } from "../validation/requiredFields.js";
+const h = G();
 let m = null, u = null, d = null;
-function k() {
+function R() {
   return {
-    cardsInRow: D,
+    cardsInRow: v,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -29,7 +29,7 @@ function k() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: F,
+    mobileCardsInRow: D,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -44,9 +44,9 @@ function k() {
     priceHideIfSameAsDiscounted: !1
   };
 }
-function I() {
+function k() {
   return {
-    recommendationConfigs: k(),
+    recommendationConfigs: R(),
     recommendationProducts: [],
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
@@ -64,7 +64,7 @@ const U = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), H = P("guidoRecommendationExtension", {
+}), H = F("guidoRecommendationExtension", {
   state: () => U(),
   getters: {
     // ====================================================================
@@ -75,7 +75,7 @@ const U = () => ({
      * 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 : k();
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : R();
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
@@ -139,7 +139,7 @@ const U = () => ({
     getFilterList() {
       return Object.values(this.filterList).filter((t) => t.isFilterable !== 0 && t.isFilterable !== !1).map((t) => {
         let e;
-        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : C.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
+        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : y.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
           value: e,
           type: t.attributeType
@@ -161,7 +161,7 @@ const U = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: I()
+        [t]: k()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -229,7 +229,7 @@ const U = () => ({
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
         thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, c = !this.blockStates[t], i = c ? I() : this.blockStates[t];
+      }, c = !this.blockStates[t], i = c ? k() : this.blockStates[t];
       i.recommendationConfigs = {
         ...i.recommendationConfigs,
         strategy: e.strategy,
@@ -267,7 +267,7 @@ const U = () => ({
      * Creates a filter with the first available attribute and operator pre-selected.
      */
     createDefaultFilter(t, e) {
-      const [r] = this.getFilterList, [n] = R(r == null ? void 0 : r.type);
+      const [r] = this.getFilterList, [n] = C(r == null ? void 0 : r.type);
       return {
         type: "standardFilter",
         attribute: (r == null ? void 0 : r.value) ?? "",
@@ -384,7 +384,7 @@ const U = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: x(t)
+          isValid: L(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -430,7 +430,14 @@ const U = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !L(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !I(t.recommendationConfigs, this));
+    },
+    /**
+     * Per-instance counterpart to `hasInvalidBlock`: the ids of every block
+     * that fails required-field validation, one drawer row each (SD-147430).
+     */
+    invalidBlockIds() {
+      return Object.entries(this.blockStates).filter(([, t]) => !I(t.recommendationConfigs, this)).map(([t]) => t);
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -451,7 +458,7 @@ const U = () => ({
     },
     async _doFetchProducts() {
       var p;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = r.filters.filter((l) => l.isValid), c = b(n), i = ((p = g().find((l) => l.key === r.strategy)) == null ? void 0 : p.path) || "", o = G(), s = parseInt(r.size) || 6, a = {
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = r.filters.filter((l) => l.isValid), c = b(n), i = ((p = g().find((l) => l.key === r.strategy)) == null ? void 0 : p.path) || "", o = P(), s = parseInt(r.size) || 6, a = {
         locale: r.language,
         currency: r.currencySettings.value,
         partnerName: o.partnerName,
@@ -459,9 +466,9 @@ const U = () => ({
         details: !0,
         campaignId: o.variationId
       };
-      r.strategy === "manualMerchandising" ? a.productId = N(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0), Object.assign(
+      r.strategy === "manualMerchandising" ? a.productId = x(r.productIds) : 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)
+        N(o.partnerName, r.strategy)
       );
       let f;
       try {

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

@@ -1,6 +1,6 @@
 import { ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_OLD_PRICE as O } from "../../constants/selectors.js";
 import { DEFAULT_PRODUCTS_PER_ROW as w } from "../../constants/layout.js";
-import { createBlockTemplate as A, getDefaultProducts as g, DEFAULTS as U, buildSpacer as h, DEFAULT_CARD_COMPOSITION as Y, buildElementRenderer as B, resolveInlinePriceOrder as F, buildCellOptions as I, DEFAULT_CARD_VISIBILITY as W } from "../utils.js";
+import { getDefaultProducts as A, DEFAULTS as g, createBlockTemplate as U, buildSpacer as h, DEFAULT_CARD_COMPOSITION as Y, buildElementRenderer as B, resolveInlinePriceOrder as F, buildCellOptions as I, DEFAULT_CARD_VISIBILITY as W } from "../utils.js";
 import { DEFAULT_CELL_PADDING as k, renderInlineGridPriceCell as H, buildFillerCell as x, gridElementRenderer as y } from "./elementRenderer.js";
 const G = `
     <tr class="recommendation-product-row">
@@ -69,8 +69,8 @@ function M(t, r, o, e = {}, c = {}) {
   );
 }
 function Q(t) {
-  const r = t ? `ins-recommendation-v3-block-${t}` : void 0, o = A("grid", r), e = g(), c = M(e, w);
-  return o.replace("{-{-TITLE-}-}", U.TITLE).replace("{-{-PRODUCT_ROWS-}-}", c).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
+  const r = t ? `ins-recommendation-v3-block-${t}` : void 0, o = U("grid", r), e = A(), c = M(e, w);
+  return o.replace("{-{-TITLE-}-}", g.TITLE).replace("{-{-PRODUCT_ROWS-}-}", c).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
 }
 export {
   Q as getDefaultTemplate,