@useinsider/guido 3.15.0-beta.bc7091e → 3.15.0-beta.c705815

package/dist/composables/useAllowlist.js

@@ -1,68 +1,50 @@
 import { useAllowlistApi as A } from "../services/allowlistApi.js";
-import { base64EncodeWithSpecialChars as f } from "../utils/base64.js";
-import { useTranslations as D } from "./useTranslations.js";
-import { useUserRole as E } from "./useUserRole.js";
-const _ = /(?:https?:\/\/|www\.)[^\s"'<>()]+/gi, L = /&quot;\/\//gi, w = "s3-eu-west-1.amazonaws.com", d = [
-  "insider-email",
-  "web-image.useinsider.com",
-  "image.useinsider.com",
-  "panel-assets.useinsider.com",
-  "stripo-editor-image"
-], N = ({ hostname: r, pathname: l }) => {
-  const n = r.toLowerCase();
-  if (n === w) {
-    const i = l.split("/")[1].toLowerCase();
-    return d.includes(i);
-  }
-  return d.some((i) => n === `${i}.${w}`);
-}, m = {
+import { base64EncodeWithSpecialChars as p } from "../utils/base64.js";
+import { useTranslations as h } from "./useTranslations.js";
+import { useUserRole as D } from "./useUserRole.js";
+const f = /(?:https?:\/\/|www\.)[^\s"'<>()]+/gi, E = /&quot;\/\//gi, i = {
   MANAGE: "journey-builder.domain-allowlist-warning",
   NON_MANAGE: "settings.allow-list-warning-not-admin-architect",
   ADD_BUTTON: "settings.allow-list-warning-add-button"
-}, g = /* @__PURE__ */ new Set(), O = (r) => `/settings?openAddModal=true&type=domain&values=${f(r)}#security`, C = () => {
-  const { checkDomain: r } = A(), { getIsManageUser: l } = E(), n = D(), i = (t, e) => {
-    const a = `${t || ""} ${e || ""}`.replace(L, "https://").match(_) || [], s = /* @__PURE__ */ new Set();
-    return a.forEach((c) => {
-      const h = /^https?:\/\//i.test(c) ? c : `https://${c}`;
+}, w = /* @__PURE__ */ new Set(), O = (n) => `/settings?openAddModal=true&type=domain&values=${p(n)}#security`, M = () => {
+  const { checkDomain: n } = A(), { getIsManageUser: l } = D(), a = h(), d = (t, s) => {
+    const c = `${t || ""} ${s || ""}`.replace(E, "https://").match(f) || [], e = /* @__PURE__ */ new Set();
+    return c.forEach((r) => {
+      const g = /^https?:\/\//i.test(r) ? r : `https://${r}`;
       try {
-        const u = new URL(h);
-        if (N(u))
-          return;
-        u.hostname && s.add(u.hostname.replace(/^www\./i, "").toLowerCase());
+        const { hostname: u } = new URL(g);
+        u && e.add(u.replace(/^www\./i, "").toLowerCase());
       } catch {
       }
-    }), [...s];
-  }, p = async (t) => {
-    if (g.has(t))
+    }), [...e];
+  }, m = async (t) => {
+    if (w.has(t))
       return !0;
     try {
-      const e = await r(t);
-      return e && g.add(t), e;
-    } catch (e) {
-      return console.error("[GUIDO_ALLOWLIST] isDomainAllowlisted failed", t, e), !0;
+      const s = await n(t);
+      return s && w.add(t), s;
+    } catch (s) {
+      return console.error("[GUIDO_ALLOWLIST] isDomainAllowlisted failed", t, s), !0;
     }
   };
-  return { getBlockedDomains: async (t, e) => {
+  return { getBlockedDomains: async (t, s) => {
     try {
-      const o = i(t, e);
+      const o = d(t, s);
       return o.length ? (await Promise.all(
-        o.map(async (s) => ({ domain: s, allowlisted: await p(s) }))
-      )).filter((s) => !s.allowlisted).map((s) => s.domain) : [];
+        o.map(async (e) => ({ domain: e, allowlisted: await m(e) }))
+      )).filter((e) => !e.allowlisted).map((e) => e.domain) : [];
     } catch (o) {
       return console.error("[GUIDO_ALLOWLIST] getBlockedDomains failed", o), [];
     }
-  }, resolveToast: async (t) => {
-    const e = await l(), o = t.length ? ` (${t.join(", ")})` : "", a = (s) => `${s}${o}`;
-    return e ? {
-      message: a(n(m.MANAGE)),
-      actionButton: {
-        text: n(m.ADD_BUTTON),
-        onClick: () => window.open(O(t.join(",")), "_blank")
-      }
-    } : { message: a(n(m.NON_MANAGE)) };
-  } };
+  }, resolveToast: async (t) => await l() ? {
+    message: a(i.MANAGE),
+    actionButton: {
+      text: a(i.ADD_BUTTON),
+      onClick: () => window.open(O(t.join(",")), "_blank")
+    }
+  } : { message: a(i.NON_MANAGE) } };
 };
 export {
   O as buildAllowlistSettingsUrl,
-  C as useAllowlist
+  M as useAllowlist
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,13 +1,13 @@
-import { defaultHtmlCompilerRules as g } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as R } from "../config/compiler/itemsCompilerRules.js";
-import { liquidCompilerRules as b } from "../config/compiler/liquidCompilerRules.js";
-import { outlookCompilerRules as C } from "../config/compiler/outlookCompilerRules.js";
+import { defaultHtmlCompilerRules as R } from "../config/compiler/htmlCompilerRules.js";
+import { itemsCompilerRules as g } from "../config/compiler/itemsCompilerRules.js";
+import { liquidCompilerRules as C } from "../config/compiler/liquidCompilerRules.js";
+import { outlookCompilerRules as b } from "../config/compiler/outlookCompilerRules.js";
 import { recommendationCompilerRules as v } from "../config/compiler/recommendationCompilerRules.js";
