@useinsider/guido 3.0.0-beta.8709edc → 3.0.0-beta.952fc1f

package/dist/components/organisms/header/EditorActions.vue.js

@@ -15,7 +15,7 @@ var u = function() {
   p,
   !1,
   null,
-  "a289b9e9"
+  "acff76a8"
 );
 const v = c.exports;
 export {

package/dist/components/organisms/header/EditorActions.vue2.js

@@ -14,17 +14,17 @@ import P from "./MigrationConfirmModal.vue.js";
 const Z = /* @__PURE__ */ E({
   __name: "EditorActions",
   setup(j, { expose: H }) {
-    const { config: a } = w(), { exportHtml: m } = C(), { save: p } = O(), { openVersionHistory: l, closeVersionHistory: c } = k(), e = B(), u = R(), { hasMigrations: f } = I(u), s = A(), r = n(!1), i = n(!1), v = n(), S = M(), V = () => {
+    const { config: a } = w(), { exportHtml: m } = C(), { save: p } = O(), { openVersionHistory: l, closeVersionHistory: u } = k(), e = B(), c = R(), { hasMigrations: f } = I(c), r = A(), s = n(!1), i = n(!1), v = n(), S = M(), V = () => {
       if (e.isVersionHistoryOpen) {
-        c();
+        u();
         return;
       }
       l();
     }, T = async () => {
-      r.value = !0, await m(), r.value = !1;
+      s.value = !0, await m(), s.value = !1;
     }, _ = () => {
       e.isSaveAsTemplateDrawerOpen = !0;
-    }, h = g(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), x = g(
+    }, h = g(() => e.isVersionHistoryOpen ? r("newsletter.close-version-history") : r("newsletter.version-history")), x = g(
       () => {
         var o, t;
         return ((t = (o = a.value) == null ? void 0 : o.features) == null ? void 0 : t.versionHistory) && !e.isPreviewModeOpen;
@@ -39,11 +39,11 @@ const Z = /* @__PURE__ */ E({
         (t = v.value) == null || t.open();
         return;
       }
-      d(o);
+      return d(o);
     };
     return H({
       handleSave: y
-    }), { __sfc: !0, config: a, exportHtml: m, save: p, openVersionHistory: l, closeVersionHistory: c, editorStore: e, templateStore: u, hasMigrations: f, trans: s, isExporting: r, isSaving: i, migrationModalRef: v, testEmailClick: S, handleVersionHistory: V, handleExport: T, handleSaveAs: _, versionHistoryTooltipText: h, isVersionHistoryButtonVisible: x, executeSave: d, handleSave: y, getTooltipOptions: b, InButtonV2: D, MigrationConfirmModal: P };
+    }), { __sfc: !0, config: a, exportHtml: m, save: p, openVersionHistory: l, closeVersionHistory: u, editorStore: e, templateStore: c, hasMigrations: f, trans: r, isExporting: s, isSaving: i, migrationModalRef: v, testEmailClick: S, handleVersionHistory: V, handleExport: T, handleSaveAs: _, versionHistoryTooltipText: h, isVersionHistoryButtonVisible: x, executeSave: d, handleSave: y, getTooltipOptions: b, InButtonV2: D, MigrationConfirmModal: P };
   }
 });
 export {

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,5 +1,5 @@
 import { usePartner as N } from "../../composables/usePartner.js";
-import { LINK_REGEXES as l, LINK_TYPES as g, INSIDER_ID as f, URLS as S } from "../../enums/unsubscribe.js";
+import { LINK_REGEXES as l, LINK_TYPES as S, INSIDER_ID as R, URLS as _ } from "../../enums/unsubscribe.js";
 import { parsePageList as U } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
 import { useConfigStore as B } from "../../stores/config.js";
 import { useDynamicContentStore as y } from "../../stores/dynamic-content.js";
@@ -16,25 +16,25 @@ const D = [
       let e = t;
       const r = `/${i()}/email/${a}?user={{iid}}`;
       return new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]").forEach((p) => {
-        var b;
+        var g;
         const m = p.getAttribute("data-unsubscribe-page-list");
         if (!m)
           return;
-        const R = U(m), d = ((b = u.templates) == null ? void 0 : b.filter(
-          (o) => R.includes(o.id)
-        )) ?? [], _ = d.some((o) => o.type === g.UNSUBSCRIBE_LINK_TYPE), I = d.some((o) => o.type === g.PREFERENCES_LINK_TYPE), E = p.outerHTML;
-        let s = E;
-        _ && (n.selectedDynamicContentList.push({
-          text: f,
-          value: f,
+        const I = U(m), d = ((g = u.templates) == null ? void 0 : g.filter(
+          (o) => I.includes(o.id)
+        )) ?? [], E = d.some((o) => o.type === S.UNSUBSCRIBE_LINK_TYPE), b = d.some((o) => o.type === S.PREFERENCES_LINK_TYPE), f = p.outerHTML;
+        let s = f;
+        (E || b) && n.selectedDynamicContentList.push({
+          text: R,
+          value: R,
           fallback: ""
-        }), s = s.replace(
+        }), E && (s = s.replace(
           l.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
-          S.UNSUBSCRIBE_URL + r
-        )), I && (s = s.replace(
+          _.UNSUBSCRIBE_URL + r
+        )), b && (s = s.replace(
           l.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
-          S.PREFERENCES_URL + r
-        )), s = s.replace(l.UNSUBSCRIBE_LINK_REGEX, ""), e = e.replace(E, s);
+          _.PREFERENCES_URL + r
+        )), s = s.replace(l.UNSUBSCRIBE_LINK_REGEX, ""), e = e.replace(f, s);
       }), e;
     },
     priority: 60

