@useinsider/guido 3.19.0-beta.ab4fcb3 → 3.19.0-beta.b05a465

package/dist/composables/useStripo.js

@@ -17,21 +17,21 @@ import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../ut
 import Z from "../package.json.js";
 let n = null;
 const he = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = H(), { handleError: p, showToaster: B } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((i, s) => {
+  const { features: c, template: u, isFeatureEnabled: p } = H(), { handleError: m, showToaster: v } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((r, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      i();
+      r();
       return;
     }
-    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = r, e.onload = () => i(), e.onerror = () => {
-      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
+    const o = Z.guido, i = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = i, e.onload = () => r(), e.onerror = () => {
+      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${i}`));
     }, document.body.appendChild(e);
   }), n.catch(() => {
     n = null;
-  }), n), D = async (i, s, o, a = [], r = !1) => {
+  }), n), D = async (r, s, o, a = [], i = !1) => {
     var y, E, h, C;
-    const e = k(), { html: d, css: R } = i, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    const e = k(), { html: d, css: R } = r, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
     w().importCss(), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -45,7 +45,7 @@ const he = () => {
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !m("liquidSyntax"),
+        customAppearanceMergetags: !p("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
         customViewStyles: Q,
@@ -53,7 +53,7 @@ const he = () => {
         customConditionsEnabled: S,
         enableXSSSecurity: !0,
         modulesDisabled: U,
-        syncModulesEnabled: r,
+        syncModulesEnabled: i,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -74,16 +74,16 @@ const he = () => {
             entries: W(
               o.preselectedDynamicContentList,
               Y((C = u.value) == null ? void 0 : C.dynamicContentList),
-              m("liquidSyntax")
+              p("liquidSyntax")
             )
           }
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const l = await M();
+            const l = await B();
             t(l);
           } catch (l) {
-            p(l, "Failed to refresh token");
+            m(l, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
@@ -93,7 +93,7 @@ const he = () => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
-            p(t, "Failed to load custom interface appearance");
+            m(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
@@ -111,27 +111,31 @@ const he = () => {
         onEvent: F,
         onModuleAdd: A,
         notifications: _(),
+        // Stripo deselects the block on any click outside the canvas, so every surface
+        // that belongs to the block's own flow has to be listed here (SD-153273).
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
-          ".in-drawer__container"
+          ".in-drawer__container",
+          ".in-modal-v2-wrapper",
+          ".in-toasts-wrapper"
         ],
         extensions: P,
         localePatch: J
       }
     );
   };
-  return { initPlugin: async (i, s, o) => {
+  return { initPlugin: async (r, s, o) => {
     const a = k();
     try {
       await f();
-      const [r, e] = await Promise.all([
-        T(),
-        v()
+      const [i, e] = await Promise.all([
+        M(),
+        T()
       ]);
-      a.syncModulesEnabled = e, await D(i, s, o, r, e);
+      a.syncModulesEnabled = e, await D(r, s, o, i, e);
     } catch {
-      a.loadingStatus = !1, B({
+      a.loadingStatus = !1, v({
         type: X.Error,
         message: b["An error has occurred. Please report the error code to support."],
         actionButton: {

package/dist/composables/useToaster.js

@@ -1,26 +1,28 @@
 import { ToasterTypeOptions as T } from "../enums/toaster.js";
-import { useToasterStore as c } from "../stores/toaster.js";
-import { nextTick as u } from "vue";
+import { useToasterStore as u } from "../stores/toaster.js";
+import { nextTick as c } from "vue";
 const s = /* @__PURE__ */ new WeakMap(), p = () => {
-  const e = c(), o = () => {
-    const t = s.get(e);
-    t && (clearTimeout(t), s.delete(e));
+  const t = u(), o = () => {
+    const e = s.get(t);
+    e && (clearTimeout(e), s.delete(t));
   };
-  function r(t = { message: "" }) {
-    o(), e.hideToaster(), u(() => {
-      e.showToaster(t), e.shouldAutoHide && s.set(e, setTimeout(() => {
-        e.hideToaster(), o();
+  function i(e = { message: "" }) {
+    o(), t.hideToaster(), c(() => {
+      t.showToaster(e), t.shouldAutoHide && s.set(t, setTimeout(() => {
+        t.hideToaster(), o();
       }, 6e3));
     });
   }
-  function i() {
-    o(), e.hideToaster();
+  function n() {
+    o(), t.hideToaster();
   }
-  function n(t, a) {
-    const m = t instanceof Error ? t.message : String(t);
-    r({ type: T.Error, message: `${a}: ${m}` });
+  function a(e, r) {
+    if (e != null && e.authReported)
+      return;
+    const m = e instanceof Error ? e.message : String(e);
+    i({ type: T.Error, message: `${r}: ${m}` });
   }
-  return { showToaster: r, hideToaster: i, handleError: n };
+  return { showToaster: i, hideToaster: n, handleError: a };
 };
 export {
   p as useToaster

package/dist/composables/validators/useLiquidValidator.js

@@ -1,13 +1,13 @@
-import { ToasterTypeOptions as a } from "../../enums/toaster.js";
+import { ToasterTypeOptions as r } from "../../enums/toaster.js";
 import { base64EncodeWithSpecialChars as u } from "../../utils/base64.js";
 import { useHttp as d } from "../useHttp.js";
-import { useToaster as c } from "../useToaster.js";
-import { useTranslations as p } from "../useTranslations.js";
+import { useToaster as p } from "../useToaster.js";
+import { useTranslations as c } from "../useTranslations.js";
 const v = () => {
-  const { post: i } = d(), { showToaster: e } = c(), s = p();
+  const { post: i } = d(), { showToaster: t } = p(), s = c();
   return { validateLiquidSyntax: async (o) => {
     try {
-      const t = await i("/newsletter/contents/validate-syntax", [{
+      const e = await i("/newsletter/contents/validate-syntax", [{
         identifier: "default",
         syntax: "liquid",
         contents: {
@@ -17,21 +17,21 @@ const v = () => {
           ampHtml: null
         }
       }]);
-      if (!Array.isArray(t.data)) {
-        const l = t.data;
-        return e({
-          type: a.Warning,
+      if (!Array.isArray(e.data)) {
+        const l = e.data;
+        return t({
+          type: r.Warning,
           message: l.message ?? s("journey-builder.liquid-validation-failed")
         }), !1;
       }
-      const [r] = t.data, n = Object.values((r == null ? void 0 : r.errors) ?? {});
-      return n.length ? (e({
-        type: a.Warning,
+      const [a] = e.data, n = Object.values((a == null ? void 0 : a.errors) ?? {});
+      return n.length ? (t({
+        type: r.Warning,
         message: n[0].replace(/^line \d+:\s*/, "")
       }), !1) : !0;
-    } catch {
-      return e({
-        type: a.Error,
+    } catch (e) {
+      return e != null && e.authReported || t({
+        type: r.Error,
         message: s("journey-builder.liquid-validation-failed")
       }), !1;
     }

package/dist/config/migrator/recommendationMigrator.js

@@ -1,6 +1,6 @@
 import { BlockId as f } from "../../enums/block.js";
-import { DEFAULT_NODE_CONFIG as b } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { ATTR_RECOMMENDATION_TITLE as y } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { DEFAULT_NODE_CONFIG as y } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { ATTR_RECOMMENDATION_TITLE as b } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
 import { useTemplateStore as T } from "../../stores/template.js";
 import { mapComposition as v } from "./recommendation/compositionMapper.js";
 import { extractCurrencyFromBlock as C, extractTitleText as M, hasVisibleTitle as R, extractCardBgColor as S, isPartnerManagedBlock as h } from "./recommendation/extractors.js";
@@ -8,28 +8,28 @@ import { buildBlockHtml as w } from "./recommendation/htmlBuilder.js";
 import { parseRecommendationId as x, parseLegacyConfig as E } from "./recommendation/parseLegacyConfig.js";
 import { mapSettings as A } from "./recommendation/settingsMapper.js";
 const H = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
-function B(n, t, a) {
+function B(n, t, c) {
   var l;
-  const o = x(t);
-  if (o === null)
+  const r = x(t);
+  if (r === null)
     return console.warn(
       "[RecommendationMigrator] Skipping block — missing/invalid `ins-recommendation-v3-campaign-id`"
     ), !1;
-  const r = E(t);
-  if (!r)
+  const o = E(t);
+  if (!o)
     return console.warn(
-      `[RecommendationMigrator] Aborting block id=${o} — \`esd-dev-product-config\` missing or unable to be parsed`
+      `[RecommendationMigrator] Aborting block id=${r} — \`esd-dev-product-config\` missing or unable to be parsed`
     ), !1;
-  const i = a[String(o)] ?? {
+  const a = c[String(r)] ?? {
     currencySettings: C(t)
-  }, c = A(i, r, o), e = v((l = r.composition) == null ? void 0 : l.variables), d = M(t);
-  e.titleVariable || (e.visibility[y] = R(t));
+  }, i = A(a, o, r), e = v((l = o.composition) == null ? void 0 : l.variables), d = M(t);
+  e.titleVariable || (e.visibility[b] = R(t));
   const p = S(t), g = {
-    ...c,
+    ...i,
     strategyId: "",
     composition: e.composition,
     visibility: e.visibility,
-    previousTitleHtml: b.previousTitleHtml,
+    previousTitleHtml: y.previousTitleHtml,
     textTrimming: e.anyTextTrimming
   }, m = h(t), u = `
         <table>
@@ -56,30 +56,37 @@ function B(n, t, a) {
         </table>
     `, s = n.parseFromString(u, "text/html").querySelector("td.esd-structure");
   return !s || !t.parentNode ? (console.warn(
-    `[RecommendationMigrator] Aborting block id=${o} — failed to construct new HTML element`
+    `[RecommendationMigrator] Aborting block id=${r} — failed to construct new HTML element`
   ), !1) : (t.parentNode.replaceChild(s, t), !0);
 }
 function G(n, t = {}) {
-  const a = new DOMParser(), o = a.parseFromString(n, "text/html"), r = Array.from(o.querySelectorAll(H));
+  const c = new DOMParser();
+  let r;
+  try {
+    r = c.parseFromString(n, "text/html");
+  } catch (i) {
+    return console.error("[RecommendationMigrator] Failed to parse template:", i), n;
+  }
+  const o = Array.from(r.querySelectorAll(H));
   try {
     T().$patch((e) => {
       e.migrations = {
         ...e.migrations,
-        [f.Recommendation]: r.length
+        [f.Recommendation]: o.length
       };
     });
   } catch {
   }
-  if (r.length === 0)
+  if (o.length === 0)
     return n;
-  let i = 0;
-  return r.forEach((c) => {
+  let a = 0;
+  return o.forEach((i) => {
     try {
-      B(a, c, t) && (i += 1);
+      B(c, i, t) && (a += 1);
     } catch (e) {
       console.error("[RecommendationMigrator] Unexpected error migrating block:", e);
     }
-  }), i > 0 && console.info(`[RecommendationMigrator] Migrated ${i} legacy Recommendation block(s)`), o.documentElement.outerHTML;
+  }), a > 0 && console.info(`[RecommendationMigrator] Migrated ${a} legacy Recommendation block(s)`), r.documentElement.outerHTML;
 }
 export {
   G as migrateRecommendation

package/dist/config/migrator/recommendationPartnerMigrator.js

@@ -1,50 +1,56 @@
-import { RECOMMENDATION_ID_ATTR as f, SELECTOR_ATTRIBUTE_ROW as _, ATTR_DATA_ATTRIBUTE_TYPE as a, ATTR_CUSTOM_PREFIX as g, ATTR_DATA_CARD_COMPOSITION as O, ATTR_DATA_CUSTOM_ATTRIBUTES as R } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
-import { carriesForeignPartnerConfig as m, canJudgeUnstampedBlock as E, withoutCustomAttributes as d } from "../../extensions/Blocks/Recommendation/utils/partnerScope.js";
-const S = ".recommendation-block-v2[esd-ext-config]", c = "esd-ext-config";
-function C(t) {
-  const e = t.getAttribute(c);
-  if (!e)
+import { RECOMMENDATION_ID_ATTR as a, SELECTOR_ATTRIBUTE_ROW as f, ATTR_DATA_ATTRIBUTE_TYPE as _, ATTR_CUSTOM_PREFIX as g, ATTR_DATA_CARD_COMPOSITION as m, ATTR_DATA_CUSTOM_ATTRIBUTES as R } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { carriesForeignPartnerConfig as O, canJudgeUnstampedBlock as d, withoutCustomAttributes as l } from "../../extensions/Blocks/Recommendation/utils/partnerScope.js";
+const E = ".recommendation-block-v2[esd-ext-config]", T = "esd-ext-config";
+function S(t) {
+  const r = t.getAttribute(T);
+  if (!r)
     return null;
   try {
-    const r = JSON.parse(e);
-    return r && typeof r == "object" && !Array.isArray(r) ? r : null;
+    const e = JSON.parse(r);
+    return e && typeof e == "object" && !Array.isArray(e) ? e : null;
   } catch {
     return null;
   }
 }
-function I(t, e, r) {
-  const o = d(e.composition ?? []);
-  t.querySelectorAll(_).forEach((i) => {
-    var s;
-    (s = i.getAttribute(a)) != null && s.startsWith(g) && i.remove();
-  }), t.setAttribute(O, o.join(",")), t.setAttribute(R, "[]"), t.setAttribute(c, JSON.stringify({
-    ...e,
+function p(t, r, e) {
+  const s = l(r.composition ?? []);
+  t.querySelectorAll(f).forEach((o) => {
+    var u;
+    (u = o.getAttribute(_)) != null && u.startsWith(g) && o.remove();
+  }), t.setAttribute(m, s.join(",")), t.setAttribute(R, "[]"), t.setAttribute(T, JSON.stringify({
+    ...r,
     strategyId: "",
     strategy: "",
     filters: [],
     productIds: [],
-    composition: o,
-    partnerName: r
+    composition: s,
+    partnerName: e
   }));
 }
-function p(t, { partnerName: e, campaignUrls: r, rrsEnabled: o }) {
-  if (!e)
+function I(t, { partnerName: r, campaignUrls: e, rrsEnabled: s }) {
+  if (!r)
     return t;
-  const i = new DOMParser().parseFromString(t, "text/html"), s = Array.from(i.querySelectorAll(S));
-  if (s.length === 0)
+  let o;
+  try {
+    o = new DOMParser().parseFromString(t, "text/html");
+  } catch (n) {
+    return console.error("[RecommendationPartnerMigrator] Failed to parse template:", n), t;
+  }
+  const u = Array.from(o.querySelectorAll(E));
+  if (u.length === 0)
     return t;
-  let T = 0;
-  return s.forEach((u) => {
-    const n = C(u), A = Number(u.getAttribute(f));
-    if (!(!n || !Number.isFinite(A))) {
-      if (m({ config: n, blockId: A, partnerName: e, campaignUrls: r, rrsEnabled: o })) {
-        I(u, n, e), T += 1;
+  let c = 0;
+  return u.forEach((n) => {
+    const i = S(n), A = Number(n.getAttribute(a));
+    if (!(!i || !Number.isFinite(A))) {
+      if (O({ config: i, blockId: A, partnerName: r, campaignUrls: e, rrsEnabled: s })) {
+        p(n, i, r), c += 1;
         return;
       }
-      n.partnerName || !E({ config: n, campaignUrls: r, rrsEnabled: o }) || (u.setAttribute(c, JSON.stringify({ ...n, partnerName: e })), T += 1);
+      i.partnerName || !d({ config: i, campaignUrls: e, rrsEnabled: s }) || (n.setAttribute(T, JSON.stringify({ ...i, partnerName: r })), c += 1);
     }
-  }), T > 0 ? i.documentElement.outerHTML : t;
+  }), c > 0 ? o.documentElement.outerHTML : t;
 }
 export {
-  p as migrateRecommendationPartnerScope
+  I as migrateRecommendationPartnerScope
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,5 +1,5 @@
 import { useTranslations as s } from "../../composables/useTranslations.js";
-const a = {
+const t = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com",
   // Relative path → same-origin as the embedding inone dashboard.
   PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes",
@@ -9,17 +9,17 @@ const a = {
   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",
-  // Smart Recommender hides the Email channel unless the URL asks for it, so a strategy created
-  // without this flag can never be Email-suitable and would never reach the editor's list.
-  RECOMMENDATION_STRATEGY_CREATE_PATH: "/discovery/recommendation-strategies/create?isEmail=true"
-}, d = (e) => {
-  const { RECOMMENDATION_STRATEGIES_PANEL_PATH: n } = a;
-  return `${n}/${e}/edit?isEmail=true`;
-}, m = {
-  campaign: a.MIGRATE_STRATEGIES_PATH,
-  template: a.TEMPLATE_MIGRATE_STRATEGIES_PATH
+  TEMPLATE_MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/template/migrate-strategies"
+}, d = () => {
+  const { RECOMMENDATION_STRATEGIES_PANEL_PATH: e } = t;
+  return `${e}/create`;
+}, m = (e) => {
+  const { RECOMMENDATION_STRATEGIES_PANEL_PATH: n } = t;
+  return `${n}/${e}/edit`;
 }, T = {
+  campaign: t.MIGRATE_STRATEGIES_PATH,
+  template: t.TEMPLATE_MIGRATE_STRATEGIES_PATH
+}, p = {
   CLIENT_ID: "clientId"
 }, E = () => {
   const e = s();
@@ -85,21 +85,21 @@ const a = {
       path: "top-sellers"
     }
   ];
-}, p = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], A = [
+}, A = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], v = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], v = [
+], _ = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," },
   { text: "space( )", value: " " }
-], _ = [
+], h = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], r = "||", t = [
+], r = "||", a = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
@@ -121,9 +121,9 @@ const a = {
 ], c = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], h = (e) => {
+], x = (e) => {
   if (!e)
-    return t;
+    return a;
   switch (e) {
     case "Boolean":
       return c;
@@ -132,28 +132,29 @@ const a = {
     case "Number":
       return i;
     case "String":
-      return t;
+      return a;
     case "Strings":
       return o;
     default:
-      return t;
+      return a;
   }
 };
 export {
-  m as MIGRATION_PATHS,
+  T as MIGRATION_PATHS,
   r as OP_ANY_OF,
-  p as PriceAttributes,
-  T as QUERY_PARAMS,
-  a as URLS,
-  _ as currencyDecimalCounts,
-  A as currencyLocationMaps,
-  v as currencyOperators,
-  h as getOperatorOptions,
+  A as PriceAttributes,
+  p as QUERY_PARAMS,
+  t as URLS,
+  h as currencyDecimalCounts,
+  v as currencyLocationMaps,
+  _ as currencyOperators,
+  x as getOperatorOptions,
   E as getRecommendationFeedSourceMaps,
   o as operatorOptionsForArrayOfStrings,
   c as operatorOptionsForBooleans,
   u as operatorOptionsForDates,
   i as operatorOptionsForNumbers,
-  t as operatorOptionsForStrings,
-  d as strategyEditPath
+  a as operatorOptionsForStrings,
+  d as strategyCreatePath,
+  m as strategyEditPath
 };