@useinsider/guido 3.19.0-beta.c8d2be8 → 3.19.0-beta.cc48fee

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

@@ -0,0 +1,56 @@
+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 e = JSON.parse(r);
+    return e && typeof e == "object" && !Array.isArray(e) ? e : null;
+  } catch {
+    return null;
+  }
+}
+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: s,
+    partnerName: e
+  }));
+}
+function I(t, { partnerName: r, campaignUrls: e, rrsEnabled: s }) {
+  if (!r)
+    return t;
+  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 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;
+      }
+      i.partnerName || !d({ config: i, campaignUrls: e, rrsEnabled: s }) || (n.setAttribute(T, JSON.stringify({ ...i, partnerName: r })), c += 1);
+    }
+  }), c > 0 ? o.documentElement.outerHTML : t;
+}
+export {
+  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
 };

package/dist/extensions/Blocks/Items/constants/cardLayout.js

@@ -0,0 +1,20 @@
+import { SETTINGS_ENUMS as r } from "../enums/settingsEnums.js";
+const I = "130px", L = "100%", R = (e) => e === r.ORIENTATION.HORIZONTAL ? I : L, n = {
+  VERTICAL: "es-p5b es-p5t",
+  HORIZONTAL: "es-p5l es-p5r"
+}, o = "data-items-cell-pad", d = (e) => `${o}="${e ? "v" : "h"}"`, t = (e) => e ? ` ${n.VERTICAL}` : ` ${n.HORIZONTAL}`, E = (e, A) => {
+  if (!e.includes(o))
+    return e;
+  const T = A ? n.HORIZONTAL : n.VERTICAL, s = A ? n.VERTICAL : n.HORIZONTAL, c = A ? "v" : "h";
+  return e.includes(T) ? e.replace(T, s).replace(new RegExp(`${o}="[hv]"`), `${o}="${c}"`) : e;
+};
+export {
+  n as BLOCK_CELL_PADDING,
+  o as BLOCK_CELL_PAD_ATTR,
+  I as NAME_HORIZONTAL_MAX_WIDTH,
+  L as NAME_VERTICAL_MAX_WIDTH,
+  d as blockCellPadMarker,
+  t as blockCellPaddingFor,
+  R as nameMaxWidthFor,
+  E as reorientBlockCellPadding
+};

package/dist/extensions/Blocks/Items/controls/name/trimming.js

@@ -1,14 +1,15 @@
-import { ModificationDescription as l, UIElementType as s, UEAttr as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as p } from "../../../common-control.js";
+import { ModificationDescription as d, UIElementType as s, UEAttr as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as T } from "../../../common-control.js";
+import { nameMaxWidthFor as h } from "../../constants/cardLayout.js";
 import { ItemsBlockControlId as a } from "../../enums/controlEnums.js";
-import { findNameTextNode as T } from "../../utils/nameNode.js";
-import { getItemsBlockConfig as r, setItemsBlockConfig as c } from "../../utils/nodeConfigUtils.js";
-const g = a.NAME_TRIMMING, i = {
+import { findNameTextNode as c } from "../../utils/nameNode.js";
+import { getItemsBlockConfig as r, setItemsBlockConfig as g } from "../../utils/nodeConfigUtils.js";
+const I = a.NAME_TRIMMING, n = {
   TRIMMING: "trimming"
 };
-class y extends p {
+class E extends T {
   getId() {
-    return g;
+    return I;
   }
   getTemplate() {
     return `
@@ -19,39 +20,39 @@ class y extends p {
   }
   onRender() {
     const e = r(this.currentNode);
-    this.api.updateValues({ [i.TRIMMING]: (e == null ? void 0 : e.nameTrimming) ?? !0 }), this.api.onValueChanged(i.TRIMMING, (t) => {
+    this.api.updateValues({ [n.TRIMMING]: (e == null ? void 0 : e.nameTrimming) ?? !0 }), this.api.onValueChanged(n.TRIMMING, (t) => {
       this._onTrimmingChange(t);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
       const t = r(this.currentNode);
-      this.api.updateValues({ [i.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
+      this.api.updateValues({ [n.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
     });
   }
   _onTrimmingChange(e) {
-    c(this.currentNode, this.api, { nameTrimming: e }), this.api.updateValues({ [i.TRIMMING]: e }), this._applyTrimmingStyles(e);
+    g(this.currentNode, this.api, { nameTrimming: e }), this.api.updateValues({ [n.TRIMMING]: e }), this._applyTrimmingStyles(e);
   }
   _applyTrimmingStyles(e) {
-    const t = T(this.currentNode);
+    const t = c(this.currentNode);
     if (!t)
       return;
-    const n = r(this.currentNode), m = e !== void 0 ? e : (n == null ? void 0 : n.nameTrimming) ?? !0, o = this.api.getDocumentModifier().modifyHtml(t);
-    m ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", "100%").apply(new l(`Text Trimming ${m ? "Enabled" : "Disabled"}`));
+    const i = r(this.currentNode), m = e !== void 0 ? e : (i == null ? void 0 : i.nameTrimming) ?? !0, l = h(i == null ? void 0 : i.orientation), o = this.api.getDocumentModifier().modifyHtml(t);
+    m ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", l).apply(new d(`Text Trimming ${m ? "Enabled" : "Disabled"}`));
   }
   _getTextTrimming() {
     return `
             <div class="display-flex align-items-center justify-content-between">
                 <${s.LABEL}
-                    ${d.LABEL.text}="${this.api.translate("Text Trimming")}"
+                    ${p.LABEL.text}="${this.api.translate("Text Trimming")}"
                 >
                 </${s.LABEL}>
-                ${this._GuToggle(i.TRIMMING)}
+                ${this._GuToggle(n.TRIMMING)}
             </div>
         `;
   }
 }
 export {
-  g as CONTROL_BLOCK_ID,
-  y as NameTrimmingControl
+  I as CONTROL_BLOCK_ID,
+  E as NameTrimmingControl
 };