@useinsider/guido 3.15.0 → 3.16.0-beta.089654a

package/dist/composables/useTimerClone.js

@@ -1,11 +1,11 @@
 import { useActionsApi as f } from "./useActionsApi.js";
-import { useHttp as w } from "./useHttp.js";
-import { useToaster as H } from "./useToaster.js";
-import { useStripoApi as y } from "../services/stripoApi.js";
-const O = () => {
-  const { handleError: c } = H(), { getToken: u } = y(), { post: d } = w(), { updateHtmlAndCss: l } = f(), s = (t) => /esd-timer-id="(\d+)"/.test(t), i = async (t, e) => {
+import { useHttp as H } from "./useHttp.js";
+import { useToaster as h } from "./useToaster.js";
+import { useStripoApi as k } from "../services/stripoApi.js";
+const S = () => {
+  const { handleError: c } = h(), { getToken: l } = k(), { post: p } = H(), { updateHtmlAndCss: u } = f(), s = (t) => /esd-timer-id="(\d+)"/.test(t), i = async (t, e) => {
     try {
-      return (await d(
+      return (await p(
         "https://plugins.stripo.email/api/v1/timers/clone",
         { html: t },
         {
@@ -25,29 +25,31 @@ const O = () => {
     cloneTimersOnSave: async (t) => {
       if (!s(t))
         return t;
-      const e = await u();
+      const e = await l();
       return e && await i(t, e) || t;
     },
     updateTimersOnLoad: async (t) => {
-      var e, r, o, m;
+      var e, r, n, d;
       try {
-        const n = (r = (e = window.UIEditor) == null ? void 0 : e.getHtml) == null ? void 0 : r.call(e);
-        if (!n || !s(n))
+        const o = (r = (e = window.UIEditor) == null ? void 0 : e.getHtml) == null ? void 0 : r.call(e);
+        if (!o || !s(o))
           return;
-        const p = await t();
-        if (!p)
+        const m = await t();
+        if (!m)
           return;
-        const a = await i(n, p);
-        if (!a || a === n)
+        const a = await i(o, m);
+        if (!a || a === o)
           return;
-        const T = ((m = (o = window.UIEditor) == null ? void 0 : o.getCss) == null ? void 0 : m.call(o)) || "";
-        l(a, T);
-      } catch (n) {
-        c(n, "Failed to update timer blocks");
+        const T = ((d = (n = window.UIEditor) == null ? void 0 : n.getCss) == null ? void 0 : d.call(n)) || "";
+        u(a, T).catch((w) => {
+          console.warn("Editor did not acknowledge the timer-block update.", w);
+        });
+      } catch (o) {
+        c(o, "Failed to update timer blocks");
       }
     }
   };
 };
 export {
-  O as useTimerClone
+  S as useTimerClone
 };

package/dist/config/i18n/en/labels.json.js

@@ -1,4 +1,4 @@
-const e = "Items", o = {
+const e = "Items", o = "Default", t = "Custom", s = {
   "Global Styles & Layout": "Global Styles and Layout",
   "Structures & Modules": "Structures and Modules",
   "Recommendation Block": "Recommendation",
@@ -7,9 +7,13 @@ const e = "Items", o = {
   "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.": "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.",
   "Pixel Tracking Opt-in": "Pixel Tracking Opt-in",
   "OPT-IN SELECTION": "OPT-IN SELECTION",
-  "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS"
+  "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS",
+  Default: o,
+  Custom: t
 };
 export {
+  t as Custom,
+  o as Default,
   e as Items,
-  o as default
+  s as default
 };

package/dist/config/migrator/checkboxMigrator.js

@@ -1,36 +1,37 @@
-var h = Object.defineProperty;
-var g = (r, t, e) => t in r ? h(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var l = (r, t, e) => g(r, typeof t != "symbol" ? t + "" : t, e);
-import f from "../../extensions/Blocks/Checkbox/template.js";
-import { extractTextFromElement as m, buildTextBlock as p } from "./textBlockMigration.js";
-class C {
+var g = Object.defineProperty;
+var x = (r, t, e) => t in r ? g(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var m = (r, t, e) => x(r, typeof t != "symbol" ? t + "" : t, e);
+import { CSS_CLASS_CHECKBOX_BLOCK as b, CSS_CLASS_CHECKBOX_BLOCK_V2 as T, BLOCK_ROOT_SELECTOR as f } from "../../extensions/Blocks/Checkbox/constants/selectors.js";
+import h from "../../extensions/Blocks/Checkbox/template.js";
+import { extractTextFromElement as p, buildTextBlock as C } from "./textBlockMigration.js";
+class O {
   constructor() {
-    l(this, "parser");
+    m(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(t) {
     try {
-      const e = this.parser.parseFromString(t, "text/html"), n = e.querySelectorAll("td.checkbox-block");
-      if (n.length === 0)
+      const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll(`td.${b}`);
+      if (i.length === 0)
         return t;
-      let i = !1;
-      return n.forEach((o) => {
-        if (o.classList.contains("checkbox-block-v2"))
+      let s = !1;
+      return i.forEach((o) => {
+        if (o.classList.contains(T))
           return;
-        const b = o.getAttribute("id"), s = m(o, "ins-title"), a = m(o, "ins-description"), u = p(s, s.containerClass), x = p(a, a.containerClass), d = f.replace("{-{-TITLE-}-}", u).replace("{-{-DESCRIPTION-}-}", x), c = this.parser.parseFromString(
+        const l = o.getAttribute("id"), c = p(o, "ins-title"), a = p(o, "ins-description"), u = C(c, c.containerClass), S = C(a, a.containerClass), d = h.replace("{-{-TITLE-}-}", u).replace("{-{-DESCRIPTION-}-}", S), n = this.parser.parseFromString(
           `<table id="tempDoc"><tbody><tr>${d}</tr></tbody></table>`,
           "text/html"
-        ).querySelector(".checkbox-block-v2");
-        c && o.parentNode && (c.setAttribute("id", b || ""), o.parentNode.replaceChild(c, o), i = !0);
-      }), i ? e.documentElement.outerHTML : t;
+        ).querySelector(f);
+        n && o.parentNode && (n.setAttribute("id", l || ""), o.parentNode.replaceChild(n, o), s = !0);
+      }), s ? e.documentElement.outerHTML : t;
     } catch (e) {
       return console.error("CheckboxMigrator failed:", e), t;
     }
   }
 }
-function E(r) {
-  return new C().migrate(r);
+function D(r) {
+  return new O().migrate(r);
 }
 export {
-  E as migrateCheckbox
+  D as migrateCheckbox
 };

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://s3.../img_1.jpeg (CART_ITEMS)
+   * - {{ins_apr_img_1}} → https://web-image.useinsider.com/.../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/config/migrator/radioButtonMigrator.js

@@ -1,53 +1,54 @@
-var q = Object.defineProperty;
-var C = (o, t, e) => t in o ? q(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var g = (o, t, e) => C(o, typeof t != "symbol" ? t + "" : t, e);
+var R = Object.defineProperty;
+var b = (n, t, e) => t in n ? R(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var g = (n, t, e) => b(n, typeof t != "symbol" ? t + "" : t, e);
+import { CSS_CLASS_RADIO_BUTTON_BLOCK as C, CSS_CLASS_RADIO_BUTTON_BLOCK_V2 as T, BLOCK_ROOT_SELECTOR as A } from "../../extensions/Blocks/RadioButton/constants/selectors.js";
 import N from "../../extensions/Blocks/RadioButton/template.js";
-import { extractTextFromElement as b, buildTextBlock as f } from "./textBlockMigration.js";
-class R {
+import { extractTextFromElement as S, buildTextBlock as f } from "./textBlockMigration.js";
+class _ {
   constructor() {
     g(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(t) {
     try {
-      const e = this.parser.parseFromString(t, "text/html"), n = e.querySelectorAll("td.radio-button-block"), a = e.querySelectorAll("td.radio-button-v2");
-      if (n.length === 0 && a.length === 0)
+      const e = this.parser.parseFromString(t, "text/html"), o = e.querySelectorAll(`td.${C}`), a = e.querySelectorAll(`td.${T}`);
+      if (o.length === 0 && a.length === 0)
         return t;
-      let i = !1;
-      return n.forEach((r) => {
-        if (r.classList.contains("radio-button-v2"))
+      let s = !1;
+      return o.forEach((r) => {
+        if (r.classList.contains(T))
           return;
-        const s = r.getAttribute("id"), c = b(r, "ins-title"), d = b(r, "ins-description"), u = b(r, "ins-subscribe"), l = b(r, "ins-unsubscribe"), p = f(c, c.containerClass), m = f(d, d.containerClass), h = f(u), S = f(l), T = N.replace("{-{-TITLE-}-}", p).replace("{-{-DESCRIPTION-}-}", m).replace("{-{-YES-}-}", h).replace("{-{-NO-}-}", S), y = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${T}</tr></tbody></table>`,
+        const i = r.getAttribute("id"), c = S(r, "ins-title"), p = S(r, "ins-description"), l = S(r, "ins-subscribe"), u = S(r, "ins-unsubscribe"), d = f(c, c.containerClass), m = f(p, p.containerClass), h = f(l), L = f(u), O = N.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", m).replace("{-{-YES-}-}", h).replace("{-{-NO-}-}", L), y = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${O}</tr></tbody></table>`,
           "text/html"
-        ).querySelector(".radio-button-v2");
-        y && r.parentNode && (y.setAttribute("id", s || ""), r.parentNode.replaceChild(y, r), i = !0);
-      }), i = this.healRadioButtonV2(e) || i, i ? e.documentElement.outerHTML : t;
+        ).querySelector(A);
+        y && r.parentNode && (y.setAttribute("id", i || ""), r.parentNode.replaceChild(y, r), s = !0);
+      }), s = this.healRadioButtonV2(e) || s, s ? e.documentElement.outerHTML : t;
     } catch (e) {
       return console.error("RadioButtonMigrator failed:", e), t;
     }
   }
   healRadioButtonV2(t) {
     let e = !1;
-    return t.querySelectorAll("td.radio-button-v2").forEach((n) => {
+    return t.querySelectorAll(`td.${T}`).forEach((o) => {
       var m;
-      n.classList.contains("radio-button-block") || (n.classList.add("radio-button-block"), e = !0);
-      const a = n.querySelector("input#radioYes"), i = n.querySelector("input#radioNo");
-      if (!a || !i)
+      o.classList.contains(C) || (o.classList.add(C), e = !0);
+      const a = o.querySelector("input#radioYes"), s = o.querySelector("input#radioNo");
+      if (!a || !s)
         return;
       const r = ((m = a.parentElement) == null ? void 0 : m.querySelector(":scope > p")) || null;
       if (!r && !a.hasAttribute("align"))
         return;
-      const s = a.closest("tr"), c = i.closest("tr");
-      if (!s || !c || s === c || !s.parentNode)
+      const i = a.closest("tr"), c = s.closest("tr");
+      if (!i || !c || i === c || !i.parentNode)
         return;
-      const d = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", u = c.cloneNode(!0), l = u.querySelector("input#radioNo"), p = u.querySelector("p");
-      l && (l.setAttribute("id", "radioYes"), l.removeAttribute("align")), p && (p.innerHTML = d), s.parentNode.replaceChild(u, s), e = !0;
+      const p = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", l = c.cloneNode(!0), u = l.querySelector("input#radioNo"), d = l.querySelector("p");
+      u && (u.setAttribute("id", "radioYes"), u.removeAttribute("align")), d && (d.innerHTML = p), i.parentNode.replaceChild(l, i), e = !0;
     }), e;
   }
 }
-function w(o) {
-  return new R().migrate(o);
+function w(n) {
+  return new _().migrate(n);
 }
 export {
   w as migrateRadioButton

package/dist/config/migrator/recommendation/compositionMapper.js

@@ -1,4 +1,4 @@
-import { DEFAULT_COMPOSITION as d, DEFAULT_VISIBILITY as I } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { DEFAULT_COMPOSITION as p, DEFAULT_VISIBILITY as I } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
 import { ATTR_CUSTOM_PREFIX as l, ATTR_PRODUCT_BUTTON as k, ATTR_PRODUCT_OMNIBUS_DISCOUNT as A, ATTR_PRODUCT_OMNIBUS_PRICE as x, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as R, ATTR_PRODUCT_NAME as h, ATTR_PRODUCT_IMAGE as y } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
 import { mapTextTheme as E, mapButtonTheme as O, mapImageTheme as b } from "./themeMapper.js";
 const C = "__title__", a = "product_attribute.";
@@ -23,19 +23,22 @@ function N(r) {
       return { key: k, kind: "button" };
     default:
       if (r.variableType === "p_attribute" || t.startsWith("p_attribute_")) {
-        const s = r.value ?? "", o = s.startsWith(a) ? s.slice(a.length) : s;
-        return o ? {
-          key: `${l}${o}`,
+        const o = r.value ?? "", s = o.startsWith(a) ? o.slice(a.length) : o;
+        if (!s)
+          return null;
+        const e = o || `${a}${s}`;
+        return {
+          key: `${l}${e}`,
           kind: "custom",
-          customAttrName: o,
-          customAttrValue: s || `${a}${o}`
-        } : null;
+          customAttrName: s,
+          customAttrValue: e
+        };
       }
       return null;
   }
 }
-function p(r) {
-  const t = d.indexOf(r);
+function _(r) {
+  const t = p.indexOf(r);
   return t === -1 ? Number.POSITIVE_INFINITY : t;
 }
 function S(r) {
@@ -48,8 +51,8 @@ function S(r) {
     anyTextTrimming: !1
   };
   if (!r || r.length === 0)
-    return t.composition = [...d], t;
-  const s = [];
+    return t.composition = [...p], t;
+  const o = [];
   r.forEach((e, i) => {
     const n = N(e);
     if (n) {
@@ -57,7 +60,7 @@ function S(r) {
         t.titleVariable = e;
         return;
       }
-      s.push({
+      o.push({
         key: n.key,
         kind: n.kind,
         hidden: e.hidden === !0,
@@ -68,30 +71,30 @@ function S(r) {
         originalIndex: i
       });
     }
-  }), s.sort((e, i) => {
+  }), o.sort((e, i) => {
     if (e.positionIdx !== i.positionIdx)
       return e.positionIdx - i.positionIdx;
-    const n = p(e.key), u = p(i.key);
+    const n = _(e.key), u = _(i.key);
     return n !== u ? n - u : e.originalIndex - i.originalIndex;
   });
-  const o = {};
-  return s.forEach((e) => {
-    const { key: i, kind: n, hidden: u, legacy: m, customAttrName: c, customAttrValue: T } = e;
-    switch (t.composition.push(i), t.visibility[i] = !u, n === "custom" && c && T && (t.customAttributes.includes(c) || t.customAttributes.push(c), t.customAttrValues[i] = T), n) {
+  const s = {};
+  return o.forEach((e) => {
+    const { key: i, kind: n, hidden: u, legacy: c, customAttrName: d, customAttrValue: m } = e;
+    switch (t.composition.push(i), t.visibility[i] = !u, n === "custom" && d && m && (t.customAttributes.includes(m) || t.customAttributes.push(m), t.customAttrValues[i] = m), n) {
       case "image":
-        o[i] = b(m.theme);
+        s[i] = b(c.theme);
         break;
       case "button":
-        o[i] = O(m.theme);
+        s[i] = O(c.theme);
         break;
       case "text":
       case "custom": {
-        const _ = E(m.theme);
-        o[i] = _, _.textTrimming && (t.anyTextTrimming = !0);
+        const T = E(c.theme);
+        s[i] = T, T.textTrimming && (t.anyTextTrimming = !0);
         break;
       }
     }
-  }), t.perElementStyles = o, t;
+  }), t.perElementStyles = s, t;
 }
 export {
   S as mapComposition