@useinsider/guido 2.1.0 → 2.2.0-beta.071f000

package/dist/stores/unsubscribe.js

@@ -1,39 +1,40 @@
-import { TYPE_COLLECTIONS as i, PAGE_TYPES as a } from "../enums/unsubscribe.js";
-import { useUnsubscribeApi as r } from "../services/unsubscribeApi.js";
-import { defineStore as d } from "pinia";
-const p = () => ({
+import { TYPE_COLLECTIONS as i, PAGE_TYPES as p } from "../enums/unsubscribe.js";
+import { useUnsubscribeApi as d } from "../services/unsubscribeApi.js";
+import { defineStore as h } from "pinia";
+let o = null;
+const r = () => ({
   templates: [],
   selectedTemplates: {},
   selectedUnsubscribePages: [],
-  selectedCollectionType: a.GLOBAL_UNSUBSCRIBE,
-  activeType: a.GLOBAL_UNSUBSCRIBE,
+  selectedCollectionType: p.GLOBAL_UNSUBSCRIBE,
+  activeType: p.GLOBAL_UNSUBSCRIBE,
   pageSelectionUpdateStatus: !1,
   pageSelectionDrawerStatus: !1,
   typeSelectionDrawerStatus: !1,
   isGlobalUnsubscribeDisabled: !1,
   isSubscriptionPreferencesCenterDisabled: !1
-}), g = d("guidoUnsubscribe", {
-  state: () => p(),
+}), b = h("guidoUnsubscribe", {
+  state: () => r(),
   getters: {
     getSelectedCollection: (e) => i[e.selectedCollectionType],
     getSelectedTemplateByActiveType: (e) => e.selectedTemplates[e.activeType],
     getTemplatesByActiveType: (e) => e.templates.filter((t) => t.type === e.activeType),
     getThumbnailByTemplateId: (e) => (t) => {
-      var c;
-      return ((c = e.templates.find((s) => s.id === t)) == null ? void 0 : c.thumbnail) ?? "";
+      var l;
+      return ((l = e.templates.find((s) => s.id === t)) == null ? void 0 : l.thumbnail) ?? "";
     },
     getSelectedUnsubscribePagesByCollection: (e) => (t) => {
-      const c = i[t];
-      if (!c)
+      const l = i[t];
+      if (!l)
         return [];
       const s = /* @__PURE__ */ new Map();
       e.templates.forEach((n) => {
         s.set(n.id, n.type);
       });
-      const l = new Set(c);
+      const c = new Set(l);
       return e.selectedUnsubscribePages.filter((n) => {
-        const o = s.get(n);
-        return o !== void 0 && l.has(o);
+        const a = s.get(n);
+        return a !== void 0 && c.has(a);
       });
     },
     isActiveTypeFirstInCollection: (e) => {
@@ -47,7 +48,7 @@ const p = () => ({
     hasTemplatesByCollectionType: (e) => {
       const t = {};
       return i[e.selectedCollectionType].forEach((s) => {
-        t[s] = e.templates.some((l) => l.type === s);
+        t[s] = e.templates.some((c) => c.type === s);
       }), t;
     },
     unsubscribePagesStatus: (e) => e.selectedUnsubscribePages.length > 0
@@ -56,29 +57,31 @@ const p = () => ({
     $reset() {
       const { templates: e, selectedUnsubscribePages: t } = this;
       Object.assign(this, {
-        ...p(),
+        ...r(),
         templates: e,
         selectedUnsubscribePages: t
       });
     },
     async fetchTemplates() {
-      if (this.templates.length)
-        return;
-      const { getUnsubscribePages: e } = r(), t = await e();
-      this.templates = t;
+      this.templates.length || (o || (o = (async () => {
+        const { getUnsubscribePages: e } = d();
+        this.templates = await e();
+      })().finally(() => {
+        o = null;
+      })), await o);
     },
     setCollection(e) {
       this.selectedCollectionType = e;
       const t = i[e];
       if (t && t.length > 0) {
         [this.activeType] = t;
-        const c = { ...this.selectedTemplates };
+        const l = { ...this.selectedTemplates };
         t.forEach((s) => {
-          if (!c[s]) {
-            const l = this.templates.find((n) => n.type === s);
-            l && (c[s] = l.id);
+          if (!l[s]) {
+            const c = this.templates.find((n) => n.type === s);
+            c && (l[s] = c.id);
           }
-        }), this.selectedTemplates = c;
+        }), this.selectedTemplates = l;
       }
     },
     setCollectionWithoutAutoSelection(e) {
@@ -101,17 +104,17 @@ const p = () => ({
       t >= 0 && (this.activeType = this.getSelectedCollection[t]);
     },
     loadSelectedTemplates(e) {
-      const t = new Map(this.templates.map((s) => [s.id, s.type])), c = { ...this.selectedTemplates };
+      const t = new Map(this.templates.map((s) => [s.id, s.type])), l = { ...this.selectedTemplates };
       e.forEach((s) => {
-        const l = t.get(s);
-        l !== void 0 && (c[l] = s);
-      }), this.selectedTemplates = c;
+        const c = t.get(s);
+        c !== void 0 && (l[c] = s);
+      }), this.selectedTemplates = l;
     },
     getSelectedTemplatesByCollection(e) {
-      const t = i[e], c = [];
+      const t = i[e], l = [];
       return t.forEach((s) => {
-        this.selectedTemplates[s] && c.push(this.selectedTemplates[s]);
-      }), c;
+        this.selectedTemplates[s] && l.push(this.selectedTemplates[s]);
+      }), l;
     },
     addUnsubscribePages(e) {
       const t = /* @__PURE__ */ new Set([...this.selectedUnsubscribePages, ...e]);
@@ -125,5 +128,5 @@ const p = () => ({
   }
 });
 export {
-  g as useUnsubscribeStore
+  b as useUnsubscribeStore
 };

package/dist/utils/pairProductVariables.js

@@ -1,77 +1,77 @@
-import { productPairs as w } from "../extensions/Blocks/Items/enums/productEnums.js";
-function P(k) {
-  const m = k.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), $ = new DOMParser().parseFromString(m, "text/html"), R = w.PAIRS_FOR_EXTENSION;
-  Object.entries(R).forEach(([n, l]) => {
-    $.querySelectorAll(".ins-product-td").forEach((o) => {
-      const E = o.getAttribute("data-number") || "1", b = o.getAttribute("data-type") || "CART_ITEMS";
-      o.querySelectorAll(`[product-attr="${n}"]`).forEach((e) => {
-        var y;
-        const T = e.getAttribute("data-type") || b, u = e.getAttribute("data-number") || E, p = l[T];
+import { productPairs as P } from "../extensions/Blocks/Items/enums/productEnums.js";
+function L(F) {
+  const R = F.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), $ = new DOMParser().parseFromString(R, "text/html"), y = P.PAIRS_FOR_EXTENSION;
+  Object.entries(y).forEach(([n, l]) => {
+    $.querySelectorAll(".ins-product-td").forEach((c) => {
+      const E = c.getAttribute("data-number") || "1", T = c.getAttribute("data-type") || "CART_ITEMS";
+      c.querySelectorAll(`[product-attr="${n}"]`).forEach((e) => {
+        var H;
+        const b = e.getAttribute("data-type") || T, u = e.getAttribute("data-number") || E, p = l[b];
         if (p)
           switch (n) {
             case "imageSrc": {
-              let t = null, c = null;
-              if (e.tagName === "IMG" ? (t = e, c = t.closest("a")) : (t = e.querySelector("img"), c = e.querySelector("a") || e.closest("a")), !t)
+              let t = null, o = null;
+              if (e.tagName === "IMG" ? (t = e, o = t.closest("a")) : (t = e.querySelector("img"), o = e.querySelector("a") || e.closest("a")), !t)
                 break;
               const i = p.DEFAULT, a = p.ATTR;
               if (i && t.src) {
                 const r = t.src;
-                i.some((d) => {
-                  const s = d.split("/").pop() || "", _ = r.split("/").pop() || "";
-                  return r.includes(d) || r.includes(s) || _ === s;
+                i.some((f) => {
+                  const s = f.split("/").pop() || "", _ = r.split("/").pop() || "";
+                  return r.includes(f) || r.includes(s) || _ === s;
                 }) && (t.src = `{{${a}_${u}}}`);
               }
-              if (c) {
-                const r = (y = R.itemLink) == null ? void 0 : y[T];
+              if (o) {
+                const r = (H = y.itemLink) == null ? void 0 : H[b];
                 if (r) {
-                  const f = r.HREF, d = r.DEFAULT_HREF || "#!", s = c.href;
-                  (s === "#" || s === "" || s.endsWith("#!") || s.endsWith(d) || s === `${window.location.href}${d}` || !s || s === window.location.href) && (c.href = `{{${f}_${u}}}`);
+                  const d = r.HREF, f = r.DEFAULT_HREF || "#!", s = o.href;
+                  (s === "#" || s === "" || s.endsWith("#!") || s.endsWith(f) || s === `${window.location.href}${f}` || !s || s === window.location.href) && (o.href = `{{${d}_${u}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const t = p, c = t.ATTR, i = t.DEFAULT_HREF || "#!", a = t.HREF;
-              e.textContent && (e.textContent = `{{${c}_${u}}}`);
+              const t = p, o = t.ATTR, i = t.DEFAULT_HREF || "#!", a = t.HREF;
+              e.textContent && (e.textContent = `{{${o}_${u}}}`);
               const r = e.closest("a") || (e.tagName === "A" ? e : null);
               if (r && a) {
-                const f = r.href, d = `${window.location.href}${i}`;
-                (f === d || f.endsWith(i)) && (r.href = `{{${a}_${u}}}`);
+                const d = r.href, f = `${window.location.href}${i}`;
+                (d === f || d.endsWith(i)) && (r.href = `{{${a}_${u}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const t = p, c = e.getAttribute("data-formated"), i = e.getAttribute("data-single_price"), a = c === "true", r = i === "true", f = e.getAttribute("data-curency") || "before";
-              let d;
-              r ? d = a ? t.SINGLE_PRICE_FORMATTED : t.SINGLE_PRICE : d = a ? t.PRICE_FORMATTED : t.PRICE;
+              const t = p, o = e.getAttribute("data-formated"), i = e.getAttribute("data-single_price"), a = o === "true", r = i === "true", d = e.getAttribute("data-curency") || "before";
+              let f;
+              r ? f = a ? t.SINGLE_PRICE_FORMATTED : t.SINGLE_PRICE : f = a ? t.PRICE_FORMATTED : t.PRICE;
               const s = t.CURRENCY;
-              let _ = `{{${d}_${u}}}`;
+              let _ = `{{${f}_${u}}}`;
               if (s) {
-                const H = `{{${s}_${u}}}`;
-                _ = f === "after" ? `${_} ${H}` : `${H} ${_}`;
+                const k = `{{${s}_${u}}}`;
+                _ = d === "after" ? `${_} ${k}` : `${k} ${_}`;
               }
               e.textContent = _;
               break;
             }
             case "quantity": {
-              const t = p, c = t.ATTR, i = t.DEFAULT;
-              e.textContent && e.textContent.trim() === i && (e.textContent = `{{${c}_${u}}}`);
+              const t = p, o = t.ATTR, i = t.DEFAULT;
+              e.textContent && e.textContent.trim() === i && (e.textContent = `{{${o}_${u}}}`);
               break;
             }
             case "button": {
-              const t = p, c = t.HREF, i = t.DEFAULT_HREF || "#!", a = e.tagName === "A" ? e : e.querySelector("a");
+              const t = p, o = t.HREF, i = t.DEFAULT_HREF || "#!", a = e.tagName === "A" ? e : e.querySelector("a");
               if (a) {
-                const r = a.href || "", f = `${window.location.href}${i}`;
-                (r === "" || r === "#" || r === f || r.endsWith(i) || r.endsWith("#!") || r === window.location.href) && (a.href = `{{${c}_${u}}}`);
+                const r = a.href || "", d = `${window.location.href}${i}`;
+                (r === "" || r === "#" || r === d || r.endsWith(i) || r.endsWith("#!") || r === window.location.href) && (a.href = `{{${o}_${u}}}`);
               }
               break;
             }
             case "itemLink": {
-              const t = p, c = t.HREF, i = t.DEFAULT_HREF || "#!", a = e;
+              const t = p, o = t.HREF, i = t.DEFAULT_HREF || "#!", a = e;
               if (a.href) {
-                const r = a.href, f = `${window.location.href}${i}`;
-                (r === f || r.endsWith(i)) && (a.href = `{{${c}_${u}}}`);
+                const r = a.href, d = `${window.location.href}${i}`;
+                (r === d || r.endsWith(i)) && (a.href = `{{${o}_${u}}}`);
               }
               break;
             }
@@ -86,44 +86,45 @@ function P(k) {
       });
     });
   });
-  const F = $.querySelectorAll(".ins-product-td"), S = [];
-  F.forEach((n) => {
-    const l = n.getAttribute("data-type") || "CART_ITEMS", A = n.getAttribute("data-number") || "1", o = n.getAttribute("data-nodup"), E = n.outerHTML;
-    S.push({
+  const S = R.match(/<!DOCTYPE[^>]*>/i), I = S ? `${S[0]}
+` : "", w = $.querySelectorAll(".ins-product-td"), m = [];
+  w.forEach((n) => {
+    const l = n.getAttribute("data-type") || "CART_ITEMS", A = n.getAttribute("data-number") || "1", c = n.getAttribute("data-nodup"), E = n.outerHTML;
+    m.push({
       element: n,
       outerHtml: E,
       type: l,
       number: A,
-      nodup: o || void 0
+      nodup: c || void 0
     });
   });
-  let h = $.body.innerHTML;
-  S.reverse().forEach(({ outerHtml: n, type: l, number: A }) => {
-    let o = "";
+  let h = I + $.documentElement.outerHTML;
+  m.reverse().forEach(({ outerHtml: n, type: l, number: A }) => {
+    let c = "";
     switch (l) {
       case "CART_ITEMS":
-        o = "ins_apr_total_product_kind";
+        c = "ins_apr_total_product_kind";
         break;
       case "BROWSED_ITEMS":
-        o = "browsed_item_total_product_kind";
+        c = "browsed_item_total_product_kind";
         break;
       case "PURCHASED_ITEMS":
-        o = "purchased_item_total_product_kind";
+        c = "purchased_item_total_product_kind";
         break;
     }
-    if (o) {
-      const b = parseInt(A) - 1, T = `${`{% if ${o} > ${b} %}`}${n}{% endif %}`;
-      h = h.replace(n, T);
+    if (c) {
+      const T = parseInt(A) - 1, b = `${`{% if ${c} > ${T} %}`}${n}{% endif %}`;
+      h = h.replace(n, b);
     }
   });
-  const I = $.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), g = [];
-  return I.forEach((n) => {
+  const M = $.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), g = [];
+  return M.forEach((n) => {
     const l = n.getAttribute("data-number"), A = n.getAttribute("data-type");
     if (!l || A !== "CART_ITEMS")
       return;
-    const o = n.closest(".product-original-price-class");
-    if (o) {
-      const E = o.outerHTML;
+    const c = n.closest(".product-original-price-class");
+    if (c) {
+      const E = c.outerHTML;
       g.some((C) => C.tdOuterHtml === E) || g.push({ tdOuterHtml: E, number: l });
     }
   }), g.reverse().forEach(({ tdOuterHtml: n, number: l }) => {
@@ -135,5 +136,5 @@ function P(k) {
   }), h.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  P as pairProductVariables
+  L as pairProductVariables
 };

package/dist/utils/templatePreparation.js

@@ -1,31 +1,32 @@
-import { useActionsApi as b } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as f } from "../composables/useHtmlCompiler.js";
-import { useDynamicContentStore as C } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as T } from "../stores/unsubscribe.js";
-const P = () => {
-  const i = C(), t = T(), { getCompiledEmail: o, getTemplateData: s, editorSave: n } = b(), { compileHtml: a } = f();
+import { useActionsApi as f } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as C } from "../composables/useHtmlCompiler.js";
+import { useRecommendationExtensionStore as T } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useDynamicContentStore as x } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as y } from "../stores/unsubscribe.js";
+const E = () => {
+  const o = x(), t = y(), { getCompiledEmail: i, getTemplateData: n, editorSave: s } = f(), { compileHtml: m } = C();
   return {
     prepareTemplateDetails: async () => {
-      const { html: r, ampHtml: m = "", ampErrors: c = [] } = await o({
+      const { html: a, ampHtml: r = "", ampErrors: c = [] } = await i({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: l, css: p, syncModulesIds: u = [] } = await s(), { compiledHtml: d, stats: e, appliedRules: g } = a(r), S = i.getSelectedDynamicContentList;
-      return n(), console.debug("HTML Compilation Stats:", {
+      }), { html: l, css: p, syncModulesIds: u = [] } = await n(), { compiledHtml: d, stats: e, appliedRules: S } = m(a), g = o.getSelectedDynamicContentList, b = T();
+      return s(), console.debug("HTML Compilation Stats:", {
         originalSize: e.originalSize,
         compiledSize: e.compiledSize,
         reduction: `${e.reductionPercentage.toFixed(2)}%`,
-        appliedRules: g,
+        appliedRules: S,
         executionTime: `${e.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: S,
+        dynamicContentList: g,
         compiledHtml: d,
         rawHtml: l,
         css: p,
-        ampHtml: m,
+        ampHtml: r,
         ampErrors: c,
         modules: u,
         recommendation: {
-          campaignUrls: {},
+          campaignUrls: b.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
@@ -37,5 +38,5 @@ const P = () => {
   };
 };
 export {
-  P as useTemplatePreparation
+  E as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.1.0",
+  "version": "2.2.0-beta.071f000",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -32,7 +32,7 @@
   "license": "ISC",
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.5.0",
-    "@useinsider/design-system-vue": "0.14.20",
+    "@useinsider/design-system-vue": "0.14.28",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",
@@ -85,7 +85,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.52.0"
+      "version": "2.54.0"
     }
   }
 }

package/dist/extensions/Blocks/Items/store/items-block.js

@@ -1,79 +0,0 @@
-import { defineStore as s } from "pinia";
-import { DefaultConfigValues as e } from "../enums/settingsEnums.js";
-const n = (t) => t.replace(/Url\}/, "Image}"), r = (t) => t.replace(/Image\}/, "Url}"), i = () => {
-  const t = e.cartItemsSelectControlValue;
-  return {
-    itemsType: e.itemsType,
-    itemIds: t,
-    imageLink: n(t),
-    buttonLink: r(t),
-    orientation: e.cardOrientationControlValue,
-    nameTrimming: !0,
-    hideDiscount: !0,
-    currencySymbol: "USD",
-    currencyLocation: "0",
-    formattedPrice: !0,
-    singlePrice: !1,
-    priceOrientation: "vertical",
-    templateData: {
-      imageSrc: "",
-      name: "",
-      price: "",
-      originalPrice: "",
-      quantity: "",
-      button: ""
-    }
-  };
-}, m = s("guidoItemsBlock", {
-  state: () => i(),
-  actions: {
-    setItemsType(t) {
-      this.itemsType = t;
-    },
-    setItemIds(t) {
-      this.itemIds = t, this.imageLink = n(t), this.buttonLink = r(t);
-    },
-    setImageLink(t) {
-      this.imageLink = t;
-    },
-    setButtonLink(t) {
-      this.buttonLink = t;
-    },
-    setOrientation(t) {
-      this.orientation = t;
-    },
-    setNameTrimming(t) {
-      this.nameTrimming = t;
-    },
-    setHideDiscount(t) {
-      this.hideDiscount = t;
-    },
-    setCurrencySymbol(t) {
-      this.currencySymbol = t;
-    },
-    setCurrencyLocation(t) {
-      this.currencyLocation = t;
-    },
-    setFormattedPrice(t) {
-      this.formattedPrice = t;
-    },
-    setSinglePrice(t) {
-      this.singlePrice = t;
-    },
-    setPriceOrientation(t) {
-      this.priceOrientation = t;
-    },
-    setTemplateData(t) {
-      this.templateData = t;
-    },
-    updateFromAttributes(t) {
-      t.itemsType && (this.itemsType = t.itemsType), t.itemIds && this.setItemIds(t.itemIds), t.orientation && (this.orientation = t.orientation);
-    },
-    reset() {
-      Object.assign(this, i());
-    }
-  }
-});
-export {
-  m as useItemsBlockStore
-};

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

@@ -1,103 +0,0 @@
-var m = Object.defineProperty;
-var y = (n, o, i) => o in n ? m(n, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[o] = i;
-var a = (n, o, i) => y(n, typeof o != "symbol" ? o + "" : o, i);
-import { ModificationDescription as u } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as b } from "../common-control.js";
-const h = "ui-elements-recommendation-card-composition", s = [
-  { key: "productImage", label: "Product Image", visible: !0 },
-  { key: "productName", label: "Product Name", visible: !0 },
-  { key: "productPrice", label: "Product Price", visible: !0 },
-  { key: "productOriginalPrice", label: "Product Original Price", visible: !0 },
-  { key: "productButton", label: "Product Button", visible: !0 }
-];
-class g extends b {
-  constructor() {
-    super(...arguments);
-    a(this, "currentComposition", []);
-    a(this, "currentVisibility", {});
-  }
-  getId() {
-    return h;
-  }
-  getTemplate() {
-    const i = s.map((e) => ({
-      key: e.key,
-      label: e.label,
-      content: `
-                <div style="display: flex; align-items: center; justify-content: space-between;
-                    padding: 8px; gap: 8px;">
-                    <span style="flex: 1;">${e.label}</span>
-                    ${this._GuToggle(`visibility_${e.key}`)}
-                </div>
-            `
-    }));
-    return `
-            <div class="container">
-                ${this._GuLabel({ text: "Card Element Order & Visibility" })}
-                ${this._GuOrderable("cardComposition", i)}
-            </div>
-        `;
-  }
-  onRender() {
-    this._initializeComposition(), this.api.onValueChanged("cardComposition", (i) => {
-      this.currentComposition = i, this._applyCompositionToBlock(i);
-    }), s.forEach((i) => {
-      this.api.onValueChanged(`visibility_${i.key}`, (e) => {
-        this.currentVisibility[i.key] = e, this._applyVisibilityToBlock();
-      });
-    });
-  }
-  onTemplateNodeUpdated(i) {
-    super.onTemplateNodeUpdated(i), this._initializeComposition();
-  }
-  /**
-   * Initialize the composition order and visibility from the block or use defaults
-   */
-  _initializeComposition() {
-    var p;
-    const i = (p = this.currentNode) == null ? void 0 : p.querySelector(".ins-recommendation-v3-block-v2");
-    let e = null, l = null;
-    if (i && "getAttribute" in i && (e = i.getAttribute("data-card-composition"), l = i.getAttribute("data-card-visibility")), e) {
-      const t = e.split(",").filter(Boolean), r = s.map((c) => c.key);
-      t.every((c) => r.includes(c)) && t.length > 0 ? this.currentComposition = t : this.currentComposition = r;
-    } else
-      this.currentComposition = s.map((t) => t.key);
-    if (l)
-      try {
-        const t = JSON.parse(l);
-        this.currentVisibility = t;
-      } catch {
-        this.currentVisibility = s.reduce((t, r) => (t[r.key] = r.visible, t), {});
-      }
-    else
-      this.currentVisibility = s.reduce((t, r) => (t[r.key] = r.visible, t), {});
-    const d = {
-      cardComposition: this.currentComposition
-    };
-    s.forEach((t) => {
-      d[`visibility_${t.key}`] = this.currentVisibility[t.key] ?? !0;
-    }), this.api.updateValues(d);
-  }
-  /**
-   * Apply the reordered composition to the block's HTML structure
-   */
-  _applyCompositionToBlock(i) {
-    if (!this.currentNode)
-      return;
-    const e = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute("data-card-composition", i.join(",")).apply(new u("Stored card composition order"));
-  }
-  /**
-   * Apply visibility changes to the block's HTML structure
-   */
-  _applyVisibilityToBlock() {
-    if (!this.currentNode)
-      return;
-    const i = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute("data-card-visibility", JSON.stringify(this.currentVisibility)).apply(new u("Stored card visibility settings"));
-  }
-}
-export {
-  h as COMPOSITION_CONTROL_BLOCK_ID,
-  g as RecommendationCardCompositionControl
-};

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

@@ -1,5 +0,0 @@
-var o = /* @__PURE__ */ ((c) => (c.BUTTON = "recommendation-block-button", c.NAME = "recommendation-block-name", c.PRICE = "recommendation-block-price", c.OLD_PRICE = "recommendation-block-old-price", c.IMAGE = "recommendation-block-image", c))(o || {}), r = /* @__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.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.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c))(r || {});
-export {
-  o as RecommendationBlockId,
-  r as RecommendationControlId
-};