@useinsider/guido 3.14.0-beta.a90f01a → 3.14.0-beta.ef8833a

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

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

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

@@ -1,66 +1,74 @@
-import { defineComponent as O, ref as n, computed as h } from "vue";
-import { useActionsApi as q } from "../../../composables/useActionsApi.js";
-import { useConfig as b } from "../../../composables/useConfig.js";
-import { useExport as k } from "../../../composables/useExport.js";
-import { useTestEmailClick as B } from "../../../composables/useGuidoActions.js";
-import { useHtmlCompiler as D } from "../../../composables/useHtmlCompiler.js";
-import { useSave as F } from "../../../composables/useSave.js";
-import { useTranslations as L } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as R } from "../../../composables/useVersionHistoryApi.js";
-import { useLiquidValidator as z } from "../../../composables/validators/useLiquidValidator.js";
-import { useEditorStore as I } from "../../../stores/editor.js";
-import { useTemplateStore as P } from "../../../stores/template.js";
+import { defineComponent as q, ref as a, computed as T } from "vue";
+import { useActionsApi as D } from "../../../composables/useActionsApi.js";
+import { useConfig as F } from "../../../composables/useConfig.js";
+import { useExport as b } from "../../../composables/useExport.js";
+import { useTestEmailClick as k } from "../../../composables/useGuidoActions.js";
+import { useHtmlCompiler as B } from "../../../composables/useHtmlCompiler.js";
+import { useSave as I } from "../../../composables/useSave.js";
+import { useToaster as L } from "../../../composables/useToaster.js";
+import { useTranslations as R } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as z } from "../../../composables/useVersionHistoryApi.js";
+import { useLiquidValidator as G } from "../../../composables/validators/useLiquidValidator.js";
+import { useEditorStore as P } from "../../../stores/editor.js";
+import { useTemplateStore as U } from "../../../stores/template.js";
 import { getTooltipOptions as j } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as G } from "@useinsider/design-system-vue";
