@useinsider/guido 3.12.0-beta.841bb6a → 3.12.0-beta.86e34da

package/dist/extensions/Blocks/Recommendation/utils/strategyHumanizer.js

@@ -0,0 +1,97 @@
+import { FilterTypeNames as f, OperatorAbbreviations as N, UserEvents as y, UserEventKeys as d } from "../../../../enums/extensions/strategyDetail.js";
+import { formatShortDate as p } from "../../../../utils/dateUtil.js";
+const L = /* @__PURE__ */ new Set([
+  d.CURRENTLY_VIEWED_ITEM,
+  d.LEGACY_CURRENTLY_VIEWED_ITEM
+]), g = /^(\d+)([whd])$/, h = (t) => t ? t.charAt(0).toUpperCase() + t.slice(1) : "", v = (t, e) => {
+  const r = y.find((n) => n.value === t);
+  return r ? e(r.text) : t;
+}, C = (t, e) => {
+  if (t.userAttribute)
+    return t.userAttribute;
+  if (!t.userEvent)
+    return "";
+  const r = v(t.userEvent, e);
+  if (L.has(t.userEvent))
+    return r;
+  const n = t.userEventCount ?? 0;
+  if (n <= 0)
+    return r;
+  const a = e(
+    n === 1 ? "discovery-strategy-filtering.item" : "discovery-strategy-filtering.items"
+  );
+  return `${r} ${n} ${a}`;
+}, O = [
+  f.USER_ATTRIBUTE_FILTER,
+  f.USER_EVENT_FILTER,
+  f.USER_CONTEXT_FILTER
+], V = (t) => O.includes(t ?? ""), S = (t, e, r) => {
+  if (!t)
+    return "";
+  const n = g.exec(t);
+  if (!n)
+    return "";
+  const [, a, c] = n, s = e.find((T) => T.value === c), $ = s ? s.text.toLowerCase() : c;
+  return ` ${r("purchase-history.in-last")} ${a} ${$}`;
+}, R = (t, e) => t.map((r) => `[${r}]`).join(` ${e} `), b = (t) => {
+  let e;
+  try {
+    e = JSON.parse(t);
+  } catch {
+    return t.split(",");
+  }
+  return Array.isArray(e) ? e.map((r) => String(r)) : [String(e)];
+};
+function w(t) {
+  const {
+    condition: e,
+    selectedOperator: r,
+    filterValue: n,
+    timeUnit: a,
+    inBetweenValues: c,
+    timeUnitOptions: s,
+    isDateAttribute: $,
+    isMultiSelect: T,
+    isInOrNotInOperator: U,
+    trans: E
+  } = t, { IN_LAST: A, IN_BETWEEN: _ } = N.OPERATOR, l = E("action-builder.and");
+  if (V(e.type)) {
+    const i = C(e, E);
+    if (i)
+      return `${i}${S(e.duration, s, E)}`;
+  }
+  const u = e.type === f.EVENT_BASED_FILTER ? S(e.duration, s, E) : "";
+  if (e.time && r !== _)
+    return `${p(e.time)}${u}`;
+  if (r === A) {
+    const [i] = n.match(/\d+/g) || [];
+    if (!i)
+      return n;
+    const o = s.find((m) => m.value === a);
+    return `${i} ${h((o == null ? void 0 : o.text) ?? "")}`.trimEnd();
+  }
+  if (r === _) {
+    if ($() && e.time) {
+      const [m = "", I = ""] = e.time.split(":");
+      return `${p(m)} ${l} ${p(I)}${u}`;
+    }
+    const [i = "", o = ""] = c ?? [];
+    return `${i} ${l} ${o}${u}`;
+  }
+  if (T())
+    return `${R(b(n), l)}${u}`;
+  if (U()) {
+    const i = n.split(",");
+    return `${i.length > 1 ? R(i, l) : n}${u}`;
+  }
+  return `${n}${u}`;
+}
+export {
+  R as bracketJoin,
+  h as capitalizeFirstLetter,
+  S as getDurationSuffix,
+  w as getSuitableValue,
+  C as getUserContextValue,
+  v as getUserEventLabel,
+  b as parseMultiSelectValue
+};

