@useinsider/guido 3.17.0-beta.6255bfc → 3.17.0-beta.6b5cdfc

package/dist/utils/genericUtil.js

@@ -1,68 +1,68 @@
-const o = (l) => {
-  const a = l.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((t) => t.trim()), [c] = a, r = {
-    text: l.label,
-    value: c || ""
+import { formatToLiquidFilter as v, liquidFilterToFormat as b } from "./liquidDynamicContent.js";
+const h = (t) => {
+  if (!t.includes("="))
+    return null;
+  const [e, a] = t.split("=");
+  return { key: e.trim(), value: a.trim() };
+}, u = "default:", f = (t) => {
+  if (!t.startsWith(u))
+    return t;
+  const e = t.slice(u.length).trim();
+  return e.startsWith('"') && e.endsWith('"') ? e.slice(1, -1) : e;
+}, g = (t) => {
+  const a = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [s] = a, n = {
+    text: t.label,
+    value: s || ""
   };
   if (a.length >= 2) {
-    const [, t, e] = a;
-    if (t.startsWith("default:")) {
-      let n = t.slice(8).trim();
-      n.startsWith('"') && n.endsWith('"') && (n = n.slice(1, -1)), r.fallback = n;
-    } else {
-      const n = t.includes("=") ? { key: t.split("=")[0].trim(), value: t.split("=")[1].trim() } : null;
-      n ? r.format = n : e || (r.fallback = t), e && (r.fallback = e);
+    const [, l, r] = a;
+    if (l.startsWith(u))
+      n.fallback = f(l);
+    else {
+      const c = b(l) ?? h(l);
+      c ? n.format = c : r || (n.fallback = l), r && (n.fallback = f(r));
     }
   }
-  return r;
-}, f = (l, s = !1) => l.map((a) => {
-  if (a.format)
-    return {
-      label: `${a.text} | ${a.format.key}=${a.format.value}`,
-      value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
-    };
-  if (s) {
-    if (!a.fallback)
-      return {
-        label: a.text,
-        value: `{{ ${a.value} }}`
-      };
-    const r = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
-    return {
-      label: `${a.text} | ${a.fallback}`,
-      value: `{{ ${a.value} | default: ${r} }}`
-    };
-  }
+  return n;
+}, k = (t) => !Number.isNaN(Number(t)) && t.trim() !== "" ? t : `"${t}"`, m = (t) => {
+  const e = t.format ? v(t.format) : null, a = t.fallback ? `${u} ${k(t.fallback)}` : null, s = [t.value, e, a].filter(Boolean);
   return {
-    label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
-    value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
+    label: [t.text, e, t.fallback || null].filter(Boolean).join(" | "),
+    value: `{{ ${s.join(" | ")} }}`
   };
-}), b = (l) => {
-  const s = [], a = /* @__PURE__ */ new Set(), c = (t) => {
-    Array.isArray(t) && t.forEach((e) => {
-      const n = [...e.children ?? [], ...e.select_items ?? []];
-      if (n.length > 0) {
-        c(n);
+}, i = (t, e = !1) => t.map((a) => e ? m(a) : a.format ? {
+  label: `${a.text} | ${a.format.key}=${a.format.value}`,
+  value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
+} : {
+  label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
+  value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
+}), d = (t) => {
+  const e = [], a = /* @__PURE__ */ new Set(), s = (l) => {
+    Array.isArray(l) && l.forEach((r) => {
+      const c = [...r.children ?? [], ...r.select_items ?? []];
+      if (c.length > 0) {
+        s(c);
         return;
       }
-      const u = e.text || e.tag_text;
-      u && e.value && !a.has(e.value) && (a.add(e.value), s.push({ text: u, value: e.value }));
+      const o = r.text || r.tag_text;
+      o && r.value && !a.has(r.value) && (a.add(r.value), e.push({ text: o, value: r.value }));
     });
-  }, [r] = Object.values(l ?? {});
-  return c(r), s;
-}, v = (l, s, a = !1) => {
-  const c = new Set(l.map((t) => t.value)), r = s.filter((t) => c.has(t.value) ? !1 : (c.add(t.value), !0));
+  }, [n] = Object.values(t ?? {});
+  return s(n), e;
+}, y = (t, e, a = !1) => {
+  const s = new Set(t.map((l) => l.value)), n = e.filter((l) => s.has(l.value) ? !1 : (s.add(l.value), !0));
   return [
-    ...f(l, a),
-    ...f(r, a)
+    ...i(t, a),
+    ...i(n, a)
   ];
-}, i = () => {
-  var l;
-  return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
+}, p = () => {
+  var t;
+  return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
 };
 export {
-  v as buildMergeTagEntries,
-  f as dynamicContentToMergeTags,
-  b as flattenDynamicContentList,
-  i as getCsrfToken,
-  o as mergeTagToDynamicContent
+  y as buildMergeTagEntries,
+  i as dynamicContentToMergeTags,
+  d as flattenDynamicContentList,
+  p as getCsrfToken,
+  g as mergeTagToDynamicContent
 };

package/dist/utils/liquidDynamicContent.js

@@ -0,0 +1,14 @@
+const u = "time-format", r = "date", l = new RegExp(`^${r}\\s*:\\s*(?:"([^"]*)"|'([^']*)')$`), s = /%[-_0^#]?\d*[a-zA-Z%]/, E = (t) => t.includes('"') ? t.includes("'") ? null : `'${t}'` : `"${t}"`, c = (t) => {
+  if (t.key !== u || !s.test(t.value ?? ""))
+    return null;
+  const n = E(t.value);
+  return n === null ? null : `${r}: ${n}`;
+}, i = (t) => {
+  const [, n, o] = t.match(l) ?? [], e = n ?? o;
+  return e ? { key: u, value: e } : null;
+};
+export {
+  u as TIME_FORMAT_KEY,
+  c as formatToLiquidFilter,
+  i as liquidFilterToFormat
+};

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.6255bfc",
+  "version": "3.17.0-beta.6b5cdfc",
   "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 o = 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 d-f f-d-c gap-16" }, [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, state: t.showSelectionError ? "error" : "default", "state-message": t.showSelectionError ? t.trans("ds-steps.select-strategy-tooltip") : "", 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()]);
-}, n = [], i = /* @__PURE__ */ r(
-  a,
-  o,
-  n,
-  !1,
-  null,
-  "afde0449"
-);
-const p = i.exports;
-export {
-  p as default
-};

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

@@ -1,66 +0,0 @@
-import { defineComponent as S, defineAsyncComponent as w, ref as c, computed as o, watch as v } from "vue";
-import "@useinsider/design-system-organisms/style";
-import _ from "../../../wrappers/WpDrawer.vue.js";
-import { useToaster as D } from "../../../../composables/useToaster.js";
-import { useTranslations as T } from "../../../../composables/useTranslations.js";
-import { URLS as A } from "../../../../enums/extensions/recommendationBlock.js";
-import { ToasterTypeOptions as u } from "../../../../enums/toaster.js";
-import { useRecommendationExtensionStore as E } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { buildStrategyInfoBoxProps as O } from "../../../../utils/strategyInfoBox.js";
-import { InSelect as x } from "@useinsider/design-system-vue";
-const V = /* @__PURE__ */ S({
-  __name: "AssignStrategyDrawer",
-  setup(B) {
-    const p = w(
-      async () => (await import("@useinsider/design-system-organisms")).OrgStrategyDetailModal
-    ), r = T(), e = E(), { showToaster: n } = D(), s = c(null), a = c(!1), l = c(!1), m = o(() => e.assignStrategyDrawerStatus ? r("email-editor.assign-strategy-description", { url: A.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
-    v(() => e.assignStrategyDrawerStatus, (t) => {
-      if (!t)
-        return;
-      const { strategyId: i } = e.recommendationConfigs;
-      s.value = i || null, a.value = !1, l.value = !!window.l10n, e.fetchStrategies().catch(() => {
-        n({
-          type: u.Error,
-          message: r("discovery-strategy.error-description")
-        });
-      });
-    });
-    const y = o(() => e.strategies.map((t) => ({
-      text: t.name,
-      value: t.strategy_id,
-      infoBoxProps: O(t, r)
-    }))), d = o(() => [{ value: s.value }]), g = o(() => {
-      const t = e.strategies.find((i) => String(i.strategy_id) === String(s.value ?? ""));
-      return t ? { ...t, fallback_config: null } : null;
-    }), f = o(() => ({
-      primaryButton: {
-        styling: "solid",
-        type: "primary",
-        labelText: r("products.assign-btn")
-      },
-      cancelOrBackButton: {
-        styling: "ghost",
-        type: "secondary",
-        labelText: r("products.cancel")
-      }
-    }));
-    return { __sfc: !0, OrgStrategyDetailModal: p, trans: r, store: e, showToaster: n, selectedStrategyId: s, showSelectionError: a, campaignTabSupported: l, drawerDescription: m, strategyOptions: y, selectValue: d, selectedStrategy: g, footerButtonGroupOptions: f, closeDrawer: () => {
-      e.closeAssignStrategyDrawer();
-    }, assignStrategy: () => {
-      const t = g.value;
-      if (!t) {
-        a.value = !0;
-        return;
-      }
-      e.assignStrategy(t), n({
-        type: u.Success,
-        message: r("email-editor.strategy-assigned-success", { strategyName: t.name })
-      }), e.closeAssignStrategyDrawer();
-    }, onSelect: (t) => {
-      s.value = t.value, a.value = !1;
-    }, WpDrawer: _, InSelect: x };
-  }
-});
-export {
-  V as default
-};

package/dist/extensions/Blocks/Recommendation/controls/main/strategy.js

@@ -1,142 +0,0 @@
-var d = Object.defineProperty;
-var y = (r, s, t) => s in r ? d(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
-var o = (r, s, t) => y(r, typeof s != "symbol" ? s + "" : s, t);
-import { ACADEMY_LINKS as m } from "../../../../../enums/academy.js";
-import { CommonControl as h } from "../../../common-control.js";
-import { useRecommendationExtensionStore as u } from "../../store/recommendation.js";
-const p = "recommendation-strategy-control";
-class f extends h {
-  constructor() {
-    super(...arguments);
-    o(this, "store", u());
-    o(this, "storeUnsubscription", () => {
-    });
-    o(this, "listeners", []);
-    // The store subscription fires on EVERY mutation of a store six controls
-    // share, so the last painted state is kept to skip the DOM work.
-    o(this, "lastPaintedState", null);
-  }
-  getId() {
-    return p;
-  }
-  getTemplate() {
-    const t = this.api.translate(
-      "You can assign a recommendation strategy by selecting an existing one or creating a new one to show specific content."
-    ), e = this.api.translate("For more information, you can"), a = this.api.translate("visit Academy");
-    return `
-            <div class="strategy-control-container">
-                <div class="strategy-control-header">
-                    <h3 class="strategy-control-title">${this.api.translate("Recommendation Strategy")}</h3>
-                </div>
-                <div class="strategy-control-description-row">
-                    <p class="strategy-control-description">
-                        ${t}
-                        ${e}
-                        <a
-                            href="${m.EMAIL_RECOMMENDATION_BLOCK}"
-                            target="_blank"
-                            rel="noopener noreferrer">${a}</a>.
-                    </p>
-                </div>
-                <div data-strategy-empty-state>
-                    ${this._GuTwoColumns([
-      this._GuButton({
-        name: "assignStrategy",
-        label: this.api.translate("Assign Strategy"),
-        id: "guido__btn-assign-strategy",
-        className: "strategy-control-cta on"
-      }),
-      // Create round-trip ships with SD-149916; until then the CTA
-      // stays inert at full contrast, as the design draws it.
-      this._GuButton({
-        name: "createStrategy",
-        label: this.api.translate("Create New Strategy"),
-        id: "guido__btn-create-strategy",
-        className: "strategy-control-cta primary",
-        disabled: !0
-      })
-    ], "strategy-control-cta-row")}
-                </div>
-                <div data-strategy-assigned-state style="display: none;">
-                    <div class="strategy-control-name-band">
-                        <span class="strategy-control-name" data-strategy-name></span>
-                    </div>
-                    <div class="strategy-control-actions">
-                        ${this._strategyAction({
-      id: "guido__btn-change-strategy",
-      label: this.api.translate("Change"),
-      modifier: "change"
-    })}
-                        ${this._strategyAction({
-      id: "guido__btn-remove-strategy",
-      label: this.api.translate("Remove"),
-      modifier: "remove"
-    })}
-                    </div>
-                </div>
-            </div>
-        `;
-  }
-  /**
-   * Change / Remove are icon+text actions in the design, not buttons — and
-   * `ue-button` cannot pair a caption with an arbitrary icon, so these are
-   * plain elements. Click wiring is by id, which works on any element.
-   *
-   * The icon is a CSS mask, not inline SVG: Stripo re-creates the control's
-   * markup through Angular, which rebuilds `<svg>` outside the SVG namespace
-   * (the view-box attribute comes back lowercased) and it never paints.
-   */
-  _strategyAction({ id: t, label: e, modifier: a }) {
-    return `
-            <button
-                id="${t}"
-                type="button"
-                class="strategy-control-action strategy-control-action--${a}">
-                <span>${e}</span>
-            </button>
-        `;
-  }
-  onRender() {
-    this._teardown(), this._setupButtonListeners(), this._renderState(), this.storeUnsubscription = this.store.$subscribe(() => {
-      this._renderState();
-    }), this.store.recommendationConfigs.strategyId && !this.store.strategies.length && this.store.fetchStrategies().catch(() => {
-    });
-  }
-  onDestroy() {
-    this._teardown();
-  }
-  _teardown() {
-    this.storeUnsubscription(), this.storeUnsubscription = () => {
-    }, this.lastPaintedState = null, this.listeners.forEach(({ element: t, handler: e }) => t.removeEventListener("click", e)), this.listeners = [];
-  }
-  _setupButtonListeners() {
-    const t = this.getContainer();
-    if (!t)
-      return;
-    const e = (a, n) => {
-      const i = t.querySelector(a);
-      i && (i.addEventListener("click", n), this.listeners.push({ element: i, handler: n }));
-    };
-    e("#guido__btn-assign-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-change-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-remove-strategy", () => this.store.removeStrategy());
-  }
-  /**
-   * Toggles empty vs assigned state from the store's current block config.
-   * Display name comes from the listing; falls back to the raw id while the
-   * listing loads (or when the strategy is no longer listed).
-   */
-  _renderState() {
-    var l;
-    const { strategyId: t } = this.store.recommendationConfigs, e = t ? ((l = this.store.assignedStrategy) == null ? void 0 : l.name) ?? "" : "", a = `${t}\0${e}`;
-    if (a === this.lastPaintedState)
-      return;
-    const n = this.getContainer();
-    if (!n)
-      return;
-    const i = n.querySelector("[data-strategy-empty-state]"), c = n.querySelector("[data-strategy-assigned-state]"), g = n.querySelector("[data-strategy-name]");
-    !i || !c || (i.style.display = t ? "none" : "", c.style.display = t ? "" : "none", g && t && (g.textContent = e || `#${t}`), this.lastPaintedState = a);
-  }
-}
-export {
-  p as STRATEGY_CONTROL_ID,
-  f as StrategyControl
-};

package/dist/src/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.d.ts

@@ -1,3 +0,0 @@
-import '@useinsider/design-system-organisms/style';
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/src/extensions/Blocks/Recommendation/controls/main/strategy.d.ts

@@ -1,30 +0,0 @@
-import { CommonControl } from '../../../common-control';
-export declare const STRATEGY_CONTROL_ID = "recommendation-strategy-control";
-export declare class StrategyControl extends CommonControl {
-    private store;
-    private storeUnsubscription;
-    private listeners;
-    private lastPaintedState;
-    getId(): string;
-    getTemplate(): string;
-    /**
-     * Change / Remove are icon+text actions in the design, not buttons — and
-     * `ue-button` cannot pair a caption with an arbitrary icon, so these are
-     * plain elements. Click wiring is by id, which works on any element.
-     *
-     * The icon is a CSS mask, not inline SVG: Stripo re-creates the control's
-     * markup through Angular, which rebuilds `<svg>` outside the SVG namespace
-     * (the view-box attribute comes back lowercased) and it never paints.
-     */
-    private _strategyAction;
-    onRender(): void;
-    onDestroy(): void;
-    private _teardown;
-    private _setupButtonListeners;
-    /**
-     * Toggles empty vs assigned state from the store's current block config.
-     * Display name comes from the listing; falls back to the raw id while the
-     * listing loads (or when the strategy is no longer listed).
-     */
-    private _renderState;
-}

package/dist/src/mock/api/recommendation-strategies.d.ts

@@ -1,63 +0,0 @@
-export declare const MOCK_RRS_STRATEGIES: ({
-    strategy_id: number;
-    name: string;
-    status: string;
-    suitable_channels: string;
-    suitable_page_types: string;
-    algorithm: string;
-    algorithm_used: string;
-    method: string;
-    size: number;
-    filters: string;
-    shuffle: number;
-    attribute_affinity: number;
-    exclude_view: number;
-    exclude_purchase: number;
-    exclude_cart: number;
-    manual_merchandising_products: string;
-    fallback_config: null;
-    channelNames: string;
-    campaignCount: {
-        active: number;
-        passive: number;
-        test: number;
-    };
-    created_at: string;
-    updated_at: string;
-    last_updated_by: string;
-    mixed_strategies?: undefined;
-    exclude_view_duration?: undefined;
-    exclude_view_duration_type?: undefined;
-} | {
-    strategy_id: number;
-    name: string;
-    status: string;
-    suitable_channels: string;
-    suitable_page_types: string;
-    algorithm: string;
-    algorithm_used: string;
-    mixed_strategies: string;
-    method: string;
-    size: number;
-    filters: string;
-    shuffle: number;
-    attribute_affinity: number;
-    exclude_view: number;
-    exclude_view_duration: number;
-    exclude_view_duration_type: string;
-    exclude_purchase: number;
-    exclude_cart: number;
-    manual_merchandising_products: string;
-    fallback_config: null;
-    channelNames: string;
-    campaignCount: {
-        active: number;
-        passive: number;
-        test: number;
-    };
-    created_at: string;
-    updated_at: string;
-    last_updated_by: string;
-})[];
-declare const _default: import("msw").HttpHandler[];
-export default _default;

package/dist/src/utils/strategyInfoBox.d.ts

@@ -1,22 +0,0 @@
-import type { RrsStrategy } from '@@/Types/recommendation';
-import { useTranslations } from '@@/Composables/useTranslations';
-export declare const STRATEGY_INFO_BOX_CLASS = "assign-strategy-info-box";
-/**
- * Props for the design system info box that previews a strategy on hover.
- *
- * The box is InSelect's own per-option feature: the dropdown v-binds this whole
- * object onto `<in-info-box>`, so `titleText`/`descriptionText` are all it takes
- * — no slot component. Both go through the design system's sanitizer, and every
- * partner-supplied value is escaped here before it reaches that markup.
- *
- * `trans` is injectable because callers map this over a whole listing, and
- * `useTranslations()` rebuilds its dictionary and memo cache on every call.
- */
-export declare const buildStrategyInfoBoxProps: (strategy: RrsStrategy, trans?: ReturnType<typeof useTranslations>) => {
-    id: string;
-    theme: string;
-    variant: string;
-    className: string;
-    titleText: string;
-    descriptionText: string;
-};