@useinsider/guido 2.1.0-beta.d4a1ced → 2.1.0-beta.d770bbd

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 (41) hide show
  1. package/dist/components/organisms/base/Toaster.vue.js +4 -4
  2. package/dist/components/organisms/base/Toaster.vue2.js +12 -9
  3. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js +5 -5
  4. package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue2.js +2 -2
  5. package/dist/components/organisms/header/EditorActions.vue.js +8 -10
  6. package/dist/components/organisms/header/EditorActions.vue2.js +31 -40
  7. package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue.js +1 -1
  8. package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue2.js +19 -19
  9. package/dist/config/i18n/en/labels.json.js +3 -8
  10. package/dist/config/migrator/itemsBlockMigrator.js +134 -136
  11. package/dist/config/migrator/recommendationMigrator.js +40 -42
  12. package/dist/extensions/Blocks/Items/block.js +25 -45
  13. package/dist/extensions/Blocks/Items/iconsRegistry.js +5 -6
  14. package/dist/extensions/Blocks/Items/items.css.js +0 -48
  15. package/dist/extensions/Blocks/Recommendation/block.js +29 -49
  16. package/dist/extensions/Blocks/Recommendation/iconsRegistry.js +3 -4
  17. package/dist/extensions/Blocks/Recommendation/recommendation.css.js +0 -48
  18. package/dist/extensions/Blocks/Unsubscribe/block.js +29 -29
  19. package/dist/extensions/Blocks/Unsubscribe/control.js +12 -9
  20. package/dist/extensions/Blocks/Unsubscribe/elements/preview.js +13 -11
  21. package/dist/extensions/Blocks/Unsubscribe/styles.css.js +31 -1
  22. package/dist/extensions/Blocks/common-control.js +4 -12
  23. package/dist/guido.css +1 -1
  24. package/dist/src/components/Guido.vue.d.ts +1 -1
  25. package/dist/src/components/organisms/header/EditorActions.vue.d.ts +1 -1
  26. package/dist/src/components/organisms/header/HeaderWrapper.vue.d.ts +1 -1
  27. package/dist/src/components/organisms/header/RightSlot.vue.d.ts +1 -1
  28. package/dist/src/components/wrappers/WpModal.vue.d.ts +2 -2
  29. package/dist/src/extensions/Blocks/Items/block.d.ts +0 -1
  30. package/dist/src/extensions/Blocks/Recommendation/block.d.ts +0 -1
  31. package/dist/src/extensions/Blocks/Unsubscribe/control.d.ts +1 -0
  32. package/dist/src/extensions/Blocks/common-control.d.ts +0 -5
  33. package/dist/stores/unsubscribe.js +37 -34
  34. package/package.json +2 -2
  35. package/dist/components/organisms/header/MigrationConfirmModal.vue.js +0 -17
  36. package/dist/components/organisms/header/MigrationConfirmModal.vue2.js +0 -41
  37. package/dist/extensions/Blocks/common-icons.js +0 -39
  38. package/dist/src/components/organisms/header/MigrationConfirmModal.vue.d.ts +0 -6
  39. package/dist/src/extensions/Blocks/common-icons.d.ts +0 -1
  40. package/dist/src/stores/template.d.ts +0 -3
  41. package/dist/stores/template.js +0 -9