package/dist/extensions/Blocks/Recommendation/utils/strategyNavigation.js

@@ -0,0 +1,8 @@
+import { STRATEGY_PAGES as a } from "../../../../enums/extensions/recommendationBlock.js";
+const o = (t) => {
+  window.location.assign(t);
+}, e = (t) => a.EDIT.replace("{{id}}", String(t));
+export {
+  e as buildStrategyEditPath,
+  o as navigateToStrategyPage
+};

package/dist/extensions/Blocks/Recommendation/utils/strategySummary.js

@@ -0,0 +1,95 @@
+import { TimeAbbreviations as g, Operators as y, OperatorNames as c, OperatorAbbreviations as I, DataTypes as O, MultiSelectDataTypes as E } from "../../../../enums/extensions/filteringV2.js";
+import { capitalizeFirstLetter as d, bracketJoin as T, parseMultiSelectValue as v } from "./strategyHumanizer.js";
+import { formatShortDate as f } from "../../../../utils/dateUtil.js";
+import { parseJsonField as b } from "../../../../utils/genericUtil.js";
+const S = "CHEF", _ = "MIXED", M = [S, _], N = 2, h = 4, A = (e) => `recommendation-algorithm-names.${(e || "").replaceAll("_", "-").toLowerCase()}`, x = (e) => ({
+  [S]: "discovery-strategy.chef",
+  [_]: "discovery-strategy.mixed-algorithm"
+})[e] ?? "discovery-strategy.single-algorithm", L = (e, t) => {
+  if (!M.includes(e.algorithm))
+    return t(A(e.algorithm));
+  const o = t(x(e.algorithm)), i = (e.algorithm_used || "").split(",").map((r) => r.trim()).filter(Boolean).map((r) => t(A(r))), n = [...new Set(i)];
+  if (n.length > 1) {
+    const r = t("strategy-info-box-content.and-more", { count: n.length - 1 });
+    return `${o} - ${n[0]} ${r}`;
+  }
+  return `${o} - ${n.join(", ")}`;
+}, C = (e, t) => {
+  const o = [
+    e.exclude_view && "viewed",
+    e.exclude_purchase && "purchased",
+    e.exclude_cart && "cart"
+  ].filter(Boolean);
+  return o.length ? o.map((n, r) => {
+    if (r === 0)
+      return t(`recommendation-strategy.recently_${n}`) + (o.length > 2 ? "," : "");
+    const s = t(`recommendation-strategy.${n}`);
+    return r === o.length - 1 ? `${t("ds-condition.and")} ${s}` : s;
+  }).join(" ") : t("recommendation-strategy.none");
+}, D = (e, t) => {
+  var n;
+  const i = (y[((n = e.attribute) == null ? void 0 : n.attributeType) ?? ""] || []).find((r) => r.value === e.selectedOperator);
+  return i ? t(i.text) : "";
+}, w = ({ attribute: e }) => (e == null ? void 0 : e.attributeType) === O.DATE, R = (e) => {
+  var r;
+  const t = ((r = e.attribute) == null ? void 0 : r.attributeType) ?? "", o = e.selectedOperator ?? "";
+  if (!E.includes(t) || [c.CONTAINS, c.NOT_CONTAINS].includes(o))
+    return !1;
+  const i = [c.IS_EXACTLY, c.IS_NOT_EXACTLY].includes(o);
+  return !((e.isHierarchyCategory || t === O.STRING) && i);
+}, j = (e, t, o) => {
+  const i = e.value ?? "", n = t("action-builder.and"), { IN_LAST: r, IN_BETWEEN: s } = I.OPERATOR;
+  if (e.time && e.selectedOperator !== s)
+    return f(e.time);
+  if (e.selectedOperator === r) {
+    const [a] = i.match(/\d+/g) || [], l = o[e.timeUnit ?? ""];
+    return a && l ? `${a} ${l}` : i;
+  }
+  if (e.selectedOperator === s) {
+    if (w(e)) {
+      const [m = "", u = ""] = (e.time ?? "").split(":");
+      return `${f(m)} ${n} ${f(u)}`;
+    }
+    const [a = "", l = ""] = e.inBetweenValues ?? [];
+    return `${a} ${n} ${l}`;
+  }
+  if (R(e))
+    return T(v(i), n);
+  if ([c.IN, c.NOT_IN].includes(e.selectedOperator)) {
+    const a = i.split(",");
+    return a.length > 1 ? T(a, n) : i;
+  }
+  return i;
+}, F = (e, t) => {
+  var $;
+  const o = b(e.filters, {}), n = Object.values(o).slice(0, N).flatMap((p) => (p == null ? void 0 : p.conditionList) ?? []), [r] = n;
+  if (!r)
+    return t("recommendation-strategy.none");
+  const s = {
+    [g.WEEK]: d(t("journey-builder.weeks")),
+    [g.DAY]: d(t("settings.day-s")),
+    [g.HOUR]: d(t("settings.hour-s"))
+  }, a = d((($ = r.attribute) == null ? void 0 : $.text) ?? ""), l = D(r, t), m = j(r, t, s), u = `${a} ${t("input.value")} ${l} ${m}`;
+  return n.length > 1 ? `${u} ${t("strategy-info-box-content.and-more", { count: n.length - 1 })}` : u;
+}, H = (e, t) => {
+  const o = b(e.manual_merchandising_products, []), i = b(e.mixed_strategies, []), n = (Array.isArray(i) ? i : []).map((s) => s == null ? void 0 : s.productId).filter(Boolean), r = [.../* @__PURE__ */ new Set([...Array.isArray(o) ? o : [], ...n])];
+  if (!r.length)
+    return t("recommendation-strategy.none");
+  if (r.length > h) {
+    const s = t("strategy-info-box-content.and-more", {
+      count: r.length - h
+    });
+    return `${r.slice(0, h).join(", ")} ${s}`;
+  }
+  return r.join(", ");
+}, V = (e, t) => [
+  { title: t("gpt-app-builder.algorithms-and-method"), value: L(e, t) },
+  { title: t("gpt-app-builder.exclusions"), value: C(e, t) },
+  { title: t("gpt-app-builder.filters"), value: F(e, t) },
+  { title: t("gpt-app-builder.manual-merchandising"), value: H(e, t) }
+];
+export {
+  V as buildStrategySummary,
+  A as getAlgorithmTranslationKey,
+  x as getMethodTranslationKey
+};