-import { socialCompilerRules as y } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as H } from "../config/compiler/unsubscribeCompilerRules.js";
+import { socialCompilerRules as H } from "../config/compiler/socialCompilerRules.js";
+import { unsubscribeCompilerRules as x } from "../config/compiler/unsubscribeCompilerRules.js";
 import { createHtmlCompiler as s } from "../utils/htmlCompiler.js";
-import { useConfig as x } from "./useConfig.js";
-const h = /* @__PURE__ */ new Set([
+import { useConfig as k } from "./useConfig.js";
+const y = /* @__PURE__ */ new Set([
   // URL/tag encoding fixes — keep merge-tag and placeholder integrity intact.
   "fix-url-encoding-start",
   "fix-url-encoding-end",
@@ -18,9 +18,6 @@ const h = /* @__PURE__ */ new Set([
   // Image domain corrections — plain string replacement.
   "replace-old-image-domain",
   "replace-old-v2-image-domain",
-  "replace-s3-path-style-web-image-domain",
-  "replace-s3-path-style-image-domain",
-  "replace-s3-path-style-panel-assets-domain",
   // Unsubscribe domain — the actual fix: injects the real unsubscribe href in
   // place of the `{{ins-*-unsubscribe-link}}` placeholders, plus related
   // unsubscribe-only cleanups. All pure regex/text, no AMP-forbidden output.
@@ -35,21 +32,21 @@ const h = /* @__PURE__ */ new Set([
   "remove-contenteditable"
 ]), M = () => {
   var i, m, r;
-  const { compiler: o, isFeatureEnabled: a, partner: n } = x(), p = ((i = o.value) == null ? void 0 : i.customRules) || [], l = [
-    ...!!((m = o.value) != null && m.ignoreDefaultRules) ? [] : g,
+  const { compiler: o, isFeatureEnabled: n, partner: a } = k(), p = ((i = o.value) == null ? void 0 : i.customRules) || [], l = [
+    ...!!((m = o.value) != null && m.ignoreDefaultRules) ? [] : R,
     ...v,
+    ...x,
+    ...g,
+    ...b,
     ...H,
-    ...R,
-    ...C,
-    ...y,
-    ...a("liquidSyntax") ? b : [],
+    ...n("liquidSyntax") ? C : [],
     ...p.map((e, f) => ({
       ...e,
       priority: e.priority + 1e3 + f
       // Ensure additional rules run after default rules
     }))
-  ], c = s(l), u = l.filter((e) => h.has(e.id)), d = s(u), t = (r = n.value) == null ? void 0 : r.fallbackFont;
-  return { compileHtml: (e) => c.compile(e, void 0, t), compileAmpHtml: (e) => d.compile(e, void 0, t) };
+  ], u = s(l), c = l.filter((e) => y.has(e.id)), d = s(c), t = (r = a.value) == null ? void 0 : r.fallbackFont;
+  return { compileHtml: (e) => u.compile(e, void 0, t), compileAmpHtml: (e) => d.compile(e, void 0, t) };
 };
 export {
   M as useHtmlCompiler

package/dist/config/compiler/htmlCompilerRules.js

@@ -122,10 +122,10 @@ const d = [
       ], i = /<head>([\S\s]*)<\/head>/, o = new RegExp(i);
       if (!e.match(o))
         return e;
-      let s = e;
-      return t.forEach((r) => {
-        s = s.replace("</head>", `${r}</head>`);
-      }), s;
+      let r = e;
+      return t.forEach((s) => {
+        r = r.replace("</head>", `${s}</head>`);
+      }), r;
     },
     priority: 30
   },
@@ -147,33 +147,6 @@ const d = [
     replaceAll: !0,
     priority: 41
   },
-  {
-    id: "replace-s3-path-style-web-image-domain",
-    description: "Rewriting path-style S3 asset URLs to the web-image.useinsider.com domain",
-    type: "replace",
-    search: "s3-eu-west-1.amazonaws.com/web-image.useinsider.com",
-    replacement: "web-image.useinsider.com",
-    replaceAll: !0,
-    priority: 42
-  },
-  {
-    id: "replace-s3-path-style-image-domain",
-    description: "Rewriting path-style S3 asset URLs to the image.useinsider.com domain",
-    type: "replace",
-    search: "s3-eu-west-1.amazonaws.com/image.useinsider.com",
-    replacement: "image.useinsider.com",
-    replaceAll: !0,
-    priority: 43
-  },
-  {
-    id: "replace-s3-path-style-panel-assets-domain",
-    description: "Rewriting path-style S3 asset URLs to the panel-assets.useinsider.com domain",
-    type: "replace",
-    search: "s3-eu-west-1.amazonaws.com/panel-assets.useinsider.com",
-    replacement: "panel-assets.useinsider.com",
-    replaceAll: !0,
-    priority: 46
-  },
   {
     id: "convert-rgb-to-hex",
     // SD-142395: rgb()/6-digit hex are verbose; hex/3-digit shorthand is byte-identical
@@ -183,9 +156,9 @@ const d = [
     type: "custom",
     processor: (e) => {
       const t = (i) => i.toString(16).padStart(2, "0");
-      return e.replace(/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/gi, (i, o, a, s) => {
-        const [r, n, c] = [Number(o), Number(a), Number(s)];
-        return r > 255 || n > 255 || c > 255 ? i : `#${t(r)}${t(n)}${t(c)}`;
+      return e.replace(/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/gi, (i, o, n, r) => {
+        const [s, a, c] = [Number(o), Number(n), Number(r)];
+        return s > 255 || a > 255 || c > 255 ? i : `#${t(s)}${t(a)}${t(c)}`;
       }).replace(/#([0-9a-f])\1([0-9a-f])\2([0-9a-f])\3\b/gi, "#$1$2$3");
     },
     priority: 44

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,16 +1,16 @@
 import { useRecommendation as N } from "../../composables/useRecommendation.js";
-import { DUMMY_IMAGE_MAPPINGS as C, REGEX as d, VerticalOrientation as $, CSS as n, ATTRIBUTES as p, CONDITIONS as A, HTML as g } from "../../enums/recommendation.js";
+import { DUMMY_IMAGE_MAPPINGS as h, REGEX as d, VerticalOrientation as $, CSS as n, ATTRIBUTES as p, CONDITIONS as A, HTML as g } from "../../enums/recommendation.js";
 import { prepareRecommendationBlocks as O } from "./utils/recommendationCompilerUtils.js";
-const P = "https://s3-eu-west-1.amazonaws.com/", D = (t) => t.replace("https://", P), U = [
+const H = [
   {
     id: "replace-images-with-variable-names",
     description: "Replacing dummy images with variable names in recommendation module",
     type: "custom",
     processor: (t) => {
       let e = t;
-      return Object.entries(C).forEach(([, i]) => {
-        Object.entries(i).forEach(([o, r]) => {
-          e = e.replaceAll(D(r), `{{${o}}}`).replaceAll(r, `{{${o}}}`);
+      return Object.entries(h).forEach(([, r]) => {
+        Object.entries(r).forEach(([o, i]) => {
+          e = e.replaceAll(i, `{{${o}}}`);
         });
       }), e;
     },
@@ -42,13 +42,13 @@ const P = "https://s3-eu-west-1.amazonaws.com/", D = (t) => t.replace("https://"
     description: "Adding recommendation unresponsive css",
     type: "custom",
     processor: (t) => {
-      const { calculateCardWidth: e, getRecommendationCampaignData: i } = N();
+      const { calculateCardWidth: e, getRecommendationCampaignData: r } = N();
       let o = t;
-      const r = o.match(d.ID);
-      if (r) {
+      const i = o.match(d.ID);
+      if (i) {
         const s = [];
-        if (r.forEach((c) => {
-          const m = /recommendation-id="(.*?)"/i.exec(c), E = m ? m[1].trim() : "", u = i(E);
+        if (i.forEach((c) => {
+          const m = /recommendation-id="(.*?)"/i.exec(c), E = m ? m[1].trim() : "", u = r(E);
           u.textTrimming && u.orientation === $ && s.push(e(u));
         }), s.length) {
           const c = `width:${Math.min(...s)}px!important;`;
@@ -72,25 +72,25 @@ const P = "https://s3-eu-west-1.amazonaws.com/", D = (t) => t.replace("https://"
     type: "custom",
     processor: (t) => {
       let e = t;
-      const i = e.match(d.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: o } = N();
-      return i !== null && i.forEach((r) => {
-        const s = r.match(d.CUSTOM_FIELD);
+      const r = e.match(d.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: o } = N();
+      return r !== null && r.forEach((i) => {
+        const s = i.match(d.CUSTOM_FIELD);
         if (!s)
           return;
-        const [c] = s, m = c.match(d.CUSTOM_FIELD_INDEXES_PART), E = c.match(d.CUSTOM_FIELD_NAME_PART), u = r.match(d.ATTRIBUTE_PARAGRAPH_START_TAG);
+        const [c] = s, m = c.match(d.CUSTOM_FIELD_INDEXES_PART), E = c.match(d.CUSTOM_FIELD_NAME_PART), u = i.match(d.ATTRIBUTE_PARAGRAPH_START_TAG);
         if (!m || !E || !u)
           return;
-        const [b] = m, [I] = E, [T] = u, _ = I.substring(1, I.length - 2), S = T.match(d.COMPOSITION) !== null;
+        const [T] = m, [I] = E, [_] = u, b = I.substring(1, I.length - 2), S = _.match(d.COMPOSITION) !== null;
         let a = c;
         if (S) {
-          const f = b.substring(2, b.length - 3), l = o(f);
-          _ === p.OMNIBUS_PRICE && (l.priceBeforeTextValue && (a = `${l.priceBeforeTextValue}${a}`), l.priceAfterTextValue && (a = `${a}${l.priceAfterTextValue}`)), _ === p.OMNIBUS_DISCOUNT && (l.discountBeforeTextValue && (a = `${l.discountBeforeTextValue}${a}`), l.discountAfterTextValue && (a = `${a}${l.discountAfterTextValue}`));
+          const y = T.substring(2, T.length - 3), l = o(y);
+          b === p.OMNIBUS_PRICE && (l.priceBeforeTextValue && (a = `${l.priceBeforeTextValue}${a}`), l.priceAfterTextValue && (a = `${a}${l.priceAfterTextValue}`)), b === p.OMNIBUS_DISCOUNT && (l.discountBeforeTextValue && (a = `${l.discountBeforeTextValue}${a}`), l.discountAfterTextValue && (a = `${a}${l.discountAfterTextValue}`));
         }
-        const R = b.substring(2);
-        let y = "";
-        _ in A.IF && (y = A.IF[_].replaceAll(`{${p.DISCOUNT}}`, `${R}${p.DISCOUNT}`).replaceAll(`{${p.OMNIBUS_DISCOUNT}}`, `${R}${p.OMNIBUS_DISCOUNT}`).replaceAll(`{${p.OMNIBUS_PRICE}}`, `${R}${p.OMNIBUS_PRICE}`));
-        const h = `${T}${a}${g.PARAGRAPH_END_TAG}`, M = `${y}${S ? h : r}${A.ELSE}${T}${g.PARAGRAPH_END_TAG}${A.END_IF}`;
-        e = e.replace(r, M);
+        const R = T.substring(2);
+        let f = "";
+        b in A.IF && (f = A.IF[b].replaceAll(`{${p.DISCOUNT}}`, `${R}${p.DISCOUNT}`).replaceAll(`{${p.OMNIBUS_DISCOUNT}}`, `${R}${p.OMNIBUS_DISCOUNT}`).replaceAll(`{${p.OMNIBUS_PRICE}}`, `${R}${p.OMNIBUS_PRICE}`));
+        const M = `${_}${a}${g.PARAGRAPH_END_TAG}`, C = `${f}${S ? M : i}${A.ELSE}${_}${g.PARAGRAPH_END_TAG}${A.END_IF}`;
+        e = e.replace(i, C);
       }), e;
     },
     priority: 53
@@ -114,7 +114,7 @@ const P = "https://s3-eu-west-1.amazonaws.com/", D = (t) => t.replace("https://"
       const e = /\s+(?:esd-extension-block-id|data-attribute-type|data-visibility|data-text-before|data-text-after|data-same-price|product-attr|composition)="[^"]*"/g;
       return t.replace(
         /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g,
-        (i, o) => `<!--REC_START-->${o.replace(e, "")}<!--REC_END-->`
+        (r, o) => `<!--REC_START-->${o.replace(e, "")}<!--REC_END-->`
       );
     },
     priority: 55
@@ -146,9 +146,9 @@ const P = "https://s3-eu-west-1.amazonaws.com/", D = (t) => t.replace("https://"
         ""
       ), e = e.replace(
         /@media[^{]*max-width\s*:\s*480px[^{]*\{((?:[^{}]*\{[^{}]*\})*[^{}]*)\}/g,
-        (i, o) => {
-          const r = o.match(/[^{}]+\{[^{}]*\}/g) || [], s = /ins-recommendation|product-image-cell|button-cell|product-info-cell/;
-          return r.every((m) => s.test(m)) ? "" : i;
+        (r, o) => {
+          const i = o.match(/[^{}]+\{[^{}]*\}/g) || [], s = /ins-recommendation|product-image-cell|button-cell|product-info-cell/;
+          return i.every((m) => s.test(m)) ? "" : r;
         }
       )), e;
     },
@@ -167,7 +167,7 @@ const P = "https://s3-eu-west-1.amazonaws.com/", D = (t) => t.replace("https://"
       /<a\b[^>]*\bes-button\b[^>]*>/g,
       (e) => e.replace(
         /([;"]color:)([^;"]+)/g,
-        (i, o, r) => r.includes("!important") ? i : `${o}${r} !important`
+        (r, o, i) => i.includes("!important") ? r : `${o}${i} !important`
       )
     ),
     priority: 58
@@ -184,8 +184,8 @@ const P = "https://s3-eu-west-1.amazonaws.com/", D = (t) => t.replace("https://"
     description: "Collapse whitespace inside recommendation blocks and strip boundary markers",
     type: "custom",
     processor: (t) => {
-      const e = (i) => i.replace(/>\s+</g, "><").replace(/<[^>]+>/g, (o) => o.replace(/\s+/g, " "));
-      return t.replace(/<!--REC_START-->([\s\S]*?)<!--REC_END-->/g, (i, o) => e(o)).replaceAll("<!--REC_START-->", "").replaceAll("<!--REC_END-->", "");
+      const e = (r) => r.replace(/>\s+</g, "><").replace(/<[^>]+>/g, (o) => o.replace(/\s+/g, " "));
+      return t.replace(/<!--REC_START-->([\s\S]*?)<!--REC_END-->/g, (r, o) => e(o)).replaceAll("<!--REC_START-->", "").replaceAll("<!--REC_END-->", "");
     },
     priority: 99
   },
@@ -208,5 +208,5 @@ const P = "https://s3-eu-west-1.amazonaws.com/", D = (t) => t.replace("https://"
   }
 ];
 export {
-  U as recommendationCompilerRules
+  H as recommendationCompilerRules
 };

package/dist/config/migrator/itemsBlockMigrator.js

@@ -381,7 +381,7 @@ class H {
    * Supports all block types by detecting prefix and using appropriate type:
    *
    * Examples:
-   * - {{ins_apr_img_1}} → https://web-image.useinsider.com/.../img_1.jpeg (CART_ITEMS)
+   * - {{ins_apr_img_1}} → https://s3.../img_1.jpeg (CART_ITEMS)
    * - {{browsed_item_name_2}} → 'Set of Sprite Yoga Straps' (BROWSED_ITEMS)
    * - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
    */

package/dist/enums/recommendation.js

@@ -1,15 +1,15 @@
-const e = 20, t = 320, s = "vertical", m = {
+const e = 20, s = 320, t = "vertical", m = {
   CART_ABANDONMENT: {
-    ins_apr_img_1: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_1.png",
-    ins_apr_img_2: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_2.png",
-    ins_apr_img_3: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_3.png",
-    ins_apr_img_4: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_4.png"
+    ins_apr_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_1.png",
+    ins_apr_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_2.png",
+    ins_apr_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_3.png",
+    ins_apr_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_4.png"
   },
   BROWSE_ABANDONMENT: {
-    browsed_item_img_1: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_1.jpg",
-    browsed_item_img_2: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_2.jpg",
-    browsed_item_img_3: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_3.jpg",
-    browsed_item_img_4: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_4.jpg"
+    browsed_item_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_1.jpg",
+    browsed_item_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_2.jpg",
+    browsed_item_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_3.jpg",
+    browsed_item_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_4.jpg"
   }
 }, i = {
   DISCOUNT: "discount",
@@ -23,7 +23,7 @@ const e = 20, t = 320, s = "vertical", m = {
   },
   ELSE: "{% else %}",
   END_IF: "{% endif %}"
-}, n = {
+}, a = {
   ID: /recommendation-id="(.*?)"/gi,
   ATTRIBUTE_PARAGRAPH: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>[\S\s]*?<\/p>/gm,
   ATTRIBUTE_PARAGRAPH_START_TAG: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>/gm,
@@ -31,9 +31,9 @@ const e = 20, t = 320, s = "vertical", m = {
   CUSTOM_FIELD: /{{(?:reco_)?[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
   CUSTOM_FIELD_INDEXES_PART: /{{(?:reco_)?[0-9]+_[0-8]_/gm,
   CUSTOM_FIELD_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
-}, o = {
+}, n = {
   PARAGRAPH_END_TAG: "</p>"
-}, a = {
+}, o = {
   REGULAR_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:90px!important;",
   TRIMMED_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:18px!important;",
   ELLIPSIS: "text-overflow:ellipsis!important; white-space:nowrap!important;",
@@ -47,11 +47,11 @@ const e = 20, t = 320, s = "vertical", m = {
 export {
   i as ATTRIBUTES,
   _ as CONDITIONS,
-  a as CSS,
+  o as CSS,
   m as DUMMY_IMAGE_MAPPINGS,
   e as DefaultPadding,
-  o as HTML,
-  t as MinDeviceViewport,
-  n as REGEX,
-  s as VerticalOrientation
+  n as HTML,
+  s as MinDeviceViewport,
+  a as REGEX,
+  t as VerticalOrientation
 };

package/dist/extensions/Blocks/Items/block.js

@@ -1,12 +1,12 @@
-import { BlockId as f } from "../../../enums/block.js";
-import { useOnboardingStore as g } from "../../../stores/onboarding.js";
-import { getMigrationBannerHtml as y } from "../../../utils/migrationBannerHtml.js";
-import { Block as I, BlockCompositionType as C, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { SETTINGS_ENUMS as d, DefaultConfigValues as m } from "./enums/settingsEnums.js";
-import { getDefaultTemplate as b } from "./template.js";
-import { getItemsBlockContainer as l, getItemsBlockConfig as u, deriveItemNumber as h, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
-const p = f.Items;
-class O extends I {
+import { BlockId as g } from "../../../enums/block.js";
+import { useOnboardingStore as y } from "../../../stores/onboarding.js";
+import { getMigrationBannerHtml as I } from "../../../utils/migrationBannerHtml.js";
+import { Block as C, BlockCompositionType as b, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { SETTINGS_ENUMS as l, DefaultConfigValues as d } from "./enums/settingsEnums.js";
+import { getDefaultTemplate as h } from "./template.js";
+import { getItemsBlockContainer as u, getItemsBlockConfig as f, deriveItemNumber as D, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
+const p = g.Items;
+class E extends C {
   getId() {
     return p;
   }
@@ -14,7 +14,7 @@ class O extends I {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return C.CONTAINER;
+    return b.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,20 +23,20 @@ class O extends I {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return y(
+    return I(
       p,
       this.api.translate("Items"),
       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.")
     );
   }
   getTemplate() {
-    return b({
-      orientation: d.ORIENTATION.VERTICAL,
-      itemsType: d.ITEMS_TYPE.CART_ITEMS,
+    return h({
+      orientation: l.ORIENTATION.VERTICAL,
+      itemsType: l.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: m.productPriceCurrencySymbolControlValue,
-      currencyLocation: m.productPriceCurrencyLocationControlValue,
-      formattedPrice: m.productPriceFormattedControlValue === "1"
+      currencySymbol: d.productPriceCurrencySymbolControlValue,
+      currencyLocation: d.productPriceCurrencyLocationControlValue,
+      formattedPrice: d.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
@@ -45,23 +45,23 @@ class O extends I {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(e) {
-    const t = this.api.getDocumentModifier(), o = this.api.getDocumentRootCssNode();
-    o.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(o).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const i = l(e);
-    if (!i)
+  onCreated(n) {
+    const t = this.api.getDocumentModifier(), a = this.api.getDocumentRootCssNode();
+    a.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(a).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const e = u(n);
+    if (!e)
       return;
-    const r = i.getNodeConfig(), s = r && Object.keys(r).length > 0, n = u(e);
-    if (n != null && n.initialized)
-      if (s)
-        n.blockInstanceId || this.api.getDocumentModifier().modifyHtml(i).setNodeConfig({ ...n, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
+    const o = e.getNodeConfig(), r = o && Object.keys(o).length > 0, i = f(n);
+    if (i != null && i.initialized)
+      if (r)
+        i.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...i, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
       else {
-        const a = this.api.getDocumentModifier();
-        a.modifyHtml(i).setNodeConfig(n), this._stampProductTdDomAttributes(i, n, a), a.apply(new c("Migrate legacy config to nodeConfig"));
+        const s = this.api.getDocumentModifier();
+        s.modifyHtml(e).setNodeConfig(i), this._stampProductTdDomAttributes(e, i, s), s.apply(new c("Migrate legacy config to nodeConfig"));
       }
     else {
-      const a = N();
-      this.api.getDocumentModifier().modifyHtml(i).setNodeConfig(a).apply(new c("Initialize Items block with default configuration")), g().startOnboarding("itemsOnboarding");
+      const s = N(), m = this.api.getDocumentModifier();
+      m.modifyHtml(e).setNodeConfig(s), this._stampProductTdDomAttributes(e, s, m, !0), m.apply(new c("Initialize Items block with default configuration")), y().startOnboarding("itemsOnboarding");
     }
   }
   /**
@@ -70,18 +70,18 @@ class O extends I {
    * into nodeConfig, so without this a reused module would reset to defaults.
    * Guarded to the nodeConfig-empty case so it runs once and never loops.
    */
-  onDocumentChanged(e) {
-    const t = l(e);
+  onDocumentChanged(n) {
+    const t = u(n);
     if (!t)
       return;
-    const o = t.getNodeConfig();
-    if (o && Object.keys(o).length > 0)
+    const a = t.getNodeConfig();
+    if (a && Object.keys(a).length > 0)
       return;
-    const r = u(e);
-    if (!(r != null && r.initialized))
+    const o = f(n);
+    if (!(o != null && o.initialized))
       return;
-    const s = this.api.getDocumentModifier();
-    s.modifyHtml(t).setNodeConfig(r), this._stampProductTdDomAttributes(t, r, s), s.apply(new c("Recover Items block config from saved module"));
+    const r = this.api.getDocumentModifier();
+    r.modifyHtml(t).setNodeConfig(o), this._stampProductTdDomAttributes(t, o, r), r.apply(new c("Recover Items block config from saved module"));
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -91,12 +91,14 @@ class O extends I {
    * restored before export. The name `<a>` carries no data-type/data-number of its own and
    * relies on this td-level fallback in pairProductVariables.
    */
-  _stampProductTdDomAttributes(e, t, o) {
-    const i = h(t.itemsSelectValue, t.type);
-    o.modifyHtml(e).setAttribute("data-type", t.type), o.modifyHtml(e).setAttribute("data-number", i), o.modifyHtml(e).setAttribute("data-nodup", String(t.priceHideDiscount));
+  _stampProductTdDomAttributes(n, t, a, e = !1) {
+    const o = D(t.itemsSelectValue, t.type), r = (i, s) => {
+      e && n.getAttribute(i) || a.modifyHtml(n).setAttribute(i, s);
+    };
+    r("data-type", t.type), r("data-number", o), r("data-nodup", String(t.priceHideDiscount));
   }
 }
 export {
   p as BLOCK_ID,
-  O as ItemsBlock
+  E as ItemsBlock
 };