@@ -1,12 +1,10 @@
1
- var B = Object.defineProperty;
2
- var v = (r, t, o) => t in r ? B(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o;
3
- var M = (r, t, o) => v(r, typeof t != "symbol" ? t + "" : t, o);
4
- import { BLOCK_ID as U } from "../../extensions/Blocks/Items/block.js";
5
- import { productPairs as K } from "../../extensions/Blocks/Items/enums/productEnums.js";
6
- import { ItemInCartOptions as T, DefaultConfigValues as g, SETTINGS_ENUMS as s } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
7
- import { getDefaultTemplate as w } from "../../extensions/Blocks/Items/template.js";
8
- import { useTemplateStore as F } from "../../stores/template.js";
9
- const q = {
1
+ var v = Object.defineProperty;
2
+ var B = (e, t, r) => t in e ? v(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
3
+ var M = (e, t, r) => B(e, typeof t != "symbol" ? t + "" : t, r);
4
+ import { productPairs as U } from "../../extensions/Blocks/Items/enums/productEnums.js";
5
+ import { ItemInCartOptions as T, DefaultConfigValues as g, SETTINGS_ENUMS as u } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
6
+ import { getDefaultTemplate as K } from "../../extensions/Blocks/Items/template.js";
7
+ const w = {
10
8
  img: {
11
9
  pairsKey: "imageSrc",
12
10
  defaultKey: "DEFAULT",
@@ -73,122 +71,122 @@ const q = {
73
71
  isArray: !1
74
72
  }
75
73
  };
76
- function O() {
74
+ function F() {
77
75
  return String(Date.now() + Math.floor(Math.random() * 1e3));
78
76
  }
79
- function $(r) {
80
- return r ? {
81
- CartItems: s.ITEMS_TYPE.CART_ITEMS,
82
- BrowsedItems: s.ITEMS_TYPE.BROWSED_ITEMS,
83
- PurchasedItems: s.ITEMS_TYPE.PURCHASED_ITEMS,
84
- CART_ITEMS: s.ITEMS_TYPE.CART_ITEMS,
85
- BROWSED_ITEMS: s.ITEMS_TYPE.BROWSED_ITEMS,
86
- PURCHASED_ITEMS: s.ITEMS_TYPE.PURCHASED_ITEMS
87
- }[r] || s.ITEMS_TYPE.CART_ITEMS : s.ITEMS_TYPE.CART_ITEMS;
77
+ function q(e) {
78
+ return e ? {
79
+ CartItems: u.ITEMS_TYPE.CART_ITEMS,
80
+ BrowsedItems: u.ITEMS_TYPE.BROWSED_ITEMS,
81
+ PurchasedItems: u.ITEMS_TYPE.PURCHASED_ITEMS,
82
+ CART_ITEMS: u.ITEMS_TYPE.CART_ITEMS,
83
+ BROWSED_ITEMS: u.ITEMS_TYPE.BROWSED_ITEMS,
84
+ PURCHASED_ITEMS: u.ITEMS_TYPE.PURCHASED_ITEMS
85
+ }[e] || u.ITEMS_TYPE.CART_ITEMS : u.ITEMS_TYPE.CART_ITEMS;
88
86
  }
89
- function R(r) {
90
- var e;
91
- const t = (i, _) => i == null ? _ : i === "1" || i === "true", o = (i, _) => i || _, c = r["data-type"] || r["data-source"], a = $(c), n = T[a];
92
- let l = r["data-cart_items_select_control_value"] || ((e = n == null ? void 0 : n[0]) == null ? void 0 : e.value) || g.cartItemsSelectControlValue;
93
- if (l && !l.includes("{{") && /^\d+$/.test(l)) {
94
- const i = parseInt(l) - 1, _ = T[a];
95
- _ && _[i] && (l = _[i].value);
87
+ function R(e) {
88
+ var a;
89
+ const t = (_, c) => _ == null ? c : _ === "1" || _ === "true", r = (_, c) => _ || c, l = e["data-type"] || e["data-source"], i = q(l), n = T[i];
90
+ let o = e["data-cart_items_select_control_value"] || ((a = n == null ? void 0 : n[0]) == null ? void 0 : a.value) || g.cartItemsSelectControlValue;
91
+ if (o && !o.includes("{{") && /^\d+$/.test(o)) {
92
+ const _ = parseInt(o) - 1, c = T[i];
93
+ c && c[_] && (o = c[_].value);
96
94
  }
97
95
  return {
98
96
  initialized: !0,
99
- blockInstanceId: o(r["data-block-instance-id"], O()),
100
- source: a,
101
- type: a,
102
- itemsSelectValue: l,
103
- orientation: r["data-card_orientation_control_value"] || s.ORIENTATION.VERTICAL,
104
- nameTrimming: t(r["data-product_name_control_trim"], !0),
105
- priceHideDiscount: t(r["data-product_price_control_nodup"], !0),
106
- priceFormatted: t(r["data-product_price_control_formated"], !0),
107
- priceSinglePrice: t(r["data-product_price_control_single_price"], !1),
108
- priceCurrencySymbol: o(
109
- r["data-product_price_control_currency_symbol"],
97
+ blockInstanceId: r(e["data-block-instance-id"], F()),
98
+ source: i,
99
+ type: i,
100
+ itemsSelectValue: o,
101
+ orientation: e["data-card_orientation_control_value"] || u.ORIENTATION.VERTICAL,
102
+ nameTrimming: t(e["data-product_name_control_trim"], !0),
103
+ priceHideDiscount: t(e["data-product_price_control_nodup"], !0),
104
+ priceFormatted: t(e["data-product_price_control_formated"], !0),
105
+ priceSinglePrice: t(e["data-product_price_control_single_price"], !1),
106
+ priceCurrencySymbol: r(
107
+ e["data-product_price_control_currency_symbol"],
110
108
  g.productPriceCurrencySymbolControlValue
111
109
  ),
112
- priceCurrencyLocation: o(
113
- r["data-product_price_currency_location"],
110
+ priceCurrencyLocation: r(
111
+ e["data-product_price_currency_location"],
114
112
  g.productPriceCurrencyLocationControlValue
115
113
  ),
116
- priceOrientation: r["data-product_original_price_control_orientation"] || "horizontal",
117
- quantityControlEnabled: t(r["data-product_quantity_control_enabled"], !0),
118
- buttonLink: o(r["data-product_button_link"], g.productButtonLinkControlValue),
119
- imageLink: o(r["data-product_image_link"], g.productImageLinkControlValue),
120
- buttonLabel: o(r["data-product_button_control_label"], "Buy"),
121
- buttonFullWidth: t(r["data-product_button_control_atw"], !0),
122
- imageVisible: t(r["data-product_image_control_enabled"], !0),
123
- nameVisible: t(r["data-product_name_control_enabled"], !0),
124
- quantityVisible: t(r["data-product_quantity_control_enabled"], !0),
125
- priceVisible: t(r["data-product_price_control_enabled"], !0),
126
- originalPriceVisible: t(r["data-product_original_price_control_enabled"], !0),
127
- buttonVisible: t(r["data-product_button_control_enabled"], !0)
114
+ priceOrientation: e["data-product_original_price_control_orientation"] || "horizontal",
115
+ quantityControlEnabled: t(e["data-product_quantity_control_enabled"], !0),
116
+ buttonLink: r(e["data-product_button_link"], g.productButtonLinkControlValue),
117
+ imageLink: r(e["data-product_image_link"], g.productImageLinkControlValue),
118
+ buttonLabel: r(e["data-product_button_control_label"], "Buy"),
119
+ buttonFullWidth: t(e["data-product_button_control_atw"], !0),
120
+ imageVisible: t(e["data-product_image_control_enabled"], !0),
121
+ nameVisible: t(e["data-product_name_control_enabled"], !0),
122
+ quantityVisible: t(e["data-product_quantity_control_enabled"], !0),
123
+ priceVisible: t(e["data-product_price_control_enabled"], !0),
124
+ originalPriceVisible: t(e["data-product_original_price_control_enabled"], !0),
125
+ buttonVisible: t(e["data-product_button_control_enabled"], !0)
128
126
  };
129
127
  }
130
- const x = {
128
+ const O = {
131
129
  ins_apr: "CART_ITEMS",
132
130
  browsed_item: "BROWSED_ITEMS",
133
131
  purchased_item: "PURCHASED_ITEMS"
134
132
  };
135
- function V(r, t) {
136
- const o = {
133
+ function $(e, t) {
134
+ const r = {
137
135
  CART_ITEMS: `{{Abandoned Cart Item (${t}) Image}}`,
138
136
  BROWSED_ITEMS: `{{Browsed Item (${t}) Image}}`,
139
137
  PURCHASED_ITEMS: `{{Purchased Item (${t}) Image}}`
140
138
  };
141
- return o[r] || o.CART_ITEMS;
139
+ return r[e] || r.CART_ITEMS;
142
140
  }
143
- function N(r, t) {
144
- const o = {
141
+ function x(e, t) {
142
+ const r = {
145
143
  CART_ITEMS: `{{Abandoned Cart Item (${t}) Url}}`,
146
144
  BROWSED_ITEMS: `{{Browsed Item (${t}) Url}}`,
147
145
  PURCHASED_ITEMS: `{{Purchased Item (${t}) Url}}`
148
146
  };
149
- return o[r] || o.CART_ITEMS;
147
+ return r[e] || r.CART_ITEMS;
150
148
  }
151
- class z {
149
+ class V {
152
150
  constructor() {
153
151
  M(this, "parser");
154
152
  this.parser = new DOMParser();
155
153
  }
156
154
  migrate(t) {
157
155
  try {
158
- let o = this.removeJinjaConditionals(t);
159
- o = this.replaceTemplateVariables(o);
160
- const c = this.parser.parseFromString(o, "text/html"), a = c.querySelectorAll(
156
+ let r = this.removeJinjaConditionals(t);
157
+ r = this.replaceTemplateVariables(r);
158
+ const l = this.parser.parseFromString(r, "text/html"), i = l.querySelectorAll(
161
159
  "td.esd-cart-items-block, td.esd-browsed-items-block, td.esd-purchased-items-block"
162
- ), n = F();
163
- return n.migrations[U] = a.length, a.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), o) : (a.forEach((l) => {
164
- const e = this.extractConfiguration(l), i = w({
165
- orientation: e.orientation,
166
- itemsType: e.itemsType,
167
- itemId: e.itemId,
168
- currencySymbol: e.currencySymbol,
169
- currencyLocation: e.currencyLocation,
170
- formattedPrice: e.formattedPrice,
171
- configBlockAttributes: e.configBlockAttributes,
160
+ );
161
+ return i.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), r) : (i.forEach((n) => {
162
+ const o = this.extractConfiguration(n), a = K({
163
+ orientation: o.orientation,
164
+ itemsType: o.itemsType,
165
+ itemId: o.itemId,
166
+ currencySymbol: o.currencySymbol,
167
+ currencyLocation: o.currencyLocation,
168
+ formattedPrice: o.formattedPrice,
169
+ configBlockAttributes: o.configBlockAttributes,
172
170
  migrate: !0,
173
- nameStyles: e.nameStyles,
174
- buttonStyles: e.buttonStyles,
175
- priceStyles: e.priceStyles,
176
- originalPriceStyles: e.originalPriceStyles,
177
- quantityStyles: e.quantityStyles,
178
- nodeConfig: R(e.configBlockAttributes)
179
- }), d = this.parser.parseFromString(
180
- `<table><tbody><tr>${i}</tr></tbody></table>`,
171
+ nameStyles: o.nameStyles,
172
+ buttonStyles: o.buttonStyles,
173
+ priceStyles: o.priceStyles,
174
+ originalPriceStyles: o.originalPriceStyles,
175
+ quantityStyles: o.quantityStyles,
176
+ nodeConfig: R(o.configBlockAttributes)
177
+ }), c = this.parser.parseFromString(
178
+ `<table><tbody><tr>${a}</tr></tbody></table>`,
181
179
  "text/html"
182
180
  ).querySelector("td");
183
- if (d && l.parentNode) {
184
- const p = R(e.configBlockAttributes);
185
- d.setAttribute("esd-ext-config", JSON.stringify(p));
186
- const u = d.querySelector("esd-config-block");
187
- u && u.remove(), l.parentNode.replaceChild(d, l);
181
+ if (c && n.parentNode) {
182
+ const f = R(o.configBlockAttributes);
183
+ c.setAttribute("esd-ext-config", JSON.stringify(f));
184
+ const d = c.querySelector("esd-config-block");
185
+ d && d.remove(), n.parentNode.replaceChild(c, n);
188
186
  }
189
- }), c.documentElement.outerHTML);
190
- } catch (o) {
191
- return console.error("ItemsBlockMigrator failed:", o), t;
187
+ }), l.documentElement.outerHTML);
188
+ } catch (r) {
189
+ return console.error("ItemsBlockMigrator failed:", r), t;
192
190
  }
193
191
  }
194
192
  /**
@@ -199,18 +197,18 @@ class z {
199
197
  */
200
198
  extractConfiguration(t) {
201
199
  var C, D, P;
202
- const o = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", c = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", a = parseInt(c) - 1, n = T[o], l = ((P = n == null ? void 0 : n[a]) == null ? void 0 : P.value) || n[0].value, e = t.querySelector('[product-attr="price"]'), i = (e == null ? void 0 : e.getAttribute("data-currency_symbol")) || "USD", d = ((e == null ? void 0 : e.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", p = (e == null ? void 0 : e.getAttribute("data-formated")) !== "false", u = this.extractConfigBlockAttributes(t, o, c), S = u["data-card_orientation_control_value"];
200
+ const r = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", l = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", i = parseInt(l) - 1, n = T[r], o = ((P = n == null ? void 0 : n[i]) == null ? void 0 : P.value) || n[0].value, a = t.querySelector('[product-attr="price"]'), _ = (a == null ? void 0 : a.getAttribute("data-currency_symbol")) || "USD", f = ((a == null ? void 0 : a.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", d = (a == null ? void 0 : a.getAttribute("data-formated")) !== "false", s = this.extractConfigBlockAttributes(t, r, l), S = s["data-card_orientation_control_value"];
203
201
  let b;
204
202
  S ? b = S === "horizontal" ? "horizontal" : "vertical" : b = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
205
- const y = t.querySelector('a[product-attr="name"]'), I = (y == null ? void 0 : y.getAttribute("style")) || void 0, f = t.querySelector('a[product-attr="button"]'), m = (f == null ? void 0 : f.getAttribute("style")) || void 0, h = (e == null ? void 0 : e.getAttribute("style")) || void 0, A = t.querySelector("p.original-price"), k = (A == null ? void 0 : A.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), L = (E == null ? void 0 : E.getAttribute("style")) || void 0;
203
+ const p = t.querySelector('a[product-attr="name"]'), I = (p == null ? void 0 : p.getAttribute("style")) || void 0, y = t.querySelector('a[product-attr="button"]'), m = (y == null ? void 0 : y.getAttribute("style")) || void 0, h = (a == null ? void 0 : a.getAttribute("style")) || void 0, A = t.querySelector("p.original-price"), k = (A == null ? void 0 : A.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), L = (E == null ? void 0 : E.getAttribute("style")) || void 0;
206
204
  return {
207
205
  orientation: b,
208
- itemsType: o,
209
- itemId: l,
210
- currencySymbol: i,
211
- currencyLocation: d,
212
- formattedPrice: p,
213
- configBlockAttributes: u,
206
+ itemsType: r,
207
+ itemId: o,
208
+ currencySymbol: _,
209
+ currencyLocation: f,
210
+ formattedPrice: d,
211
+ configBlockAttributes: s,
214
212
  nameStyles: I,
215
213
  buttonStyles: m,
216
214
  priceStyles: h,
@@ -225,27 +223,27 @@ class z {
225
223
  * @param itemsType - The type of items (CART_ITEMS, BROWSED_ITEMS, PURCHASED_ITEMS)
226
224
  * @param itemNumber - The item number (1-based index)
227
225
  */
228
- extractConfigBlockAttributes(t, o, c) {
229
- const a = t.querySelector("esd-config-block"), n = {};
230
- if (!a)
226
+ extractConfigBlockAttributes(t, r, l) {
227
+ const i = t.querySelector("esd-config-block"), n = {};
228
+ if (!i)
231
229
  return this.getDefaultConfigBlockAttributes();
232
- if (Array.from(a.attributes).forEach((e) => {
233
- e.name.startsWith("data-") && (n[e.name] = e.value);
230
+ if (Array.from(i.attributes).forEach((a) => {
231
+ a.name.startsWith("data-") && (n[a.name] = a.value);
234
232
  }), n["data-cart_items_select_control_value"]) {
235
- const e = n["data-cart_items_select_control_value"];
236
- if (/^\d+$/.test(e)) {
237
- const i = parseInt(e) - 1, _ = T[o];
238
- _ && _[i] && (n["data-cart_items_select_control_value"] = _[i].value);
233
+ const a = n["data-cart_items_select_control_value"];
234
+ if (/^\d+$/.test(a)) {
235
+ const _ = parseInt(a) - 1, c = T[r];
236
+ c && c[_] && (n["data-cart_items_select_control_value"] = c[_].value);
239
237
  }
240
238
  }
241
239
  if (n["data-product_price_control_curency"]) {
242
- const e = n["data-product_price_control_curency"];
243
- let i = e;
244
- e === "before" ? i = "0" : e === "after" && (i = "1"), n["data-product_price_control_curency"] = i, n["data-product_price_currency_location"] = i;
240
+ const a = n["data-product_price_control_curency"];
241
+ let _ = a;
242
+ a === "before" ? _ = "0" : a === "after" && (_ = "1"), n["data-product_price_control_curency"] = _, n["data-product_price_currency_location"] = _;
245
243
  }
246
244
  (!n["data-product_price_control_currency_symbol"] || n["data-product_price_control_currency_symbol"].trim() === "") && (n["data-product_price_control_currency_symbol"] = "USD");
247
- const l = { ...this.getDefaultConfigBlockAttributes(), ...n };
248
- return l["data-type"] = o, l["data-source"] = o, l["data-product_image_link"] = V(o, c), l["data-product_button_link"] = N(o, c), l;
245
+ const o = { ...this.getDefaultConfigBlockAttributes(), ...n };
246
+ return o["data-type"] = r, o["data-source"] = r, o["data-product_image_link"] = $(r, l), o["data-product_button_link"] = x(r, l), o;
249
247
  }
250
248
  /**
251
249
  * Returns default esd-config-block attributes based on the old template structure
@@ -305,17 +303,17 @@ class z {
305
303
  * contains display condition Jinja scripts that should NOT be removed.
306
304
  */
307
305
  removeJinjaConditionals(t) {
308
- const o = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", c = t.match(/esd-custom-display-conditions="[^"]*"/);
309
- let a = c ? t.replace(c[0], o) : t;
310
- return a = a.replace(
306
+ const r = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", l = t.match(/esd-custom-display-conditions="[^"]*"/);
307
+ let i = l ? t.replace(l[0], r) : t;
308
+ return i = i.replace(
311
309
  /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(&gt;|>)\s*\d+\s*%\}/g,
312
310
  ""
313
- ), a = a.replace(
311
+ ), i = i.replace(
314
312
  /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_\d+\s*(!&#61;|!=)\s*\1_originalprice_\d+\s*%\}/g,
315
313
  ""
316
- ), a = a.replace(/\{%\s*endif\s*%\}/g, ""), c && (a = a.replace(o, c[0])), a = a.replace(/\n\s*\n\s*\n/g, `
314
+ ), i = i.replace(/\{%\s*endif\s*%\}/g, ""), l && (i = i.replace(r, l[0])), i = i.replace(/\n\s*\n\s*\n/g, `
317
315
 
318
- `), a;
316
+ `), i;
319
317
  }
320
318
  /**
321
319
  * Replaces template variables with default values from productPairs
@@ -327,32 +325,32 @@ class z {
327
325
  * - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
328
326
  */
329
327
  replaceTemplateVariables(t) {
330
- const { PAIRS_FOR_EXTENSION: o } = K;
331
- return t.replace(/{{([^}]+)}}/g, (c, a) => {
332
- const n = a.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
328
+ const { PAIRS_FOR_EXTENSION: r } = U;
329
+ return t.replace(/{{([^}]+)}}/g, (l, i) => {
330
+ const n = i.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
333
331
  if (!n)
334
- return c;
335
- const [, l, e, i] = n, _ = x[l];
336
- if (!_)
337
- return console.warn(`Unknown variable prefix: ${l}`), c;
338
- const d = q[e];
339
- if (!d)
340
- return console.warn(`Unknown variable suffix mapping for: ${e}`), c;
341
- const { pairsKey: p, defaultKey: u, isArray: S } = d, y = o[p][_];
342
- if (!y)
343
- return console.warn(`No data found for: ${p}.${_}`), c;
332
+ return l;
333
+ const [, o, a, _] = n, c = O[o];
334
+ if (!c)
335
+ return console.warn(`Unknown variable prefix: ${o}`), l;
336
+ const f = w[a];
337
+ if (!f)
338
+ return console.warn(`Unknown variable suffix mapping for: ${a}`), l;
339
+ const { pairsKey: d, defaultKey: s, isArray: S } = f, p = r[d][c];
340
+ if (!p)
341
+ return console.warn(`No data found for: ${d}.${c}`), l;
344
342
  if (S) {
345
- const f = parseInt(i) - 1, m = y[u];
346
- return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${p}.${_}.${u}[${f}]`), c);
343
+ const y = parseInt(_) - 1, m = p[s];
344
+ return Array.isArray(m) && m[y] ? m[y] : (console.warn(`Array value not found: ${d}.${c}.${s}[${y}]`), l);
347
345
  }
348
- const I = y[u];
349
- return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${p}.${_}.${u}`), c);
346
+ const I = p[s];
347
+ return I !== void 0 ? String(I) : (console.warn(`Default value not found: ${d}.${c}.${s}`), l);
350
348
  });
351
349
  }
352
350
  }
353
- function Q(r) {
354
- return new z().migrate(r);
351
+ function G(e) {
352
+ return new V().migrate(e);
355
353
  }
356
354
  export {
357
- Q as migrateItemsBlock
355
+ G as migrateItemsBlock
358
356
  };
@@ -1,26 +1,24 @@
1
1
  var h = Object.defineProperty;
2
- var T = (d, e, t) => e in d ? h(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
3
- var A = (d, e, t) => T(d, typeof e != "symbol" ? e + "" : e, t);
4
- import { BLOCK_ID as S } from "../../extensions/Blocks/Recommendation/block.js";
5
- import P, { prepareProductRows as q } from "../../extensions/Blocks/Recommendation/templates/grid/migration.js";
6
- import { useTemplateStore as w } from "../../stores/template.js";
7
- import { getDefaultProducts as B } from "../../extensions/Blocks/Recommendation/templates/utils.js";
8
- class $ {
2
+ var T = (A, e, t) => e in A ? h(A, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : A[e] = t;
3
+ var m = (A, e, t) => T(A, typeof e != "symbol" ? e + "" : e, t);
4
+ import P, { prepareProductRows as S } from "../../extensions/Blocks/Recommendation/templates/grid/migration.js";
5
+ import { getDefaultProducts as q } from "../../extensions/Blocks/Recommendation/templates/utils.js";
6
+ class w {
9
7
  constructor() {
10
- A(this, "parser");
8
+ m(this, "parser");
11
9
  this.parser = new DOMParser();
12
10
  }
13
11
  migrate(e) {
14
12
  try {
15
13
  const t = this.parser.parseFromString(e, "text/html"), s = t.querySelectorAll(
16
14
  'td.ins-recommendation-v3-block-1, td.product-block[esd-handler-name*="EmailRecommendationV3"]'
17
- ), o = w();
18
- return o.migrations[S] = s.length, s.length === 0 ? e : (s.forEach((n) => {
19
- const r = n.getAttribute("id"), i = this.extractBgColor(n), u = this.extractTitle(n), c = this.extractProductRows(n), l = P.replace("{-{-TITLE-}-}", u).replace("{-{-PRODUCT_ROWS-}-}", c), a = this.parser.parseFromString(
20
- `<table id="tempDoc"><tbody><tr>${l}</tr></tbody></table>`,
15
+ );
16
+ return s.length === 0 ? e : (s.forEach((o) => {
17
+ const l = o.getAttribute("id"), r = this.extractBgColor(o), i = this.extractTitle(o), u = this.extractProductRows(o), c = P.replace("{-{-TITLE-}-}", i).replace("{-{-PRODUCT_ROWS-}-}", u), a = this.parser.parseFromString(
18
+ `<table id="tempDoc"><tbody><tr>${c}</tr></tbody></table>`,
21
19
  "text/html"
22
20
  ).querySelector(".ins-recommendation-v3-block-v2");
23
- a && n.parentNode && (r && a.setAttribute("id", r), i && a.setAttribute("bgcolor", i), n.parentNode.replaceChild(a, n));
21
+ a && o.parentNode && (l && a.setAttribute("id", l), r && a.setAttribute("bgcolor", r), o.parentNode.replaceChild(a, o));
24
22
  }), t.documentElement.outerHTML);
25
23
  } catch (t) {
26
24
  return console.error("RecommendationMigrator failed:", t), e;
@@ -66,7 +64,7 @@ class $ {
66
64
  * @returns HTML string for the title block
67
65
  */
68
66
  extractTitle(e) {
69
- var g, a;
67
+ var a, g;
70
68
  const t = e.querySelector(".ext-recommendation-title");
71
69
  if (!t)
72
70
  return this.buildTitleBlock({
@@ -78,7 +76,7 @@ class $ {
78
76
  });
79
77
  const s = t.querySelector("p");
80
78
  if (!s) {
81
- const p = ((g = t.textContent) == null ? void 0 : g.trim()) || "You May Also Like!", b = t.getAttribute("align") || "center";
79
+ const p = ((a = t.textContent) == null ? void 0 : a.trim()) || "You May Also Like!", b = t.getAttribute("align") || "center";
82
80
  return this.buildTitleBlock({
83
81
  text: p,
84
82
  isBold: !0,
@@ -87,13 +85,13 @@ class $ {
87
85
  styles: "font-size: 28px; color: #333333;"
88
86
  });
89
87
  }
90
- const o = ((a = s.textContent) == null ? void 0 : a.trim()) || "You May Also Like!", n = t.getAttribute("align") || s.getAttribute("align") || "center", r = s.getAttribute("style") || "", i = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), l = this.convertInlineToBlock(c);
88
+ const o = ((g = s.textContent) == null ? void 0 : g.trim()) || "You May Also Like!", l = t.getAttribute("align") || s.getAttribute("align") || "center", r = s.getAttribute("style") || "", i = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), n = this.convertInlineToBlock(c);
91
89
  return this.buildTitleBlock({
92
90
  text: o,
93
91
  isBold: i,
94
92
  isItalic: u,
95
- align: n,
96
- styles: l
93
+ align: l,
94
+ styles: n
97
95
  });
98
96
  }
99
97
  /**
@@ -105,8 +103,8 @@ class $ {
105
103
  const t = this.extractProductConfig(e);
106
104
  if (!t)
107
105
  return console.warn("[RecommendationMigrator] No product config found, using defaults"), this.generateProductRows(6, 3, {});
108
- const { totalCount: s, productsPerRow: o } = t, n = this.extractProductStyles(e);
109
- return this.generateProductRows(s, o, n);
106
+ const { totalCount: s, productsPerRow: o } = t, l = this.extractProductStyles(e);
107
+ return this.generateProductRows(s, o, l);
110
108
  }
111
109
  /**
112
110
  * Extracts Stripo padding/margin utility classes from a class string
@@ -154,12 +152,12 @@ class $ {
154
152
  * @returns HTML string for product rows with applied styles
155
153
  */
156
154
  generateProductRows(e, t, s) {
157
- const o = B(), n = [];
155
+ const o = q(), l = [];
158
156
  for (let i = 0; i < e; i++) {
159
157
  const u = o[i % o.length];
160
- n.push({ ...u });
158
+ l.push({ ...u });
161
159
  }
162
- let r = q(n, t);
160
+ let r = S(l, t);
163
161
  return r = this.applyExtractedStyles(r, s), r;
164
162
  }
165
163
  /**
@@ -173,30 +171,30 @@ class $ {
173
171
  return console.warn("[RecommendationMigrator] No product card found, using default styles"), t;
174
172
  const o = this.extractCardBgColor(s);
175
173
  o && (t.cardBgColor = o);
176
- const n = s.querySelector(".ext-product-image");
177
- if (n) {
178
- const l = n.querySelector("img"), g = l == null ? void 0 : l.getAttribute("width"), a = n.getAttribute("style") || "", p = n.getAttribute("align") || "center", b = n.getAttribute("class") || "", m = this.extractStripoClasses(b);
179
- t.imageWidth = g || "120", t.imageAlign = p, t.imageTdStyle = a, t.imageClasses = m;
174
+ const l = s.querySelector(".ext-product-image");
175
+ if (l) {
176
+ const n = l.querySelector("img"), a = n == null ? void 0 : n.getAttribute("width"), g = l.getAttribute("style") || "", p = l.getAttribute("align") || "center", b = l.getAttribute("class") || "", d = this.extractStripoClasses(b);
177
+ t.imageWidth = a || "120", t.imageAlign = p, t.imageTdStyle = g, t.imageClasses = d;
180
178
  }
181
179
  const r = s.querySelector(".ext-product-name");
182
180
  if (r) {
183
- const l = r.querySelector("p"), g = (l == null ? void 0 : l.getAttribute("style")) || "", a = r.getAttribute("align") || "center", p = r.getAttribute("style") || "", b = r.getAttribute("class") || "", m = this.extractStripoClasses(b);
184
- t.nameStyle = g, t.nameAlign = a, t.nameTdStyle = p, t.nameClasses = m;
181
+ const n = r.querySelector("p"), a = (n == null ? void 0 : n.getAttribute("style")) || "", g = r.getAttribute("align") || "center", p = r.getAttribute("style") || "", b = r.getAttribute("class") || "", d = this.extractStripoClasses(b);
182
+ t.nameStyle = a, t.nameAlign = g, t.nameTdStyle = p, t.nameClasses = d;
185
183
  }
186
184
  const i = s.querySelector(".ext-product-price");
187
185
  if (i) {
188
- const l = i.querySelector("p"), g = (l == null ? void 0 : l.getAttribute("style")) || "", a = i.getAttribute("align") || "center", p = i.getAttribute("style") || "", b = i.getAttribute("class") || "", m = this.extractStripoClasses(b);
189
- t.priceStyle = g, t.priceAlign = a, t.priceTdStyle = p, t.priceClasses = m;
186
+ const n = i.querySelector("p"), a = (n == null ? void 0 : n.getAttribute("style")) || "", g = i.getAttribute("align") || "center", p = i.getAttribute("style") || "", b = i.getAttribute("class") || "", d = this.extractStripoClasses(b);
187
+ t.priceStyle = a, t.priceAlign = g, t.priceTdStyle = p, t.priceClasses = d;
190
188
  }
191
189
  const u = s.querySelector(".ext-product-original-price");
192
190
  if (u) {
193
- const l = u.querySelector("p"), g = (l == null ? void 0 : l.getAttribute("style")) || "", a = u.getAttribute("align") || "center", p = u.getAttribute("style") || "", b = u.getAttribute("class") || "", m = this.extractStripoClasses(b);
194
- t.oldPriceStyle = g, t.oldPriceAlign = a, t.oldPriceTdStyle = p, t.oldPriceClasses = m;
191
+ const n = u.querySelector("p"), a = (n == null ? void 0 : n.getAttribute("style")) || "", g = u.getAttribute("align") || "center", p = u.getAttribute("style") || "", b = u.getAttribute("class") || "", d = this.extractStripoClasses(b);
192
+ t.oldPriceStyle = a, t.oldPriceAlign = g, t.oldPriceTdStyle = p, t.oldPriceClasses = d;
195
193
  }
196
194
  const c = s.querySelector(".ext-product-button");
197
195
  if (c) {
198
- const l = c.querySelector(".es-button-border"), g = c.querySelector("a.es-button"), a = (l == null ? void 0 : l.getAttribute("style")) || "", p = (g == null ? void 0 : g.getAttribute("style")) || "", b = c.getAttribute("align") || "center", m = c.getAttribute("style") || "", f = c.getAttribute("class") || "", C = this.extractStripoClasses(f), y = ((c == null ? void 0 : c.textContent) || "").trim();
199
- t.buttonBorderStyle = a, t.buttonLinkStyle = p, t.buttonAlign = b, t.buttonTdStyle = m, t.buttonClasses = C, t.buttonText = y;
196
+ const n = c.querySelector(".es-button-border"), a = c.querySelector("a.es-button"), g = (n == null ? void 0 : n.getAttribute("style")) || "", p = (a == null ? void 0 : a.getAttribute("style")) || "", b = c.getAttribute("align") || "center", d = c.getAttribute("style") || "", f = c.getAttribute("class") || "", C = this.extractStripoClasses(f), y = ((c == null ? void 0 : c.textContent) || "").trim();
197
+ t.buttonBorderStyle = g, t.buttonLinkStyle = p, t.buttonAlign = b, t.buttonTdStyle = d, t.buttonClasses = C, t.buttonText = y;
200
198
  }
201
199
  return t;
202
200
  }
@@ -242,8 +240,8 @@ class $ {
242
240
  i && t.oldPriceStyle && i.setAttribute("style", t.oldPriceStyle);
243
241
  }), (t.buttonBorderStyle || t.buttonLinkStyle || t.buttonAlign || t.buttonTdStyle || t.buttonClasses) && s.querySelectorAll(".product-button").forEach((r) => {
244
242
  if (t.buttonAlign && r.setAttribute("align", t.buttonAlign), t.buttonTdStyle && r.setAttribute("style", t.buttonTdStyle), t.buttonClasses) {
245
- const l = `${r.getAttribute("class") || ""} ${t.buttonClasses}`.trim();
246
- r.setAttribute("class", l);
243
+ const n = `${r.getAttribute("class") || ""} ${t.buttonClasses}`.trim();
244
+ r.setAttribute("class", n);
247
245
  }
248
246
  const i = r.querySelector(".es-button-border");
249
247
  i && t.buttonBorderStyle && i.setAttribute("style", t.buttonBorderStyle);
@@ -272,8 +270,8 @@ class $ {
272
270
  * Removes specified style properties from a style string
273
271
  */
274
272
  removeStyleProperties(e, t) {
275
- return e ? t.reduce((o, n) => {
276
- const r = new RegExp(`${n}\\s*:\\s*[^;]*;?`, "gi");
273
+ return e ? t.reduce((o, l) => {
274
+ const r = new RegExp(`${l}\\s*:\\s*[^;]*;?`, "gi");
277
275
  return o.replace(r, "");
278
276
  }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
279
277
  }
@@ -287,9 +285,9 @@ class $ {
287
285
  return /display\s*:/i.test(t) || (t = t ? `${t}; display: block` : "display: block"), t.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").replace(/"/g, "'").trim();
288
286
  }
289
287
  }
290
- function v(d) {
291
- return new $().migrate(d);
288
+ function k(A) {
289
+ return new w().migrate(A);
292
290
  }
293
291
  export {
294
- v as migrateRecommendation
292
+ k as migrateRecommendation
295
293
  };