package/dist/extensions/Blocks/Recommendation/utils/strategyUrl.js

@@ -0,0 +1,43 @@
+import { useConfigStore as I } from "../../../../stores/config.js";
+const l = {
+  LOCALE: ["{locale}", "{language}"],
+  CURRENCY: ["{currency}"],
+  CAMPAIGN_ID: ["{campaignId}"],
+  STRATEGY_ID: ["{strategyId}"],
+  CLIENT_ID: ["{clientId}"],
+  PARTNER_NAME: ["{partnerName}", "{partnerId}"],
+  SIZE: ["{size}"]
+}, d = {
+  // Both spellings are in use: the legacy email templates say `{user_id}`,
+  // the web runtime's say `{userId}`.
+  USER_ID: ["{userId}", "{user_id}"]
+}, E = (e, r, s) => r.reduce((t, n) => t.replaceAll(n, s), e), u = (e) => {
+  const r = e.indexOf("?");
+  if (r === -1)
+    return e;
+  const s = e.slice(0, r), t = e.slice(r + 1), n = t.indexOf("#"), i = n === -1 ? t : t.slice(0, n), c = n === -1 ? "" : t.slice(n), a = i.split("&").filter((o) => !/\{[^}]*\}/.test(o.slice(o.indexOf("=") + 1)));
+  return a.length ? `${s}?${a.join("&")}${c}` : `${s}${c}`;
+}, A = (e) => {
+  const r = I();
+  return {
+    LOCALE: e.language,
+    CURRENCY: e.currencyCode,
+    CAMPAIGN_ID: r.variationId,
+    STRATEGY_ID: e.strategyId,
+    CLIENT_ID: "6KcLM9TwheVB1mgK",
+    PARTNER_NAME: r.partnerName,
+    SIZE: e.size
+  };
+}, C = (e, r, s) => {
+  if (!e)
+    return "";
+  const t = Object.entries(l).reduce(
+    (n, [i, c]) => E(n, c, r[i]),
+    e
+  );
+  return s === "preview" ? u(t) : E(t, d.USER_ID, "{user_id}");
+};
+export {
+  A as buildStrategyUrlValues,
+  C as resolveStrategyUrl
+};

