@useinsider/guido 3.8.0 → 3.8.1-beta.9bb0c7b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/config/compiler/utils/recommendationCompilerUtils.js +19 -25
  2. package/dist/extensions/Blocks/Items/block.js +48 -29
  3. package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +62 -45
  4. package/dist/extensions/Blocks/Recommendation/constants/selectors.js +11 -10
  5. package/dist/extensions/Blocks/Recommendation/controls/main/index.js +24 -26
  6. package/dist/extensions/Blocks/Recommendation/controls/main/layoutOrientation.js +30 -39
  7. package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js +28 -34
  8. package/dist/extensions/Blocks/Recommendation/controls/main/utils.js +285 -333
  9. package/dist/extensions/Blocks/Recommendation/extension.js +6 -5
  10. package/dist/extensions/Blocks/Recommendation/settingsPanel.js +3 -2
  11. package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js +142 -173
  12. package/dist/extensions/Blocks/Recommendation/templates/grid/template.js +56 -30
  13. package/dist/extensions/Blocks/Recommendation/templates/index.js +29 -8
  14. package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js +132 -105
  15. package/dist/extensions/Blocks/Recommendation/templates/list/template.js +44 -23
  16. package/dist/extensions/Blocks/Recommendation/templates/utils.js +112 -64
  17. package/dist/extensions/Blocks/Recommendation/utils/captureStyleTemplates.js +219 -0
  18. package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js +24 -19
  19. package/dist/extensions/Blocks/Recommendation/utils/tagName.js +30 -22
  20. package/dist/extensions/Blocks/Unsubscribe/block.js +1 -1
  21. package/dist/extensions/Blocks/controlFactories.js +159 -133
  22. package/dist/src/extensions/Blocks/Items/block.d.ts +8 -0
  23. package/dist/src/extensions/Blocks/Items/controls/index.d.ts +1 -1
  24. package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +1 -1
  25. package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts +1 -1
  26. package/dist/src/extensions/Blocks/Recommendation/constants/selectors.d.ts +2 -0
  27. package/dist/src/extensions/Blocks/Recommendation/controls/button/index.d.ts +1 -1
  28. package/dist/src/extensions/Blocks/Recommendation/controls/main/layoutOrientation.d.ts +2 -1
  29. package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts +20 -47
  30. package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts +4 -4
  31. package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts +1 -1
  32. package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts +3 -2
  33. package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts +165 -11
  34. package/dist/src/extensions/Blocks/Recommendation/utils/captureStyleTemplates.d.ts +78 -0
  35. package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts +15 -0
  36. package/dist/src/extensions/Blocks/Recommendation/utils/tagName.d.ts +29 -9
  37. package/dist/src/extensions/Blocks/controlFactories.d.ts +11 -1
  38. package/package.json +1 -1
  39. package/dist/src/extensions/Blocks/Recommendation/utils/stylePreserver.d.ts +0 -113
@@ -1,18 +1,18 @@
1
- import { useConfig as g } from "../../../composables/useConfig.js";
2
- import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
1
+ import { useConfig as _ } from "../../../composables/useConfig.js";
2
+ import { useRecommendation as g } from "../../../composables/useRecommendation.js";
3
3
  import { CSS_CLASS_RECO_BUTTON as q } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
4
4
  import { useRecommendationExtensionStore as C } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
