@useinsider/guido 3.17.0-beta.e6704da → 3.17.0-beta.eae947f

package/dist/utils/pairProductVariables.js

@@ -1,82 +1,83 @@
+import { ITEMS_CURRENCY_ATTR as N } from "../extensions/Blocks/Items/constants/currency.js";
 import { productPairs as L } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { DefaultConfigValues as V } from "../extensions/Blocks/Items/enums/settingsEnums.js";
-import { escapeReplacement as G } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
+import { DefaultConfigValues as G } from "../extensions/Blocks/Items/enums/settingsEnums.js";
+import { escapeReplacement as X } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
 import { preserveTextStyles as F } from "./preserveTextStyles.js";
-import { unwrapProductNameLinks as X } from "./unwrapProductNameLink.js";
+import { unwrapProductNameLinks as Y } from "./unwrapProductNameLink.js";
 const x = {
   CART_ITEMS: "ins_apr",
   BROWSED_ITEMS: "browsed_item",
   PURCHASED_ITEMS: "purchased_item"
-}, N = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
-function v(S, H, g) {
-  let $ = H;
-  for (; $ > 0 && /\s/.test(S[$ - 1]); )
-    $ -= 1;
-  return g.some((I) => S.endsWith(I, $));
+}, O = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
+function v(S, I, b) {
+  let h = I;
+  for (; h > 0 && /\s/.test(S[h - 1]); )
+    h -= 1;
+  return b.some((P) => S.endsWith(P, h));
 }