package/dist/config/compiler/utils/recommendationCompilerUtils.js

@@ -1,4 +1,4 @@
-import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
+import { useRecommendation as $ } from "../../../composables/useRecommendation.js";
 function b(e, u, r, o) {
   const n = `{{${e}_${u}_${r}}}`, t = `{{${e}_${u}_currency}}`;
   return o === "before" ? `${t} ${n}` : `${n} ${t}`;
@@ -64,58 +64,69 @@ function p(e, u, r, o, n) {
       }
       break;
     }
+    default: {
+      const t = e.getAttribute("product-attr") ? e : e.querySelector("[product-attr]");
+      if (t) {
+        const c = t.getAttribute("product-attr"), s = t.querySelector("p");
+        if (s) {
+          const i = s.querySelector("strong") || s;
+          i.textContent = `{{${r}_${o}_${c}}}`;
+        }
+      }
+      break;
+    }
   }
 }
-function $(e, u, r) {
+function S(e, u, r) {
   e.querySelectorAll(".recommendation-product-row").forEach((n, t) => {
     n.querySelectorAll("[data-attribute-type]").forEach((s) => {
-      const i = s.getAttribute("data-attribute-type") || "", a = s.querySelectorAll(".attribute-cell");
-      a.length > 0 ? a.forEach((l) => {
-        p(l, i, u, t, r);
+      const i = s.getAttribute("data-attribute-type") || "", l = s.querySelectorAll(".attribute-cell");
+      l.length > 0 ? l.forEach((a) => {
+        p(a, i, u, t, r);
       }) : p(s, i, u, t, r);
     });
   });
 }
-function S(e, u, r) {
+function _(e, u, r) {
   const o = e.querySelectorAll(".recommendation-product-row");
   if (!o.length)
     return;
   const [n] = o, t = n.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
   o.forEach((s, i) => {
-    s.querySelectorAll("[data-attribute-type]").forEach((l) => {
-      const f = l.getAttribute("data-attribute-type") || "";
-      l.querySelectorAll(".attribute-cell").forEach((y, m) => {
-        const A = i * c + m;
-        p(y, f, u, A, r);
+    s.querySelectorAll("[data-attribute-type]").forEach((a) => {
+      const f = a.getAttribute("data-attribute-type") || "";
+      a.querySelectorAll(".attribute-cell").forEach((y, A) => {
+        const m = i * c + A;
+        p(y, f, u, m, r);
       });
     });
   });
 }
 function q(e, u, r) {
   e.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
-    S(n, u, r);
+    _(n, u, r);
   });
 }
 function d(e, u) {
   const r = e.getAttribute("data-layout") || "grid", o = e.getAttribute("currency-alignment") || "after";
-  r === "list" ? $(e, u, o) : q(e, u, o);
+  r === "list" ? S(e, u, o) : q(e, u, o);
 }
-function h(e, u) {
+function g(e, u) {
   const r = e.match(/<!DOCTYPE[^>]*>/i);
   return (r ? `${r[0]}
 ` : "") + u.documentElement.outerHTML;
 }
-function w(e) {
+function E(e) {
   const u = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(u, "text/html"), o = r.querySelectorAll(".recommendation-block-v2");
   if (!o.length)
     return e;
-  const { buildCampaignUrl: n } = _();
+  const { buildCampaignUrl: n } = $();
   return o.forEach((c) => {
     const s = c.getAttribute("recommendation-id");
     s && (n(s), d(c, s));
-  }), h(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  }), g(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
   b as formatPriceVariable,
-  w as prepareRecommendationBlocks
+  E as prepareRecommendationBlocks
 };

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

@@ -75,8 +75,7 @@ const e = {
   "The image with the invalid link cannot be saved to the image gallery": "Enter a valid image link to continue.",
   "The data source link is unavailable. Please, make sure there is an access to the data source.": "Enter an accessible Data Source Link to contiue.",
   "The file should not exceed the maximum resolution of {maxImageResolution}px.": "Upload files up to 1024x512 pixels to continue.",
-  "The option is disabled because was overridden in the Code editor": "The option is disabled because it was overridden in the Code Editor.",
-  "Dropdown with a list of available data services, preliminarily created in the Data section → Services tab of the Account.": "Service for Data Collection lets you enter a form submission URL for the recipients to submit."
+  "The option is disabled because was overridden in the Code editor": "The option is disabled because it was overridden in the Code Editor."
 };
 export {
   e as default

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

@@ -1,45 +1,52 @@
-var f = Object.defineProperty;
-var h = (r, o, t) => o in r ? f(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
-var g = (r, o, t) => h(r, typeof o != "symbol" ? o + "" : o, t);
-import { BlockId as I } from "../../../enums/block.js";
-import { getMigrationBannerHtml as k } from "../../../utils/migrationBannerHtml.js";
-import { Block as B, BlockCompositionType as _, ModificationDescription as R } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { ensureMobileCssRulesExist as d } from "./controls/mobileLayout/cssRules.js";
-import { RecommendationConfigService as s } from "./services/configService.js";
-import { useRecommendationExtensionStore as u } from "./store/recommendation.js";
-import { getDefaultTemplate as A } from "./templates/grid/template.js";
-const p = I.Recommendation, c = "recommendation-block-v2", a = "recommendation-id";
-class T extends B {
+var k = Object.defineProperty;
+var I = (r, n, t) => n in r ? k(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
+var u = (r, n, t) => I(r, typeof n != "symbol" ? n + "" : n, t);
+import { BlockId as B } from "../../../enums/block.js";
+import { getMigrationBannerHtml as _ } from "../../../utils/migrationBannerHtml.js";
+import { Block as b, BlockCompositionType as R, ModificationDescription as y } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { regenerateMobileProductRows as C } from "./controls/main/utils.js";
+import { ensureMobileCssRulesExist as g, setMobileLayoutOptOut as d, hasMobileLayoutOptOut as A } from "./controls/mobileLayout/cssRules.js";
+import { RecommendationConfigService as c } from "./services/configService.js";
+import { useRecommendationExtensionStore as p } from "./store/recommendation.js";
+import { getDefaultTemplate as E } from "./templates/grid/template.js";
+const f = B.Recommendation, a = "recommendation-block-v2", l = "recommendation-id";
+let h = !1;
+class q extends b {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    g(this, "_pendingBlockId", null);
+    u(this, "_pendingBlockId", null);
   }
   getId() {
-    return p;
+    return f;
   }
   getIcon() {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return _.CONTAINER;
+    return R.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
   }
   getDescription() {
-    return this.api.translate("Recommendation Block Title Description");
+    return this.api.translate(
+      "Recommendation lets you display personalized product recommendations to users based on their algorithm."
+    );
   }
   getSettingsPanelTitleHtml() {
-    return k(
-      p,
+    return _(
+      f,
       this.api.translate("Recommendation Block"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
     );
   }
+  allowInnerBlocksDND() {
+    return !1;
+  }
   /**
    * Returns the template HTML for a new recommendation block.
    * Generates a unique recommendation ID and embeds the instance class
@@ -49,7 +56,7 @@ class T extends B {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, A(t);
+    return this._pendingBlockId = t, E(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -61,8 +68,13 @@ class T extends B {
   onCreated(t) {
     const e = this._pendingBlockId ?? this._generateNextId();
     this._pendingBlockId = null, this._assignRecommendationId(t, e);
-    const n = s.initializeConfig(this.api, t, { recommendationId: e }), i = u();
-    i.setCurrentBlock(e), d(this.api), i.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 });
+    const o = c.initializeConfig(this.api, t, { recommendationId: e }), i = p();
+    i.setCurrentBlock(e), g(this.api);
+    const s = this._getBlockElement(t);
+    s && (d(this.api, s, !0), C({
+      currentNode: t,
+      documentModifier: this.api.getDocumentModifier()
+    })), i.patchCurrentBlockConfig({ language: o.language }, { triggerRefetch: !1 });
   }
   /**
    * Called when the document changes or template is loaded
@@ -75,14 +87,23 @@ class T extends B {
     if (!(!t || !("getNodeConfig" in t))) {
       if (!this._getRecommendationId(t)) {
         const e = this._generateNextId();
-        this._assignRecommendationId(t, e), s.hasConfig(t) && s.updateConfig(
+        this._assignRecommendationId(t, e), c.hasConfig(t) && c.updateConfig(
           this.api,
           t,
           { recommendationId: e },
           "Assign recommendation ID to legacy block"
         );
       }
-      s.needsMigration(t) && this._migrateFromLegacy(t), d(this.api);
+      c.needsMigration(t) && this._migrateFromLegacy(t);
+      try {
+        h || (g(this.api), h = !0);
+        const e = c.getConfig(t), o = this._getBlockElement(t);
+        if (o) {
+          const i = !e.mobileLayoutEnabled;
+          A(o) !== i && d(this.api, o, i);
+        }
+      } catch {
+      }
     }
   }
   /**
@@ -93,7 +114,7 @@ class T extends B {
    */
   onDelete(t) {
     const e = this._getRecommendationId(t);
-    e && u().removeBlockState(e);
+    e && p().removeBlockState(e);
   }
   /**
    * Generates the next unique recommendation ID by scanning all existing blocks
@@ -103,10 +124,10 @@ class T extends B {
     let t = 0;
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(`.${c}`).forEach((i) => {
+      e && "querySelectorAll" in e && e.querySelectorAll(`.${a}`).forEach((i) => {
         if ("getAttribute" in i) {
-          const m = i.getAttribute(a), l = m ? parseInt(m) : 0;
-          l > t && (t = l);
+          const s = i.getAttribute(l), m = s ? parseInt(s) : 0;
+          m > t && (t = m);
         }
       });
     } catch {
@@ -120,11 +141,11 @@ class T extends B {
    * added classes via setAttribute.
    */
   _assignRecommendationId(t, e) {
-    const n = this._getBlockElement(t);
-    if (!n)
+    const o = this._getBlockElement(t);
+    if (!o)
       return;
     const i = this.api.getDocumentModifier();
-    i.modifyHtml(n).setAttribute(a, e.toString()), i.apply(new R(`Assign recommendation ID ${e}`));
+    i.modifyHtml(o).setAttribute(l, e.toString()), i.apply(new y(`Assign recommendation ID ${e}`));
   }
   /**
    * Gets the recommendation-id from a block node
@@ -133,10 +154,10 @@ class T extends B {
     const e = this._getBlockElement(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const n = e.getAttribute(a);
-    if (!n)
+    const o = e.getAttribute(l);
+    if (!o)
       return null;
-    const i = parseInt(n);
+    const i = parseInt(o);
     return Number.isNaN(i) ? null : i;
   }
   /**
@@ -145,19 +166,19 @@ class T extends B {
   _getBlockElement(t) {
     if ("getAttribute" in t) {
       const e = t.getAttribute("class");
-      if (e && e.includes(c))
+      if (e && e.includes(a))
         return t;
     }
-    return "querySelector" in t ? t.querySelector(`.${c}`) ?? null : null;
+    return "querySelector" in t ? t.querySelector(`.${a}`) : null;
   }
   /**
    * Migrate configuration from legacy format
    */
   _migrateFromLegacy(t) {
-    s.migrateFromDataAttributes(this.api, t);
+    c.migrateFromDataAttributes(this.api, t);
   }
 }
 export {
-  p as BLOCK_ID,
-  T as RecommendationBlock
+  f as BLOCK_ID,
+  q as RecommendationBlock
 };

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

@@ -1,4 +1,4 @@
-var b = /* @__PURE__ */ ((r) => (r.BUTTON = "recommendation-block-button", r.NAME = "recommendation-block-name", r.PRICE = "recommendation-block-price", r.OLD_PRICE = "recommendation-block-old-price", r.OMNIBUS_PRICE = "recommendation-block-omnibus-price", r.OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount", r.IMAGE = "recommendation-block-image", r))(b || {});
+var b = /* @__PURE__ */ ((r) => (r.BUTTON = "recommendation-block-button", r.NAME = "recommendation-block-name", r.PRICE = "recommendation-block-price", r.OLD_PRICE = "recommendation-block-old-price", r.OMNIBUS_PRICE = "recommendation-block-omnibus-price", r.OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount", r.IMAGE = "recommendation-block-image", r.CUSTOM_ATTRIBUTE = "recommendation-block-custom-attribute", r))(b || {});
 export {
   b as RecommendationBlockId
 };

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))(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.SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message", c))(o || {});
 export {
   o as RecommendationControlId
 };

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

@@ -1,69 +1,71 @@
-import { DEFAULT_MOBILE_ROW_SPACING as U, DEFAULT_MOBILE_COLUMN_SPACING as R, DEFAULT_ROW_SPACING as n, DEFAULT_COLUMN_SPACING as O, DEFAULT_MOBILE_CARDS_IN_ROW as C, DEFAULT_CARDS_IN_ROW as D } from "./layout.js";
-import { ATTR_PRODUCT_IMAGE as _, ATTR_PRODUCT_NAME as o, ATTR_PRODUCT_OLD_PRICE as t, ATTR_PRODUCT_PRICE as e, ATTR_PRODUCT_OMNIBUS_PRICE as T, ATTR_PRODUCT_OMNIBUS_DISCOUNT as I, ATTR_PRODUCT_BUTTON as r } from "./selectors.js";
-const i = {
+import { DEFAULT_MOBILE_ROW_SPACING as R, DEFAULT_MOBILE_COLUMN_SPACING as U, DEFAULT_ROW_SPACING as i, DEFAULT_COLUMN_SPACING as s, DEFAULT_MOBILE_CARDS_IN_ROW as o, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
+import { ATTR_PRODUCT_IMAGE as _, ATTR_PRODUCT_NAME as e, ATTR_PRODUCT_OLD_PRICE as t, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as I, ATTR_PRODUCT_BUTTON as n } from "./selectors.js";
+const O = {
   code: "USD",
   symbol: "USD",
   alignment: "after",
   decimalCount: 2,
   decimalSeparator: ".",
   thousandSeparator: ","
-}, A = {
+}, D = {
   textBefore: "",
   textAfter: ""
-}, s = {
+}, A = {
   textBefore: "",
   textAfter: ""
-}, E = [
+}, a = [
   _,
-  o,
-  t,
   e,
+  t,
   T,
+  r,
   I,
-  r
-], c = {
+  n
+], E = {
   [_]: !0,
-  [o]: !0,
   [e]: !0,
+  [T]: !0,
   [t]: !0,
-  [T]: !1,
+  [r]: !1,
   [I]: !1,
-  [r]: !0
-}, N = {
+  [n]: !0
+}, l = {
   // Settings
   strategy: "mostPopular",
   productIds: [],
   size: "6",
   shuffleProducts: !1,
   language: "en_US",
-  currency: i,
+  currency: O,
   filters: [],
   // Layout
   layout: "grid",
-  cardsInRow: D,
-  mobileCardsInRow: C,
-  columnSpacing: O,
-  rowSpacing: n,
-  mobileColumnSpacing: R,
-  mobileRowSpacing: U,
+  cardsInRow: C,
+  mobileCardsInRow: o,
+  mobileLayoutEnabled: !1,
+  previousMobileCardsInRow: o,
+  columnSpacing: s,
+  rowSpacing: i,
+  mobileColumnSpacing: U,
+  mobileRowSpacing: R,
   // Composition
-  composition: E,
-  visibility: c,
+  composition: a,
+  visibility: E,
   // Element settings
-  omnibusPrice: A,
-  omnibusDiscount: s,
+  omnibusPrice: D,
+  omnibusDiscount: A,
   textTrimming: !1,
   // Meta
   configVersion: 1,
   recommendationId: 0
-}, m = [11, 12], L = 1;
+}, N = [11, 12], m = 1;
 export {
-  L as CURRENT_CONFIG_VERSION,
-  E as DEFAULT_COMPOSITION,
-  i as DEFAULT_CURRENCY,
-  N as DEFAULT_NODE_CONFIG,
-  s as DEFAULT_OMNIBUS_DISCOUNT,
-  A as DEFAULT_OMNIBUS_PRICE,
-  c as DEFAULT_VISIBILITY,
-  m as EXCLUDED_ALGORITHM_IDS
+  m as CURRENT_CONFIG_VERSION,
+  a as DEFAULT_COMPOSITION,
+  O as DEFAULT_CURRENCY,
+  l as DEFAULT_NODE_CONFIG,
+  A as DEFAULT_OMNIBUS_DISCOUNT,
+  D as DEFAULT_OMNIBUS_PRICE,
+  E as DEFAULT_VISIBILITY,
+  N as EXCLUDED_ALGORITHM_IDS
 };

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

@@ -1,23 +1,26 @@
-const c = ".recommendation-block-v2", n = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", T = ".ins-recommendation-mobile-container", t = ".ins-recommendation-mobile-row", r = {
+const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", t = ".ins-recommendation-mobile-container", n = ".ins-recommendation-mobile-row", R = {
   CURRENCY: "currency",
   SYMBOL: "currency-symbol",
   ALIGNMENT: "currency-alignment",
   THOUSAND_SEPARATOR: "currency-thousand-separator",
   DECIMAL_SEPARATOR: "currency-decimal-separator",
   DECIMAL_COUNT: "currency-decimal-count"
-}, R = "productImage", O = "productName", e = "productPrice", _ = "productOldPrice", E = "productOmnibusPrice", C = "productOmnibusDiscount", s = "productButton";
+}, r = "productImage", O = "productName", _ = "productPrice", e = "productOldPrice", s = "productOmnibusPrice", C = "productOmnibusDiscount", E = "productButton", A = "customAttr:", i = "data-custom-attributes", u = "product-attr";
 export {
-  s as ATTR_PRODUCT_BUTTON,
-  R as ATTR_PRODUCT_IMAGE,
+  A as ATTR_CUSTOM_PREFIX,
+  i as ATTR_DATA_CUSTOM_ATTRIBUTES,
+  u as ATTR_PRODUCT_ATTR,
+  E as ATTR_PRODUCT_BUTTON,
+  r as ATTR_PRODUCT_IMAGE,
   O as ATTR_PRODUCT_NAME,
-  _ as ATTR_PRODUCT_OLD_PRICE,
+  e as ATTR_PRODUCT_OLD_PRICE,
   C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
-  E as ATTR_PRODUCT_OMNIBUS_PRICE,
-  e as ATTR_PRODUCT_PRICE,
-  c as BLOCK_ROOT_SELECTOR,
-  n as CONTAINER_SELECTOR,
-  r as CURRENCY_ATTR,
+  s as ATTR_PRODUCT_OMNIBUS_PRICE,
+  _ as ATTR_PRODUCT_PRICE,
+  T as BLOCK_ROOT_SELECTOR,
+  c as CONTAINER_SELECTOR,
+  R as CURRENCY_ATTR,
   o as DESKTOP_CONTAINER_SELECTOR,
-  T as MOBILE_CONTAINER_SELECTOR,
-  t as MOBILE_ROW_SELECTOR
+  t as MOBILE_CONTAINER_SELECTOR,
+  n as MOBILE_ROW_SELECTOR
 };

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

@@ -1,7 +1,7 @@
 import { ModificationDescription as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as s } from "../../../common-control.js";
 import { getCurrentLayout as l } from "../main/utils.js";
-const u = "recommendation-card-background-color-control", e = {
+const i = "recommendation-card-background-color-control", e = {
   CARD_BACKGROUND_COLOR: "cardBackgroundColor"
 }, a = {
   GRID: ".product-card-segment",
@@ -9,13 +9,13 @@ const u = "recommendation-card-background-color-control", e = {
 };
 class _ extends s {
   getId() {
-    return u;
+    return i;
   }
   getTemplate() {
     return `
             <div class="card-bg-control-container">
                 ${this._GuTwoColumns([
-      this._GuLabel({ text: "Card Background Color" }),
+      this._GuLabel({ text: this.api.translate("Card Background Color") }),
       this._GuColorPicker(e.CARD_BACKGROUND_COLOR)
     ])}
             </div>
@@ -75,6 +75,6 @@ class _ extends s {
   }
 }
 export {
-  u as CARD_BACKGROUND_COLOR_CONTROL_ID,
+  i as CARD_BACKGROUND_COLOR_CONTROL_ID,
   _ as CardBackgroundColorControl
 };