-import { storeToRefs as J } from "pinia";
-import K from "./MigrationConfirmModal.vue.js";
-const ut = /* @__PURE__ */ O({
+import { InButtonV2 as J } from "@useinsider/design-system-vue";
+import { storeToRefs as K } from "pinia";
+import N from "./MigrationConfirmModal.vue.js";
+const pt = /* @__PURE__ */ q({
   __name: "EditorActions",
-  setup(N, { expose: x }) {
-    const { config: a, isFeatureEnabled: l } = b(), { exportHtml: m } = k(), { save: u } = F(), { openVersionHistory: c, closeVersionHistory: p } = R(), { getCompiledEmail: f } = q(), { compileHtml: d } = D(), { validateLiquidSyntax: v } = z(), e = I(), y = P(), { hasMigrations: g } = J(y), s = L(), i = n(!1), r = n(!1), S = n(), H = B(), T = () => {
+  setup(Q, { expose: x }) {
+    const { config: n, isFeatureEnabled: l } = F(), { exportHtml: m } = b(), { save: u } = I(), { openVersionHistory: c, closeVersionHistory: f } = z(), { getCompiledEmail: p } = D(), { compileHtml: d } = B(), { validateLiquidSyntax: v } = G(), { handleError: y } = L(), e = P(), g = U(), { hasMigrations: S } = K(g), r = R(), s = a(!1), i = a(!1), H = a(), V = k(), _ = () => {
       if (e.isVersionHistoryOpen) {
-        p();
+        f();
         return;
       }
       c();
     }, w = async () => {
-      i.value = !0, await m(), i.value = !1;
-    }, _ = () => {
+      s.value = !0, await m(), s.value = !1;
+    }, A = () => {
       e.isSaveAsTemplateDrawerOpen = !0;
-    }, C = h(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), A = h(
+    }, C = T(() => e.isVersionHistoryOpen ? r("newsletter.close-version-history") : r("newsletter.version-history")), O = T(
       () => {
-        var t, o;
-        return ((o = (t = a.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+        var o, t;
+        return ((t = (o = n.value) == null ? void 0 : o.features) == null ? void 0 : t.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), V = async (t) => {
-      r.value = !0, t || (e.loadingStatus = !0);
-      const o = await u(t);
-      return r.value = !1, !t && !o && (e.loadingStatus = !1), o;
-    }, E = (t) => {
-      var o;
-      if (!t && g.value) {
-        (o = S.value) == null || o.open();
+    ), E = async (o) => {
+      i.value = !0, o || (e.loadingStatus = !0);
+      try {
+        const t = await u(o);
+        return !o && !t && (e.loadingStatus = !1), t;
+      } catch (t) {
+        console.error("[GUIDO_SAVE] save failed", t), y(t, "Failed to save template"), o || (e.loadingStatus = !1);
         return;
+      } finally {
+        i.value = !1;
       }
-      return V(t);
+    }, h = (o) => {
+      var t;
+      if (!o && S.value) {
+        (t = H.value) == null || t.open();
+        return;
+      }
+      return E(o);
     }, M = async () => {
       if (l("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: t } = await f({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = d(t);
-          if (!await v(o))
+          const { html: o } = await p({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: t } = d(o);
+          if (!await v(t))
             return;
         } finally {
           e.loadingStatus = !1;
         }
       }
-      H();
+      V();
     };
     return x({
-      handleSave: E
-    }), { __sfc: !0, config: a, isFeatureEnabled: l, exportHtml: m, save: u, openVersionHistory: c, closeVersionHistory: p, getCompiledEmail: f, compileHtml: d, validateLiquidSyntax: v, editorStore: e, templateStore: y, hasMigrations: g, trans: s, isExporting: i, isSaving: r, migrationModalRef: S, testEmailClick: H, handleVersionHistory: T, handleExport: w, handleSaveAs: _, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: A, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: j, InButtonV2: G, MigrationConfirmModal: K };
+      handleSave: h
+    }), { __sfc: !0, config: n, isFeatureEnabled: l, exportHtml: m, save: u, openVersionHistory: c, closeVersionHistory: f, getCompiledEmail: p, compileHtml: d, validateLiquidSyntax: v, handleError: y, editorStore: e, templateStore: g, hasMigrations: S, trans: r, isExporting: s, isSaving: i, migrationModalRef: H, testEmailClick: V, handleVersionHistory: _, handleExport: w, handleSaveAs: A, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: O, executeSave: E, handleSave: h, handleTestEmail: M, getTooltipOptions: j, InButtonV2: J, MigrationConfirmModal: N };
   }
 });
 export {
-  ut as default
+  pt as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,46 +1,48 @@
-import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
+import { defineComponent as O, computed as e, onMounted as b, watch as t } from "vue";
 import u from "./AMPOnboarding.vue.js";
-import v from "./GenericOnboarding.vue.js";
-import l from "./ItemsOnboarding.vue.js";
-import y from "./NewVersionPopup.vue.js";
-import S from "./TextBlockOnboarding.vue.js";
-import h from "./VersionHistoryOnboarding.vue.js";
-import { usePartner as w } from "../../../composables/usePartner.js";
-import { useEditorStore as P } from "../../../stores/editor.js";
+import l from "./GenericOnboarding.vue.js";
+import v from "./ItemsOnboarding.vue.js";
+import h from "./NewVersionPopup.vue.js";
+import y from "./TextBlockOnboarding.vue.js";
+import S from "./VersionHistoryOnboarding.vue.js";
+import { usePartner as P } from "../../../composables/usePartner.js";
+import { useEditorStore as w } from "../../../stores/editor.js";
 import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
 import { usePreviewStore as A } from "../../../stores/preview.js";
-const G = /* @__PURE__ */ b({
+const R = /* @__PURE__ */ O({
   __name: "OnboardingWrapper",
   emits: ["onboarding-finished"],
   setup(H, { emit: f }) {
-    const o = _(), r = P(), s = A(), { isTestPartner: a } = w(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
-      { type: "newVersionPopup", component: y },
-      { type: "genericOnboarding", component: v },
-      { type: "textBlockOnboarding", component: S },
-      { type: "versionHistoryOnboarding", component: h },
+    const r = _(), n = w(), s = A(), { isTestPartner: a } = P(), p = e(() => n.isStripoInitialized), d = e(() => a()), m = [
+      { type: "newVersionPopup", component: h },
+      { type: "genericOnboarding", component: l },
+      { type: "textBlockOnboarding", component: y },
+      { type: "versionHistoryOnboarding", component: S },
       { type: "ampOnboarding", component: u },
-      { type: "itemsOnboarding", component: l }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
-    return O(async () => {
-      await o.fetchUserModalState();
+      { type: "itemsOnboarding", component: v }
+    ], c = (o) => d.value || !p.value ? !1 : o === "newVersionPopup" ? r.shouldShowOnboarding(o) : r.isActive(o), g = e(() => m.filter((o) => c(o.type)));
+    return b(() => {
+      r.fetchUserModalState().catch((o) => {
+        console.error("[GUIDO_ONBOARDING] user modal state prefetch failed", o);
+      });
     }), t(
-      () => r.isVersionHistoryOpen,
-      (n, i) => {
-        n && !i && o.shouldShowOnboarding("versionHistoryOnboarding") && o.start("versionHistoryOnboarding"), !n && i && o.isActive("versionHistoryOnboarding") && o.close("versionHistoryOnboarding");
+      () => n.isVersionHistoryOpen,
+      (o, i) => {
+        o && !i && r.shouldShowOnboarding("versionHistoryOnboarding") && r.start("versionHistoryOnboarding"), !o && i && r.isActive("versionHistoryOnboarding") && r.close("versionHistoryOnboarding");
       }
     ), t(
       () => s.emailFormat,
-      (n, i) => {
-        i !== "AMP" && n === "AMP" && o.shouldShowOnboarding("ampOnboarding") && o.start("ampOnboarding");
+      (o, i) => {
+        i !== "AMP" && o === "AMP" && r.shouldShowOnboarding("ampOnboarding") && r.start("ampOnboarding");
       }
     ), t(
-      () => r.isPreviewModeOpen,
-      (n) => {
-        !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
+      () => n.isPreviewModeOpen,
+      (o) => {
+        !o && r.isActive("ampOnboarding") && r.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
+    ), { __sfc: !0, emit: f, onboardingStore: r, editorStore: n, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
   }
 });
 export {
-  G as default
+  R as default
 };

package/dist/{src/composables → composables}/useHttp.d.ts

@@ -17,6 +17,12 @@ export interface HttpError {
     statusText?: string;
     response?: Response;
 }
+export declare const TIMEOUT_ERROR_NAME = "TimeoutError";
+export interface TimeoutErrorContext {
+    url: string;
+    method: HttpMethod;
+    timeout: number;
+}
 export declare const useHttp: (defaultOptions?: HttpOptions) => {
     loading: import("vue").ComputedRef<boolean>;
     error: import("vue").ComputedRef<{

package/dist/composables/useHttp.js

@@ -1,86 +1,93 @@
-import { getCsrfToken as H } from "../utils/genericUtil.js";
-import { ref as p, computed as T } from "vue";
-const k = (b = {}) => {
-  const h = p(!1), a = p(null), u = p(null), g = T(() => h.value), y = T(() => a.value !== null), v = {
+import { getCsrfToken as j } from "../utils/genericUtil.js";
+import { ref as v, computed as y } from "vue";
+const N = "TimeoutError", F = ($ = {}) => {
+  const T = v(!1), a = v(null), f = v(null), P = y(() => T.value), R = y(() => a.value !== null), g = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": H()
+      "X-CSRF-TOKEN": j()
     },
-    ...b
-  }, w = (e, s) => {
-    if (e.startsWith("http://") || e.startsWith("https://"))
-      return e;
-    const t = s || v.baseURL || "";
-    return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((s, t) => {
-    setTimeout(() => {
-      t(new Error("Request timeout"));
-    }, e);
-  }), x = (e) => new Promise((s) => {
-    setTimeout(s, e);
-  }), i = async (e, s, t, D = {}) => {
-    a.value = null, h.value = !0, u.value = new AbortController();
-    const n = { ...v, ...D }, L = w(s, n.baseURL), c = {
-      method: e,
-      headers: { ...n.headers },
-      signal: u.value.signal,
-      ...n
+    ...$
+  }, x = (t, r) => {
+    if (t.startsWith("http://") || t.startsWith("https://"))
+      return t;
+    const s = r || g.baseURL || "";
+    return s.endsWith("/") && t.startsWith("/") ? `${s}${t.slice(1)}` : s.endsWith("/") || t.startsWith("/") ? `${s}${t}` : `${s}/${t}`;
+  }, C = (t, r, s, h) => {
+    let o;
+    return { promise: new Promise((u, d) => {
+      o = setTimeout(() => {
+        const n = new Error(
+          `Request timeout after ${t}ms: ${r} ${s.split("?")[0]}`
+        );
+        n.name = N, n.url = s, n.method = r, n.timeout = t, d(n), h.abort(n);
+      }, t);
+    }), clear: () => clearTimeout(o) };
+  }, O = (t) => new Promise((r) => {
+    setTimeout(r, t);
+  }), l = async (t, r, s, h = {}) => {
+    a.value = null, T.value = !0;
+    const o = { ...g, ...h }, m = x(r, o.baseURL), u = {
+      method: t,
+      headers: { ...o.headers },
+      ...o
     };
-    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
-    const E = async (m = 0) => {
+    s && ["POST", "PUT", "PATCH"].includes(t) && (s instanceof FormData ? (delete u.headers["Content-Type"], u.body = s) : u.body = JSON.stringify(s));
+    const d = async (n = 0) => {
+      const E = new AbortController();
+      f.value = E;
+      const w = { ...u, signal: E.signal }, b = o.timeout ? C(o.timeout, t, m, E) : null;
       try {
-        const o = [fetch(L, c)];
-        n.timeout && o.push(P(n.timeout));
-        const r = await Promise.race(o);
-        if (!r.ok) {
-          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
-          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
+        const e = await (b ? Promise.race([fetch(m, w), b.promise]).finally(b.clear) : fetch(m, w));
+        if (!e.ok) {
+          const S = `HTTP Error: ${e.status} ${e.statusText}`, p = new Error(S);
+          throw p.status = e.status, p.statusText = e.statusText, p.response = e, p;
         }
-        let f;
-        const l = r.headers.get("content-type");
-        return l != null && l.includes("application/json") ? f = await r.json() : l != null && l.includes("text/") ? f = await r.text() : f = await r.blob(), {
-          data: f,
-          status: r.status,
-          statusText: r.statusText,
-          headers: r.headers
+        let i;
+        const c = e.headers.get("content-type");
+        return c != null && c.includes("application/json") ? i = await e.json() : c != null && c.includes("text/") ? i = await e.text() : i = await e.blob(), {
+          data: i,
+          status: e.status,
+          statusText: e.statusText,
+          headers: e.headers
         };
-      } catch (o) {
-        const r = o instanceof Error && o.name === "AbortError";
-        if (m < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(m + 1);
-        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
+      } catch (e) {
+        const i = e instanceof Error && e.name === "AbortError";
+        if (n < (o.retry || 0) && !i)
+          return await O(o.retryDelay || 1e3), d(n + 1);
+        throw e instanceof Error ? e.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: e.message } : a.value = e, e;
       }
     };
     try {
-      return await E();
+      return await d();
     } finally {
-      h.value = !1, u.value = null;
+      T.value = !1, f.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), $ = (e, s, t) => i("POST", e, s, t), R = (e, s, t) => i("PUT", e, s, t), U = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
-    u.value && u.value.abort(e);
+  }, U = (t, r) => l("GET", t, void 0, r), A = (t, r, s) => l("POST", t, r, s), H = (t, r, s) => l("PUT", t, r, s), W = (t, r, s) => l("PATCH", t, r, s), D = (t, r) => l("DELETE", t, void 0, r), L = (t) => {
+    f.value && f.value.abort(t);
   }, q = () => {
     a.value = null;
   };
   return {
     // State
-    loading: g,
-    error: T(() => a.value),
-    hasError: y,
+    loading: P,
+    error: y(() => a.value),
+    hasError: R,
     // Methods
-    request: i,
-    get: C,
-    post: $,
-    put: R,
-    patch: U,
-    delete: A,
-    cancel: W,
+    request: l,
+    get: U,
+    post: A,
+    put: H,
+    patch: W,
+    delete: D,
+    cancel: L,
     clearError: q
   };
 };
 export {
-  k as useHttp
+  N as TIMEOUT_ERROR_NAME,
+  F as useHttp
 };

package/dist/composables/useRecommendation.js

@@ -3,21 +3,20 @@ import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommenda
 import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as y } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
-import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
-import { useConfigStore as P } from "../stores/config.js";
-const B = () => ({
+import { useConfigStore as x } from "../stores/config.js";
+const k = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: a,
     mobileRightPadding: s,
     cardsInRow: c,
-    unresponsive: n
+    unresponsive: o
   }) => {
-    const r = n ? c : 1, e = a + s + (r - 1) * b;
+    const r = o ? c : 1, e = a + s + (r - 1) * b;
     return (C - e) / r;
   },
   getRecommendationCampaignData: (a) => {
-    const s = l(), c = Number(a), n = s.blockStates[c];
-    if (!n)
+    const s = l(), c = Number(a), o = s.blockStates[c];
+    if (!o)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -30,7 +29,7 @@ const B = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = o, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
       textTrimming: r.textTrimming,
       orientation: e,
@@ -46,7 +45,7 @@ const B = () => ({
   },
   buildCampaignUrl: (a, s) => {
     var m;
-    const c = l(), n = P(), r = Number(a);
+    const c = l(), o = x(), r = Number(a);
     let e;
     if (s)
       e = s;
@@ -54,25 +53,25 @@ const B = () => ({
       const i = c.blockStates[r];
       if (!i)
         return "";
-      const { recommendationConfigs: o } = i;
+      const { recommendationConfigs: n } = i;
       e = {
-        strategy: o.strategy,
-        language: o.language,
-        currencyCode: o.currencySettings.value,
-        size: o.size,
-        productIds: o.productIds,
-        filters: o.filters,
-        shuffleProducts: o.shuffleProducts
+        strategy: n.strategy,
+        language: n.language,
+        currencyCode: n.currencySettings.value,
+        size: n.size,
+        productIds: n.productIds,
+        filters: n.filters,
+        shuffleProducts: n.shuffleProducts
       };
     }
     const f = ((m = I().find((i) => i.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const g = e.filters.filter((i) => i.isValid), d = h(g);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(n.partnerName, e.strategy)).forEach(([i, o]) => t.set(i, o));
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(o.partnerName, e.strategy)).forEach(([i, n]) => t.set(i, n));
     const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
     return c.recommendationCampaignUrls[a] = u, u;
   }
 });
 export {
-  B as useRecommendation
+  k as useRecommendation
 };

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

@@ -1,23 +1,23 @@
-var d = Object.defineProperty;
-var h = (r, o, t) => o in r ? d(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
-var c = (r, o, t) => h(r, typeof o != "symbol" ? o + "" : o, t);
-import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as g } from "../../../common-control.js";
+var c = Object.defineProperty;
+var l = (s, o, t) => o in s ? c(s, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[o] = t;
+var a = (s, o, t) => l(s, typeof o != "symbol" ? o + "" : o, t);
+import { UEAttr as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as d } from "../../../common-control.js";
 import { RecommendationConfigService as n } from "../../services/configService.js";
 import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-import { mapLegacyStrategy as u } from "../../utils/legacyStrategyMap.js";
-const p = "recommendation-algorithm-control", e = {
+import { mapLegacyStrategy as g } from "../../utils/legacyStrategyMap.js";
+const u = "recommendation-algorithm-control", i = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds"
 };
-class S extends g {
+class R extends d {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (algorithms list), not for config
-    c(this, "store", m());
+    a(this, "store", m());
   }
   getId() {
-    return p;
+    return u;
   }
   getTemplate() {
     return `
@@ -25,13 +25,13 @@ class S extends g {
                 ${this._GuTwoColumns([
       this._GuLabel({ text: this.api.translate("Recommendation Algorithm") }),
       this._GuSelect({
-        name: e.ALGORITHM,
+        name: i.ALGORITHM,
         placeholder: this.api.translate("Select Recommendation Algorithm"),
         options: this.store.getActivePredictiveAlgorithms
       }),
-      this._GuLabel({ text: this.api.translate("Product Ids"), name: `${e.PRODUCT_IDS}_label` }),
+      this._GuLabel({ text: this.api.translate("Product Ids"), name: `${i.PRODUCT_IDS}_label` }),
       this._GuTextInput({
-        name: e.PRODUCT_IDS,
+        name: i.PRODUCT_IDS,
         placeholder: this.api.translate("Enter Product Ids"),
         className: "es-180w"
       })
@@ -46,28 +46,29 @@ class S extends g {
     super.onTemplateNodeUpdated(t), this._initializeSelectItems(), this._setFormValues();
   }
   _setFormValues() {
-    const t = n.getConfig(this.currentNode), s = u(t.strategy) ?? t.strategy;
-    this._setProductIdsVisibility(s);
-    const i = { [e.ALGORITHM]: s }, a = t.productIds.join(",");
-    this.api.getValues()[e.PRODUCT_IDS] !== a && (i[e.PRODUCT_IDS] = a), this.api.updateValues(i);
+    const t = n.getConfig(this.currentNode), e = g(t.strategy) ?? t.strategy;
+    this._setProductIdsVisibility(e), this.api.updateValues({
+      [i.ALGORITHM]: e,
+      [i.PRODUCT_IDS]: t.productIds.join(",")
+    });
   }
   _initializeSelectItems() {
-    var s;
-    const t = (s = this.store) == null ? void 0 : s.getActivePredictiveAlgorithms;
+    var e;
+    const t = (e = this.store) == null ? void 0 : e.getActivePredictiveAlgorithms;
     if (t != null && t.length)
       try {
         this.api.setUIEAttribute(
-          e.ALGORITHM,
-          l.SELECTPICKER.items,
+          i.ALGORITHM,
+          h.SELECTPICKER.items,
           t
         );
-      } catch (i) {
-        console.warn("[AlgorithmControl] Failed to set algorithm options:", i);
+      } catch (r) {
+        console.warn("[AlgorithmControl] Failed to set algorithm options:", r);
       }
   }
   _setProductIdsVisibility(t) {
-    const i = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
-    this.api.setVisibility(e.PRODUCT_IDS, i), this.api.setVisibility(`${e.PRODUCT_IDS}_label`, i);
+    const r = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
+    this.api.setVisibility(i.PRODUCT_IDS, r), this.api.setVisibility(`${i.PRODUCT_IDS}_label`, r);
   }
   _onAlgorithmChange(t) {
     !this.currentNode || n.getConfig(this.currentNode).strategy === t || (n.updateConfig(
@@ -78,25 +79,25 @@ class S extends g {
     ), this.store.patchCurrentBlockConfig({ strategy: t }), this._setProductIdsVisibility(t));
   }
   _onProductIdsChange(t) {
-    if (!this.currentNode || n.getConfig(this.currentNode).productIds.join(",") === t)
+    if (!this.currentNode)
       return;
-    const i = t.split(",");
+    const e = t.split(",").map((r) => r.trim()).filter(Boolean);
     n.updateConfig(
       this.api,
       this.currentNode,
-      { productIds: i },
+      { productIds: e },
       "Updated product IDs"
-    ), this.store.patchCurrentBlockConfig({ productIds: i });
+    ), this.store.patchCurrentBlockConfig({ productIds: e });
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(e.ALGORITHM, (t) => {
+    this.api.onValueChanged(i.ALGORITHM, (t) => {
       this._onAlgorithmChange(t);
-    }), this.api.onValueChanged(e.PRODUCT_IDS, (t) => {
+    }), this.api.onValueChanged(i.PRODUCT_IDS, (t) => {
       this._onProductIdsChange(t);
     });
   }
 }
 export {
-  p as ALGORITHM_CONTROL_ID,
-  S as AlgorithmControl
+  u as ALGORITHM_CONTROL_ID,
+  R as AlgorithmControl
 };