@useinsider/guido 3.16.0-beta.ff4f1bd → 3.16.1-beta.626490d

package/dist/src/stores/config.d.ts

@@ -104,7 +104,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -245,7 +244,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -386,7 +384,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -527,7 +524,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -668,7 +664,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -809,7 +804,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -950,7 +944,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1091,7 +1084,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1232,7 +1224,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1373,7 +1364,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1514,7 +1504,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1655,7 +1644,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1796,7 +1784,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1937,7 +1924,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -2078,7 +2064,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -2219,7 +2204,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -2360,7 +2344,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -2503,7 +2486,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 autosave: boolean;
                 allowlistEnabled: boolean;
                 linkTrackingIds: boolean;
-                reusableRecommendationStrategy: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];

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.16.0-beta.ff4f1bd",
+  "version": "3.16.1-beta.626490d",
   "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",
@@ -48,7 +48,6 @@
   "license": "ISC",
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.9.0",
-    "@useinsider/design-system-organisms": "0.0.3-beta.fd01ebd",
     "@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 s from "./AssignStrategyDrawer.vue2.js";
-/* empty css                          */
-import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
-  var r = this, e = r._self._c, t = r._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.OrgStrategyDropdown, { attrs: { "create-button-visible": !1, loading: t.store.strategiesLoading, "selected-strategy-id": t.selectedStrategyId, strategies: t.strategyOptions }, on: { select: t.onSelect } }), t.selectedStrategy ? e("div", { key: String(t.selectedStrategy.strategy_id), staticClass: "assign-strategy-detail" }, [e(t.OrgStrategyDetailModal, { attrs: { show: "", "footer-status": !1, strategy: t.selectedStrategy } })], 1) : r._e()], 1) : r._e()]);
-}, n = [], i = /* @__PURE__ */ a(
-  s,
-  o,
-  n,
-  !1,
-  null,
-  "3a49b374"
-);
-const p = i.exports;
-export {
-  p as default
-};

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

@@ -1,61 +0,0 @@
-import { defineComponent as S, ref as g, computed as o, watch as f } from "vue";
-/* empty css                                                                                             */
-import v from "../../../wrappers/WpDrawer.vue.js";
-import { useToaster as _ } from "../../../../composables/useToaster.js";
-import { useTranslations as w } from "../../../../composables/useTranslations.js";
-import { ToasterTypeOptions as D } from "../../../../enums/toaster.js";
-import { useRecommendationExtensionStore as T } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { OrgStrategyDropdown as h, OrgStrategyDetailModal as x } from "../../../../node_modules/@useinsider/design-system-organisms/dist/index.js";
-const $ = /* @__PURE__ */ S({
-  __name: "AssignStrategyDrawer",
-  setup(O) {
-    const i = "/discovery/recommendation-strategies", s = w(), e = T(), { showToaster: l, handleError: c } = _(), a = g(null), r = g(!1), d = o(() => e.assignStrategyDrawerStatus ? s("email-editor.assign-strategy-description", { url: i }) : "");
-    f(() => e.assignStrategyDrawerStatus, (t) => {
-      if (!t)
-        return;
-      const { strategyId: p } = e.recommendationConfigs;
-      a.value = p || null, e.fetchStrategies().catch((y) => {
-        c(y, "Failed to load recommendation strategies");
-      });
-    });
-    const m = o(() => e.strategies.map((t) => ({
-      text: t.name,
-      value: t.strategy_id,
-      infoBoxProps: {
-        id: `strategy-info-${t.strategy_id}`,
-        theme: "light",
-        variant: "information",
-        titleText: t.name,
-        descriptionText: [t.algorithm, t.size ? `${t.size} products` : ""].filter(Boolean).join(" · ")
-      }
-    }))), n = o(() => e.strategies.find((t) => String(t.strategy_id) === String(a.value ?? "")) ?? null), u = o(() => ({
-      primaryButton: {
-        styling: "solid",
-        type: "primary",
-        labelText: s("products.assign-btn"),
-        loadingStatus: r.value,
-        disabledStatus: !n.value
-      },
-      cancelOrBackButton: {
-        styling: "ghost",
-        type: "secondary",
-        labelText: s("products.cancel"),
-        disabledStatus: r.value
-      }
-    }));
-    return { __sfc: !0, RRS_PANEL_PATH: i, trans: s, store: e, showToaster: l, handleError: c, selectedStrategyId: a, isAssigning: r, drawerDescription: d, strategyOptions: m, selectedStrategy: n, footerButtonGroupOptions: u, closeDrawer: () => {
-      e.closeAssignStrategyDrawer();
-    }, assignStrategy: () => {
-      const t = n.value;
-      t && (r.value = !0, e.assignStrategy(t), l({
-        type: D.Success,
-        message: s("email-editor.strategy-assigned-success", { strategyName: t.name })
-      }), e.closeAssignStrategyDrawer(), r.value = !1);
-    }, onSelect: (t) => {
-      a.value = t.value;
-    }, WpDrawer: v, OrgStrategyDetailModal: x, OrgStrategyDropdown: h };
-  }
-});
-export {
-  $ as default
-};

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

