@useinsider/guido 3.18.2-beta.ec25841 → 3.18.2-beta.f42547e

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

@@ -15,7 +15,7 @@ var a = function() {
   n,
   !1,
   null,
-  "6c26ded2"
+  "521cf6b3"
 );
 const y = i.exports;
 export {

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

@@ -1,47 +1,47 @@
-import { defineComponent as I, defineAsyncComponent as S, ref as T, computed as l, watch as h } from "vue";
+import { defineComponent as A, defineAsyncComponent as S, ref as T, computed as g, watch as h } from "vue";
 import "@useinsider/design-system-organisms/style";
-import { useToaster as A } from "../../../../composables/useToaster.js";
-import { useTranslations as C } from "../../../../composables/useTranslations.js";
+import { useToaster as C } from "../../../../composables/useToaster.js";
+import { useTranslations as b } from "../../../../composables/useTranslations.js";
 import { DOTTED_DATE_LOCALE as B } from "../../../../enums/date.js";
-import { URLS as b } from "../../../../enums/extensions/recommendationBlock.js";
-import { ToasterTypeOptions as m } from "../../../../enums/toaster.js";
-import { useRecommendationExtensionStore as k } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { commitStrategyDetach as N } from "../../../../extensions/Blocks/Recommendation/utils/strategyDetach.js";
-import R from "./StrategyInfoBoxContent.vue.js";
+import { URLS as k } from "../../../../enums/extensions/recommendationBlock.js";
+import { ToasterTypeOptions as d } from "../../../../enums/toaster.js";
+import { useRecommendationExtensionStore as R } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { commitStrategyChange as _ } from "../../../../extensions/Blocks/Recommendation/utils/strategyCommit.js";
+import N from "./StrategyInfoBoxContent.vue.js";
 import { formatShortDate as P } from "../../../../utils/dateUtil.js";
-import { asText as _ } from "../../../../utils/genericUtil.js";
+import { asText as v } from "../../../../utils/genericUtil.js";
 import { escapeHtml as U } from "../../../../utils/htmlEscape.js";
 import { InSkeleton as L } from "@useinsider/design-system-vue";
-const rt = /* @__PURE__ */ I({
+const rt = /* @__PURE__ */ A({
   __name: "AssignStrategyDrawer",
   setup(M) {
-    const g = () => import("@useinsider/design-system-organisms"), d = (t, r) => ({
-      render: (o) => o(L, { props: { sizing: { width: t, height: r } } })
-    }), D = S({
-      loader: async () => (await g()).OrgStrategyDetailModal,
-      loadingComponent: d(480, 240),
+    const m = () => import("@useinsider/design-system-organisms"), u = (t, r) => ({
+      render: (a) => a(L, { props: { sizing: { width: t, height: r } } })
+    }), w = S({
+      loader: async () => (await m()).OrgStrategyDetailModal,
+      loadingComponent: u(480, 240),
       delay: 0
-    }), v = S({
-      loader: async () => (await g()).OrgStrategyDropdown
-    }), n = "guido-edit-strategy-", s = C(), e = k(), { showToaster: i } = A(), a = T(null), c = T(!1), w = l(() => e.assignStrategyDrawerStatus ? s("email-editor.assign-strategy-description", { url: b.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
+    }), D = S({
+      loader: async () => (await m()).OrgStrategyDropdown
+    }), n = "guido-edit-strategy-", o = b(), e = R(), { showToaster: i } = C(), s = T(null), c = T(!1), I = g(() => e.assignStrategyDrawerStatus ? o("email-editor.assign-strategy-description", { url: k.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
     h(() => e.assignStrategyDrawerStatus, (t) => {
       if (!t)
         return;
       const { strategyId: r } = e.recommendationConfigs;
-      a.value = r || null, c.value = !1, e.fetchStrategies().catch(() => {
+      s.value = r || null, c.value = !1, e.fetchStrategies().catch(() => {
         i({
-          type: m.Error,
-          message: s("discovery-strategy.error-description")
+          type: d.Error,
+          message: o("discovery-strategy.error-description")
         });
       });
     });
-    const u = (t) => {
-      const r = _(t.updated_at || t.created_at);
+    const y = (t) => {
+      const r = v(t.updated_at || t.created_at);
       if (!r)
         return "";
-      const o = P(r, B);
-      return s("recommendation-strategy.last-updated-on", { value: o });
-    }, x = l(() => e.strategies.map((t) => ({
+      const a = P(r, B);
+      return o("recommendation-strategy.last-updated-on", { value: a });
+    }, x = g(() => e.strategies.map((t) => ({
       text: t.name,
       value: t.strategy_id,
       infoBoxProps: {
@@ -49,16 +49,16 @@ const rt = /* @__PURE__ */ I({
         theme: "light",
         variant: "information",
         className: "assign-strategy-info-box",
-        titleText: U(_(t.name)),
+        titleText: U(v(t.name)),
         descriptionStatus: !0,
-        descriptionText: u(t),
-        slot: R,
+        descriptionText: y(t),
+        slot: N,
         slotProps: { strategy: t },
         // The info box drops the option's value/text, so the id is the only channel
         // that can carry the strategy back to the click handler.
         buttonOptions: [{
           id: `${n}${t.strategy_id}`,
-          text: s("eureka.edit-strategy"),
+          text: o("eureka.edit-strategy"),
           type: "text",
           // Resolved from Guido's own public/sprite.svg by InIcons; an unknown name would
           // silently render blank space instead of failing.
@@ -70,26 +70,26 @@ const rt = /* @__PURE__ */ I({
       const r = (f = t == null ? void 0 : t.id) != null && f.startsWith(n) ? t.id.slice(n.length) : "";
       if (!r)
         return;
-      const o = e.currentRecommendationId;
-      String(a.value ?? "") === r && (a.value = null);
-      const y = e.recommendationConfigs.strategyId === r;
-      y && e.removeStrategy(), e.openStrategyEdit(r), y && o !== null && N(o);
-    }, p = l(() => {
-      const t = e.strategies.find((r) => String(r.strategy_id) === String(a.value ?? ""));
+      const a = e.currentRecommendationId;
+      String(s.value ?? "") === r && (s.value = null);
+      const l = e.recommendationConfigs.strategyId === r;
+      l && e.removeStrategy(), e.openStrategyEdit(r), l && a !== null && _(a, "Removed recommendation strategy");
+    }, p = g(() => {
+      const t = e.strategies.find((r) => String(r.strategy_id) === String(s.value ?? ""));
       return t ? { ...t, fallback_config: null } : null;
-    }), O = l(() => ({
+    }), O = g(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: s("products.assign-btn")
+        labelText: o("products.assign-btn")
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: s("products.cancel")
+        labelText: o("products.cancel")
       }
     }));
-    return { __sfc: !0, loadOrganisms: g, skeleton: d, OrgStrategyDetailModal: D, OrgStrategyDropdown: v, EDIT_BUTTON_ID_PREFIX: n, trans: s, store: e, showToaster: i, selectedStrategyId: a, showSelectionError: c, drawerDescription: w, lastUpdatedText: u, strategyOptions: x, onInfoBoxButtonClick: E, selectedStrategy: p, footerButtonGroupOptions: O, closeDrawer: () => {
+    return { __sfc: !0, loadOrganisms: m, skeleton: u, OrgStrategyDetailModal: w, OrgStrategyDropdown: D, EDIT_BUTTON_ID_PREFIX: n, trans: o, store: e, showToaster: i, selectedStrategyId: s, showSelectionError: c, drawerDescription: I, lastUpdatedText: y, strategyOptions: x, onInfoBoxButtonClick: E, selectedStrategy: p, footerButtonGroupOptions: O, closeDrawer: () => {
       e.closeAssignStrategyDrawer();
     }, assignStrategy: async () => {
       const t = p.value;
@@ -100,22 +100,23 @@ const rt = /* @__PURE__ */ I({
       let r = "";
       try {
         r = await e.resolveStrategyUrlTemplate(t, e.recommendationConfigs.currencySettings.value);
-      } catch (o) {
-        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", o);
+      } catch (l) {
+        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", l);
       }
       if (!r) {
         i({
-          type: m.Error,
-          message: s("email-editor.strategy-assign-failed", { strategyName: t.name })
+          type: d.Error,
+          message: o("email-editor.strategy-assign-failed", { strategyName: t.name })
         });
         return;
       }
+      const a = e.currentRecommendationId;
       e.assignStrategy(t), i({
-        type: m.Success,
-        message: s("email-editor.strategy-assigned-success", { strategyName: t.name })
-      }), e.closeAssignStrategyDrawer();
+        type: d.Success,
+        message: o("email-editor.strategy-assigned-success", { strategyName: t.name })
+      }), e.closeAssignStrategyDrawer(), a !== null && await _(a, "Assigned recommendation strategy");
     }, onSelect: (t) => {
-      a.value = t.value, c.value = !1;
+      s.value = t.value, c.value = !1;
     } };
   }
 });

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

@@ -1,15 +1,15 @@
-import { defineComponent as l, computed as a } from "vue";
-import d from "../../../wrappers/WpModal.vue.js";
-import { useToaster as g } from "../../../../composables/useToaster.js";
+import { defineComponent as d, computed as a } from "vue";
+import g from "../../../wrappers/WpModal.vue.js";
+import { useToaster as l } from "../../../../composables/useToaster.js";
 import { useTranslations as y } from "../../../../composables/useTranslations.js";
 import { ToasterTypeOptions as u } from "../../../../enums/toaster.js";
 import { useRecommendationExtensionStore as f } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { commitStrategyDetach as _ } from "../../../../extensions/Blocks/Recommendation/utils/strategyDetach.js";
+import { commitStrategyChange as _ } from "../../../../extensions/Blocks/Recommendation/utils/strategyCommit.js";
 import { escapeHtml as T } from "../../../../utils/htmlEscape.js";
-const C = /* @__PURE__ */ l({
+const B = /* @__PURE__ */ d({
   __name: "RemoveStrategyModal",
   setup(v) {
-    const t = y(), e = f(), { showToaster: n } = g(), i = a(() => ({
+    const t = y(), e = f(), { showToaster: n } = l(), i = a(() => ({
       cancelOrBackButton: {
         type: "secondary",
         labelText: t("products.cancel"),
@@ -34,10 +34,10 @@ const C = /* @__PURE__ */ l({
         message: t("email-editor.strategy-removed-success", {
           strategyName: `<b>${T(s)}</b>`
         })
-      }), o !== null && await _(o);
-    }, WpModal: d };
+      }), o !== null && await _(o, "Removed recommendation strategy");
+    }, WpModal: g };
   }
 });
 export {
-  C as default
+  B as default
 };

package/dist/components/organisms/save-as-template/SaveAsTemplateDrawer.vue2.js

@@ -1,64 +1,64 @@
-import { defineComponent as A, ref as c, computed as b, toRef as h, nextTick as C } from "vue";
-import N from "../../wrappers/WpDrawer.vue.js";
-import { useTranslations as O } from "../../../composables/useTranslations.js";
+import { defineComponent as _, ref as c, computed as h, watch as C, toRef as N, nextTick as O } from "vue";
+import b from "../../wrappers/WpDrawer.vue.js";
+import { useTranslations as D } from "../../../composables/useTranslations.js";
 import { useTemplateNameValidator as x } from "../../../composables/validators/saveAsTemplate.js";
 import { useTemplateLibraryApi as B } from "../../../services/templateLibraryApi.js";
-import { useEditorStore as D } from "../../../stores/editor.js";
-import { useSaveAsTemplateStore as k } from "../../../stores/save-as-template.js";
-import { InMultiSelect as I, InBasicTextInput as M } from "@useinsider/design-system-vue";
-import { useDebounceFn as V } from "../../../node_modules/@vueuse/shared/index.js";
-const H = /* @__PURE__ */ A({
+import { useEditorStore as k } from "../../../stores/editor.js";
+import { useSaveAsTemplateStore as I } from "../../../stores/save-as-template.js";
+import { InMultiSelect as M, InBasicTextInput as V } from "@useinsider/design-system-vue";
+import { useDebounceFn as E } from "../../../node_modules/@vueuse/shared/index.js";
+const J = /* @__PURE__ */ _({
   __name: "SaveAsTemplateDrawer",
-  setup(E) {
-    const o = O(), n = D(), t = k(), { createTemplate: m } = B(), a = c(!1), r = c(!1), l = c(""), f = b(() => ({
+  setup(R) {
+    const s = D(), o = k(), t = I(), { createTemplate: m } = B(), a = c(!1), n = c(!1), r = c(""), f = h(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: o(a.value ? "newsletter.saving" : "products.save"),
+        labelText: s(a.value ? "newsletter.saving" : "products.save"),
         loadingStatus: a.value,
         disabledStatus: t.skeletonStatus
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: o("products.cancel"),
+        labelText: s("products.cancel"),
         disabledStatus: a.value
       }
-    })), u = () => {
-      l.value = "", n.isSaveAsTemplateDrawerOpen = !1;
-    }, i = async () => {
-      const e = h(t, "templateName"), { success: s, errorMessage: _ } = await x(e).validate();
-      return l.value = _, s;
-    }, v = V(async (e) => {
-      t.templateName = e, await i();
-    }, 500), g = async (e) => {
-      r.value = !0, await t.addCategory(e), r.value = !1;
-    }, y = (e) => {
+    })), p = () => {
+      r.value = "", o.isSaveAsTemplateDrawerOpen = !1;
+    }, l = async () => {
+      const e = N(t, "templateName"), { success: i, errorMessage: A } = await x(e).validate();
+      return r.value = A, i;
+    }, v = E(async (e) => {
+      t.templateName = e, await l();
+    }, 500), S = async (e) => {
+      n.value = !0, await t.addCategory(e), n.value = !1;
+    }, T = (e) => {
       t.selectedCategories = e;
-    }, S = (e) => {
+    }, g = (e) => {
       e && (t.selectedCategories = e);
-    }, T = () => {
+    }, y = () => {
       t.selectedCategories = [];
     }, w = async () => {
-      if (a.value = !0, !await i()) {
+      if (a.value = !0, !await l()) {
         a.value = !1;
         return;
       }
-      const s = await m();
-      a.value = !1, s && u();
-    }, p = () => {
-      C(() => {
+      const i = await m();
+      a.value = !1, i && p();
+    }, u = () => {
+      O(() => {
         const e = document.querySelector("input#guido__template-name-input");
         e == null || e.focus();
       });
     }, d = async () => {
-      t.$reset(), await t.fetchCategories(), t.skeletonStatus = !1, p();
+      t.$reset(), await t.fetchCategories(), t.skeletonStatus = !1, u();
     };
-    return n.$subscribe((e, { isSaveAsTemplateDrawerOpen: s }) => {
-      s && d();
-    }), { __sfc: !0, trans: o, editorStore: n, saveAsTemplateStore: t, createTemplate: m, isSaving: a, isAddingOption: r, templateNameError: l, footerButtonGroupOptions: f, closeModal: u, validateTemplateName: i, handleTemplateName: v, handleAddOption: g, handleCategoryChange: y, handleSelectAllOptions: S, handleResetAllOptions: T, saveTemplate: w, focusToInput: p, initializeDrawer: d, WpDrawer: N, InBasicTextInput: M, InMultiSelect: I };
+    return C(() => o.isSaveAsTemplateDrawerOpen, (e) => {
+      e && d();
+    }), { __sfc: !0, trans: s, editorStore: o, saveAsTemplateStore: t, createTemplate: m, isSaving: a, isAddingOption: n, templateNameError: r, footerButtonGroupOptions: f, closeModal: p, validateTemplateName: l, handleTemplateName: v, handleAddOption: S, handleCategoryChange: T, handleSelectAllOptions: g, handleResetAllOptions: y, saveTemplate: w, focusToInput: u, initializeDrawer: d, WpDrawer: b, InBasicTextInput: V, InMultiSelect: M };
   }
 });
 export {
-  H as default
+  J as default
 };

package/dist/composables/useHttp.js

@@ -1,14 +1,16 @@
-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 O } from "../utils/genericUtil.js";
+import { ref as m, computed as T } from "vue";
+const X = (b = {}) => {
+  const p = m(!1), a = m(null), u = m(null), g = T(() => p.value), y = T(() => a.value !== null), v = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": H()
+      "X-CSRF-TOKEN": O(),
+      Accept: "application/json",
+      "X-Requested-With": "XMLHttpRequest"
     },
     ...b
   }, w = (e, s) => {
@@ -22,22 +24,22 @@ const k = (b = {}) => {
     }, 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 = {
+  }), i = async (e, s, t, L = {}) => {
+    a.value = null, p.value = !0, u.value = new AbortController();
+    const n = { ...v, ...L }, D = w(s, n.baseURL), c = {
       method: e,
       headers: { ...n.headers },
       signal: u.value.signal,
       ...n
     };
     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) => {
+    const E = async (h = 0) => {
       try {
-        const o = [fetch(L, c)];
+        const o = [fetch(D, 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);
+          const H = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(H);
           throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
         }
         let f;
@@ -50,19 +52,19 @@ const k = (b = {}) => {
         };
       } 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);
+        if (h < (n.retry || 0) && !r)
+          return await x(n.retryDelay || 1e3), E(h + 1);
         throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
       }
     };
     try {
       return await E();
     } finally {
-      h.value = !1, u.value = null;
+      p.value = !1, u.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) => {
+  }, C = (e, s) => i("GET", e, void 0, s), R = (e, s, t) => i("POST", e, s, t), $ = (e, s, t) => i("PUT", e, s, t), q = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), U = (e) => {
     u.value && u.value.abort(e);
-  }, q = () => {
+  }, W = () => {
     a.value = null;
   };
   return {
@@ -73,14 +75,14 @@ const k = (b = {}) => {
     // Methods
     request: i,
     get: C,
-    post: $,
-    put: R,
-    patch: U,
+    post: R,
+    put: $,
+    patch: q,
     delete: A,
-    cancel: W,
-    clearError: q
+    cancel: U,
+    clearError: W
   };
 };
 export {
-  k as useHttp
+  X as useHttp
 };

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

@@ -221,11 +221,11 @@ class at extends N {
     const t = this.store.currentRecommendationId;
     if (!this.currentNode || !this.api || t === null)
       return;
-    const { filters: e, strategyId: o, size: r } = this.store.recommendationConfigs;
+    const { filters: e, strategy: o, strategyId: r, size: i } = this.store.recommendationConfigs;
     this.pendingNodeConfigWrite = {
       blockId: t,
       node: this.currentNode,
-      updates: { filters: e, strategyId: o, size: r }
+      updates: { filters: e, strategy: o, strategyId: r, size: i }
     };
   }
   /**
@@ -265,7 +265,7 @@ class at extends N {
     if (this.pendingNodeConfigWrite = null, this._clearConfigFlush(), !t || !this.api)
       return;
     const e = t.blockId === this.store.currentRecommendationId && this.currentNode ? this.currentNode : t.node, o = l.getConfig(e);
-    JSON.stringify(o.filters) === JSON.stringify(t.updates.filters) && o.strategyId === t.updates.strategyId && o.size === t.updates.size || l.updateConfig(this.api, e, t.updates, "Update recommendation filters");
+    JSON.stringify(o.filters) === JSON.stringify(t.updates.filters) && o.strategy === t.updates.strategy && o.strategyId === t.updates.strategyId && o.size === t.updates.size || l.updateConfig(this.api, e, t.updates, "Update recommendation filters");
   }
   _syncNodeConfigToStore() {
     var r;