@useinsider/guido 3.2.0-beta.8b4780a → 3.2.0-beta.8f147c3

package/dist/composables/useStripo.js

@@ -1,27 +1,28 @@
-import { useActionsApi as F } from "./useActionsApi.js";
-import { useBlocksConfig as D } from "./useBlocksConfig.js";
-import { useConfig as I } from "./useConfig.js";
-import { useCustomInterfaceAppearance as P } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as U } from "./useStripoEventHandler.js";
-import { useToaster as R } from "./useToaster.js";
-import { localePatch as q } from "../config/i18n/index.js";
-import { displayConditions as x } from "../enums/displayConditions.js";
-import { useStripoApi as H } from "../services/stripoApi.js";
-import O from "../static/styles/customEditorStyle.css.js";
+import { useActionsApi as D } from "./useActionsApi.js";
+import { useBlocksConfig as I } from "./useBlocksConfig.js";
+import { useConfig as P } from "./useConfig.js";
+import { useCustomInterfaceAppearance as U } from "./useCustomInterfaceAppearance.js";
+import { useFullStoryBridge as R } from "./useFullStoryBridge.js";
+import { useStripoEventHandler as q } from "./useStripoEventHandler.js";
+import { useToaster as x } from "./useToaster.js";
+import { localePatch as H } from "../config/i18n/index.js";
+import { displayConditions as O } from "../enums/displayConditions.js";
+import { useStripoApi as j } from "../services/stripoApi.js";
+import L from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as C } from "../stores/editor.js";
-import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
-import $ from "../package.json.js";
-const ie = (E, c) => {
-  const { features: l, template: h, isFeatureEnabled: u } = I(), { handleError: m } = R(), { getToken: b, getCustomFonts: w, getSyncModulesStatus: k } = H(), { handleEvent: T } = U(), { getStripoBlocksConfig: V } = D(), _ = async (i, n = [], r = !1) => {
-    var g, y, S;
-    const e = C(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await V(), f = ((g = l.value) == null ? void 0 : g.displayConditions) ?? !0, v = ((y = l.value) == null ? void 0 : y.modulesDisabled) ?? !1, M = ((S = h.value) == null ? void 0 : S.forceRecreate) ?? !1;
+import { dynamicContentToMergeTags as $ } from "../utils/genericUtil.js";
+import z from "../package.json.js";
+const ae = (E, l) => {
+  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = j(), { handleEvent: B } = q(), { getStripoBlocksConfig: T } = I(), V = async (i, r = [], s = !1) => {
+    var g, S, y;
+    const e = C(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await T(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, F = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: E,
         html: p,
         css: a,
-        forceRecreate: M,
+        forceRecreate: v,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -31,45 +32,46 @@ const ie = (E, c) => {
         customAppearanceMergetags: !u("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: O,
+        customViewStyles: L,
         conditionsEnabled: f,
         customConditionsEnabled: f,
-        conditionCategories: x,
+        conditionCategories: O,
         enableXSSSecurity: !0,
-        modulesDisabled: v,
-        syncModulesEnabled: r,
+        modulesDisabled: F,
+        syncModulesEnabled: s,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
+        allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
         ...o ? { baseBlocks: o } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: n
+          customFonts: r
         },
         mergeTags: [
           {
-            entries: L(
-              c.preselectedDynamicContentList,
+            entries: $(
+              l.preselectedDynamicContentList,
               u("liquidSyntax")
             )
           }
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const s = await b();
-            t(s);
-          } catch (s) {
-            m(s, "Failed to refresh token");
+            const n = await w();
+            t(n);
+          } catch (n) {
+            m(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = P(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: A } = F();
-            t(), s(), A(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: t } = U(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: M } = D(), { injectFullStory: A } = R();
+            t(), n(), A(), M(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -88,39 +90,39 @@ const ie = (E, c) => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: T,
+        onEvent: B,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
         extensions: d,
-        localePatch: q
+        localePatch: H
       }
     );
-  }, B = (i) => new Promise((n, r) => {
+  }, _ = (i) => new Promise((r, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      i(), n();
+      i(), r();
       return;
     }
-    const e = $.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    const e = z.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
-      i(), n();
+      i(), r();
     }, o.onerror = () => {
-      r(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+      s(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
     }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
-    await B(async () => {
-      const n = C(), [r, e] = await Promise.all([
-        w(),
+    await _(async () => {
+      const r = C(), [s, e] = await Promise.all([
+        b(),
         k()
       ]);
-      n.syncModulesEnabled = e, await _(i, r, e);
+      r.syncModulesEnabled = e, await V(i, s, e);
     });
   } };
 };
 export {
-  ie as useStripo
+  ae as useStripo
 };

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,41 +1,44 @@
-import { usePartner as y } from "../../composables/usePartner.js";
-import { LINK_REGEXES as p, LINK_TYPES as S, INSIDER_ID as m, URLS as R } from "../../enums/unsubscribe.js";
-import { parsePageList as I } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useConfigStore as N } from "../../stores/config.js";
-import { useDynamicContentStore as U } from "../../stores/dynamic-content.js";
-import { useUnsubscribeStore as C } from "../../stores/unsubscribe.js";
-const G = [
+import { usePartner as U } from "../../composables/usePartner.js";
+import { LINK_REGEXES as p, PRODUCT_TYPE_URL_SEGMENTS as R, LINK_TYPES as _, INSIDER_ID as m, URLS as y } from "../../enums/unsubscribe.js";
+import { parsePageList as N } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useConfigStore as C } from "../../stores/config.js";
+import { useDynamicContentStore as L } from "../../stores/dynamic-content.js";
+import { useUnsubscribeStore as P } from "../../stores/unsubscribe.js";
+import { ProductType as B } from "../../@types/config/schemas.js";
+import "../../@types/config/defaults.js";
+const F = [
   {
     id: "add-unsubscribe-link-values",
     description: "Adding unsubscribe link values",
     type: "custom",
-    processor: (t) => {
-      const { getPartnerName: i } = y(), o = N(), s = U(), d = C(), a = o.variationId;
-      if (!a)
-        return t;
-      let e = t;
-      const r = `/${i()}/email/${a}?user={{iid}}`, E = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]");
-      let c = !1, l = !1;
-      return E.forEach((f) => {
-        var b;
-        const u = f.getAttribute("data-unsubscribe-page-list");
+    processor: (s) => {
+      const { getPartnerName: i } = U(), n = C(), t = L(), E = P(), c = n.variationId;
+      if (!c)
+        return s;
+      const r = R[n.productType] ?? R[B.EMAIL];
+      let e = s;
+      const d = `/${i()}/${r}/${c}?user={{iid}}`, f = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]");
+      let a = !1, l = !1;
+      return f.forEach((g) => {
+        var S;
+        const u = g.getAttribute("data-unsubscribe-page-list");
         if (!u)
           return;
-        const _ = I(u), g = ((b = d.templates) == null ? void 0 : b.filter(
-          (n) => _.includes(n.id)
+        const I = N(u), b = ((S = E.templates) == null ? void 0 : S.filter(
+          (o) => I.includes(o.id)
         )) ?? [];
-        c = c || g.some((n) => n.type === S.UNSUBSCRIBE_LINK_TYPE), l = l || g.some((n) => n.type === S.PREFERENCES_LINK_TYPE);
-      }), (c || l) && (s.selectedDynamicContentList.some((u) => u.value === m) || s.selectedDynamicContentList.push({
+        a = a || b.some((o) => o.type === _.UNSUBSCRIBE_LINK_TYPE), l = l || b.some((o) => o.type === _.PREFERENCES_LINK_TYPE);
+      }), (a || l) && (t.selectedDynamicContentList.some((u) => u.value === m) || t.selectedDynamicContentList.push({
         text: m,
         value: m,
         fallback: ""
-      })), c && (e = e.replace(
+      })), a && (e = e.replace(
         p.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
-        R.UNSUBSCRIBE_URL + r
+        y.UNSUBSCRIBE_URL + d
       )), l && (e = e.replace(
         p.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
-        R.PREFERENCES_URL + r
-      )), E.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), e;
+        y.PREFERENCES_URL + d
+      )), f.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), e;
     },
     priority: 60
   },
@@ -52,25 +55,25 @@ const G = [
     id: "format-comment-braces",
     description: "Adding spaces around comment braces for proper formatting",
     type: "custom",
-    processor: (t) => t.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
+    processor: (s) => s.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
     priority: 62
   },
   {
     id: "add-universal-link-flags",
     description: "Adding universal link flags",
     type: "custom",
-    processor: (t) => {
-      let i = t;
-      const o = i.match(/<a[^>]+>(.*?)<\/a>/gm);
-      return o && o.forEach((s) => {
-        if (s.includes("insEmail=1"))
+    processor: (s) => {
+      let i = s;
+      const n = i.match(/<a[^>]+>(.*?)<\/a>/gm);
+      return n && n.forEach((t) => {
+        if (t.includes("insEmail=1"))
           return;
-        if (s.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
-          const a = s.replace(/href=(["'`”])(.*?)\1/gm, (e) => {
-            const r = e.slice(6, e.length - 1).trim();
-            return e.includes("?") || e.includes("#") ? r.slice(-1) === "&" ? e.replace(r, `${r}insEmail=1`) : e.replace(r, `${r}&insEmail=1`) : e.replace(r, `${r}?insEmail=1`);
+        if (t.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
+          const c = t.replace(/href=(["'`”])(.*?)\1/gm, (r) => {
+            const e = r.slice(6, r.length - 1).trim();
+            return r.includes("?") || r.includes("#") ? e.slice(-1) === "&" ? r.replace(e, `${e}insEmail=1`) : r.replace(e, `${e}&insEmail=1`) : r.replace(e, `${e}?insEmail=1`);
           });
-          i = i.replace(s, a);
+          i = i.replace(t, c);
         }
       }), i;
     },
@@ -78,5 +81,5 @@ const G = [
   }
 ];
 export {
-  G as unsubscribeCompilerRules
+  F as unsubscribeCompilerRules
 };

package/dist/config/compiler/utils/recommendationCompilerUtils.js

@@ -1,10 +1,11 @@
 import { useConfig as S } from "../../../composables/useConfig.js";
 import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
+import { useRecommendationExtensionStore as d } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
 function y(e, u, r, o, s = "") {
   const n = `{{${s}${e}_${u}_${r}}}`, t = `{{${s}${e}_${u}_currency}}`;
   return o === "before" ? `${t} ${n}` : `${n} ${t}`;
 }
-function p(e, u, r, o, s, n) {
+function m(e, u, r, o, s, n) {
   switch (u) {
     case "productImage": {
       const t = e.querySelector("img");
@@ -69,67 +70,69 @@ function p(e, u, r, o, s, n) {
     default: {
       const t = e.getAttribute("product-attr") ? e : e.querySelector("[product-attr]");
       if (t) {
-        const c = t.getAttribute("product-attr"), i = t.querySelector("p");
-        if (i) {
-          const a = i.querySelector("strong") || i;
-          a.textContent = `{{${n}${r}_${o}_${c}}}`;
+        const c = t.getAttribute("product-attr"), a = t.querySelector("p");
+        if (a) {
+          const i = a.querySelector("strong") || a;
+          i.textContent = `{{${n}${r}_${o}_${c}}}`;
         }
       }
       break;
     }
   }
 }
-function d(e, u, r, o) {
+function q(e, u, r, o) {
   e.querySelectorAll(".recommendation-product-row").forEach((n, t) => {
-    n.querySelectorAll("[data-attribute-type]").forEach((i) => {
-      const a = i.getAttribute("data-attribute-type") || "", b = i.querySelectorAll(".attribute-cell");
-      b.length > 0 ? b.forEach((l) => {
-        p(l, a, u, t, r, o);
-      }) : p(i, a, u, t, r, o);
+    n.querySelectorAll("[data-attribute-type]").forEach((a) => {
+      const i = a.getAttribute("data-attribute-type") || "", l = a.querySelectorAll(".attribute-cell");
+      l.length > 0 ? l.forEach((p) => {
+        m(p, i, u, t, r, o);
+      }) : m(a, i, u, t, r, o);
     });
   });
 }
-function q(e, u, r, o) {
+function g(e, u, r, o) {
   const s = e.querySelectorAll(".recommendation-product-row");
   if (!s.length)
     return;
   const [n] = s, t = n.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
-  s.forEach((i, a) => {
-    i.querySelectorAll("[data-attribute-type]").forEach((l) => {
-      const m = l.getAttribute("data-attribute-type") || "";
-      l.querySelectorAll(".attribute-cell").forEach(($, f) => {
-        const A = a * c + f;
-        p($, m, u, A, r, o);
+  s.forEach((a, i) => {
+    a.querySelectorAll("[data-attribute-type]").forEach((p) => {
+      const b = p.getAttribute("data-attribute-type") || "";
+      p.querySelectorAll(".attribute-cell").forEach((f, $) => {
+        const A = i * c + $;
+        m(f, b, u, A, r, o);
       });
     });
   });
 }
-function g(e, u, r, o) {
+function h(e, u, r, o) {
   e.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
-    q(n, u, r, o);
+    g(n, u, r, o);
   });
 }
-function h(e, u, r) {
+function C(e, u, r) {
   const o = e.getAttribute("data-layout") || "grid", s = e.getAttribute("currency-alignment") || "after";
-  o === "list" ? d(e, u, s, r) : g(e, u, s, r);
+  o === "list" ? q(e, u, s, r) : h(e, u, s, r);
 }
-function C(e, u) {
+function E(e, u) {
   const r = e.match(/<!DOCTYPE[^>]*>/i);
   return (r ? `${r[0]}
 ` : "") + u.documentElement.outerHTML;
 }
-function P(e) {
+function T(e) {
   const u = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(u, "text/html"), o = r.querySelectorAll(".recommendation-block-v2");
   if (!o.length)
     return e;
-  const { buildCampaignUrl: s } = _(), { isFeatureEnabled: n } = S(), t = n("liquidSyntax") ? "reco_" : "";
+  const { buildCampaignUrl: s } = _(), n = d();
+  n.recommendationCampaignUrls = {};
+  const { isFeatureEnabled: t } = S(), c = t("liquidSyntax") ? "reco_" : "";
   return o.forEach((i) => {
-    var b, l;
-    const a = i.getAttribute("recommendation-id");
-    a && ((b = i.parentNode) == null || b.insertBefore(r.createComment("REC_START"), i), (l = i.parentNode) == null || l.insertBefore(r.createComment("REC_END"), i.nextSibling), s(a), h(i, a, t));
-  }), C(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+    var p, b;
+    const l = i.getAttribute("recommendation-id");
+    l && ((p = i.parentNode) == null || p.insertBefore(r.createComment("REC_START"), i), (b = i.parentNode) == null || b.insertBefore(r.createComment("REC_END"), i.nextSibling), s(l), C(i, l, c));
+  }), E(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
   y as formatPriceVariable,
-  P as prepareRecommendationBlocks
+  T as prepareRecommendationBlocks
 };

package/dist/config/migrator/index.js

@@ -1,13 +1,13 @@
-import { migrateCheckbox as t } from "./checkboxMigrator.js";
-import { migrateCouponBlock as o } from "./couponBlockMigrator.js";
-import { migrateItemsBlock as i } from "./itemsBlockMigrator.js";
-import { migrateRadioButton as e } from "./radioButtonMigrator.js";
-import { migrateRecommendation as a } from "./recommendationMigrator.js";
-import { migrateUnsubscribe as g } from "./unsubscribeMigrator.js";
-const u = async (r) => {
+import { migrateCheckbox as o } from "./checkboxMigrator.js";
+import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
+import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
+import { migrateRadioButton as a } from "./radioButtonMigrator.js";
+import { migrateRecommendation as g } from "./recommendationMigrator.js";
+import { migrateUnsubscribe as n } from "./unsubscribeMigrator.js";
+const b = async (r, t = {}) => {
   let m = r;
-  return m = t(m), m = e(m), m = await g(m), m = o(m), m = a(m), m = i(m), m;
+  return m = o(m), m = a(m), m = await n(m), m = i(m), m = g(m, t), m = e(m), m;
 };
 export {
-  u as migrate
+  b as migrate
 };

package/dist/config/migrator/recommendation/compositionMapper.js

@@ -0,0 +1,98 @@
+import { DEFAULT_COMPOSITION as d, DEFAULT_VISIBILITY as I } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { ATTR_CUSTOM_PREFIX as l, ATTR_PRODUCT_BUTTON as k, ATTR_PRODUCT_OMNIBUS_DISCOUNT as A, ATTR_PRODUCT_OMNIBUS_PRICE as x, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as R, ATTR_PRODUCT_NAME as h, ATTR_PRODUCT_IMAGE as y } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { mapTextTheme as E, mapButtonTheme as O, mapImageTheme as b } from "./themeMapper.js";
+const C = "__title__", a = "product_attribute.";
+function N(r) {
+  const t = r.variable ?? "";
+  switch (t) {
+    case "p_recommendation_title":
+      return { key: C, kind: "title" };
+    case "p_image":
+      return { key: y, kind: "image" };
+    case "p_name":
+      return { key: h, kind: "text" };
+    case "p_price":
+      return { key: R, kind: "text" };
+    case "p_original_price":
+      return { key: f, kind: "text" };
+    case "p_omnibus_price":
+      return { key: x, kind: "text" };
+    case "p_omnibus_discount":
+      return { key: A, kind: "text" };
+    case "p_button":
+      return { key: k, kind: "button" };
+    default:
+      if (r.variableType === "p_attribute" || t.startsWith("p_attribute_")) {
+        const s = r.value ?? "", o = s.startsWith(a) ? s.slice(a.length) : s;
+        return o ? {
+          key: `${l}${o}`,
+          kind: "custom",
+          customAttrName: o,
+          customAttrValue: s || `${a}${o}`
+        } : null;
+      }
+      return null;
+  }
+}
+function p(r) {
+  const t = d.indexOf(r);
+  return t === -1 ? Number.POSITIVE_INFINITY : t;
+}
+function S(r) {
+  const t = {
+    composition: [],
+    visibility: { ...I },
+    customAttributes: [],
+    customAttrValues: {},
+    perElementStyles: {},
+    anyTextTrimming: !1
+  };
+  if (!r || r.length === 0)
+    return t.composition = [...d], t;
+  const s = [];
+  r.forEach((e, i) => {
+    const n = N(e);
+    if (n) {
+      if (n.kind === "title") {
+        t.titleVariable = e;
+        return;
+      }
+      s.push({
+        key: n.key,
+        kind: n.kind,
+        hidden: e.hidden === !0,
+        positionIdx: typeof e.positionIdx == "number" ? e.positionIdx : Number.MAX_SAFE_INTEGER,
+        legacy: e,
+        customAttrName: n.customAttrName,
+        customAttrValue: n.customAttrValue,
+        originalIndex: i
+      });
+    }
+  }), s.sort((e, i) => {
+    if (e.positionIdx !== i.positionIdx)
+      return e.positionIdx - i.positionIdx;
+    const n = p(e.key), u = p(i.key);
+    return n !== u ? n - u : e.originalIndex - i.originalIndex;
+  });
+  const o = {};
+  return s.forEach((e) => {
+    const { key: i, kind: n, hidden: u, legacy: m, customAttrName: c, customAttrValue: T } = e;
+    switch (t.composition.push(i), t.visibility[i] = !u, n === "custom" && c && T && (t.customAttributes.includes(c) || t.customAttributes.push(c), t.customAttrValues[i] = T), n) {
+      case "image":
+        o[i] = b(m.theme);
+        break;
+      case "button":
+        o[i] = O(m.theme);
+        break;
+      case "text":
+      case "custom": {
+        const _ = E(m.theme);
+        o[i] = _, _.textTrimming && (t.anyTextTrimming = !0);
+        break;
+      }
+    }
+  }), t.perElementStyles = o, t;
+}
+export {
+  S as mapComposition
+};

package/dist/config/migrator/recommendation/extractors.js

@@ -0,0 +1,27 @@
+const i = "You May Also Like!";
+function s(r) {
+  var e;
+  const o = r.querySelector(".ext-recommendation-title");
+  if (!o)
+    return i;
+  const t = (e = o.textContent) == null ? void 0 : e.trim();
+  return t && t.length > 0 ? t : i;
+}
+function u(r) {
+  const o = [
+    r,
+    ...Array.from(r.querySelectorAll(".product-card, .ext-recommendation-card"))
+  ];
+  let t = "";
+  return o.some((e) => {
+    const n = e.getAttribute("bgcolor");
+    if (n && n.trim())
+      return t = n.trim(), !0;
+    const c = (e.getAttribute("style") ?? "").match(/background-color\s*:\s*([^;]+)/i);
+    return c && c[1] ? (t = c[1].trim(), !0) : !1;
+  }), t;
+}
+export {
+  u as extractCardBgColor,
+  s as extractTitleText
+};