@useinsider/guido 3.18.1 → 3.18.2-beta.32d291d

package/dist/composables/useCustomInterfaceAppearance.js

@@ -1,67 +1,71 @@
-import S from "../static/assets/icons/line-change.svg.js";
-import i from "../static/assets/icons/line-delete.svg.js";
-import n from "../static/assets/icons/line-plus.svg.js";
-import p from "../static/styles/base.css.js";
-import s from "../static/styles/components/alert-message.css.js";
-import C from "../static/styles/components/amp-block.css.js";
-import a from "../static/styles/components/base-input.css.js";
-import f from "../static/styles/components/button-group.css.js";
-import c from "../static/styles/components/button.css.js";
-import u from "../static/styles/components/combobox.css.js";
-import l from "../static/styles/components/counter.css.js";
-import d from "../static/styles/components/dropdown-menu.css.js";
+import i from "../static/assets/icons/filled-arrow-rising.svg.js";
+import n from "../static/assets/icons/line-change.svg.js";
+import S from "../static/assets/icons/line-delete.svg.js";
+import p from "../static/assets/icons/line-info.svg.js";
+import s from "../static/assets/icons/line-plus.svg.js";
+import f from "../static/styles/base.css.js";
+import C from "../static/styles/components/alert-message.css.js";
+import a from "../static/styles/components/amp-block.css.js";
+import c from "../static/styles/components/base-input.css.js";
+import l from "../static/styles/components/button-group.css.js";
+import u from "../static/styles/components/button.css.js";
+import d from "../static/styles/components/combobox.css.js";
+import I from "../static/styles/components/counter.css.js";
+import g from "../static/styles/components/dropdown-menu.css.js";
 import h from "../static/styles/components/loader.css.js";
-import g from "../static/styles/components/narrow-panel.css.js";
-import I from "../static/styles/components/popup.css.js";
-import w from "../static/styles/components/recommendation-strategy.css.js";
-import y from "../static/styles/components/switcher.css.js";
-import b from "../static/styles/components/tabs.css.js";
-import B from "../static/styles/components/tools.css.js";
-import $ from "../static/styles/components/version-history.css.js";
-import P from "../static/styles/components/wide-panel.css.js";
+import w from "../static/styles/components/narrow-panel.css.js";
+import $ from "../static/styles/components/popup.css.js";
+import y from "../static/styles/components/recommendation-strategy.css.js";
+import b from "../static/styles/components/switcher.css.js";
+import B from "../static/styles/components/tabs.css.js";
+import A from "../static/styles/components/tools.css.js";
+import P from "../static/styles/components/version-history.css.js";
+import R from "../static/styles/components/wide-panel.css.js";
 import x from "../static/styles/variables.css.js";
