@useinsider/guido 3.18.3-beta.ec88281 → 3.19.0-beta.f02eaa1

package/dist/composables/useGuidoStateBridge.js

@@ -1,54 +1,59 @@
-import { useActionsApi as b } from "./useActionsApi.js";
-import { useEditorLock as v } from "./useEditorLock.js";
+import { useActionsApi as v } from "./useActionsApi.js";
+import { useEditorLock as C } from "./useEditorLock.js";
 import { useConfigStore as T } from "../stores/config.js";
 import { useEditorStore as w } from "../stores/editor.js";
 import { useGuidoEmailEditorStore as y } from "../stores/guido-email-editor.js";
-import { watch as a, onUnmounted as B } from "vue";
-const C = 500, L = () => {
-  const i = w(), u = y(), l = T(), { getTemplateData: d } = b(), { runExclusive: m, isEditorBusy: p } = v();
-  let o = null, s = !1;
-  const n = () => {
+import { watch as c, onUnmounted as z } from "vue";
+const B = 500, G = () => {
+  const i = w(), u = y(), d = T(), { getTemplateData: l } = v(), { runExclusive: m, isEditorBusy: p } = C();
+  let o = null, n = !1;
+  const r = () => {
     o && (clearTimeout(o), o = null);
-  }, c = (t) => {
-    n(), o = setTimeout(() => {
+  }, a = (t) => {
+    r(), o = setTimeout(() => {
       o = null, t();
-    }, C);
+    }, B);
   }, e = async () => {
-    var t, r;
-    if (!(s || !i.isStripoInitialized)) {
+    var t, s;
+    if (!(n || !i.isStripoInitialized)) {
       if (p()) {
-        c(() => void e());
+        a(() => void e());
         return;
       }
       try {
-        const { html: E, css: g } = await m(d), I = ((r = (t = l.config) == null ? void 0 : t.identity) == null ? void 0 : r.templateId) ?? "";
-        if (s)
+        const { html: E, css: I } = await m(l), b = ((s = (t = d.config) == null ? void 0 : t.identity) == null ? void 0 : s.templateId) ?? "";
+        if (n)
           return;
         u.$patch({
           html: E ?? "",
-          css: g ?? "",
-          templateId: I,
+          css: I ?? "",
+          templateId: b,
           lastUpdatedAt: Date.now()
         });
       } catch {
       }
     }
-  }, f = () => c(() => void e()), h = a(
+  }, f = () => a(() => void e()), h = c(
     () => i.isStripoInitialized,
     (t) => {
       t && e();
     },
     { immediate: !0 }
-  ), S = a(
+  ), S = c(
+    () => i.changeSeq,
+    () => {
+      i.isStripoInitialized && f();
+    }
+  ), g = c(
     () => i.hasChanges,
-    (t, r) => {
-      i.isStripoInitialized && (t ? f() : r && (n(), e()));
+    (t, s) => {
+      !t && s && i.isStripoInitialized && (r(), e());
     }
   );
-  B(() => {
-    s = !0, n(), h(), S();
+  z(() => {
+    n = !0, r(), h(), S(), g();
   });
 };
 export {
-  L as useGuidoStateBridge
+  G as useGuidoStateBridge
 };

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

@@ -1,6 +1,6 @@
-import { useActionsApi as L } from "./useActionsApi.js";
-import { useBlocksConfig as O } from "./useBlocksConfig.js";
-import { useConfig as q } from "./useConfig.js";
+import { useActionsApi as x } from "./useActionsApi.js";
+import { useBlocksConfig as L } from "./useBlocksConfig.js";
+import { useConfig as O } from "./useConfig.js";
 import { useCustomInterfaceAppearance as H } from "./useCustomInterfaceAppearance.js";
 import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
 import { useModuleRepair as j } from "./useModuleRepair.js";
@@ -17,7 +17,7 @@ import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../ut
 import Z from "../package.json.js";
 let n = null;
 const Ce = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+  const { features: c, template: u, isFeatureEnabled: m } = O(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = L(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i();
@@ -88,8 +88,8 @@ const Ce = () => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            t(), l(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = x(), { injectFullStory: q } = N();
+            t(), l(), q(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -106,7 +106,7 @@ const Ce = () => {
           e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          e.hasChanges = !0, e.changeSeq += 1;
         },
         onEvent: v,
         onModuleAdd: F,

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
 };

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

@@ -67,7 +67,7 @@ class se extends ut {
       (d, c) => `
                 <div data-reorder-icon-key="${P}${c}" style="display: none;">
                     <${_.BUTTON}
-                        class="drag-handle-btn flat-inline flat-white"
+                        class="guido-drag-handle-btn flat-inline flat-white"
                         ${O.BUTTON.name}="${P}${c}"
                     >
                         <${_.ICON}
@@ -328,7 +328,7 @@ class se extends ut {
   _createBuiltInItemHtml(t, e) {
     return `
             <div class="orderable-item" draggable="true" data-key="${t.key}">
-                <span class="drag-handle" data-reorder-icon-slot="${e}"></span>
+                <span class="guido-drag-handle" data-reorder-icon-slot="${e}"></span>
                 <span class="item-label">${this.api.translate(t.label)}</span>
                 <div class="item-action" data-action-for="${t.key}"></div>
             </div>
@@ -353,7 +353,7 @@ class se extends ut {
             <div class="orderable-item price-group-item" draggable="true"
                 data-key="${C}" data-group="prices">
                 <div class="price-group-header">
-                    <span class="drag-handle" data-reorder-icon-slot="${t}"></span>
+                    <span class="guido-drag-handle" data-reorder-icon-slot="${t}"></span>
                     <span class="item-label">${this.api.translate("Product Prices")}</span>
                     <div class="item-action" data-action-for="${C}"></div>
                 </div>
@@ -365,7 +365,7 @@ class se extends ut {
     return `
             <div class="orderable-item" draggable="true"
                 data-key="${t}" data-custom-index="${e}">
-                <span class="drag-handle" data-reorder-icon-slot="${r}"></span>
+                <span class="guido-drag-handle" data-reorder-icon-slot="${r}"></span>
                 <div class="custom-attr-select-wrap"
                     data-custom-select-slot="${e}"></div>
                 <div class="item-action"