5
- function y(r, n, e, o, i = "") {
5
+ function h(r, n, e, o, i = "") {
6
6
  const c = `{{${i}${r}_${n}_${e}}}`, t = `{{${i}${r}_${n}_currency}}`;
7
7
  return o === "before" ? `${t} ${c}` : `${c} ${t}`;
8
8
  }
9
- function A(r) {
9
+ function b(r) {
10
10
  let n = r;
11
11
  for (; n.children.length === 1; )
12
12
  [n] = n.children;
13
13
  return n;
14
14
  }
15
- function f(r, n, e, o, i, c) {
15
+ function A(r, n, e, o, i, c) {
16
16
  switch (n) {
17
17
  case "productImage": {
18
18
  const t = r.querySelector("img");
@@ -23,15 +23,12 @@ function f(r, n, e, o, i, c) {
23
23
  }
24
24
  case "productName": {
25
25
  const t = r.querySelector("p");
26
- if (t) {
27
- const s = t.querySelector("strong") || t;
28
- s.textContent = `{{${c}${e}_${o}_name}}`;
29
- }
26
+ t && (b(t).textContent = `{{${c}${e}_${o}_name}}`);
30
27
  break;
31
28
  }
32
29
  case "productPrice": {
33
30
  const t = r.querySelector("p");
34
- t && (A(t).textContent = y(
31
+ t && (b(t).textContent = h(
35
32
  e,
36
33
  o,
37
34
  "price",
@@ -42,7 +39,7 @@ function f(r, n, e, o, i, c) {
42
39
  }
43
40
  case "productOldPrice": {
44
41
  const t = r.querySelector("p");
45
- t && (A(t).textContent = y(
42
+ t && (b(t).textContent = h(
46
43
  e,
47
44
  o,
48
45
  "original_price",
@@ -78,10 +75,7 @@ function f(r, n, e, o, i, c) {
78
75
  const t = r.getAttribute("product-attr") ? r : r.querySelector("[product-attr]");
79
76
  if (t) {
80
77
  const s = t.getAttribute("product-attr"), a = t.querySelector("p");
81
- if (a) {
82
- const u = a.querySelector("strong") || a;
83
- u.textContent = `{{${c}${e}_${o}_${s}}}`;
84
- }
78
+ a && (b(a).textContent = `{{${c}${e}_${o}_${s}}}`);
85
79
  }
86
80
  break;
87
81
  }
@@ -92,8 +86,8 @@ function w(r, n, e, o) {
92
86
  c.querySelectorAll("[data-attribute-type]").forEach((a) => {
93
87
  const u = a.getAttribute("data-attribute-type") || "", p = a.querySelectorAll(".attribute-cell");
94
88
  p.length > 0 ? p.forEach((l) => {
95
- f(l, u, n, t, e, o);
96
- }) : f(a, u, n, t, e, o);
89
+ A(l, u, n, t, e, o);
90
+ }) : A(a, u, n, t, e, o);
97
91
  });
98
92
  });
99
93
  }
@@ -105,9 +99,9 @@ function E(r, n, e, o) {
105
99
  i.forEach((a, u) => {
106
100
  a.querySelectorAll("[data-attribute-type]").forEach((l) => {
107
101
  const d = l.getAttribute("data-attribute-type") || "";
108
- l.querySelectorAll(".attribute-cell").forEach((h, $) => {
102
+ l.querySelectorAll(".attribute-cell").forEach((y, $) => {
109
103
  const S = u * s + $;
110
- f(h, d, n, S, e, o);
104
+ A(y, d, n, S, e, o);
111
105
  });
112
106
  });
113
107
  });
@@ -121,7 +115,7 @@ function P(r, n, e) {
121
115
  const o = r.getAttribute("data-layout") || "grid", i = r.getAttribute("currency-alignment") || "after";
122
116
  o === "list" ? w(r, n, i, e) : R(r, n, i, e);
123
117
  }
124
- function b(r, n, e) {
118
+ function f(r, n, e) {
125
119
  const o = new RegExp(`${n}\\s*:\\s*(\\d+)\\s*px`, "i"), i = r.match(o);
126
120
  return i ? parseInt(i[1]) : e;
127
121
  }
@@ -138,14 +132,14 @@ function T(r, n) {
138
132
  return null;
139
133
  }
140
134
  function v(r) {
141
- const n = r.getAttribute("style") || "", e = b(n, "width", 600), o = b(n, "padding", 0) * 2, i = Math.max(0, e - o);
135
+ const n = r.getAttribute("style") || "", e = f(n, "width", 600), o = f(n, "padding", 0) * 2, i = Math.max(0, e - o);
142
136
  i !== 0 && r.querySelectorAll("img.adapt-img").forEach((c) => {
143
137
  if (c.hasAttribute("width"))
144
138
  return;
145
139
  const t = T(c, r);
146
140
  if (!t)
147
141
  return;
148
- const s = t.getAttribute("width"), a = parseFloat(s), u = b(t.getAttribute("style") || "", "padding", 0) * 2, p = Math.floor(i * a / 100), l = Math.max(1, p - u);
142
+ const s = t.getAttribute("width"), a = parseFloat(s), u = f(t.getAttribute("style") || "", "padding", 0) * 2, p = Math.floor(i * a / 100), l = Math.max(1, p - u);
149
143
  c.setAttribute("width", String(l));
150
144
  const d = c.getAttribute("style") || "";
151
145
  if (!/\bwidth\s*:\s*\d/i.test(d)) {
@@ -163,9 +157,9 @@ function N(r) {
163
157
  const n = r.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), e = new DOMParser().parseFromString(n, "text/html"), o = e.querySelectorAll(".recommendation-block-v2");
164
158
  if (!o.length)
165
159
  return r;
166
- const { buildCampaignUrl: i } = _(), c = C();
160
+ const { buildCampaignUrl: i } = g(), c = C();
167
161
  c.recommendationCampaignUrls = {};
168
- const { isFeatureEnabled: t } = g(), s = t("liquidSyntax") ? "reco_" : "";
162
+ const { isFeatureEnabled: t } = _(), s = t("liquidSyntax") ? "reco_" : "";
169
163
  return o.forEach((u) => {
170
164
  var l, d;
171
165
  const p = u.getAttribute("recommendation-id");
@@ -173,6 +167,6 @@ function N(r) {
173
167
  }), O(n, e).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
174
168
  }
175
169
  export {
176
- y as formatPriceVariable,
170
+ h as formatPriceVariable,
177
171
  N as prepareRecommendationBlocks
178
172
  };
@@ -1,20 +1,20 @@
1
- import { BlockId as g } from "../../../enums/block.js";
1
+ import { BlockId as u } from "../../../enums/block.js";
2
2
  import { useOnboardingStore as p } from "../../../stores/onboarding.js";
3
- import { getMigrationBannerHtml as f } from "../../../utils/migrationBannerHtml.js";
4
- import { Block as u, BlockCompositionType as I, ModificationDescription as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
5
- import { SETTINGS_ENUMS as a, DefaultConfigValues as i } from "./enums/settingsEnums.js";
6
- import { getDefaultTemplate as C } from "./template.js";
7
- import { getItemsBlockContainer as y, getItemsBlockConfig as b, getDefaultItemsBlockConfig as h } from "./utils/nodeConfigUtils.js";
8
- const c = g.Items;
9
- class E extends u {
3
+ import { getMigrationBannerHtml as C } from "../../../utils/migrationBannerHtml.js";
4
+ import { Block as I, BlockCompositionType as y, ModificationDescription as s } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
5
+ import { SETTINGS_ENUMS as c, DefaultConfigValues as a } from "./enums/settingsEnums.js";
6
+ import { getDefaultTemplate as h } from "./template.js";
7
+ import { getItemsBlockContainer as l, getItemsBlockConfig as m, getDefaultItemsBlockConfig as b } from "./utils/nodeConfigUtils.js";
8
+ const d = u.Items;
9
+ class E extends I {
10
10
  getId() {
11
- return c;
11
+ return d;
12
12
  }
13
13
  getIcon() {
14
14
  return "items-icon";
15
15
  }
16
16
  getBlockCompositionType() {
17
- return I.CONTAINER;
17
+ return y.CONTAINER;
18
18
  }
19
19
  getName() {
20
20
  return this.api.translate("Items");
@@ -23,41 +23,60 @@ class E extends u {
23
23
  return this.api.translate("Items lets you display personalized products based on user behavior.");
24
24
  }
25
25
  getSettingsPanelTitleHtml() {
26
- return f(
27
- c,
26
+ return C(
27
+ d,
28
28
  this.api.translate("Items"),
29
29
  this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.")
30
30
  );
31
31
  }
32
32
  getTemplate() {
33
- return C({
34
- orientation: a.ORIENTATION.VERTICAL,
35
- itemsType: a.ITEMS_TYPE.CART_ITEMS,
33
+ return h({
34
+ orientation: c.ORIENTATION.VERTICAL,
35
+ itemsType: c.ITEMS_TYPE.CART_ITEMS,
36
36
  itemId: "{{Abandoned Cart Item (1) Url}}",
37
- currencySymbol: i.productPriceCurrencySymbolControlValue,
38
- currencyLocation: i.productPriceCurrencyLocationControlValue,
39
- formattedPrice: i.productPriceFormattedControlValue === "1"
37
+ currencySymbol: a.productPriceCurrencySymbolControlValue,
38
+ currencyLocation: a.productPriceCurrencyLocationControlValue,
39
+ formattedPrice: a.productPriceFormattedControlValue === "1"
40
40
  });
41
41
  }
42
42
  allowInnerBlocksDND() {
43
43
  return !1;
44
44
  }
45
- onCreated(n) {
46
- const l = this.api.getDocumentModifier(), r = this.api.getDocumentRootCssNode();
47
- r.querySelector('[product-attr="imageSrc"] img') || l.modifyCss(r).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
48
- const e = y(n);
49
- if (!e)
45
+ canBeSavedAsModule() {
46
+ return !0;
47
+ }
48
+ onCreated(i) {
49
+ const n = this.api.getDocumentModifier(), r = this.api.getDocumentRootCssNode();
50
+ r.querySelector('[product-attr="imageSrc"] img') || n.modifyCss(r).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
51
+ const t = l(i);
52
+ if (!t)
50
53
  return;
51
- const s = e.getNodeConfig(), m = s && Object.keys(s).length > 0, t = b(n);
52
- if (t != null && t.initialized)
53
- m ? t.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...t, blockInstanceId: String(Date.now()) }).apply(new o("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(t).apply(new o("Migrate legacy config to nodeConfig"));
54
+ const e = t.getNodeConfig(), g = e && Object.keys(e).length > 0, o = m(i);
55
+ if (o != null && o.initialized)
56
+ g ? o.blockInstanceId || this.api.getDocumentModifier().modifyHtml(t).setNodeConfig({ ...o, blockInstanceId: String(Date.now()) }).apply(new s("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(t).setNodeConfig(o).apply(new s("Migrate legacy config to nodeConfig"));
54
57
  else {
55
- const d = h();
56
- this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(d).apply(new o("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
58
+ const f = b();
59
+ this.api.getDocumentModifier().modifyHtml(t).setNodeConfig(f).apply(new s("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
57
60
  }
58
61
  }
62
+ /**
63
+ * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
64
+ * surfaces via document load. Stripo strips esd-ext-config and never restores it
65
+ * into nodeConfig, so without this a reused module would reset to defaults.
66
+ * Guarded to the nodeConfig-empty case so it runs once and never loops.
67
+ */
68
+ onDocumentChanged(i) {
69
+ const n = l(i);
70
+ if (!n)
71
+ return;
72
+ const r = n.getNodeConfig();
73
+ if (r && Object.keys(r).length > 0)
74
+ return;
75
+ const e = m(i);
76
+ e != null && e.initialized && this.api.getDocumentModifier().modifyHtml(n).setNodeConfig(e).apply(new s("Recover Items block config from saved module"));
77
+ }
59
78
  }
60
79
  export {
61
- c as BLOCK_ID,
80
+ d as BLOCK_ID,
62
81
  E as ItemsBlock
63
82
  };
@@ -1,36 +1,36 @@
1
1
  import { ModificationDescription as b } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
2
- import { DefaultConfigValues as o, SETTINGS_ENUMS as n, ItemInCartOptions as g } from "../enums/settingsEnums.js";
2
+ import { DefaultConfigValues as i, SETTINGS_ENUMS as n, ItemInCartOptions as g } from "../enums/settingsEnums.js";
3
3
  function _() {
4
4
  return String(Date.now() + Math.floor(Math.random() * 1e3));
5
5
  }
6
6
  const E = (r) => r.replace(/\$/g, "$$$$");
7
- function S() {
7
+ function y() {
8
8
  return {
9
9
  initialized: !0,
10
10
  blockInstanceId: _(),
11
11
  source: n.ITEMS_TYPE.CART_ITEMS,
12
12
  type: n.ITEMS_TYPE.CART_ITEMS,
13
- itemsSelectValue: o.cartItemsSelectControlValue,
13
+ itemsSelectValue: i.cartItemsSelectControlValue,
14
14
  orientation: n.ORIENTATION.VERTICAL,
15
- nameTrimming: o.productNameTrimmingControlValue === "1",
16
- priceHideDiscount: o.productPriceHideDiscountControlValue === "1",
17
- priceFormatted: o.productPriceFormattedControlValue === "1",
15
+ nameTrimming: i.productNameTrimmingControlValue === "1",
16
+ priceHideDiscount: i.productPriceHideDiscountControlValue === "1",
17
+ priceFormatted: i.productPriceFormattedControlValue === "1",
18
18
  priceSinglePrice: !1,
19
- priceCurrencySymbol: o.productPriceCurrencySymbolControlValue,
20
- priceCurrencyLocation: o.productPriceCurrencyLocationControlValue,
19
+ priceCurrencySymbol: i.productPriceCurrencySymbolControlValue,
20
+ priceCurrencyLocation: i.productPriceCurrencyLocationControlValue,
21
21
  priceOrientation: "horizontal",
22
- quantityControlEnabled: o.productQuantityControlEnabled === "1",
23
- buttonLink: o.productButtonLinkControlValue,
24
- imageLink: o.productImageLinkControlValue,
22
+ quantityControlEnabled: i.productQuantityControlEnabled === "1",
23
+ buttonLink: i.productButtonLinkControlValue,
24
+ imageLink: i.productImageLinkControlValue,
25
25
  buttonLabel: "Buy",
26
26
  buttonFullWidth: !0,
27
27
  // Default to full width (es-fw class)
28
- imageVisible: o.productImageVisible === "1",
29
- nameVisible: o.productNameVisible === "1",
30
- quantityVisible: o.productQuantityVisible === "1",
31
- priceVisible: o.productPriceVisible === "1",
32
- originalPriceVisible: o.productOriginalPriceVisible === "1",
33
- buttonVisible: o.productButtonVisible === "1"
28
+ imageVisible: i.productImageVisible === "1",
29
+ nameVisible: i.productNameVisible === "1",
30
+ quantityVisible: i.productQuantityVisible === "1",
31
+ priceVisible: i.productPriceVisible === "1",
32
+ originalPriceVisible: i.productOriginalPriceVisible === "1",
33
+ buttonVisible: i.productButtonVisible === "1"
34
34
  };
35
35
  }
36
36
  function p(r) {
@@ -50,26 +50,26 @@ function m(r) {
50
50
  PURCHASED_ITEMS: n.ITEMS_TYPE.PURCHASED_ITEMS
51
51
  }[r] || n.ITEMS_TYPE.CART_ITEMS : n.ITEMS_TYPE.CART_ITEMS;
52
52
  }
53
- function I(r, t) {
53
+ function f(r, t) {
54
54
  if (!r)
55
- return o.cartItemsSelectControlValue;
55
+ return i.cartItemsSelectControlValue;
56
56
  if (r.includes("{{"))
57
57
  return r;
58
58
  if (/^\d+$/.test(r)) {
59
- const e = parseInt(r) - 1, i = g[t];
60
- if (i && i[e])
61
- return i[e].value;
59
+ const e = parseInt(r) - 1, o = g[t];
60
+ if (o && o[e])
61
+ return o[e].value;
62
62
  }
63
- return o.cartItemsSelectControlValue;
63
+ return i.cartItemsSelectControlValue;
64
64
  }
65
65
  function C(r) {
66
66
  const t = r.querySelector("esd-config-block");
67
67
  if (!t)
68
68
  return null;
69
- const e = (c, s) => c == null ? s : c === "1" || c === "true", i = (c, s) => c || s, u = t.getAttribute("data-type"), a = m(u), d = t.getAttribute("data-cart_items_select_control_value"), l = I(d, a);
69
+ const e = (u, s) => u == null ? s : u === "1" || u === "true", o = (u, s) => u || s, c = t.getAttribute("data-type"), a = m(c), d = t.getAttribute("data-cart_items_select_control_value"), l = f(d, a);
70
70
  return {
71
71
  initialized: e(t.getAttribute("data-initialized"), !1),
72
- blockInstanceId: i(
72
+ blockInstanceId: o(
73
73
  t.getAttribute("data-block-instance-id"),
74
74
  _()
75
75
  ),
@@ -93,28 +93,28 @@ function C(r) {
93
93
  t.getAttribute("data-product_price_control_single_price"),
94
94
  !1
95
95
  ),
96
- priceCurrencySymbol: i(
96
+ priceCurrencySymbol: o(
97
97
  t.getAttribute("data-product_price_control_currency_symbol"),
98
- o.productPriceCurrencySymbolControlValue
98
+ i.productPriceCurrencySymbolControlValue
99
99
  ),
100
- priceCurrencyLocation: i(
100
+ priceCurrencyLocation: o(
101
101
  t.getAttribute("data-product_price_currency_location"),
102
- o.productPriceCurrencyLocationControlValue
102
+ i.productPriceCurrencyLocationControlValue
103
103
  ),
104
104
  priceOrientation: t.getAttribute("data-product_original_price_control_orientation") || "horizontal",
105
105
  quantityControlEnabled: e(
106
106
  t.getAttribute("data-product_quantity_control_enabled"),
107
107
  !0
108
108
  ),
109
- buttonLink: i(
109
+ buttonLink: o(
110
110
  t.getAttribute("data-product_button_link"),
111
- o.productButtonLinkControlValue
111
+ i.productButtonLinkControlValue
112
112
  ),
113
- imageLink: i(
113
+ imageLink: o(
114
114
  t.getAttribute("data-product_image_link"),
115
- o.productImageLinkControlValue
115
+ i.productImageLinkControlValue
116
116
  ),
117
- buttonLabel: i(
117
+ buttonLabel: o(
118
118
  t.getAttribute("data-product_button_control_label"),
119
119
  "Buy"
120
120
  ),
@@ -149,28 +149,45 @@ function C(r) {
149
149
  )
150
150
  };
151
151
  }
152
- function y(r) {
152
+ function I(r) {
153
+ if (typeof r.getAttribute != "function")
154
+ return null;
155
+ const t = r.getAttribute("esd-ext-config");
156
+ if (!t)
157
+ return null;
158
+ try {
159
+ const e = JSON.parse(t);
160
+ if (e && e.initialized)
161
+ return e;
162
+ } catch {
163
+ }
164
+ return null;
165
+ }
166
+ function A(r) {
153
167
  const t = p(r);
154
168
  if (!t)
155
169
  return null;
156
170
  const e = t.getNodeConfig();
157
171
  if (e && e.initialized)
158
172
  return e;
159
- const i = C(t);
160
- return i || null;
173
+ const o = I(t);
174
+ if (o)
175
+ return o;
176
+ const c = C(t);
177
+ return c || null;
161
178
  }
162
- function A(r, t, e, i) {
163
- const u = p(r);
164
- if (!u)
179
+ function V(r, t, e, o) {
180
+ const c = p(r);
181
+ if (!c)
165
182
  return;
166
- const d = { ...u.getNodeConfig() || {}, ...e }, l = i ?? t.getDocumentModifier();
167
- l.modifyHtml(u).setNodeConfig(d), i || l.apply(new b("Update Items block configuration"));
183
+ const d = { ...c.getNodeConfig() || {}, ...e }, l = o ?? t.getDocumentModifier();
184
+ l.modifyHtml(c).setNodeConfig(d), o || l.apply(new b("Update Items block configuration"));
168
185
  }
169
186
  export {
170
187
  E as escapeReplacement,
171
188
  _ as generateBlockInstanceId,
172
- S as getDefaultItemsBlockConfig,
173
- y as getItemsBlockConfig,
189
+ y as getDefaultItemsBlockConfig,
190
+ A as getItemsBlockConfig,
174
191
  p as getItemsBlockContainer,
175
- A as setItemsBlockConfig
192
+ V as setItemsBlockConfig
176
193
  };
@@ -1,11 +1,11 @@
1
- const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", n = ".ins-recommendation-mobile-container", t = ".ins-recommendation-mobile-row", r = "reco-v3-button", _ = {
1
+ const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", t = ".ins-recommendation-desktop-container", o = ".ins-recommendation-mobile-container", n = ".ins-recommendation-mobile-row", r = "reco-v3-button", _ = {
2
2
  CURRENCY: "currency",
3
3
  SYMBOL: "currency-symbol",
4
4
  ALIGNMENT: "currency-alignment",
5
5
  THOUSAND_SEPARATOR: "currency-thousand-separator",
6
6
  DECIMAL_SEPARATOR: "currency-decimal-separator",
7
7
  DECIMAL_COUNT: "currency-decimal-count"
8
- }, R = "productImage", e = "productName", O = "productPrice", s = "productOldPrice", i = "productOmnibusPrice", C = "productOmnibusDiscount", E = "productButton", A = "customAttr:", u = "data-custom-attributes", m = "product-attr", a = /* @__PURE__ */ new Set([
8
+ }, R = "productImage", e = "productName", O = "productPrice", s = "productOldPrice", E = "productOmnibusPrice", i = "productOmnibusDiscount", C = "productButton", A = "customAttr:", u = "data-custom-attributes", a = "product-attr", m = "product_attribute.", U = /* @__PURE__ */ new Set([
9
9
  "name",
10
10
  // productName
11
11
  "price",
@@ -24,20 +24,21 @@ const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container
24
24
  export {
25
25
  A as ATTR_CUSTOM_PREFIX,
26
26
  u as ATTR_DATA_CUSTOM_ATTRIBUTES,
27
- m as ATTR_PRODUCT_ATTR,
28
- E as ATTR_PRODUCT_BUTTON,
27
+ a as ATTR_PRODUCT_ATTR,
28
+ C as ATTR_PRODUCT_BUTTON,
29
29
  R as ATTR_PRODUCT_IMAGE,
30
30
  e as ATTR_PRODUCT_NAME,
31
31
  s as ATTR_PRODUCT_OLD_PRICE,
32
- C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
33
- i as ATTR_PRODUCT_OMNIBUS_PRICE,
32
+ i as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
33
+ E as ATTR_PRODUCT_OMNIBUS_PRICE,
34
34
  O as ATTR_PRODUCT_PRICE,
35
35
  T as BLOCK_ROOT_SELECTOR,
36
- a as BUILT_IN_DEFAULT_ATTRIBUTES,
36
+ U as BUILT_IN_DEFAULT_ATTRIBUTES,
37
37
  c as CONTAINER_SELECTOR,
38
38
  r as CSS_CLASS_RECO_BUTTON,
39
39
  _ as CURRENCY_ATTR,
40
- o as DESKTOP_CONTAINER_SELECTOR,
41
- n as MOBILE_CONTAINER_SELECTOR,
42
- t as MOBILE_ROW_SELECTOR
40
+ t as DESKTOP_CONTAINER_SELECTOR,
41
+ o as MOBILE_CONTAINER_SELECTOR,
42
+ n as MOBILE_ROW_SELECTOR,
43
+ m as PRODUCT_ATTRIBUTE_PREFIX
43
44
  };
@@ -1,8 +1,8 @@
1
1
  var C = Object.defineProperty;
2
- var p = (d, c, t) => c in d ? C(d, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[c] = t;
3
- var s = (d, c, t) => p(d, typeof c != "symbol" ? c + "" : c, t);
2
+ var p = (d, a, t) => a in d ? C(d, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[a] = t;
3
+ var s = (d, a, t) => p(d, typeof a != "symbol" ? a + "" : a, t);
4
4
  import { CommonControl as g } from "../../../common-control.js";
5
- import { DEFAULT_NODE_CONFIG as a } from "../../constants/defaultConfig.js";
5
+ import { DEFAULT_NODE_CONFIG as l } from "../../constants/defaultConfig.js";
6
6
  import { RecommendationConfigService as h } from "../../services/configService.js";
7
7
  import { useRecommendationExtensionStore as y } from "../../store/recommendation.js";
8
8
  import { AlgorithmControl as R } from "./algorithm.js";
@@ -16,13 +16,13 @@ import { LAYOUT_ORIENTATION_CONTROL_ID as rt } from "./layoutOrientation.js";
16
16
  import { LocaleControl as _ } from "./locale.js";
17
17
  import { LOCALE_CONTROL_ID as it } from "./locale.js";
18
18
  import { ProductCountControl as O } from "./productCount.js";
19
- import { PRODUCT_COUNT_CONTROL_ID as at } from "./productCount.js";
19
+ import { PRODUCT_COUNT_CONTROL_ID as lt } from "./productCount.js";
20
20
  import { ProductLayoutControl as T } from "./productLayout.js";
21
- import { PRODUCT_LAYOUT_CONTROL_ID as lt } from "./productLayout.js";
21
+ import { PRODUCT_LAYOUT_CONTROL_ID as ct } from "./productLayout.js";
22
22
  import { ShuffleControl as S } from "./shuffle.js";
23
23
  import { SHUFFLE_CONTROL_ID as dt } from "./shuffle.js";
24
24
  import { setCurrencyAttributes as L, getBlockElement as P, updateProductContentInPlace as k, regenerateProductRowsWithStyles as D } from "./utils.js";
25
- import { adjustProductsToSize as mt, formatProductPrice as ft, getCardComposition as Ct, getCurrentLayout as pt, reapplySpacing as gt, regenerateMobileProductRows as yt, regenerateProductRows as Rt, updatePricesInPlace as bt, updateSingleProductContent as Nt } from "./utils.js";
25
+ import { adjustProductsToSize as mt, formatProductPrice as ft, getCardComposition as Ct, getCurrentLayout as pt, regenerateMobileProductRows as gt, updatePricesInPlace as yt, updateSingleProductContent as Rt } from "./utils.js";
26
26
  import { useDebounceFn as m } from "../../../../../node_modules/@vueuse/shared/index.js";
27
27
  const E = "recommendation-id", w = "ui-elements-recommendation-block";
28
28
  class K extends g {
@@ -241,26 +241,26 @@ class K extends g {
241
241
  return;
242
242
  const t = h.getConfig(this.currentNode), e = {};
243
243
  let o = null, r = null, n = null;
244
- if (t.currency.code === a.currency.code) {
244
+ if (t.currency.code === l.currency.code) {
245
245
  const { currencyList: i } = this.store;
246
246
  i.length > 0 && (i.some(
247
- (u) => u.value === `price.${a.currency.code}`
247
+ (u) => u.value === `price.${l.currency.code}`
248
248
  ) || (o = i[0].value.replace("price.", ""), e.currency = {
249
- ...a.currency,
249
+ ...l.currency,
250
250
  code: o,
251
251
  symbol: o
252
252
  }));
253
253
  }
254
- if (t.strategy === a.strategy) {
254
+ if (t.strategy === l.strategy) {
255
255
  const i = this.store.getActivePredictiveAlgorithms;
256
256
  i.length > 0 && (i.some(
257
- (u) => u.value === a.strategy
257
+ (u) => u.value === l.strategy
258
258
  ) || (r = i[0].value, e.strategy = r));
259
259
  }
260
- if (t.language === a.language) {
260
+ if (t.language === l.language) {
261
261
  const i = this.store.getLanguages;
262
262
  i.length > 0 && (i.some(
263
- (u) => u.value === a.language
263
+ (u) => u.value === l.language
264
264
  ) || (n = i[0].value, e.language = n));
265
265
  }
266
266
  !o && !r && !n || (h.updateConfig(
@@ -278,10 +278,10 @@ class K extends g {
278
278
  name: o,
279
279
  value: o,
280
280
  symbol: o,
281
- alignment: a.currency.alignment === "before" ? "0" : "1",
282
- decimalCount: a.currency.decimalCount.toString(),
283
- decimalSeparator: a.currency.decimalSeparator,
284
- thousandSeparator: a.currency.thousandSeparator
281
+ alignment: l.currency.alignment === "before" ? "0" : "1",
282
+ decimalCount: l.currency.decimalCount.toString(),
283
+ decimalSeparator: l.currency.decimalSeparator,
284
+ thousandSeparator: l.currency.thousandSeparator
285
285
  }
286
286
  } : {},
287
287
  ...r ? { strategy: r } : {},
@@ -325,8 +325,8 @@ class K extends g {
325
325
  }
326
326
  const i = t.$state.configVersion;
327
327
  i !== o && (o = i, this._persistFiltersToNodeConfig(), this._debouncedFetchProducts());
328
- const l = t.recommendationProducts, u = l !== e, f = Array.isArray(l) && l.length > 0;
329
- u && f && (e = l, this._debouncedRegenerateWithProducts());
328
+ const c = t.recommendationProducts, u = c !== e, f = Array.isArray(c) && c.length > 0;
329
+ u && f && (e = c, this._debouncedRegenerateWithProducts());
330
330
  });
331
331
  }
332
332
  /**
@@ -357,8 +357,8 @@ export {
357
357
  it as LOCALE_CONTROL_ID,
358
358
  I as LayoutOrientationControl,
359
359
  _ as LocaleControl,
360
- at as PRODUCT_COUNT_CONTROL_ID,
361
- lt as PRODUCT_LAYOUT_CONTROL_ID,
360
+ lt as PRODUCT_COUNT_CONTROL_ID,
361
+ ct as PRODUCT_LAYOUT_CONTROL_ID,
362
362
  O as ProductCountControl,
363
363
  T as ProductLayoutControl,
364
364
  K as RecommendationBlockControl,
@@ -369,12 +369,10 @@ export {
369
369
  P as getBlockElement,
370
370
  Ct as getCardComposition,
371
371
  pt as getCurrentLayout,
372
- gt as reapplySpacing,
373
- yt as regenerateMobileProductRows,
374
- Rt as regenerateProductRows,
372
+ gt as regenerateMobileProductRows,
375
373
  D as regenerateProductRowsWithStyles,
376
374
  L as setCurrencyAttributes,
377
- bt as updatePricesInPlace,
375
+ yt as updatePricesInPlace,
378
376
  k as updateProductContentInPlace,
379
- Nt as updateSingleProductContent
377
+ Rt as updateSingleProductContent
380
378
  };