@useinsider/guido 3.17.0-beta.edf4165 → 3.17.0-beta.f552101

package/README.md

@@ -634,16 +634,16 @@ toaster fires (useful before the host has wired the catalog).
 
 ```bash
 # Install
-bun install
+npm install
 
 # Start dev server
-bun start
+npm start
 
 # Build
-bun run build
+npm run build
 
 # Lint & type-check
-bun run lint
+npm run lint
 ```
 
 ### Environment Variables
@@ -661,7 +661,7 @@ VITE_STRIPO_USER=your_user
 
 ```bash
 # Build the package
-bun run build
+npm run build
 
 # Create tarball
 npm pack

package/dist/components/Guido.vue.js

@@ -1,20 +1,20 @@
-import a from "./Guido.vue2.js";
+import o from "./Guido.vue2.js";
 /* empty css           */
 import i from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
-  var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : o._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
+  var a = this, r = a._self._c, e = a._self._setupProxy;
+  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : a._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
 }, s = [], n = /* @__PURE__ */ i(
-  a,
+  o,
   t,
   s,
   !1,
   null,
-  "e6f99d29"
+  "5c588dc5"
 );
-const l = n.exports;
+const v = n.exports;
 export {
-  l as default
+  v as default
 };

package/dist/components/Guido.vue2.js

@@ -1,30 +1,30 @@
-import { defineComponent as Y, defineAsyncComponent as S, ref as A, computed as l, watch as U, onMounted as Z, onUnmounted as ee } from "vue";
-import { useCortexBlueprintBridge as te } from "../composables/useCortexBlueprintBridge.js";
-import { provideGuidoActions as oe } from "../composables/useGuidoActions.js";
-import { useGuidoStateBridge as ne } from "../composables/useGuidoStateBridge.js";
-import { usePartner as re } from "../composables/usePartner.js";
-import { useStripo as se } from "../composables/useStripo.js";
-import { useTimerClone as ae } from "../composables/useTimerClone.js";
+import { defineComponent as Z, defineAsyncComponent as l, ref as A, computed as u, watch as U, onMounted as ee, onUnmounted as te } from "vue";
+import { useCortexBlueprintBridge as oe } from "../composables/useCortexBlueprintBridge.js";
+import { provideGuidoActions as ne } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as re } from "../composables/useGuidoStateBridge.js";
+import { usePartner as se } from "../composables/usePartner.js";
+import { useStripo as ae } from "../composables/useStripo.js";
+import { useTimerClone as ie } from "../composables/useTimerClone.js";
 import { migrate as _ } from "../config/migrator/index.js";
 import { ModuleFolderDefaults as N } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as ie } from "../enums/onboarding.js";
+import { RIBBON_SELECTOR as ce } from "../enums/onboarding.js";
 import { useRecommendationExtensionStore as O } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import ce from "./organisms/AutoSaveController.vue.js";
-import de from "./organisms/base/Toaster.vue.js";
-import me from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import le from "./organisms/header/HeaderWrapper.vue.js";
-import ue from "./organisms/LoadingWrapper.vue.js";
-import pe from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import fe from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as ye } from "../services/stripoApi.js";
-import { useConfigStore as ge } from "../stores/config.js";
-import { useDynamicContentStore as ve } from "../stores/dynamic-content.js";
+import de from "./organisms/AutoSaveController.vue.js";
+import me from "./organisms/base/Toaster.vue.js";
+import le from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import ue from "./organisms/header/HeaderWrapper.vue.js";
+import pe from "./organisms/LoadingWrapper.vue.js";
+import fe from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ye from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as ge } from "../services/stripoApi.js";
+import { useConfigStore as ve } from "../stores/config.js";
+import { useDynamicContentStore as Se } from "../stores/dynamic-content.js";
 import { useEditorStore as P } from "../stores/editor.js";
-import { usePreviewStore as Se } from "../stores/preview.js";
-import { useTemplateStore as he } from "../stores/template.js";
-import { useUnsubscribeStore as be } from "../stores/unsubscribe.js";
+import { usePreviewStore as he } from "../stores/preview.js";
+import { useTemplateStore as be } from "../stores/template.js";
+import { useUnsubscribeStore as Ee } from "../stores/unsubscribe.js";
 import { readTrackFloor as W } from "../utils/linkTrackingIds.js";
-const Ve = /* @__PURE__ */ Y({
+const je = /* @__PURE__ */ Z({
   __name: "Guido",
   props: {
     config: null,
@@ -32,22 +32,24 @@ const Ve = /* @__PURE__ */ Y({
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
   setup(x, { expose: G, emit: r }) {
-    const a = x, H = S(
+    const a = x, H = l(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), $ = S(
+    ), $ = l(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), z = S(
+    ), z = l(
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
-    ), h = A(), u = A(), p = ve(), b = be(), o = ge();
+    ), q = l(
+      () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
+    ), h = A(), p = A(), f = Se(), b = Ee(), o = ve();
     a.ready && o.init(a.config);
-    const c = P(), q = Se(), m = l(() => c.hasChanges), { isTestPartner: K } = re(), E = () => {
+    const c = P(), K = he(), m = u(() => c.hasChanges), { isTestPartner: V } = se(), E = () => {
       var t;
       return (t = h.value) == null ? void 0 : t.handleSave(!0);
     }, w = (t) => {
       c.loadingStatus = t;
     };
-    te(), ne();
-    const f = () => {
+    oe(), re();
+    const y = () => {
       var t, e;
       return {
         emailId: o.templateId,
@@ -57,13 +59,13 @@ const Ve = /* @__PURE__ */ Y({
         savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || N.SAVED_MODULES,
         defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || N.DEFAULT_MODULES
       };
-    }, { initPlugin: C, preloadRuntime: D } = se(), { getDefaultTemplate: k } = ye(), { cloneTimersOnSave: T, hasTimerBlocks: F } = ae(), V = l(() => {
+    }, { initPlugin: C, preloadRuntime: D } = ae(), { getDefaultTemplate: k } = ge(), { cloneTimersOnSave: T, hasTimerBlocks: F } = ie(), j = u(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), j = l(() => o.isFeatureEnabled("reusableRecommendationStrategy")), J = l(
+    }), J = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), Q = u(
       () => !!O().recommendationConfigs.strategyId
     );
-    oe({
+    ne({
       onBack: () => {
         console.debug("guido:back"), r("back");
       },
@@ -71,7 +73,7 @@ const Ve = /* @__PURE__ */ Y({
         console.debug("guido:save:start"), r("save:start");
       },
       onSaveComplete: (t) => {
-        const e = { ...t, metadata: f() };
+        const e = { ...t, metadata: y() };
         console.debug("guido:save:complete", e), r("save:complete", e);
       },
       onTestEmailClick: () => {
@@ -79,61 +81,61 @@ const Ve = /* @__PURE__ */ Y({
       }
     });
     const I = (t) => {
-      console.debug("dynamic-content:close", t), p.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+      console.debug("dynamic-content:close", t), f.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
     }, R = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
     U(() => m.value, () => {
       r("on-change", m.value);
     });
-    const y = (t) => {
+    const g = (t) => {
       const e = t, { attribute: s, position: d } = e.detail;
       console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", s, d);
     };
     let i = null;
-    const g = () => {
+    const v = () => {
       var e;
-      const t = document.querySelector(ie);
-      (e = u.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
-    }, v = async () => {
+      const t = document.querySelector(ce);
+      (e = p.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+    }, S = async () => {
       var t;
       try {
         o.initialized || o.init(a.config), c.templateId = o.templateId;
         const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", L = (e == null ? void 0 : e.preselectedDynamicContent) || [];
         b.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const B = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, M = o.isFeatureEnabled("linkTrackingIds");
+        const M = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, B = o.isFeatureEnabled("linkTrackingIds");
         let n = {
-          html: s && await _(s, B),
+          html: s && await _(s, M),
           css: d
         };
-        n.html || (n = await k(), n.html = await _(n.html, B));
-        const Q = M ? W(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        F(n.html) && (n.html = await T(n.html)), M && (c.trackIdSessionFloor = Math.max(Q, W(n.html)));
-        const X = {
+        n.html || (n = await k(), n.html = await _(n.html, M));
+        const X = B ? W(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        F(n.html) && (n.html = await T(n.html)), B && (c.trackIdSessionFloor = Math.max(X, W(n.html)));
+        const Y = {
           preselectedDynamicContentList: L,
           onReady: () => {
             console.debug("guido:ready"), r("ready");
           }
         };
-        await C(n, f(), X), p.selectedDynamicContentList = L;
+        await C(n, y(), Y), f.selectedDynamicContentList = L;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
-    return Z(async () => {
+    return ee(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), O().$reset(), P().$reset(), he().$reset(), g();
-      const t = (e = u.value) == null ? void 0 : e.parentElement;
-      if (t && (i = new ResizeObserver(g), i.observe(t)), D(), a.ready)
-        await v();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), O().$reset(), P().$reset(), be().$reset(), v();
+      const t = (e = p.value) == null ? void 0 : e.parentElement;
+      if (t && (i = new ResizeObserver(v), i.observe(t)), D(), a.ready)
+        await S();
       else {
         const s = U(() => a.ready, (d) => {
-          d && (s(), v());
+          d && (s(), S());
         });
       }
-      document.addEventListener("dynamic-content:open", y);
-    }), ee(() => {
-      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", y);
+      document.addEventListener("dynamic-content:open", g);
+    }), te(() => {
+      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", g);
       try {
         window.UIEditor.removeEditor();
       } catch {
@@ -148,9 +150,9 @@ const Ve = /* @__PURE__ */ Y({
       hasChanges: m,
       saveSilent: E,
       setLoading: w
-    }), { __sfc: !0, PreviewContainer: H, OnboardingWrapper: $, AssignStrategyDrawer: z, headerWrapperRef: h, wrapperRef: u, dynamicContentStore: p, unsubscribeStore: b, props: a, configStore: o, editorStore: c, previewStore: q, hasChanges: m, isTestPartner: K, saveSilent: E, setLoading: w, emit: r, buildMetadata: f, initPlugin: C, preloadRuntime: D, getDefaultTemplate: k, cloneTimersOnSave: T, hasTimerBlocks: F, noHeader: V, isRrsEnabled: j, hasAssignedStrategy: J, insertDynamicContent: I, closeDynamicContent: R, handleDynamicContentOpen: y, ribbonObserver: i, updateRibbonOffset: g, startEditor: v, AutoSaveController: ce, Toaster: de, FilterSelectionDrawer: me, HeaderWrapper: le, LoadingWrapper: ue, SaveAsTemplateDrawer: pe, UnsubscribeWrapper: fe };
+    }), { __sfc: !0, PreviewContainer: H, OnboardingWrapper: $, AssignStrategyDrawer: z, RemoveStrategyModal: q, headerWrapperRef: h, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: b, props: a, configStore: o, editorStore: c, previewStore: K, hasChanges: m, isTestPartner: V, saveSilent: E, setLoading: w, emit: r, buildMetadata: y, initPlugin: C, preloadRuntime: D, getDefaultTemplate: k, cloneTimersOnSave: T, hasTimerBlocks: F, noHeader: j, isRrsEnabled: J, hasAssignedStrategy: Q, insertDynamicContent: I, closeDynamicContent: R, handleDynamicContentOpen: g, ribbonObserver: i, updateRibbonOffset: v, startEditor: S, AutoSaveController: de, Toaster: me, FilterSelectionDrawer: le, HeaderWrapper: ue, LoadingWrapper: pe, SaveAsTemplateDrawer: fe, UnsubscribeWrapper: ye };
   }
 });
 export {
-  Ve as default
+  je as default
 };

package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue.js

@@ -0,0 +1,17 @@
+import s from "./RemoveStrategyModal.vue2.js";
+import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var t = this, o = t._self._c, e = t._self._setupProxy;
+  return e.store.removeStrategyModalStatus ? o(e.WpModal, { attrs: { id: "guido__remove-strategy-modal", size: "small", "close-on-outside-click": !1, "footer-button-options": e.footerButtonOptions, title: e.trans("email-editor.remove-strategy-confirm-title") }, on: { close: e.close, "primary-action": e.handleConfirm, "secondary-action": e.close } }, [o("p", [t._v(t._s(e.messageParts[0])), o("b", [t._v(t._s(e.strategyName))]), t._v(t._s(e.messageParts[1]))])]) : t._e();
+}, n = [], _ = /* @__PURE__ */ r(
+  s,
+  a,
+  n,
+  !1,
+  null,
+  null
+);
+const c = _.exports;
+export {
+  c as default
+};

package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue2.js

@@ -0,0 +1,57 @@
+import { defineComponent as u, computed as n } from "vue";
+import y from "../../../wrappers/WpModal.vue.js";
+import { useToaster as f } from "../../../../composables/useToaster.js";
+import { useTranslations as _ } from "../../../../composables/useTranslations.js";
+import { ToasterTypeOptions as v } from "../../../../enums/toaster.js";
+import { useRecommendationExtensionStore as T } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { commitBlockChangeOutsidePanel as h } from "../../../../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { escapeHtml as R } from "../../../../utils/htmlEscape.js";
+const P = /* @__PURE__ */ u({
+  __name: "RemoveStrategyModal",
+  setup(S) {
+    const t = _(), e = T(), { showToaster: a } = f(), i = n(() => ({
+      cancelOrBackButton: {
+        type: "secondary",
+        labelText: t("products.cancel"),
+        styling: "ghost"
+      },
+      primaryButton: {
+        type: "danger",
+        labelText: t("discovery-strategy.remove")
+      }
+    })), m = n(() => {
+      var o;
+      const { strategyId: r } = e.recommendationConfigs;
+      return ((o = e.assignedStrategy) == null ? void 0 : o.name) || `#${r}`;
+    }), s = "__STRATEGY_NAME__", d = n(() => t("email-editor.remove-strategy-confirm-message", { strategyName: s }).split(s)), c = () => {
+      e.closeRemoveStrategyModal();
+    };
+    return { __sfc: !0, trans: t, store: e, showToaster: a, footerButtonOptions: i, strategyName: m, NAME_TOKEN: s, messageParts: d, close: c, handleConfirm: async () => {
+      const r = m.value, o = e.currentRecommendationId;
+      e.removeStrategy(), c();
+      const { strategyId: l, size: g } = e.recommendationConfigs;
+      if (a({
+        type: v.Success,
+        // The toast renders through a sanitizing v-html, so the name is escaped first.
+        message: t("email-editor.strategy-removed-success", {
+          strategyName: `<b>${R(r)}</b>`
+        })
+      }), o !== null) {
+        try {
+          await e.fetchRecommendationProducts();
+        } catch (p) {
+          console.error("[RemoveStrategyModal] product refetch failed", p);
+        }
+        h(
+          o,
+          { strategyId: l, size: g },
+          e.recommendationProducts,
+          "Removed recommendation strategy"
+        );
+      }
+    }, WpModal: y };
+  }
+});
+export {
+  P as default
+};

