@useinsider/guido 3.12.0-beta.ea5b317 → 3.12.0-beta.eb4ca1c

package/dist/composables/useRecommendationPreview.js

@@ -1,111 +1,112 @@
-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(
+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(
   "\\{%\\s*if\\s+([\\s\\S]+?)\\s*%\\}([\\s\\S]*?)(?:\\{%\\s*else\\s*%\\}([\\s\\S]*?))?\\{%\\s*endif\\s*%\\}",
   "g"
 );
-function b(e) {
+function L(e) {
   return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 }
-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 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 N(e) {
-  const t = e.getAttribute(p.CURRENCY) || "USD", n = e.getAttribute(p.DECIMAL_SEPARATOR) || ".", s = e.getAttribute(p.THOUSAND_SEPARATOR) || ",";
+  const t = e.getAttribute(A.CURRENCY) || "USD", i = e.getAttribute(A.DECIMAL_SEPARATOR) || ".", c = e.getAttribute(A.THOUSAND_SEPARATOR) || ",";
   return {
     code: t,
-    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
+    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
   };
 }
-function g(e, t) {
+function E(e, t) {
   return (e == null ? void 0 : e[t]) ?? Object.values(e ?? {})[0] ?? 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 $(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 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 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 $(e, t) {
-  const n = e.match(/^(.+?)\s*(!=|==)\s*"([^"]*)"$/);
-  if (!n)
+function z(e, t) {
+  const i = e.match(/^(.+?)\s*(!=|==)\s*"([^"]*)"$/);
+  if (!i)
     return !0;
-  const [, s, o, a] = n, i = t.get(s.trim()) ?? "";
-  return o === "!=" ? i !== a : i === a;
+  const [, c, n, a] = i, o = t.get(c.trim()) ?? "";
+  return n === "!=" ? o !== a : o === a;
 }
-function z(e, t) {
+function w(e, t) {
   return e.replace(
-    T,
-    (n, s, o, a) => s.split(/\s+and\s+/).every((c) => $(c.trim(), t)) ? o : a ?? ""
+    b,
+    (i, c, n, a) => c.split(/\s+and\s+/).every((s) => z(s.trim(), t)) ? n : a ?? ""
   );
 }
-function w(e) {
+function D(e) {
   let t = e;
   for (; t.children.length === 1; )
     [t] = t.children;
   return t;
 }
-function D(e, t) {
-  var i;
+function I(e, t) {
+  var o;
   if (!t.size)
     return e;
-  const n = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), s = new DOMParser().parseFromString(n, "text/html");
-  s.querySelectorAll(f).forEach((c) => {
-    const r = Number(c.getAttribute("recommendation-id"));
+  const i = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), c = new DOMParser().parseFromString(i, "text/html");
+  c.querySelectorAll(S).forEach((s) => {
+    const r = Number(s.getAttribute("recommendation-id"));
     if (!Number.isFinite(r))
       return;
-    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 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 o = (i = e.match(/<!DOCTYPE[^>]*>/i)) == null ? void 0 : i[0];
-  return ((o ? `${o}
-` : "") + s.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  const n = (o = e.match(/<!DOCTYPE[^>]*>/i)) == null ? void 0 : o[0];
+  return ((n ? `${n}
+` : "") + c.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
-function I(e) {
+function y(e) {
   if (!e || !e.includes("recommendation-block-v2"))
     return e;
-  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) => {
+  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) => {
     var l;
-    const r = Number(c.getAttribute("recommendation-id"));
+    const r = Number(s.getAttribute("recommendation-id"));
     if (!Number.isFinite(r))
       return;
     const u = ((l = t.blockStates[r]) == null ? void 0 : l.recommendationProducts) ?? [];
     u.length && P(
-      o,
+      n,
       a,
       r,
       u,
-      N(c),
-      c.getAttribute("hide-price") === "true"
+      N(s),
+      s.getAttribute("hide-price") === "true"
     );
-  }), !o.size)
+  }), !n.size)
     return e;
-  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;
+  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;
 }
-const q = () => ({ substituteRecommendationPreview: I });
+const q = () => ({ substituteRecommendationPreview: y });
 export {
-  I as substituteRecommendationPreview,
+  y as substituteRecommendationPreview,
   q as useRecommendationPreview
 };

package/dist/composables/useSave.js

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

package/dist/composables/useUserRole.js

@@ -0,0 +1,13 @@
+import { RoleEnums as t } from "../enums/roles.js";
+import { useHttp as o } from "./useHttp.js";
+const s = "/get-user-role-and-email";
+let r = null, n = null;
+const f = () => {
+  const { get: l } = o();
+  return { getIsManageUser: async () => r !== null ? r : (n || (n = l(s).then(({ data: e }) => (r = (e == null ? void 0 : e.role) === t.MANAGE_USERS, r)).catch((e) => (console.error("[GUIDO_ALLOWLIST] role fetch failed", e), !1)).finally(() => {
+    n = null;
+  })), n) };
+};
+export {
+  f as useUserRole
+};

package/dist/composables/validators/useAllowlistValidator.js

@@ -0,0 +1,31 @@
+import { base64EncodeWithSpecialChars as d } from "../../utils/base64.js";
+import { useHttp as p } from "../useHttp.js";
+const w = "/allowlist/check-single-item", h = /(?:https?:\/\/|www\.)[^\s"'<>()]+/gi, u = /&quot;\/\//gi, D = () => {
+  const { get: i } = p(), r = (e, o) => {
+    const c = `${e || ""} ${o || ""}`.replace(u, "https://").match(h) || [], t = /* @__PURE__ */ new Set();
+    return c.forEach((n) => {
+      const m = /^https?:\/\//i.test(n) ? n : `https://${n}`;
+      try {
+        const { hostname: a } = new URL(m);
+        a && t.add(a.replace(/^www\./i, "").toLowerCase());
+      } catch {
+      }
+    }), [...t];
+  }, l = async (e) => {
+    const o = encodeURIComponent(d(`https://${e}`)), { data: s } = await i(`${w}?item=${o}&type=domain`);
+    return s.type === "success";
+  };
+  return { getBlockedDomains: async (e, o) => {
+    try {
+      const s = r(e, o);
+      return s.length ? (await Promise.all(
+        s.map(async (t) => ({ domain: t, allowlisted: await l(t) }))
+      )).filter((t) => !t.allowlisted).map((t) => t.domain) : [];
+    } catch (s) {
+      return console.error("[GUIDO_ALLOWLIST] getBlockedDomains failed", s), [];
+    }
+  } };
+};
+export {
+  D as useAllowlistValidator
+};

package/dist/enums/roles.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.MANAGE_USERS = "manage-users", r))(e || {});
+export {
+  e as RoleEnums
+};

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

@@ -1,4 +1,4 @@
-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 || {});
+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 || {});
 export {
   o as RecommendationControlId
 };

package/dist/extensions/Blocks/Recommendation/controls/blockBackground/index.js

@@ -0,0 +1,10 @@
+import { createBlockBackgroundColorControl as o } from "../../../controlFactories.js";
+import { RecommendationControlId as r } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as t } from "../../constants/selectors.js";
+const c = o(
+  r.BLOCK_BACKGROUND,
+  t
+);
+export {
+  c as BlockBackgroundColorControl
+};

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

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

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

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

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

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