-function r(t, o) {
-  return `--guido-icon-${t}: url("data:image/svg+xml,${encodeURIComponent(o.trim())}");`;
+function o(t, r) {
+  return `--guido-icon-${t}: url("data:image/svg+xml,${encodeURIComponent(r.trim())}");`;
 }
-const A = `:host {
-    ${r("line-change", S)}
-    ${r("line-delete", i)}
-    ${r("line-plus", n)}
-}`, R = [
+const V = `:host {
+    ${o("line-change", n)}
+    ${o("line-delete", S)}
+    ${o("filled-arrow-rising", i)}
+    ${o("line-info", p)}
+    ${o("line-plus", s)}
+}`, D = [
   x,
   // Must be on top
-  A,
-  p,
+  V,
+  f,
   // Must be on top
-  s,
   C,
   a,
-  f,
   c,
-  u,
   l,
+  u,
   d,
-  h,
-  g,
   I,
-  y,
+  g,
+  h,
+  w,
+  $,
   b,
   B,
-  $,
+  A,
   P,
-  w
+  R,
+  y
   // Last: overrides button.css / wide-panel.css defaults
 ].join(`
 
-`), Y = () => ({ importCss: () => {
-  const o = new CSSStyleSheet();
-  o.replaceSync(R);
+`), ro = () => ({ importCss: () => {
+  const r = new CSSStyleSheet();
+  r.replaceSync(D);
   const e = document.querySelector("ui-editor");
   if (!e)
     return;
   const m = e.shadowRoot;
-  m && (m.adoptedStyleSheets = [o]);
+  m && (m.adoptedStyleSheets = [r]);
 } });
 export {
-  Y as useCustomInterfaceAppearance
+  ro as useCustomInterfaceAppearance
 };

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/composables/useLegacyStrategyConversion.js

@@ -0,0 +1,61 @@
+import { useRecommendation as I } from "./useRecommendation.js";
+import { useToaster as C } from "./useToaster.js";
+import { useTranslations as v } from "./useTranslations.js";
+import { ToasterTypeOptions as g } from "../enums/toaster.js";
+import "../extensions/Blocks/Recommendation/constants/selectors.js";
+import { CURRENT_CONFIG_VERSION as L } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { resolveMigrationTarget as R, buildLegacyMigrationPayload as T } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
+import { commitBlockChangeOutsidePanel as h } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { useConfigStore as k } from "../stores/config.js";
+const F = () => {
+  const e = b(), r = k(), { buildCampaignUrl: m } = I(), { showToaster: i } = C(), c = v();
+  return { convertLegacyStrategy: async () => {
+    const t = e.currentRecommendationId;
+    if (t === null || !e.isLegacyStrategyBlock || e.legacyConversionLoading)
+      return "";
+    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = R({
+      campaignId: r.campaignId,
+      templateLibraryId: r.templateLibraryId
+    }), S = T({
+      blockId: t,
+      url: m(String(t)),
+      campaignId: r.campaignId,
+      variationId: r.variationId,
+      strategy: d,
+      productIds: y,
+      target: s
+    });
+    let o;
+    try {
+      o = await e.convertLegacyStrategy(S, s);
+    } catch (n) {
+      return console.error("[useLegacyStrategyConversion] migration failed", n), i({
+        type: g.Error,
+        message: c("email-editor.legacy-strategy-update-failed")
+      }), "";
+    }
+    try {
+      await e.fetchStrategyProductsForBlock(t);
+    } catch (n) {
+      console.error("[useLegacyStrategyConversion] product refetch failed", n);
+    }
+    const a = e.blockStates[t];
+    return a ? h(
+      t,
+      {
+        strategyId: o,
+        size: a.recommendationConfigs.size,
+        configVersion: L
+      },
+      a.recommendationProducts,
+      "Converted legacy recommendation strategy"
+    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), i({
+      type: g.Error,
+      message: c("email-editor.legacy-strategy-update-failed")
+    }), "") : o;
+  } };
+};
+export {
+  F as useLegacyStrategyConversion
+};

package/dist/enums/extensions/recommendationBlock.js

@@ -1,14 +1,22 @@
-import { useTranslations as r } from "../../composables/useTranslations.js";
-const l = {
+import { useTranslations as n } from "../../composables/useTranslations.js";
+const a = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com",
   // Relative path → same-origin as the embedding inone dashboard.
   PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes",
   RECOMMENDATION_STRATEGIES_PATH: "/api/recommendation-strategies",
-  RECOMMENDATION_STRATEGIES_PANEL_PATH: "/discovery/recommendation-strategies"
+  RECOMMENDATION_STRATEGIES_PANEL_PATH: "/discovery/recommendation-strategies",
+  NEWSLETTER_RECOMMENDATIONS_PATH: "/newsletter/recommendations",
+  MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/migrate-strategies",
+  // The template route narrows the recommendations resource before the action: the id
+  // travels in the body, not the path.
+  TEMPLATE_MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/template/migrate-strategies"
 }, c = {
+  campaign: a.MIGRATE_STRATEGIES_PATH,
+  template: a.TEMPLATE_MIGRATE_STRATEGIES_PATH
+}, d = {
   CLIENT_ID: "clientId"
-}, d = () => {
-  const e = r();
+}, m = () => {
+  const e = n();
   return [
     {
       id: 11,
@@ -71,73 +79,74 @@ const l = {
       path: "top-sellers"
     }
   ];
-}, m = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], p = [
+}, p = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], T = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
 ], v = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," },
   { text: "space( )", value: " " }
-], h = [
+], A = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], a = "||", t = [
+], r = "||", t = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
-  { text: "any of", value: a }
-], n = [
+  { text: "any of", value: r }
+], o = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
-  { text: "any of", value: a }
-], o = [
+  { text: "any of", value: r }
+], s = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
-], s = [
+], i = [
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
-], i = [
+], u = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], x = (e) => {
+], E = (e) => {
   if (!e)
     return t;
   switch (e) {
     case "Boolean":
-      return i;
+      return u;
     case "Date":
-      return s;
+      return i;
     case "Number":
-      return o;
+      return s;
     case "String":
       return t;
     case "Strings":
-      return n;
+      return o;
     default:
       return t;
   }
 };
 export {
-  a as OP_ANY_OF,
-  m as PriceAttributes,
-  c as QUERY_PARAMS,
-  l as URLS,
-  h as currencyDecimalCounts,
-  p as currencyLocationMaps,
+  c as MIGRATION_PATHS,
+  r as OP_ANY_OF,
+  p as PriceAttributes,
+  d as QUERY_PARAMS,
+  a as URLS,
+  A as currencyDecimalCounts,
+  T as currencyLocationMaps,
   v as currencyOperators,
-  x as getOperatorOptions,
-  d as getRecommendationFeedSourceMaps,
-  n as operatorOptionsForArrayOfStrings,
-  i as operatorOptionsForBooleans,
-  s as operatorOptionsForDates,
-  o as operatorOptionsForNumbers,
+  E as getOperatorOptions,
+  m as getRecommendationFeedSourceMaps,
+  o as operatorOptionsForArrayOfStrings,
+  u as operatorOptionsForBooleans,
+  i as operatorOptionsForDates,
+  s as operatorOptionsForNumbers,
   t as operatorOptionsForStrings
 };