package/dist/composables/useStripo.js

@@ -17,13 +17,13 @@ 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: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: B } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
-    var l;
+  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) => {
+    var d;
     if (document.getElementById("UiEditorScript")) {
       i();
       return;
     }
-    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, e = document.createElement("script");
+    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}`));
     }, document.body.appendChild(e);
@@ -31,12 +31,12 @@ const Ce = () => {
     n = null;
   }), n), _ = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const e = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
+    const e = b(), { html: d, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1);
     await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
-        html: l,
+        html: d,
         css: D,
         forceRecreate: U,
         locale: "en",
@@ -80,16 +80,16 @@ const Ce = () => {
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const d = await M();
-            t(d);
-          } catch (d) {
-            p(d, "Failed to refresh token");
+            const l = await B();
+            t(l);
+          } catch (l) {
+            p(l, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            t(), d(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            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(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -108,7 +108,7 @@ const Ce = () => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: B,
+        onEvent: v,
         onModuleAdd: F,
         notifications: V(),
         ignoreClickOutsideSelectors: [
@@ -126,8 +126,8 @@ const Ce = () => {
     try {
       await f();
       const [r, e] = await Promise.all([
-        T(),
-        v()
+        M(),
+        T()
       ]);
       a.syncModulesEnabled = e, await _(i, s, o, r, e);
     } catch {

package/dist/config/i18n/en/labels.json.js

@@ -1,7 +1,7 @@
 const e = "Items", o = "Default", t = "Custom", s = {
   "Global Styles & Layout": "Global Styles and Layout",
   "Structures & Modules": "Structures and Modules",
-  "Recommendation Block": "Recommendation",
+  "Recommendation Block": "Recommendation Block",
   Items: e,
   "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.",
   "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.",

package/dist/config/migrator/index.js

@@ -2,14 +2,15 @@ import { migrateCheckbox as t } from "./checkboxMigrator.js";
 import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
 import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
 import { migrateProductNameLink as a } from "./productNameLinkMigrator.js";
-import { migrateRadioButton as c } from "./radioButtonMigrator.js";
-import { migrateRecommendation as g } from "./recommendationMigrator.js";
-import { migrateSocialIcons as n } from "./socialIconMigrator.js";
-import { migrateUnsubscribe as p } from "./unsubscribeMigrator.js";
-const x = async (r, o = {}) => {
-  let m = r;
-  return m = t(m), m = c(m), m = await p(m), m = i(m), m = g(m, o), m = e(m), m = a(m), m = n(m), m;
+import { migrateRadioButton as n } from "./radioButtonMigrator.js";
+import { migrateRecommendation as c } from "./recommendationMigrator.js";
+import { migrateRecommendationTitle as g } from "./recommendationTitleMigrator.js";
+import { migrateSocialIcons as p } from "./socialIconMigrator.js";
+import { migrateUnsubscribe as f } from "./unsubscribeMigrator.js";
+const C = async (o, r = {}) => {
+  let m = o;
+  return m = t(m), m = n(m), m = await f(m), m = i(m), m = c(m, r), m = g(m), m = e(m), m = a(m), m = p(m), m;
 };
 export {
-  x as migrate
+  C as migrate
 };

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

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

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

@@ -1,49 +1,54 @@
 import { CURRENCY_ATTR as n, CSS_CLASS_SKIP_COMPILE as c } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
 const a = "You May Also Like!";
-function l(t) {
-  var o;
-  const r = t.querySelector(".ext-recommendation-title");
-  if (!r)
+function A(t) {
+  var i;
+  const e = t.querySelector(".ext-recommendation-title");
+  if (!e)
     return a;
-  const e = (o = r.textContent) == null ? void 0 : o.trim();
-  return e && e.length > 0 ? e : a;
+  const r = (i = e.textContent) == null ? void 0 : i.trim();
+  return r && r.length > 0 ? r : a;
 }
 function m(t) {
-  const r = [
+  const e = t.querySelector(".ext-recommendation-title");
+  return e ? !/display\s*:\s*none/i.test(e.getAttribute("style") ?? "") : !1;
+}
+function d(t) {
+  const e = [
     t,
     ...Array.from(t.querySelectorAll(".product-card, .ext-recommendation-card"))
   ];
-  let e = "";
-  return r.some((o) => {
-    const i = o.getAttribute("bgcolor");
-    if (i && i.trim())
-      return e = i.trim(), !0;
-    const u = (o.getAttribute("style") ?? "").match(/background-color\s*:\s*([^;]+)/i);
-    return u && u[1] ? (e = u[1].trim(), !0) : !1;
-  }), e;
+  let r = "";
+  return e.some((i) => {
+    const o = i.getAttribute("bgcolor");
+    if (o && o.trim())
+      return r = o.trim(), !0;
+    const u = (i.getAttribute("style") ?? "").match(/background-color\s*:\s*([^;]+)/i);
+    return u && u[1] ? (r = u[1].trim(), !0) : !1;
+  }), r;
 }
 function C(t) {
-  const r = t.getAttribute(n.CURRENCY);
-  if (!r)
+  const e = t.getAttribute(n.CURRENCY);
+  if (!e)
     return;
-  const e = t.getAttribute(n.SYMBOL);
+  const r = t.getAttribute(n.SYMBOL);
   return {
-    value: r,
+    value: e,
     // An empty `currency-symbol` is omitted so `mapCurrency` falls back to
     // the currency code as the symbol.
-    ...e ? { symbol: e } : {},
+    ...r ? { symbol: r } : {},
     alignment: t.getAttribute(n.ALIGNMENT) ?? "",
     decimalCount: t.getAttribute(n.DECIMAL_COUNT) ?? "",
     decimalSeparator: t.getAttribute(n.DECIMAL_SEPARATOR) ?? "",
     thousandSeparator: t.getAttribute(n.THOUSAND_SEPARATOR) ?? ""
   };
 }
-function d(t) {
+function g(t) {
   return t.classList.contains(c);
 }
 export {
-  m as extractCardBgColor,
+  d as extractCardBgColor,
   C as extractCurrencyFromBlock,
-  l as extractTitleText,
-  d as isPartnerManagedBlock
+  A as extractTitleText,
+  m as hasVisibleTitle,
+  g as isPartnerManagedBlock
 };