@useinsider/guido 3.12.0-beta.1b68f97 → 3.12.0-beta.29b526b

package/dist/composables/useRecommendationPreview.js

@@ -1,112 +1,111 @@
-import { BLOCK_ROOT_SELECTOR as f, CURRENCY_ATTR as A, CONTAINER_SELECTOR as O } from "../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { formatPrice as _ } from "../extensions/Blocks/Recommendation/utils/priceFormatter.js";
-import { BASE_SAFE_URL_SCHEMES as R } from "../utils/urlSchemes.js";
-const S = `${f}[recommendation-id]`, h = ".product-old-price", T = /\{\{(?:reco_)?(\d+_\d+_[a-zA-Z0-9_.]+)\}\}/g, b = new RegExp(
+import { BLOCK_ROOT_SELECTOR as S, CURRENCY_ATTR as p, CONTAINER_SELECTOR as O } from "../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useRecommendationExtensionStore as h } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { formatPrice as E } from "../extensions/Blocks/Recommendation/utils/priceFormatter.js";
+const f = `${S}[recommendation-id]`, C = ".product-old-price", R = /\{\{(?:reco_)?(\d+_\d+_[a-zA-Z0-9_.]+)\}\}/g, T = new RegExp(
   "\\{%\\s*if\\s+([\\s\\S]+?)\\s*%\\}([\\s\\S]*?)(?:\\{%\\s*else\\s*%\\}([\\s\\S]*?))?\\{%\\s*endif\\s*%\\}",
   "g"
 );
-function L(e) {
+function b(e) {
   return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 }
-function g(e) {
-  var c;
-  const i = (c = e.replace(/[\u0000-\u0020]+/g, "").toLowerCase().match(/^([a-z][a-z0-9+.-]*):/)) == null ? void 0 : c[1];
-  return i && !R.includes(`${i}:`) ? "" : e;
+function _(e) {
+  var s;
+  const n = (s = e.replace(/[\u0000-\u0020]+/g, "").toLowerCase().match(/^([a-z][a-z0-9+.-]*):/)) == null ? void 0 : s[1];
+  return n && n !== "http" && n !== "https" && n !== "mailto" ? "" : e;
 }
 function N(e) {
-  const t = e.getAttribute(A.CURRENCY) || "USD", i = e.getAttribute(A.DECIMAL_SEPARATOR) || ".", c = e.getAttribute(A.THOUSAND_SEPARATOR) || ",";
+  const t = e.getAttribute(p.CURRENCY) || "USD", n = e.getAttribute(p.DECIMAL_SEPARATOR) || ".", s = e.getAttribute(p.THOUSAND_SEPARATOR) || ",";
   return {
     code: t,
-    symbol: e.getAttribute(A.SYMBOL) || t,
-    alignment: e.getAttribute(A.ALIGNMENT) === "0" ? "before" : "after",
-    decimalCount: parseInt(e.getAttribute(A.DECIMAL_COUNT) || "2") || 2,
-    decimalSeparator: i,
-    thousandSeparator: c
+    symbol: e.getAttribute(p.SYMBOL) || t,
+    alignment: e.getAttribute(p.ALIGNMENT) === "0" ? "before" : "after",
+    decimalCount: parseInt(e.getAttribute(p.DECIMAL_COUNT) || "2") || 2,
+    decimalSeparator: n,
+    thousandSeparator: s
   };
 }
-function E(e, t) {
+function g(e, t) {
   return (e == null ? void 0 : e[t]) ?? Object.values(e ?? {})[0] ?? 0;
 }
-function $(e, t) {
-  const i = E(e.original_price, t), c = E(e.price, t), n = i > 0 ? Math.round((i - c) / i * 100) : 0;
-  return n > 0 ? `${n}%` : "0%";
+function L(e, t) {
+  const n = g(e.original_price, t), s = g(e.price, t), o = n > 0 ? Math.round((n - s) / n * 100) : 0;
+  return o > 0 ? `${o}%` : "0%";
 }
-function P(e, t, i, c, n, a) {
-  c.forEach((o, s) => {
-    const r = (m) => `${i}_${s}_${m}`, u = _({ price: E(o.price, n.code), currency: n }), l = _({ price: E(o.original_price, n.code), currency: n }), d = $(o, n.code);
-    e.set(r("name"), o.name ?? ""), e.set(r("image_url"), g(o.image_url ?? "")), e.set(r("url"), g(o.url ?? "")), e.set(r("item_id"), o.item_id ?? ""), e.set(r("currency"), ""), e.set(r("price"), u), e.set(r("original_price"), l), e.set(r("discount"), d), e.set(r("omnibus_price"), l), e.set(r("omnibus_discount"), d), a && u === l && t.add(`${i}_${s}`), Object.entries(o.product_attributes ?? {}).forEach(([m, p]) => {
-      e.set(r(`product_attribute.${m}`), String(p)), e.set(r(m), String(p));
+function P(e, t, n, s, o, a) {
+  s.forEach((i, c) => {
+    const r = (m) => `${n}_${c}_${m}`, u = E({ price: g(i.price, o.code), currency: o }), l = E({ price: g(i.original_price, o.code), currency: o }), d = L(i, o.code);
+    e.set(r("name"), i.name ?? ""), e.set(r("image_url"), _(i.image_url ?? "")), e.set(r("url"), _(i.url ?? "")), e.set(r("item_id"), i.item_id ?? ""), e.set(r("currency"), ""), e.set(r("price"), u), e.set(r("original_price"), l), e.set(r("discount"), d), e.set(r("omnibus_price"), l), e.set(r("omnibus_discount"), d), a && u === l && t.add(`${n}_${c}`), Object.entries(i.product_attributes ?? {}).forEach(([m, A]) => {
+      e.set(r(`product_attribute.${m}`), String(A)), e.set(r(m), String(A));
     });
   });
 }
-function z(e, t) {
-  const i = e.match(/^(.+?)\s*(!=|==)\s*"([^"]*)"$/);
-  if (!i)
+function $(e, t) {
+  const n = e.match(/^(.+?)\s*(!=|==)\s*"([^"]*)"$/);
+  if (!n)
     return !0;
-  const [, c, n, a] = i, o = t.get(c.trim()) ?? "";
-  return n === "!=" ? o !== a : o === a;
+  const [, s, o, a] = n, i = t.get(s.trim()) ?? "";
+  return o === "!=" ? i !== a : i === a;
 }
-function w(e, t) {
+function z(e, t) {
   return e.replace(
-    b,
-    (i, c, n, a) => c.split(/\s+and\s+/).every((s) => z(s.trim(), t)) ? n : a ?? ""
+    T,
+    (n, s, o, a) => s.split(/\s+and\s+/).every((c) => $(c.trim(), t)) ? o : a ?? ""
   );
 }
-function D(e) {
+function w(e) {
   let t = e;
   for (; t.children.length === 1; )
     [t] = t.children;
   return t;
 }
-function I(e, t) {
-  var o;
+function D(e, t) {
+  var i;
   if (!t.size)
     return e;
-  const i = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), c = new DOMParser().parseFromString(i, "text/html");
-  c.querySelectorAll(S).forEach((s) => {
-    const r = Number(s.getAttribute("recommendation-id"));
+  const n = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), s = new DOMParser().parseFromString(n, "text/html");
+  s.querySelectorAll(f).forEach((c) => {
+    const r = Number(c.getAttribute("recommendation-id"));
     if (!Number.isFinite(r))
       return;
-    const u = s.querySelectorAll(O);
-    (u.length ? Array.from(u) : [s]).forEach((d) => {
-      d.querySelectorAll(h).forEach((m, p) => {
-        t.has(`${r}_${p}`) && (D(m).textContent = "");
+    const u = c.querySelectorAll(O);
+    (u.length ? Array.from(u) : [c]).forEach((d) => {
+      d.querySelectorAll(C).forEach((m, A) => {
+        t.has(`${r}_${A}`) && (w(m).textContent = "");
       });
     });
   });
-  const n = (o = e.match(/<!DOCTYPE[^>]*>/i)) == null ? void 0 : o[0];
-  return ((n ? `${n}
-` : "") + c.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  const o = (i = e.match(/<!DOCTYPE[^>]*>/i)) == null ? void 0 : i[0];
+  return ((o ? `${o}
+` : "") + s.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
-function y(e) {
+function I(e) {
   if (!e || !e.includes("recommendation-block-v2"))
     return e;
-  const t = C(), i = new DOMParser().parseFromString(e, "text/html"), c = Array.from(i.querySelectorAll(S)), n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
-  if (c.forEach((s) => {
+  const t = h(), n = new DOMParser().parseFromString(e, "text/html"), s = Array.from(n.querySelectorAll(f)), o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+  if (s.forEach((c) => {
     var l;
-    const r = Number(s.getAttribute("recommendation-id"));
+    const r = Number(c.getAttribute("recommendation-id"));
     if (!Number.isFinite(r))
       return;
     const u = ((l = t.blockStates[r]) == null ? void 0 : l.recommendationProducts) ?? [];
     u.length && P(
-      n,
+      o,
       a,
       r,
       u,
-      N(s),
-      s.getAttribute("hide-price") === "true"
+      N(c),
+      c.getAttribute("hide-price") === "true"
     );
-  }), !n.size)
+  }), !o.size)
     return e;
-  let o = I(e, a);
-  return o = o.replace(
-    T,
-    (s, r) => n.has(r) ? L(n.get(r)) : s
-  ), o = w(o, n), o;
+  let i = D(e, a);
+  return i = i.replace(
+    R,
+    (c, r) => o.has(r) ? b(o.get(r)) : c
+  ), i = z(i, o), i;
 }
-const q = () => ({ substituteRecommendationPreview: y });
+const q = () => ({ substituteRecommendationPreview: I });
 export {
-  y as substituteRecommendationPreview,
+  I as substituteRecommendationPreview,
   q as useRecommendationPreview
 };

package/dist/composables/useSave.js

@@ -1,51 +1,32 @@
-import { useActionsApi as k } from "./useActionsApi.js";
-import { useConfig as B } from "./useConfig.js";
-import { useSaveStart as E, useSaveComplete as q } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as C } from "./useSyncModuleExtractor.js";
-import { ToasterTypeOptions as A } from "../enums/toaster.js";
-import { useStripoApi as D } from "../services/stripoApi.js";
-import { useTemplatePreparation as L } from "../utils/templatePreparation.js";
-import { useHtmlValidator as P } from "./useHtmlValidator.js";
-import { useToaster as U } from "./useToaster.js";
-import { useAllowlistValidator as M } from "./validators/useAllowlistValidator.js";
-import { useCouponBlockValidator as h } from "./validators/useCouponBlockValidator.js";
-import { useLiquidValidator as F } from "./validators/useLiquidValidator.js";
-import { useUnsubscribeBlockValidator as O } from "./validators/useUnsubscribeBlockValidator.js";
-const tt = () => {
-  const d = E(), c = q(), { validateHtml: m } = P(), { validateLiquidSyntax: u } = F(), { validateCouponBlockTags: p } = h(), { validateUnsubscribeBlockUniqueness: f, validateUnsubscribeBlockHasTemplate: v } = O(), { callbacks: a, isFeatureEnabled: s } = B(), { extractSyncModuleData: S } = C(), { setSyncModuleUnsubscriptionPages: b } = D(), { editorSave: V } = k(), { showToaster: w } = U(), { getBlockedDomains: y } = M();
-  return { save: async (H = !1, r = !1) => {
-    var l, e, n;
-    d();
-    const { prepareTemplateDetails: g } = L(), t = await g();
-    if (!p(t.compiledHtml) || !f(t.compiledHtml) || !v(t.compiledHtml))
+import { useActionsApi as H } from "./useActionsApi.js";
+import { useConfig as y } from "./useConfig.js";
+import { useSaveStart as w, useSaveComplete as k } from "./useGuidoActions.js";
+import { useSyncModuleExtractor as q } from "./useSyncModuleExtractor.js";
+import { useStripoApi as C } from "../services/stripoApi.js";
+import { useTemplatePreparation as E } from "../utils/templatePreparation.js";
+import { useHtmlValidator as B } from "./useHtmlValidator.js";
+import { useCouponBlockValidator as L } from "./validators/useCouponBlockValidator.js";
+import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
+import { useUnsubscribeBlockValidator as U } from "./validators/useUnsubscribeBlockValidator.js";
+const K = () => {
+  const o = w(), s = k(), { validateHtml: r } = B(), { validateLiquidSyntax: l } = P(), { validateCouponBlockTags: n } = L(), { validateUnsubscribeBlockUniqueness: d, validateUnsubscribeBlockHasTemplate: c } = U(), { callbacks: i, isFeatureEnabled: u } = y(), { extractSyncModuleData: m } = q(), { setSyncModuleUnsubscriptionPages: p } = C(), { editorSave: v } = H();
+  return { save: async (f = !1, S = !1) => {
+    var a;
+    o();
+    const { prepareTemplateDetails: V } = E(), t = await V();
+    if (!n(t.compiledHtml) || !d(t.compiledHtml) || !c(t.compiledHtml))
       return;
-    if (s("liquidSyntax")) {
-      if (!await u(t.compiledHtml))
+    if (u("liquidSyntax")) {
+      if (!await l(t.compiledHtml))
         return;
-    } else if (!await m(t.compiledHtml, t.dynamicContentList, !0))
+    } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
       return;
-    if ((l = a.value) != null && l.externalValidation && !await a.value.externalValidation(t))
+    if ((a = i.value) != null && a.externalValidation && !await i.value.externalValidation(t) || !await v())
       return;
-    if (s("allowlistEnabled")) {
-      const o = await y(t.compiledHtml, t.css);
-      if (o.length) {
-        if (!r) {
-          const i = (n = (e = a.value) == null ? void 0 : e.resolveAllowlistToast) == null ? void 0 : n.call(e, o);
-          i != null && i.message && w({
-            type: A.Warning,
-            message: i.message,
-            actionButton: i.actionButton
-          });
-        }
-        return;
-      }
-    }
-    if (!await V())
-      return;
-    const { unsubscribePayload: x, stripoModules: T } = S(t.rawHtml);
-    return await b(x), t.modules = T, H || c({ ...t, silent: r }), t;
+    const { unsubscribePayload: b, stripoModules: x } = m(t.rawHtml);
+    return await p(b), t.modules = x, f || s({ ...t, silent: S }), t;
   } };
 };
 export {
-  tt as useSave
+  K as useSave
 };

package/dist/extensions/Blocks/Recommendation/constants/controlIds.js

@@ -1,4 +1,4 @@
-var o = /* @__PURE__ */ ((c) => (c.BLOCK_BACKGROUND = "recommendation-block-background-color-control", c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c.CUSTOM_ATTR_ALIGN = "recommendation-block-custom-attr-align-control", c.CUSTOM_ATTR_BACKGROUND = "recommendation-block-custom-attr-background-control", c.CUSTOM_ATTR_COLOR = "recommendation-block-custom-attr-color-control", c.CUSTOM_ATTR_FONT_FAMILY = "recommendation-block-custom-attr-font-family-control", c.CUSTOM_ATTR_PADDINGS = "recommendation-block-custom-attr-paddings-control", c.CUSTOM_ATTR_SIZE = "recommendation-block-custom-attr-size-control", c.CUSTOM_ATTR_STYLE = "recommendation-block-custom-attr-style-control", c.CUSTOM_ATTR_TEXT_TRIM = "recommendation-block-custom-attr-text-trim-control", c.SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message", c))(o || {});
+var o = /* @__PURE__ */ ((c) => (c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c.CUSTOM_ATTR_ALIGN = "recommendation-block-custom-attr-align-control", c.CUSTOM_ATTR_BACKGROUND = "recommendation-block-custom-attr-background-control", c.CUSTOM_ATTR_COLOR = "recommendation-block-custom-attr-color-control", c.CUSTOM_ATTR_FONT_FAMILY = "recommendation-block-custom-attr-font-family-control", c.CUSTOM_ATTR_PADDINGS = "recommendation-block-custom-attr-paddings-control", c.CUSTOM_ATTR_SIZE = "recommendation-block-custom-attr-size-control", c.CUSTOM_ATTR_STYLE = "recommendation-block-custom-attr-style-control", c.CUSTOM_ATTR_TEXT_TRIM = "recommendation-block-custom-attr-text-trim-control", c.SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message", c))(o || {});
 export {
   o as RecommendationControlId
 };

package/dist/extensions/Blocks/Recommendation/extension.js

@@ -1,4 +1,4 @@
-import { ExtensionBuilder as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ExtensionBuilder as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlock as m } from "./block.js";
 import n from "./canvasPreview.css.js";
 import { RecommendationBlockControl as i } from "./controls/main/index.js";
@@ -6,44 +6,42 @@ import "./constants/selectors.js";
 import "./store/recommendation.js";
 import "./utils/captureStyleTemplates.js";
 import { NameControls as e } from "./controls/name/index.js";
-import { PriceControls as l } from "./controls/price/index.js";
-import { OldPriceControls as s } from "./controls/oldPrice/index.js";
+import { PriceControls as s } from "./controls/price/index.js";
+import { OldPriceControls as l } from "./controls/oldPrice/index.js";
 import { OmnibusPriceControls as p } from "./controls/omnibusPrice/index.js";
 import { OmnibusDiscountControls as a } from "./controls/omnibusDiscount/index.js";
 import { ButtonControls as c } from "./controls/button/index.js";
-import { ImageControls as C } from "./controls/image/index.js";
-import { CustomAttributeControls as f } from "./controls/customAttribute/index.js";
+import { ImageControls as f } from "./controls/image/index.js";
+import { CustomAttributeControls as C } from "./controls/customAttribute/index.js";
 import { SpacingControl as d } from "./controls/spacing/index.js";
-import { BlockBackgroundColorControl as u } from "./controls/blockBackground/index.js";
-import { CardBackgroundColorControl as g } from "./controls/cardBackground/index.js";
-import { RecommendationCardCompositionControl as y } from "./controls/cardComposition/index.js";
-import { SyncInfoMessageControl as B } from "./controls/syncInfoMessage.js";
+import { CardBackgroundColorControl as u } from "./controls/cardBackground/index.js";
+import { RecommendationCardCompositionControl as g } from "./controls/cardComposition/index.js";
+import { SyncInfoMessageControl as y } from "./controls/syncInfoMessage.js";
 import { RecommendationIconsRegistry as P } from "./iconsRegistry.js";
 import R from "./recommendation.css.js";
 import { SettingsPanel as S } from "./settingsPanel.js";
-const k = [
+const w = [
   e,
-  l,
   s,
+  l,
   p,
   a,
   c,
-  C,
-  f
-], w = [
+  f,
+  C
+], B = [
   i,
   u,
-  g,
   d,
-  y,
-  B
+  g,
+  y
 ], b = [
-  ...w,
-  ...k.flatMap((o) => Object.values(o))
-], W = b.reduce(
-  (o, r) => o.addControl(r),
-  new t().addBlock(m).withSettingsPanelRegistry(S)
+  ...B,
+  ...w.flatMap((o) => Object.values(o))
+], U = b.reduce(
+  (o, t) => o.addControl(t),
+  new r().addBlock(m).withSettingsPanelRegistry(S)
 ).addStyles(R).withPreviewStyles(n).withIconsRegistry(P).build();
 export {
-  W as default
+  U as default
 };

package/dist/extensions/Blocks/Recommendation/settingsPanel.js

@@ -1,9 +1,9 @@
-import { SettingsPanelRegistry as E, SettingsPanelTab as _, SettingsTab as I, ContainerControls as C } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { BLOCK_ID as R } from "./block.js";
+import { SettingsPanelRegistry as E, SettingsPanelTab as _, SettingsTab as O, ContainerControls as C, TextControls as R } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { BLOCK_ID as U } from "./block.js";
 import { RecommendationBlockId as S } from "./constants/blockIds.js";
 import { RecommendationControlId as T } from "./constants/controlIds.js";
 import "./constants/selectors.js";
-import { CONTROL_BLOCK_ID as U } from "./controls/main/index.js";
+import { CONTROL_BLOCK_ID as A } from "./controls/main/index.js";
 import "./store/recommendation.js";
 import "./utils/captureStyleTemplates.js";
 import "./controls/name/index.js";
@@ -13,38 +13,37 @@ import "./controls/omnibusPrice/index.js";
 import "./controls/omnibusDiscount/index.js";
 import "./controls/button/index.js";
 import "./controls/image/index.js";
-import { SPACING_CONTROL_ID as A } from "./controls/spacing/index.js";
-import "./controls/blockBackground/index.js";
-import { CARD_BACKGROUND_COLOR_CONTROL_ID as L } from "./controls/cardBackground/index.js";
-import { COMPOSITION_CONTROL_BLOCK_ID as D } from "./controls/cardComposition/index.js";
+import { SPACING_CONTROL_ID as L } from "./controls/spacing/index.js";
+import { CARD_BACKGROUND_COLOR_CONTROL_ID as D } from "./controls/cardBackground/index.js";
+import { COMPOSITION_CONTROL_BLOCK_ID as B } from "./controls/cardComposition/index.js";
 import { SYNC_INFO_MESSAGE_CONTROL_ID as N } from "./controls/syncInfoMessage.js";
-class s extends E {
-  registerBlockControls(O) {
-    O[R] = [
+class d extends E {
+  registerBlockControls(I) {
+    I[U] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
-          U,
+          A,
           C.EXTERNAL_INDENTS
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
-          T.BLOCK_BACKGROUND,
-          L,
-          A
+          R.TEXT_BLOCK_BACKGROUND_COLOR,
+          D,
+          L
         ]
       ),
       new _(
         "Card Composition",
         [
-          D
+          B
         ]
       ).withLabel(this.api.translate("Card Composition"))
-    ], O[S.NAME] = [
+    ], I[S.NAME] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.NAME_STYLE,
@@ -54,7 +53,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.NAME_BACKGROUND,
           T.NAME_FONT_FAMILY,
@@ -62,9 +61,9 @@ class s extends E {
           T.NAME_COLOR
         ]
       )
-    ], O[S.PRICE] = [
+    ], I[S.PRICE] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.PRICE_STYLE,
@@ -73,7 +72,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.PRICE_BACKGROUND,
           T.PRICE_FONT_FAMILY,
@@ -81,9 +80,9 @@ class s extends E {
           T.PRICE_COLOR
         ]
       )
-    ], O[S.OLD_PRICE] = [
+    ], I[S.OLD_PRICE] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.OLD_PRICE_STYLE,
@@ -92,7 +91,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.OLD_PRICE_BACKGROUND,
           T.OLD_PRICE_FONT_FAMILY,
@@ -100,9 +99,9 @@ class s extends E {
           T.OLD_PRICE_COLOR
         ]
       )
-    ], O[S.OMNIBUS_PRICE] = [
+    ], I[S.OMNIBUS_PRICE] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.OMNIBUS_PRICE_TEXT_BEFORE,
@@ -113,7 +112,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.OMNIBUS_PRICE_BACKGROUND,
           T.OMNIBUS_PRICE_FONT_FAMILY,
@@ -121,9 +120,9 @@ class s extends E {
           T.OMNIBUS_PRICE_COLOR
         ]
       )
-    ], O[S.OMNIBUS_DISCOUNT] = [
+    ], I[S.OMNIBUS_DISCOUNT] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.OMNIBUS_DISCOUNT_TEXT_BEFORE,
@@ -134,7 +133,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.OMNIBUS_DISCOUNT_BACKGROUND,
           T.OMNIBUS_DISCOUNT_FONT_FAMILY,
@@ -142,9 +141,9 @@ class s extends E {
           T.OMNIBUS_DISCOUNT_COLOR
         ]
       )
-    ], O[S.BUTTON] = [
+    ], I[S.BUTTON] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.BUTTON_TEXT,
@@ -154,7 +153,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.BUTTON_COLOR,
           T.BUTTON_FONT_FAMILY,
@@ -165,9 +164,9 @@ class s extends E {
           T.BUTTON_BORDER
         ]
       )
-    ], O[S.CUSTOM_ATTRIBUTE] = [
+    ], I[S.CUSTOM_ATTRIBUTE] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           T.CUSTOM_ATTR_STYLE,
           T.CUSTOM_ATTR_ALIGN,
@@ -176,7 +175,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.CUSTOM_ATTR_BACKGROUND,
           T.CUSTOM_ATTR_FONT_FAMILY,
@@ -184,9 +183,9 @@ class s extends E {
           T.CUSTOM_ATTR_COLOR
         ]
       )
-    ], O[S.IMAGE] = [
+    ], I[S.IMAGE] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.IMAGE_SIZE,
@@ -197,5 +196,5 @@ class s extends E {
   }
 }
 export {
-  s as SettingsPanel
+  d as SettingsPanel
 };

package/dist/extensions/Blocks/Unsubscribe/utils/constants.js

@@ -5,10 +5,9 @@ const s = {
   PAGE_TYPE: "data-unsubscribe-page-type",
   PAGE_LIST: "data-unsubscribe-page-list",
   BLOCK_ID: "data-unsubscribe-block-id"
-}, c = ".unsubscribe-block-v2", u = 'a[data-unsubscribe-link="true"], a.unsubscribe-link';
+}, c = ".unsubscribe-block-v2";
 export {
   b as DATA_ATTRIBUTES,
   c as UNSUBSCRIBE_BLOCK_SELECTOR,
-  s as UNSUBSCRIBE_EVENTS,
-  u as UNSUBSCRIBE_LINK_SELECTOR
+  s as UNSUBSCRIBE_EVENTS
 };