@@ -1,106 +0,0 @@
-var d = Object.defineProperty;
-var l = (a, e, t) => e in a ? d(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var o = (a, e, t) => l(a, typeof e != "symbol" ? e + "" : e, t);
-import { CommonControl as m } from "../../../common-control.js";
-import { useRecommendationExtensionStore as y } from "../../store/recommendation.js";
-const h = "recommendation-strategy-control", u = "https://academy.insiderone.com/docs/new-editor-email-recommendation-block", c = {
-  ASSIGN: "assignStrategy",
-  CHANGE: "changeStrategy",
-  REMOVE: "removeStrategy"
-};
-class b extends m {
-  constructor() {
-    super(...arguments);
-    o(this, "store", y());
-    o(this, "storeUnsubscription", () => {
-    });
-    o(this, "listeners", []);
-  }
-  getId() {
-    return h;
-  }
-  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."
-    ), s = this.api.translate("For more information, you can"), n = this.api.translate("visit Academy");
-    return `
-            <div class="strategy-control-container">
-                ${this._GuOneColumn([
-      this._GuLabel({ text: this.api.translate("Recommendation Strategy") })
-    ])}
-                <div class="container">
-                    <p class="strategy-control-description">
-                        ${t}
-                        ${s}
-                        <!-- cspell:disable-next-line -->
-                        <a href="${u}" target="_blank" rel="noopener noreferrer">${n}</a>.
-                    </p>
-                </div>
-                <div data-strategy-empty-state>
-                    ${this._GuOneColumn([
-      this._GuButton({
-        name: c.ASSIGN,
-        label: this.api.translate("+ Assign Strategy"),
-        id: "guido__btn-assign-strategy"
-      })
-    ])}
-                    <!-- Create round-trip ships in a later phase; kept visible-but-disabled per design -->
-                    <div style="pointer-events: none; opacity: 0.5;">
-                        ${this._GuOneColumn([
-      this._GuButton({
-        name: "createStrategy",
-        label: this.api.translate("Create New Strategy"),
-        id: "guido__btn-create-strategy"
-      })
-    ])}
-                    </div>
-                </div>
-                <div data-strategy-assigned-state style="display: none;">
-                    ${this._GuTwoColumns([
-      '<span class="strategy-control-name" data-strategy-name></span>',
-      `${this._GuButton({
-        name: c.CHANGE,
-        label: this.api.translate("Change"),
-        id: "guido__btn-change-strategy"
-      })}
-                        ${this._GuButton({
-        name: c.REMOVE,
-        label: this.api.translate("Remove"),
-        id: "guido__btn-remove-strategy"
-      })}`
-    ])}
-                </div>
-            </div>
-        `;
-  }
-  onRender() {
-    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.storeUnsubscription(), this.listeners.forEach(({ element: t, handler: s }) => t.removeEventListener("click", s)), this.listeners = [];
-  }
-  _setupButtonListeners() {
-    const t = (s, n) => {
-      const i = this.getContainer().querySelector(s);
-      i && (i.addEventListener("click", n), this.listeners.push({ element: i, handler: n }));
-    };
-    t("#guido__btn-assign-strategy", () => this.store.openAssignStrategyDrawer()), t("#guido__btn-change-strategy", () => this.store.openAssignStrategyDrawer()), t("#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 g;
-    const t = this.getContainer(), s = t.querySelector("[data-strategy-empty-state]"), n = t.querySelector("[data-strategy-assigned-state]"), i = t.querySelector("[data-strategy-name]"), { strategyId: r } = this.store.recommendationConfigs;
-    !s || !n || (s.style.display = r ? "none" : "", n.style.display = r ? "" : "none", i && r && (i.textContent = ((g = this.store.assignedStrategy) == null ? void 0 : g.name) ?? `#${r}`));
-  }
-}
-export {
-  h as STRATEGY_CONTROL_ID,
-  b as StrategyControl
-};