-function J(S) {
-  const H = N(S), g = new DOMParser().parseFromString(H, "text/html");
-  X(g);
-  const $ = L.PAIRS_FOR_EXTENSION;
-  Object.entries($).forEach(([n, d]) => {
-    g.querySelectorAll(".ins-product-td").forEach((r) => {
+function Z(S) {
+  const I = O(S), b = new DOMParser().parseFromString(I, "text/html");
+  Y(b);
+  const h = L.PAIRS_FOR_EXTENSION;
+  Object.entries(h).forEach(([n, d]) => {
+    b.querySelectorAll(".ins-product-td").forEach((r) => {
       const E = r.getAttribute("data-number") || "1", m = r.getAttribute("data-type") || "CART_ITEMS";
       r.querySelectorAll(`[product-attr="${n}"]`).forEach((t) => {
-        var T, P, D;
-        const R = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, f = d[R];
-        if (f)
+        var $, H, D;
+        const g = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, u = d[g];
+        if (u)
           switch (n) {
             case "imageSrc": {
               let e = null, s = null;
               if (t.tagName === "IMG" ? (e = t, s = e.closest("a")) : (e = t.querySelector("img"), s = t.querySelector("a") || t.closest("a")), !e)
                 break;
-              const a = f.DEFAULT, l = f.ATTR;
+              const a = u.DEFAULT, l = u.ATTR;
               if (a && e.src) {
                 const i = e.src;
-                a.some((b) => {
-                  const u = b.split("/").pop() || "", y = i.split("/").pop() || "";
-                  return i.includes(b) || i.includes(u) || y === u;
+                a.some((_) => {
+                  const f = _.split("/").pop() || "", C = i.split("/").pop() || "";
+                  return i.includes(_) || i.includes(f) || C === f;
                 }) && (e.src = `{{${l}_${o}}}`);
               }
-              const c = (P = (T = $.name) == null ? void 0 : T[R]) == null ? void 0 : P.ATTR;
+              const c = (H = ($ = h.name) == null ? void 0 : $[g]) == null ? void 0 : H.ATTR;
               if (c && e.setAttribute("alt", `{{${c}_${o}}}`), s) {
-                const i = (D = $.itemLink) == null ? void 0 : D[R];
+                const i = (D = h.itemLink) == null ? void 0 : D[g];
                 if (i) {
-                  const _ = i.HREF, b = i.DEFAULT_HREF || "#!", u = s.href;
-                  (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(b) || u === `${window.location.href}${b}` || !u || u === window.location.href) && (s.href = `{{${_}_${o}}}`);
+                  const R = i.HREF, _ = i.DEFAULT_HREF || "#!", f = s.href;
+                  (f === "#" || f === "" || f.endsWith("#!") || f.endsWith(_) || f === `${window.location.href}${_}` || !f || f === window.location.href) && (s.href = `{{${R}_${o}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const e = f, s = e.ATTR, a = e.DEFAULT_HREF || "#!", l = e.HREF;
+              const e = u, s = e.ATTR, a = e.DEFAULT_HREF || "#!", l = e.HREF;
               t.textContent && (t.innerHTML = F(t, `{{${s}_${o}}}`));
               const c = t.closest("a") || (t.tagName === "A" ? t : null);
               if (c && l) {
-                const i = c.href, _ = `${window.location.href}${a}`;
-                (i === _ || i.endsWith(a)) && (c.href = `{{${l}_${o}}}`);
+                const i = c.href, R = `${window.location.href}${a}`;
+                (i === R || i.endsWith(a)) && (c.href = `{{${l}_${o}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const e = f, s = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), l = s === "true", c = a === "true", i = t.getAttribute("data-curency") || "before";
-              let _;
-              c ? _ = l ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : _ = l ? e.PRICE_FORMATTED : e.PRICE;
-              const b = e.CURRENCY;
-              let u = `{{${_}_${o}}}`;
-              const y = (t.getAttribute("data-currency_symbol") || "").trim(), W = y !== "" && y !== V.productPriceCurrencySymbolControlValue;
-              let C = "";
-              W ? C = y : b && (C = `{{${b}_${o}}}`), C && (u = i === "after" ? `${u} ${C}` : `${C} ${u}`), t.innerHTML = F(t, u);
+              const e = u, s = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), l = s === "true", c = a === "true", i = t.getAttribute(N.POSITION) || "before";
+              let R;
+              c ? R = l ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : R = l ? e.PRICE_FORMATTED : e.PRICE;
+              const _ = e.CURRENCY;
+              let f = `{{${R}_${o}}}`;
+              const C = (t.getAttribute(N.SYMBOL) || "").trim(), V = C !== "" && C !== G.productPriceCurrencySymbolControlValue;
+              let y = "";
+              V ? y = C : _ && (y = `{{${_}_${o}}}`), y && (f = i === "after" ? `${f} ${y}` : `${y} ${f}`), t.innerHTML = F(t, f);
               break;
             }
             case "quantity": {
-              const e = f, s = e.ATTR, a = e.DEFAULT;
+              const e = u, s = e.ATTR, a = e.DEFAULT;
               t.textContent && t.textContent.trim() === a && (t.innerHTML = F(t, `{{${s}_${o}}}`));
               break;
             }
             case "button": {
-              const e = f, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t.tagName === "A" ? t : t.querySelector("a");
+              const e = u, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t.tagName === "A" ? t : t.querySelector("a");
               if (l) {
                 const c = l.href || "", i = `${window.location.href}${a}`;
                 (c === "" || c === "#" || c === i || c.endsWith(a) || c.endsWith("#!") || c === window.location.href) && (l.href = `{{${s}_${o}}}`);
@@ -84,7 +85,7 @@ function J(S) {
               break;
             }
             case "itemLink": {
-              const e = f, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t;
+              const e = u, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t;
               if (l.href) {
                 const c = l.href, i = `${window.location.href}${a}`;
                 (c === i || c.endsWith(a)) && (l.href = `{{${s}_${o}}}`);
@@ -92,8 +93,8 @@ function J(S) {
               break;
             }
             default: {
-              if ("ATTR" in f) {
-                const e = f.ATTR;
+              if ("ATTR" in u) {
+                const e = u.ATTR;
                 t.textContent && (t.innerHTML = F(t, `{{${e}_${o}}}`));
               }
               break;
@@ -102,9 +103,9 @@ function J(S) {
       });
     });
   });
-  const I = H.match(/<!DOCTYPE[^>]*>/i), O = I ? `${I[0]}
-` : "", q = g.querySelectorAll(".ins-product-td"), M = [];
-  q.forEach((n) => {
+  const P = I.match(/<!DOCTYPE[^>]*>/i), q = P ? `${P[0]}
+` : "", U = b.querySelectorAll(".ins-product-td"), M = [];
+  U.forEach((n) => {
     const d = n.getAttribute("data-type") || "CART_ITEMS", p = n.getAttribute("data-number") || "1", r = n.outerHTML;
     M.push({
       element: n,
@@ -113,16 +114,16 @@ function J(S) {
       number: p
     });
   });
-  let A = O + g.documentElement.outerHTML;
+  let A = q + b.documentElement.outerHTML;
   M.reverse().forEach(({ outerHtml: n, type: d, number: p }) => {
     const r = x[d], E = r ? `${r}_total_product_kind` : "";
     if (E) {
-      const h = parseInt(p) - 1, o = `${`{% if ${E} > ${h} %}`}${n}{% endif %}`;
-      A = A.replace(n, G(o));
+      const T = parseInt(p) - 1, o = `${`{% if ${E} > ${T} %}`}${n}{% endif %}`;
+      A = A.replace(n, X(o));
     }
   });
-  const U = g.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
-  return U.forEach((n) => {
+  const W = b.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
+  return W.forEach((n) => {
     var t;
     const d = n.getAttribute("data-number"), p = n.getAttribute("data-type");
     if (!d || !x[p])
@@ -131,20 +132,20 @@ function J(S) {
     if (!r || k.has(r))
       return;
     k.add(r);
-    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), h = w.get(E) ?? { number: d, type: p, wrap: [] };
-    h.wrap.push(m !== "false"), w.set(E, h);
+    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), T = w.get(E) ?? { number: d, type: p, wrap: [] };
+    T.wrap.push(m !== "false"), w.set(E, T);
   }), w.forEach(({ number: n, type: d, wrap: p }, r) => {
     if (r.includes("{% if") || !p.some(Boolean))
       return;
-    const E = L.PAIRS_FOR_EXTENSION.price[d].PRICE, m = L.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, h = `{% if ${E}_${n} != ${m}_${n} %}`, t = [h, N(h)];
-    let R = "", o = 0, f = 0, T = A.indexOf(r);
-    for (; T !== -1; ) {
-      const P = p[f] === !0 && !v(A, T, t);
-      R += A.slice(o, T) + (P ? `${h}${r}{% endif %}` : r), o = T + r.length, f += 1, T = A.indexOf(r, o);
+    const E = L.PAIRS_FOR_EXTENSION.price[d].PRICE, m = L.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, T = `{% if ${E}_${n} != ${m}_${n} %}`, t = [T, O(T)];
+    let g = "", o = 0, u = 0, $ = A.indexOf(r);
+    for (; $ !== -1; ) {
+      const H = p[u] === !0 && !v(A, $, t);
+      g += A.slice(o, $) + (H ? `${T}${r}{% endif %}` : r), o = $ + r.length, u += 1, $ = A.indexOf(r, o);
     }
-    A = R + A.slice(o);
+    A = g + A.slice(o);
   }), A.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  J as pairProductVariables
+  Z as pairProductVariables
 };

package/dist/utils/templatePreparation.js

@@ -1,7 +1,7 @@
 import { useActionsApi as k } from "../composables/useActionsApi.js";
 import { useConfig as U } from "../composables/useConfig.js";
 import { useHtmlCompiler as x } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as s } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
 import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { mapLegacyStrategy as L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
 import { DATA_ATTRIBUTES as A } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
@@ -11,20 +11,20 @@ import { useEditorStore as z } from "../stores/editor.js";
 import { useUnsubscribeStore as _ } from "../stores/unsubscribe.js";
 import { assignTrackingIds as v } from "./linkTrackingIds.js";
 function O(m) {
-  const i = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${A.PAGE_LIST}]`), t = [];
-  return i.forEach((s) => {
-    const o = s.getAttribute(A.PAGE_LIST);
+  const n = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${A.PAGE_LIST}]`), t = [];
+  return n.forEach((i) => {
+    const o = i.getAttribute(A.PAGE_LIST);
     o && t.push(...R(o));
   }), [...new Set(t)];
 }
 async function M(m) {
-  const n = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (n.length === 0)
+  const a = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (a.length === 0)
     return;
-  const i = C();
-  n.forEach((t) => {
+  const n = C();
+  a.forEach((t) => {
     var r, l, g, f, c;
-    const s = t.getAttribute("recommendation-id"), o = s ? Number(s) : NaN;
+    const i = t.getAttribute("recommendation-id"), o = i ? Number(i) : NaN;
     if (!Number.isFinite(o))
       return;
     const p = t.getAttribute("esd-ext-config");
@@ -42,27 +42,24 @@ async function M(m) {
       // Normalize legacy strategy keys (e.g. `mostViewed` → `mostPopular`) so
       // already-saved blocks that never re-run the migrator don't emit a
       // strategy-less campaign URL. `||` also catches '' / undefined (SD-144882).
-      strategy: L(e.strategy) || a.strategy,
-      // esd-ext-config is the source of truth for the assigned RRS —
-      // a strategy-backed block must survive save/reopen from it alone.
-      strategyId: e.strategyId ?? a.strategyId,
-      language: e.language ?? a.language,
-      size: e.size ?? a.size,
+      strategy: L(e.strategy) || s.strategy,
+      language: e.language ?? s.language,
+      size: e.size ?? s.size,
       // Spread the default arrays so each block gets a fresh reference
       // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      productIds: e.productIds ?? [...a.productIds],
-      filters: e.filters ?? [...a.filters],
-      shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
+      productIds: e.productIds ?? [...s.productIds],
+      filters: e.filters ?? [...s.filters],
+      shuffleProducts: e.shuffleProducts ?? s.shuffleProducts,
       currencyCode: ((r = e.currency) == null ? void 0 : r.code) ?? d.code,
       currencyAlignment: ((l = e.currency) == null ? void 0 : l.alignment) ?? d.alignment,
       currencyDecimalCount: ((g = e.currency) == null ? void 0 : g.decimalCount) ?? d.decimalCount,
       currencyDecimalSeparator: ((f = e.currency) == null ? void 0 : f.decimalSeparator) ?? d.decimalSeparator,
       currencyThousandSeparator: ((c = e.currency) == null ? void 0 : c.thousandSeparator) ?? d.thousandSeparator
     };
-    i.seedBlockUrlConfig(o, h);
+    n.seedBlockUrlConfig(o, h);
   });
   try {
-    await i.fetchRecommendationCreateData();
+    await n.fetchRecommendationCreateData();
   } catch (t) {
     console.warn(
       "Recommendation reference data pre-load failed; validator will skip the availability check.",
@@ -71,39 +68,39 @@ async function M(m) {
   }
 }
 const Z = () => {
-  const m = N(), u = z(), n = _(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: s } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
+  const m = N(), u = z(), a = _(), { getCompiledEmail: n, getTemplateData: t, updateHtmlAndCss: i } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
   return {
     prepareTemplateDetails: async () => {
       let { html: r, css: l, syncModulesIds: g = [] } = await t();
       if (e("linkTrackingIds"))
         try {
-          const { html: S, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
-          u.trackIdSessionFloor = H, F && (r = S, await s(S, l));
-        } catch (S) {
-          console.error("Tracking-id step failed, saving anyway:", S);
+          const { html: y, changed: H, nextSeq: I } = v(r, u.trackIdSessionFloor);
+          u.trackIdSessionFloor = I, H && (r = y, await i(y, l));
+        } catch (y) {
+          console.error("Tracking-id step failed, saving anyway:", y);
         }
-      const { html: f, ampHtml: c = "", ampErrors: T = [] } = await i({
+      const { html: f, ampHtml: c = "", ampErrors: T = [] } = await n({
         minimize: !0,
         resetDataSavedFlag: !1
       });
-      n.selectedUnsubscribePages.length && await n.fetchTemplates(), await M(r);
-      const { compiledHtml: I, stats: y, appliedRules: w } = o(f), D = c && p(c).compiledHtml, E = m.getSelectedDynamicContentList, P = C(), b = O(r);
+      a.selectedUnsubscribePages.length && await a.fetchTemplates(), await M(r);
+      const { compiledHtml: w, stats: S, appliedRules: D } = o(f), E = c && p(c).compiledHtml, P = m.getSelectedDynamicContentList, F = C(), b = O(r);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: y.originalSize,
-        compiledSize: y.compiledSize,
-        reduction: `${y.reductionPercentage.toFixed(2)}%`,
-        appliedRules: w,
-        executionTime: `${y.executionTime.toFixed(2)}ms`
+        originalSize: S.originalSize,
+        compiledSize: S.compiledSize,
+        reduction: `${S.reductionPercentage.toFixed(2)}%`,
+        appliedRules: D,
+        executionTime: `${S.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: E,
-        compiledHtml: I,
+        dynamicContentList: P,
+        compiledHtml: w,
         rawHtml: r,
         css: l,
-        ampHtml: D,
+        ampHtml: E,
         ampErrors: T,
         modules: g.map(Number),
         recommendation: {
-          campaignUrls: P.recommendationCampaignUrls,
+          campaignUrls: F.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.17.0-beta.e6704da",
+  "version": "3.17.0-beta.eae947f",
   "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",
@@ -25,7 +25,7 @@
     "start": "vite",
     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.app.json",
     "preview": "vite preview",
-    "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
+    "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && npm run type-check",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
     "lint:e2e-quality": "node scripts/lint-e2e-quality.mjs",
     "lint:e2e-quality:ci": "node scripts/lint-e2e-quality.mjs --ci",
@@ -48,7 +48,6 @@
   "license": "ISC",
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.9.0",
-    "@useinsider/design-system-organisms": "0.0.3-beta.fc2c160",
     "@useinsider/design-system-vue": "1.5.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",

package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js

@@ -1,18 +0,0 @@
-import a from "./AssignStrategyDrawer.vue2.js";
-/* empty css                          */
-import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var s = this, e = s._self._c, t = s._self._setupProxy;
-  return e(t.WpDrawer, { attrs: { id: "assign-strategy-drawer", "description-status": "", size: "medium", "description-text": t.drawerDescription, "footer-button-group-options": t.footerButtonGroupOptions, status: t.store.assignStrategyDrawerStatus, "title-text": t.trans("gpt-app-builder.assign-recommendation-strategy") }, on: { cancelOrBackButtonEvent: t.closeDrawer, onCloseEvent: t.closeDrawer, primaryButtonEvent: t.assignStrategy } }, [t.store.assignStrategyDrawerStatus ? e("div", { staticClass: "assign-strategy-drawer-content" }, [e(t.InSelect, { staticClass: "assign-strategy-select", attrs: { id: "assign-strategy-select", "search-status": "", "static-child-position": "bottom right", "button-status": !1, "dynamic-child-position": !1, "label-text": t.trans("ds-steps.recommendation-strategy"), options: t.strategyOptions, "placeholder-text": t.trans("ds-steps.select-strategy"), "skeleton-sizing": { width: 240, height: 42 }, "skeleton-status": t.store.strategiesLoading, value: t.selectValue }, on: { select: t.onSelect } }), t.selectedStrategy ? e("div", { key: String(t.selectedStrategy.strategy_id), staticClass: "assign-strategy-detail" }, [e(t.OrgStrategyDetailModal, { attrs: { show: "", "campaign-details-tab-status": t.campaignTabSupported, "footer-status": !1, strategy: t.selectedStrategy } })], 1) : s._e()], 1) : s._e()]);
-}, o = [], i = /* @__PURE__ */ r(
-  a,
-  n,
-  o,
-  !1,
-  null,
-  "710137fe"
-);
-const p = i.exports;
-export {
-  p as default
-};

package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js

@@ -1,70 +0,0 @@
-import { defineComponent as v, ref as c, computed as o, watch as _ } from "vue";
-import "@useinsider/design-system-organisms/style";
-import w from "../../../wrappers/WpDrawer.vue.js";
-import { useToaster as D } from "../../../../composables/useToaster.js";
-import { useTranslations as T } from "../../../../composables/useTranslations.js";
-import { ToasterTypeOptions as m } from "../../../../enums/toaster.js";
-import { useRecommendationExtensionStore as b } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { OrgStrategyDetailModal as h } from "@useinsider/design-system-organisms";
-import { InSelect as x } from "@useinsider/design-system-vue";
-import B from "./StrategyInfoBox.vue.js";
-const W = /* @__PURE__ */ v({
-  __name: "AssignStrategyDrawer",
-  setup(A) {
-    const g = "/discovery/recommendation-strategies", s = T(), e = b(), { showToaster: n } = D(), r = c(null), a = c(!1), u = c(!1), p = o(() => e.assignStrategyDrawerStatus ? s("email-editor.assign-strategy-description", { url: g }) : "");
-    _(() => e.assignStrategyDrawerStatus, (t) => {
-      if (!t)
-        return;
-      const { strategyId: l } = e.recommendationConfigs;
-      r.value = l || null, u.value = !!window.l10n, e.fetchStrategies().catch((S) => {
-        console.error("fetchStrategies error:", S), n({
-          type: m.Error,
-          message: s("discovery-strategy.error-description")
-        });
-      });
-    });
-    const d = o(() => e.strategies.map((t) => ({
-      text: t.name,
-      value: t.strategy_id,
-      infoBoxProps: {
-        id: `strategy-info-${t.strategy_id}`,
-        theme: "light",
-        variant: "information",
-        className: "assign-strategy-info-box",
-        slot: B,
-        slotProps: { strategy: t }
-      }
-    }))), y = o(() => [{ value: r.value }]), i = o(() => {
-      const t = e.strategies.find((l) => String(l.strategy_id) === String(r.value ?? ""));
-      return t ? { ...t, fallback_config: null } : null;
-    }), f = o(() => ({
-      primaryButton: {
-        styling: "solid",
-        type: "primary",
-        labelText: s("products.assign-btn"),
-        loadingStatus: a.value,
-        disabledStatus: !i.value
-      },
-      cancelOrBackButton: {
-        styling: "ghost",
-        type: "secondary",
-        labelText: s("products.cancel"),
-        disabledStatus: a.value
-      }
-    }));
-    return { __sfc: !0, RRS_PANEL_PATH: g, trans: s, store: e, showToaster: n, selectedStrategyId: r, isAssigning: a, campaignTabSupported: u, drawerDescription: p, strategyOptions: d, selectValue: y, selectedStrategy: i, footerButtonGroupOptions: f, closeDrawer: () => {
-      e.closeAssignStrategyDrawer();
-    }, assignStrategy: () => {
-      const t = i.value;
-      t && (a.value = !0, e.assignStrategy(t), n({
-        type: m.Success,
-        message: s("email-editor.strategy-assigned-success", { strategyName: t.name })
-      }), e.closeAssignStrategyDrawer(), a.value = !1);
-    }, onSelect: (t) => {
-      r.value = t.value;
-    }, WpDrawer: w, OrgStrategyDetailModal: h, InSelect: x };
-  }
-});
-export {
-  W as default
-};

package/dist/components/organisms/extensions/recommendation/StrategyInfoBox.vue.js

@@ -1,20 +0,0 @@
-import _ from "./StrategyInfoBox.vue2.js";
-/* empty css                     */
-import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var t = this, s = t._self._c, a = t._self._setupProxy;
-  return s("div", { staticClass: "strategy-info-box" }, [s("div", { staticClass: "strategy-info-box__name" }, [t._v(" " + t._s(t.strategy.name) + " ")]), a.lastUpdated ? s("div", { staticClass: "strategy-info-box__updated" }, [t._v(" " + t._s(a.lastUpdated) + " ")]) : t._e(), s("div", { staticClass: "strategy-info-box__rows" }, t._l(a.rows, function(e) {
-    return s("div", { key: e.label, staticClass: "strategy-info-box__row" }, [s("div", { staticClass: "strategy-info-box__label" }, [t._v(" " + t._s(e.label) + " ")]), s("div", { staticClass: "strategy-info-box__value" }, [t._v(" " + t._s(e.value) + " ")])]);
-  }), 0)]);
-}, i = [], n = /* @__PURE__ */ o(
-  _,
-  r,
-  i,
-  !1,
-  null,
-  "fe4491e6"
-);
-const d = n.exports;
-export {
-  d as default
-};

package/dist/components/organisms/extensions/recommendation/StrategyInfoBox.vue2.js

@@ -1,55 +0,0 @@
-import { defineComponent as v, computed as s } from "vue";
-import { useTranslations as h } from "../../../../composables/useTranslations.js";
-import { formatShortDate as f } from "../../../../utils/dateUtil.js";
-const A = /* @__PURE__ */ v({
-  __name: "StrategyInfoBox",
-  props: {
-    strategy: null
-  },
-  setup(g) {
-    const t = g, r = h(), n = (e) => e == null ? "" : String(e), y = s(() => {
-      const e = n(t.strategy.updated_at || t.strategy.created_at);
-      return e ? r("recommendation-strategy.last-updated-on", { value: f(e) }) : "";
-    }), c = s(() => {
-      const e = n(t.strategy.algorithm) === "MIXED" ? r("discovery-strategy.mixed-algorithm") : r("discovery-strategy.single-algorithm"), a = n(t.strategy.algorithm_used).split(",").map((o) => o.trim()).filter(Boolean).map((o) => r(`recommendation-algorithm-names.${o.replaceAll("_", "-").toLowerCase()}`));
-      return a.length ? `${e} · ${a.join(", ")}` : e;
-    }), u = s(() => [
-      [t.strategy.exclude_view, "discovery-strategy.exclude-recently-view-items"],
-      [t.strategy.exclude_purchase, "discovery-strategy.exclude-recently-purchased-items"],
-      [t.strategy.exclude_cart, "discovery-strategy.exclude-recently-added-cart-items"]
-    ].filter(([a]) => Number(a) === 1).map(([, a]) => r(a)).join(", ")), d = s(() => n(
-      t.strategy.manual_merchandising || t.strategy.manual_merchandising_products
-    ).trim()), i = s(() => {
-      const e = t.strategy.filters;
-      if (!e)
-        return 0;
-      try {
-        const a = typeof e == "string" ? JSON.parse(e) : e;
-        return Array.isArray(a) ? a.reduce((o, m) => o + (Array.isArray(m) ? m.length : 1), 0) : 0;
-      } catch {
-        return 0;
-      }
-    }), l = s(() => r("recommendation-strategy.none")), p = s(() => [
-      {
-        label: r("gpt-app-builder.algorithms-and-method"),
-        value: c.value
-      },
-      {
-        label: r("gpt-app-builder.exclusions"),
-        value: u.value || l.value
-      },
-      {
-        label: r("discovery-strategy.filters"),
-        value: i.value ? String(i.value) : l.value
-      },
-      {
-        label: r("action-builder.manual-merchandising"),
-        value: d.value || l.value
-      }
-    ]);
-    return { __sfc: !0, props: t, trans: r, asText: n, lastUpdated: y, algorithmsAndMethod: c, exclusions: u, manualMerchandising: d, filterCount: i, none: l, rows: p };
-  }
-});
-export {
-  A as default
-};