@useinsider/guido 3.7.2-beta.d7d2e30 → 3.7.2-beta.d9b8dc8

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 (9) hide show
  1. package/dist/composables/useHtmlCompiler.js +8 -6
  2. package/dist/config/compiler/htmlCompilerRules.js +15 -7
  3. package/dist/extensions/Blocks/Items/block.js +29 -48
  4. package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js +45 -62
  5. package/dist/src/extensions/Blocks/Items/block.d.ts +0 -8
  6. package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts +1 -1
  7. package/dist/src/utils/stripFontTags.d.ts +6 -0
  8. package/dist/utils/stripFontTags.js +13 -0
  9. package/package.json +1 -1
package/dist/composables/useHtmlCompiler.js CHANGED
@@ -13,6 +13,8 @@ const y = /* @__PURE__ */ new Set([
13
13
  "fix-url-encoding-end",
14
14
  "fix-tags-start",
15
15
  "fix-tags-end",
16
+ // Unwrap translate-injected <font dir="auto"> tags — pure removal, never emits AMP-forbidden output.
17
+ "strip-font-tags",
16
18
  // Image domain corrections — plain string replacement.
17
19
  "replace-old-image-domain",
18
20
  "replace-old-v2-image-domain",
@@ -26,22 +28,22 @@ const y = /* @__PURE__ */ new Set([
26
28
  // Coupon placeholder replacement (only present when liquidSyntax is enabled).
27
29
  "liquid-coupon-code"
28
30
  ]), M = () => {
29
- var m, t, r;
30
- const { compiler: e, isFeatureEnabled: a, partner: n } = k(), u = ((m = e.value) == null ? void 0 : m.customRules) || [], l = [
31
- ...!!((t = e.value) != null && t.ignoreDefaultRules) ? [] : R,
31
+ var t, m, r;
32
+ const { compiler: e, isFeatureEnabled: a, partner: n } = k(), p = ((t = e.value) == null ? void 0 : t.customRules) || [], l = [
33
+ ...!!((m = e.value) != null && m.ignoreDefaultRules) ? [] : R,
32
34
  ...v,
33
35
  ...x,
34
36
  ...g,
35
37
  ...b,
36
38
  ...H,
37
39
  ...a("liquidSyntax") ? C : [],
38
- ...u.map((o, f) => ({
40
+ ...p.map((o, f) => ({
39
41
  ...o,
40
42
  priority: o.priority + 1e3 + f
41
43
  // Ensure additional rules run after default rules
42
44
  }))
43
- ], p = s(l), c = l.filter((o) => y.has(o.id)), d = s(c), i = (r = n.value) == null ? void 0 : r.fallbackFont;
44
- return { compileHtml: (o) => p.compile(o, void 0, i), compileAmpHtml: (o) => d.compile(o, void 0, i) };
45
+ ], u = s(l), c = l.filter((o) => y.has(o.id)), d = s(c), i = (r = n.value) == null ? void 0 : r.fallbackFont;
46
+ return { compileHtml: (o) => u.compile(o, void 0, i), compileAmpHtml: (o) => d.compile(o, void 0, i) };
45
47
  };
46
48
  export {
47
49
  M as useHtmlCompiler
package/dist/config/compiler/htmlCompilerRules.js CHANGED
@@ -1,4 +1,5 @@
1
- const a = [
1
+ import { stripFontTags as n } from "../../utils/stripFontTags.js";
2
+ const l = [
2
3
  {
3
4
  id: "fix-url-encoding-start",
4
5
  description: "Replace {%22 with %7B%22 to fix URL encoding",
@@ -53,6 +54,13 @@ const a = [
53
54
  replaceAll: !0,
54
55
  priority: 14
55
56
  },
57
+ {
58
+ id: "strip-font-tags",
59
+ description: 'Unwrap <font dir="auto"> tags injected by browser translate extensions (e.g. Google Translate), keeping inner content — prevents Chrome DOM-depth overflow ("512 nodes"). Other <font> elements are left intact.',
60
+ type: "custom",
61
+ processor: (e) => n(e),
62
+ priority: 15
63
+ },
56
64
  {
57
65
  id: "remove-apty-iframe",
58
66
  description: "Cleanup Apty Iframe Code",
@@ -91,7 +99,7 @@ const a = [
91
99
  description: "Adding MSO Conditions",
92
100
  type: "custom",
93
101
  processor: (e) => {
94
- const t = [
102
+ const i = [
95
103
  `<!--[if gte mso 9]>
96
104
  <style>sup {
97
105
  font-size: 100% !important;
@@ -114,10 +122,10 @@ const a = [
114
122
  ], s = /<head>([\S\s]*)<\/head>/, o = new RegExp(s);
115
123
  if (!e.match(o))
116
124
  return e;
117
- let i = e;
118
- return t.forEach((r) => {
119
- i = i.replace("</head>", `${r}</head>`);
120
- }), i;
125
+ let t = e;
126
+ return i.forEach((r) => {
127
+ t = t.replace("</head>", `${r}</head>`);
128
+ }), t;
121
129
  },
122
130
  priority: 30
123
131
  },
@@ -141,5 +149,5 @@ const a = [
141
149
  }
142
150
  ];
143
151
  export {
144
- a as defaultHtmlCompilerRules
152
+ l as defaultHtmlCompilerRules
145
153
  };
package/dist/extensions/Blocks/Items/block.js CHANGED
@@ -1,20 +1,20 @@
1
- import { BlockId as u } from "../../../enums/block.js";
1
+ import { BlockId as g } from "../../../enums/block.js";
2
2
  import { useOnboardingStore as p } from "../../../stores/onboarding.js";
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 {
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 {
10
10
  getId() {
11
- return d;
11
+ return c;
12
12
  }
13
13
  getIcon() {
14
14
  return "items-icon";
15
15
  }
16
16
  getBlockCompositionType() {
17
- return y.CONTAINER;
17
+ return I.CONTAINER;
18
18
  }
19
19
  getName() {
20
20
  return this.api.translate("Items");
@@ -23,60 +23,41 @@ class E extends I {
23
23
  return this.api.translate("Items lets you display personalized products based on user behavior.");
24
24
  }
25
25
  getSettingsPanelTitleHtml() {
26
- return C(
27
- d,
26
+ return f(
27
+ c,
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 h({
34
- orientation: c.ORIENTATION.VERTICAL,
35
- itemsType: c.ITEMS_TYPE.CART_ITEMS,
33
+ return C({
34
+ orientation: a.ORIENTATION.VERTICAL,
35
+ itemsType: a.ITEMS_TYPE.CART_ITEMS,
36
36
  itemId: "{{Abandoned Cart Item (1) Url}}",
37
- currencySymbol: a.productPriceCurrencySymbolControlValue,
38
- currencyLocation: a.productPriceCurrencyLocationControlValue,
39
- formattedPrice: a.productPriceFormattedControlValue === "1"
37
+ currencySymbol: i.productPriceCurrencySymbolControlValue,
38
+ currencyLocation: i.productPriceCurrencyLocationControlValue,
39
+ formattedPrice: i.productPriceFormattedControlValue === "1"
40
40
  });
41
41
  }
42
42
  allowInnerBlocksDND() {
43
43
  return !1;
44
44
  }
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)
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)
53
50
  return;
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"));
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"));
57
54
  else {
58
- const f = b();
59
- this.api.getDocumentModifier().modifyHtml(t).setNodeConfig(f).apply(new s("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
55
+ const d = h();
56
+ this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(d).apply(new o("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
60
57
  }
61
58
  }
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
- }
78
59
  }
79
60
  export {
80
- d as BLOCK_ID,
61
+ c as BLOCK_ID,
81
62
  E as ItemsBlock
82
63
  };
package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js CHANGED
@@ -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 i, SETTINGS_ENUMS as n, ItemInCartOptions as g } from "../enums/settingsEnums.js";
2
+ import { DefaultConfigValues as o, 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 y() {
7
+ function S() {
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: i.cartItemsSelectControlValue,
13
+ itemsSelectValue: o.cartItemsSelectControlValue,
14
14
  orientation: n.ORIENTATION.VERTICAL,
15
- nameTrimming: i.productNameTrimmingControlValue === "1",
16
- priceHideDiscount: i.productPriceHideDiscountControlValue === "1",
17
- priceFormatted: i.productPriceFormattedControlValue === "1",
15
+ nameTrimming: o.productNameTrimmingControlValue === "1",
16
+ priceHideDiscount: o.productPriceHideDiscountControlValue === "1",
17
+ priceFormatted: o.productPriceFormattedControlValue === "1",
18
18
  priceSinglePrice: !1,
19
- priceCurrencySymbol: i.productPriceCurrencySymbolControlValue,
20
- priceCurrencyLocation: i.productPriceCurrencyLocationControlValue,
19
+ priceCurrencySymbol: o.productPriceCurrencySymbolControlValue,
20
+ priceCurrencyLocation: o.productPriceCurrencyLocationControlValue,
21
21
  priceOrientation: "horizontal",
22
- quantityControlEnabled: i.productQuantityControlEnabled === "1",
23
- buttonLink: i.productButtonLinkControlValue,
24
- imageLink: i.productImageLinkControlValue,
22
+ quantityControlEnabled: o.productQuantityControlEnabled === "1",
23
+ buttonLink: o.productButtonLinkControlValue,
24
+ imageLink: o.productImageLinkControlValue,
25
25
  buttonLabel: "Buy",
26
26
  buttonFullWidth: !0,
27
27
  // Default to full width (es-fw class)
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"
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"
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 f(r, t) {
53
+ function I(r, t) {
54
54
  if (!r)
55
- return i.cartItemsSelectControlValue;
55
+ return o.cartItemsSelectControlValue;
56
56
  if (r.includes("{{"))
57
57
  return r;
58
58
  if (/^\d+$/.test(r)) {
59
- const e = parseInt(r) - 1, o = g[t];
60
- if (o && o[e])
61
- return o[e].value;
59
+ const e = parseInt(r) - 1, i = g[t];
60
+ if (i && i[e])
61
+ return i[e].value;
62
62
  }
63
- return i.cartItemsSelectControlValue;
63
+ return o.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 = (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);
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);
70
70
  return {
71
71
  initialized: e(t.getAttribute("data-initialized"), !1),
72
- blockInstanceId: o(
72
+ blockInstanceId: i(
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: o(
96
+ priceCurrencySymbol: i(
97
97
  t.getAttribute("data-product_price_control_currency_symbol"),
98
- i.productPriceCurrencySymbolControlValue
98
+ o.productPriceCurrencySymbolControlValue
99
99
  ),
100
- priceCurrencyLocation: o(
100
+ priceCurrencyLocation: i(
101
101
  t.getAttribute("data-product_price_currency_location"),
102
- i.productPriceCurrencyLocationControlValue
102
+ o.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: o(
109
+ buttonLink: i(
110
110
  t.getAttribute("data-product_button_link"),
111
- i.productButtonLinkControlValue
111
+ o.productButtonLinkControlValue
112
112
  ),
113
- imageLink: o(
113
+ imageLink: i(
114
114
  t.getAttribute("data-product_image_link"),
115
- i.productImageLinkControlValue
115
+ o.productImageLinkControlValue
116
116
  ),
117
- buttonLabel: o(
117
+ buttonLabel: i(
118
118
  t.getAttribute("data-product_button_control_label"),
119
119
  "Buy"
120
120
  ),
@@ -149,45 +149,28 @@ function C(r) {
149
149
  )
150
150
  };
151
151
  }
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) {
152
+ function y(r) {
167
153
  const t = p(r);
168
154
  if (!t)
169
155
  return null;
170
156
  const e = t.getNodeConfig();
171
157
  if (e && e.initialized)
172
158
  return e;
173
- const o = I(t);
174
- if (o)
175
- return o;
176
- const c = C(t);
177
- return c || null;
159
+ const i = C(t);
160
+ return i || null;
178
161
  }
179
- function V(r, t, e, o) {
180
- const c = p(r);
181
- if (!c)
162
+ function A(r, t, e, i) {
163
+ const u = p(r);
164
+ if (!u)
182
165
  return;
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"));
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"));
185
168
  }
186
169
  export {
187
170
  E as escapeReplacement,
188
171
  _ as generateBlockInstanceId,
189
- y as getDefaultItemsBlockConfig,
190
- A as getItemsBlockConfig,
172
+ S as getDefaultItemsBlockConfig,
173
+ y as getItemsBlockConfig,
191
174
  p as getItemsBlockContainer,
192
- V as setItemsBlockConfig
175
+ A as setItemsBlockConfig
193
176
  };
package/dist/src/extensions/Blocks/Items/block.d.ts CHANGED
@@ -24,13 +24,5 @@ export declare class ItemsBlock extends Block {
24
24
  getSettingsPanelTitleHtml(): string;
25
25
  getTemplate(): string;
26
26
  allowInnerBlocksDND(): boolean;
27
- canBeSavedAsModule(): boolean;
28
27
  onCreated(node: ImmutableHtmlNode): void;
29
- /**
30
- * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
31
- * surfaces via document load. Stripo strips esd-ext-config and never restores it
32
- * into nodeConfig, so without this a reused module would reset to defaults.
33
- * Guarded to the nodeConfig-empty case so it runs once and never loops.
34
- */
35
- onDocumentChanged(node: ImmutableHtmlNode): void;
36
28
  }
package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts CHANGED
@@ -55,7 +55,7 @@ export declare function getItemsBlockContainer(currentNode: ImmutableHtmlNode |
55
55
  /**
56
56
  * Gets the node configuration from the Items block.
57
57
  * Uses Stripo V2's getNodeConfig() API.
58
- * Falls back to the persisted esd-ext-config (saved modules), then legacy config block.
58
+ * Falls back to migrating from legacy config block if nodeConfig is empty.
59
59
  * @param currentNode - The current node from the control
60
60
  * @returns The ItemsBlockConfig object or null if not found
61
61
  */
package/dist/src/utils/stripFontTags.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Browser translate extensions wrap text in nested `<font dir="auto">` tags that
3
+ * pile up until Chrome hits its DOM-depth limit ("512 nodes"). Unwrap only those
4
+ * (keep inner content); leave other `<font>` untouched. Pure string ops, no DOM.
5
+ */
6
+ export declare function stripFontTags(html: string): string;
package/dist/utils/stripFontTags.js ADDED
@@ -0,0 +1,13 @@
1
+ const n = /<font(?=[\s>])[^>]*\sdir=["']?auto["']?[^>]*>([\s\S]*?)<\/font>/gi;
2
+ function o(e) {
3
+ if (!e || !/<font/i.test(e))
4
+ return e;
5
+ let r, t = e;
6
+ do
7
+ r = t, t = t.replace(n, "$1");
8
+ while (t !== r);
9
+ return t;
10
+ }
11
+ export {
12
+ o as stripFontTags
13
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "3.7.2-beta.d7d2e30",
3
+ "version": "3.7.2-beta.d9b8dc8",
4
4
  "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
5
5
  "main": "./dist/guido.umd.cjs",
6
6
  "module": "./dist/library.js",