package/dist/extensions/Blocks/Recommendation/validation/requiredFields.js

@@ -1,4 +1,4 @@
-const l = [
+const u = [
   {
     key: "locale",
     getValue: (e) => e.language,
@@ -9,25 +9,39 @@ const l = [
     getValue: (e) => e.currencySettings.value,
     getAvailableOptions: (e) => e.currencyList.map((n) => n.text),
     canBeEmpty: !0
+  },
+  {
+    // Only a *deleted* strategy blocks the save (SD-145578 AC-4). An empty
+    // strategyId is legitimate: blocks saved before RRS keep running on their
+    // algorithm URL, and with the flag on by default those templates must stay
+    // saveable.
+    //
+    // `canValidateStrategy` gates the whole check — mid-fetch the listing is
+    // empty and every assigned id would look deleted.
+    key: "strategy",
+    optional: !0,
+    getValue: (e) => e.strategyId,
+    getAvailableOptions: (e) => e.strategyIds,
+    condition: (e, n) => n.isRrsEnabled && n.canValidateStrategy
   }
 ], o = "newsletter.recommendation-fill-required-fields";
-function c(e, n, i = l) {
-  return i.filter((t) => {
-    var u;
-    if (t.condition && !t.condition(e))
+function c(e, n, l = u) {
+  return l.filter((t) => {
+    var i;
+    if (t.condition && !t.condition(e, n))
       return !1;
-    const r = (u = t.getAvailableOptions) == null ? void 0 : u.call(t, n);
-    if (t.canBeEmpty && (r == null ? void 0 : r.length) === 0)
+    const a = (i = t.getAvailableOptions) == null ? void 0 : i.call(t, n);
+    if (t.canBeEmpty && (a == null ? void 0 : a.length) === 0)
       return !1;
-    const a = t.getValue(e);
-    return a ? r !== void 0 && !r.includes(a) : !0;
+    const r = t.getValue(e);
+    return r ? a !== void 0 && !a.includes(r) : !t.optional;
   }).map((t) => t.key);
 }
 function s(e, n) {
   return c(e, n).length === 0;
 }
 export {
-  l as REQUIRED_RECOMMENDATION_FIELDS,
+  u as REQUIRED_RECOMMENDATION_FIELDS,
   o as RecommendationRequiredFieldsKey,
   c as getInvalidFields,
   s as isConfigValid

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
 };

package/dist/extensions/Blocks/common-control.js

@@ -191,10 +191,11 @@ class d extends I {
    * @param param0
    * @returns It returns a button with an icon.
    */
-  _GuIconButton({ name: e, icon: t, className: o = "" }) {
+  _GuIconButton({ name: e, icon: t, className: o = "", id: E = "" }) {
     return `
             <${n.BUTTON}
                 class="${o}"
+                ${E ? `id="${E}"` : ""}
                 ${$.BUTTON.name}="${e}"
                 ${$.BUTTON.icon}="${t}">
             </${n.BUTTON}>

package/dist/extensions/Blocks/controlFactories.js

@@ -1,7 +1,7 @@
-import { TextAlignBuiltInControl as a, TextColorBuiltInControl as g, TextSizeBuiltInControl as f, TextStyleBuiltInControl as x, TextFontFamilyBuiltInControl as C, ButtonBackgroundColorBuiltInControl as T, TextPaddingsBuiltInControl as B, ImageSizeBuiltInControl as m, ImageMarginsBuiltInControl as y, ButtonAlignBuiltInControl as I, ButtonBorderBuiltInControl as S, ButtonBorderRadiusBuiltInControl as A, ButtonColorBuiltInControl as b, ButtonFontFamilyBuiltInControl as N, ButtonMarginsBuiltInControl as q, ButtonPaddingsBuiltInControl as $, ButtonTextBuiltInControl as k, ButtonTextSizeBuiltInControl as p, ButtonTextStyleAndFontColorBuiltInControl as h, ButtonFitToContainerBuiltInControl as F, TextLineSpacingBuiltInControl as M } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const R = "buttonTextStyleForm", _ = "backgroundColor", E = /* @__PURE__ */ new Set(["", "transparent", "rgba(0, 0, 0, 0)"]);
-function z(o, n, r) {
-  return class extends a {
+import { TextAlignBuiltInControl as C, TextColorBuiltInControl as x, TextSizeBuiltInControl as T, TextStyleBuiltInControl as B, TextFontFamilyBuiltInControl as m, ButtonBackgroundColorBuiltInControl as d, TextPaddingsBuiltInControl as y, ImageSizeBuiltInControl as b, ImageMarginsBuiltInControl as I, ButtonAlignBuiltInControl as S, ButtonBorderBuiltInControl as A, ButtonBorderRadiusBuiltInControl as k, ButtonColorBuiltInControl as N, ButtonFontFamilyBuiltInControl as h, ButtonMarginsBuiltInControl as p, ButtonPaddingsBuiltInControl as $, ButtonTextBuiltInControl as q, ButtonTextSizeBuiltInControl as F, ButtonTextStyleAndFontColorBuiltInControl as v, ButtonFitToContainerBuiltInControl as R, TextLineSpacingBuiltInControl as M } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const O = "buttonTextStyleForm", a = "backgroundColor", g = /* @__PURE__ */ new Set(["", "transparent", "rgba(0, 0, 0, 0)"]), _ = ["elementColor", a], E = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
+function P(o, n, r) {
+  return class extends C {
     getId() {
       return o;
     }
@@ -13,8 +13,8 @@ function z(o, n, r) {
     }
   };
 }
-function v(o, n, r) {
-  return class extends g {
+function H(o, n, r) {
+  return class extends x {
     getId() {
       return o;
     }
@@ -26,8 +26,8 @@ function v(o, n, r) {
     }
   };
 }
-function P(o, n, r) {
-  return class extends f {
+function U(o, n, r) {
+  return class extends T {
     getId() {
       return o;
     }
@@ -39,8 +39,8 @@ function P(o, n, r) {
     }
   };
 }
-function D(o, n, r) {
-  return class extends x {
+function Y(o, n, r) {
+  return class extends B {
     getId() {
       return o;
     }
@@ -52,8 +52,8 @@ function D(o, n, r) {
     }
   };
 }
-function K(o, n, r) {
-  return class extends C {
+function G(o, n, r) {
+  return class extends m {
     getId() {
       return o;
     }
@@ -65,8 +65,8 @@ function K(o, n, r) {
     }
   };
 }
-function L(o, n, r) {
-  return class extends T {
+function V(o, n, r) {
+  return class extends d {
     getId() {
       return o;
     }
@@ -89,16 +89,65 @@ function L(o, n, r) {
       const t = this.getTargetNodes(e);
       if (!t.length)
         return;
-      const s = this.api.getValues()[_], i = !s || E.has(s), c = this.api.getDocumentModifier();
+      const i = this.api.getValues()[a], l = !i || g.has(i), s = this.api.getDocumentModifier();
       return t.forEach((u) => {
-        const l = c.modifyHtml(u);
-        i ? l.removeStyle("background-color") : l.setStyle("background-color", s);
-      }), c;
+        const c = s.modifyHtml(u);
+        l ? c.removeStyle("background-color") : c.setStyle("background-color", i);
+      }), s;
     }
   };
 }
-function U(o, n, r) {
-  return class extends B {
+function K(o) {
+  const n = _.find((e) => e in o);
+  if (!n)
+    return;
+  const r = o[n];
+  return typeof r == "string" ? r : "";
+}
+function L(o, n) {
+  return n.startsWith(".") && "hasClass" in o && o.hasClass(n.slice(1));
+}
+function z(o, n) {
+  try {
+    return L(o, n) ? o : o.closest(n) ?? void 0;
+  } catch {
+    return;
+  }
+}
+function w(o, n) {
+  return class extends d {
+    getId() {
+      return o;
+    }
+    /** The parent control renders its own generic title; restore the block-level wording. */
+    getLabels() {
+      return { title: this.api.translate("Block Background Color") };
+    }
+    /** Guard: redirect the borrowed button parent onto the block `<td>` so it never paints the Buy buttons. */
+    getTargetNodes(r) {
+      const e = z(r, n);
+      return e ? [e] : [];
+    }
+    /**
+     * Writes the picked background onto the block as an inline style plus a `bgcolor`
+     * attribute. This is the whole mechanism, not a mirror: the parent control's own
+     * write never reaches the block element (verified at runtime). `bgcolor` is the
+     * channel Outlook honours on a `<td>`, and matches what the migrator emits.
+     */
+    getAdditionalModifications(r) {
+      const [e] = this.getTargetNodes(r);
+      if (!e)
+        return;
+      const t = K(this.api.getValues());
+      if (t === void 0)
+        return;
+      const i = !t || g.has(t), l = this.api.getDocumentModifier(), s = l.modifyHtml(e);
+      return i ? s.removeStyle("background-color").removeAttribute("bgcolor") : (s.setStyle("background-color", t), E.test(t) ? s.setAttribute("bgcolor", t) : s.removeAttribute("bgcolor")), l;
+    }
+  };
+}
+function W(o, n, r) {
+  return class extends y {
     getId() {
       return o;
     }
@@ -110,7 +159,7 @@ function U(o, n, r) {
     }
   };
 }
-function Y(o, n, r) {
+function X(o, n, r) {
   return class extends M {
     getId() {
       return o;
@@ -120,8 +169,8 @@ function Y(o, n, r) {
     }
   };
 }
-function w(o, n, r = ".ins-recommendation-product-container") {
-  return class extends I {
+function j(o, n, r = ".ins-recommendation-product-container") {
+  return class extends S {
     getId() {
       return o;
     }
@@ -131,8 +180,8 @@ function w(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function G(o, n, r = ".ins-recommendation-product-container") {
-  return class extends b {
+function J(o, n, r = ".ins-recommendation-product-container") {
+  return class extends N {
     getId() {
       return o;
     }
@@ -142,8 +191,8 @@ function G(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function H(o, n, r = ".ins-recommendation-product-container") {
-  return class extends S {
+function Q(o, n, r = ".ins-recommendation-product-container") {
+  return class extends A {
     getId() {
       return o;
     }
@@ -153,8 +202,8 @@ function H(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function V(o, n, r = ".ins-recommendation-product-container") {
-  return class extends A {
+function Z(o, n, r = ".ins-recommendation-product-container") {
+  return class extends k {
     getId() {
       return o;
     }
@@ -164,8 +213,8 @@ function V(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function W(o, n, r = ".ins-recommendation-product-container") {
-  return class extends N {
+function tt(o, n, r = ".ins-recommendation-product-container") {
+  return class extends h {
     getId() {
       return o;
     }
@@ -175,8 +224,8 @@ function W(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function X(o, n, r = ".ins-recommendation-product-container") {
-  return class extends q {
+function et(o, n, r = ".ins-recommendation-product-container") {
+  return class extends p {
     getId() {
       return o;
     }
@@ -186,7 +235,7 @@ function X(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function j(o, n, r = ".ins-recommendation-product-container") {
+function nt(o, n, r = ".ins-recommendation-product-container") {
   return class extends $ {
     getId() {
       return o;
@@ -197,8 +246,8 @@ function j(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function J(o, n, r = ".ins-recommendation-product-container") {
-  return class extends k {
+function rt(o, n, r = ".ins-recommendation-product-container") {
+  return class extends q {
     getId() {
       return o;
     }
@@ -208,8 +257,8 @@ function J(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function Q(o, n, r = ".ins-recommendation-product-container") {
-  return class extends p {
+function ot(o, n, r = ".ins-recommendation-product-container") {
+  return class extends F {
     getId() {
       return o;
     }
@@ -219,8 +268,8 @@ function Q(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function Z(o, n, r) {
-  return class extends h {
+function st(o, n, r) {
+  return class extends v {
     getId() {
       return o;
     }
@@ -242,21 +291,21 @@ function Z(o, n, r) {
       const t = e.closest(r);
       if (!t)
         return;
-      const s = t.querySelectorAll(`[esd-extension-block-id="${n}"] a.es-button`);
-      if (!s.length)
+      const i = t.querySelectorAll(`[esd-extension-block-id="${n}"] a.es-button`);
+      if (!i.length)
         return;
-      const i = this.api.getValues()[R];
-      if (!i)
+      const l = this.api.getValues()[O];
+      if (!l)
         return;
-      const c = i.bold ? "bold" : "normal", u = i.italic ? "italic" : "normal", l = this.api.getDocumentModifier();
-      return s.forEach((d) => {
-        l.modifyHtml(d).setStyle("font-weight", c).setStyle("font-style", u);
-      }), l;
+      const s = l.bold ? "bold" : "normal", u = l.italic ? "italic" : "normal", c = this.api.getDocumentModifier();
+      return i.forEach((f) => {
+        c.modifyHtml(f).setStyle("font-weight", s).setStyle("font-style", u);
+      }), c;
     }
   };
 }
-function tt(o, n, r) {
-  return class extends F {
+function it(o, n, r) {
+  return class extends R {
     getId() {
       return o;
     }
@@ -266,8 +315,8 @@ function tt(o, n, r) {
     }
   };
 }
-function et(o, n, r) {
-  return class extends m {
+function lt(o, n, r) {
+  return class extends b {
     getId() {
       return o;
     }
@@ -281,8 +330,8 @@ function et(o, n, r) {
     }
   };
 }
-function nt(o, n, r) {
-  return class extends y {
+function ct(o, n, r) {
+  return class extends I {
     getId() {
       return o;
     }
@@ -297,25 +346,26 @@ function nt(o, n, r) {
   };
 }
 export {
-  w as createButtonAlignControl,
-  H as createButtonBorderControl,
-  V as createButtonBorderRadiusControl,
-  G as createButtonColorControl,
-  tt as createButtonFitToContainerControl,
-  W as createButtonFontFamilyControl,
-  X as createButtonMarginsControl,
-  j as createButtonPaddingsControl,
-  J as createButtonTextControl,
-  Q as createButtonTextSizeControl,
-  Z as createButtonTextStyleAndFontColorControl,
-  nt as createImageMarginsControl,
-  et as createImageSizeControl,
-  U as createPaddingsControl,
-  z as createTextAlignControl,
-  L as createTextBackgroundColorControl,
-  v as createTextColorControl,
-  K as createTextFontFamilyControl,
-  Y as createTextLineSpacingControl,
-  P as createTextSizeControl,
-  D as createTextStyleControl
+  w as createBlockBackgroundColorControl,
+  j as createButtonAlignControl,
+  Q as createButtonBorderControl,
+  Z as createButtonBorderRadiusControl,
+  J as createButtonColorControl,
+  it as createButtonFitToContainerControl,
+  tt as createButtonFontFamilyControl,
+  et as createButtonMarginsControl,
+  nt as createButtonPaddingsControl,
+  rt as createButtonTextControl,
+  ot as createButtonTextSizeControl,
+  st as createButtonTextStyleAndFontColorControl,
+  ct as createImageMarginsControl,
+  lt as createImageSizeControl,
+  W as createPaddingsControl,
+  P as createTextAlignControl,
+  V as createTextBackgroundColorControl,
+  H as createTextColorControl,
+  G as createTextFontFamilyControl,
+  X as createTextLineSpacingControl,
+  U as createTextSizeControl,
+  Y as createTextStyleControl
 };