@useinsider/guido 2.0.0-beta.759c7d4 → 2.0.0-beta.76bc929

package/dist/components/organisms/header/MiddleSlot.vue2.js

@@ -1,21 +1,20 @@
-import { defineComponent as m, computed as i } from "vue";
-import { usePreviewMode as p } from "../../../composables/usePreviewMode.js";
+import { defineComponent as p, computed as i } from "vue";
+import { usePreviewMode as m } from "../../../composables/usePreviewMode.js";
 import { useTranslations as l } from "../../../composables/useTranslations.js";
 import d from "../email-preview/amp/AmpToggle.vue.js";
-import w from "../email-preview/desktop-preview/EmailSizeIndicator.vue.js";
-import { useEditorStore as c } from "../../../stores/editor.js";
-import { getTooltipOptions as f } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as a } from "@useinsider/design-system-vue";
-import v from "./version-history/VersionHistory.vue.js";
-import u from "./version-history/ViewOptions.vue.js";
-import T from "./ViewOptions.vue.js";
-const I = /* @__PURE__ */ m({
+import { useEditorStore as w } from "../../../stores/editor.js";
+import { getTooltipOptions as c } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as f } from "@useinsider/design-system-vue";
+import a from "./version-history/VersionHistory.vue.js";
+import v from "./version-history/ViewOptions.vue.js";
+import u from "./ViewOptions.vue.js";
+const C = /* @__PURE__ */ p({
   __name: "MiddleSlot",
-  setup(_) {
-    const o = c(), e = l(), { openPreviewMode: t, closePreviewMode: r } = p(), s = i(() => o.isPreviewModeOpen ? e("newsletter.close-email-preview") : e("newsletter.email-preview")), n = i(() => o.isCodeEditorOpen ? e("newsletter.close-html-editor") : e("newsletter.html-editor"));
-    return { __sfc: !0, editorStore: o, trans: e, openPreviewMode: t, closePreviewMode: r, previewTooltipText: s, codeEditorTooltipText: n, handlePreviewToggle: () => o.isPreviewModeOpen ? r() : t(), AmpToggle: d, EmailSizeIndicator: w, getTooltipOptions: f, InButtonV2: a, VersionHistory: v, VersionHistoryViewOptions: u, ViewOptions: T };
+  setup(T) {
+    const o = w(), e = l(), { openPreviewMode: t, closePreviewMode: r } = m(), s = i(() => o.isPreviewModeOpen ? e("newsletter.close-email-preview") : e("newsletter.email-preview")), n = i(() => o.isCodeEditorOpen ? e("newsletter.close-html-editor") : e("newsletter.html-editor"));
+    return { __sfc: !0, editorStore: o, trans: e, openPreviewMode: t, closePreviewMode: r, previewTooltipText: s, codeEditorTooltipText: n, handlePreviewToggle: () => o.isPreviewModeOpen ? r() : t(), AmpToggle: d, getTooltipOptions: c, InButtonV2: f, VersionHistory: a, VersionHistoryViewOptions: v, ViewOptions: u };
   }
 });
 export {
-  I as default
+  C as default
 };

package/dist/components/organisms/header/RightSlot.vue.js

@@ -1,20 +1,20 @@
-import l from "./RightSlot.vue2.js";
-import r from "../../../_virtual/_plugin-vue2_normalizer.js";
-var d = function() {
-  var s, i, n, a;
-  var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f" }, [t.editorStore.isVersionHistoryOpen ? e(t.RestoreButton) : [t.isVersionHistoryButtonVisible ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { dynamicPosition: !0 }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : o._e(), t.editorStore.isPreviewModeOpen ? o._e() : e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(_) {
+import u from "./RightSlot.vue2.js";
+import d from "../../../_virtual/_plugin-vue2_normalizer.js";
+var p = function() {
+  var o, i, n, a, l, r;
+  var s = this, e = s._self._c, t = s._self._setupProxy;
+  return e("div", { staticClass: "d-f" }, [(i = (o = t.config) == null ? void 0 : o.features) != null && i.versionHistory ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : s._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (a = (n = t.config) == null ? void 0 : n.features) != null && a.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : s._e(), (r = (l = t.config) == null ? void 0 : l.features) != null && r.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button"), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : s._e(), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(f) {
     return t.handleSave(!1);
-  } } })]], 2);
-}, u = [], p = /* @__PURE__ */ r(
-  l,
-  d,
+  } } })], 1);
+}, c = [], _ = /* @__PURE__ */ d(
   u,
+  p,
+  c,
   !1,
   null,
   null
 );
-const f = p.exports;
+const y = _.exports;
 export {
-  f as default
+  y as default
 };

package/dist/components/organisms/header/RightSlot.vue2.js

@@ -1,42 +1,36 @@
-import { defineComponent as _, ref as c, computed as f } from "vue";
+import { defineComponent as H, ref as c, computed as _ } from "vue";
 import { useConfig as h } from "../../../composables/useConfig.js";
-import { useExport as w } from "../../../composables/useExport.js";
+import { useExport as V } from "../../../composables/useExport.js";
 import { useTestEmailClick as x } from "../../../composables/useGuidoActions.js";
 import { useSave as E } from "../../../composables/useSave.js";
 import { useTranslations as T } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as O } from "../../../composables/useVersionHistoryApi.js";
+import { useVersionHistoryApi as w } from "../../../composables/useVersionHistoryApi.js";
 import { useEditorStore as C } from "../../../stores/editor.js";
-import { getTooltipOptions as A } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as B } from "@useinsider/design-system-vue";
-import k from "./version-history/RestoreButton.vue.js";
-const K = /* @__PURE__ */ _({
+import { getTooltipOptions as O } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as A } from "@useinsider/design-system-vue";
+const J = /* @__PURE__ */ H({
   __name: "RightSlot",
-  setup(R, { expose: v }) {
-    const { config: n } = h(), { exportHtml: a } = w(), { save: l } = E(), { openVersionHistory: p, closeVersionHistory: m } = O(), o = C(), s = T(), r = c(!1), i = c(!1), d = x(), y = () => {
+  setup(k, { expose: u }) {
+    const { config: f } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = C(), t = T(), e = c(!1), s = c(!1), v = x(), d = () => {
       if (o.isVersionHistoryOpen) {
-        m();
+        a();
         return;
       }
-      p();
-    }, H = async () => {
-      r.value = !0, await a(), r.value = !1;
+      i();
+    }, y = async () => {
+      e.value = !0, await r(), e.value = !1;
     }, S = () => {
       o.isSaveAsTemplateDrawerOpen = !0;
-    }, V = f(() => o.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), g = f(
-      () => {
-        var t, e;
-        return ((e = (t = n.value) == null ? void 0 : t.features) == null ? void 0 : e.versionHistory) && !o.isPreviewModeOpen;
-      }
-    ), u = async (t) => {
-      i.value = !0, o.loadingStatus = !0;
-      const e = await l(t);
-      return i.value = !1, (t || !e) && (o.loadingStatus = !1), e;
+    }, g = _(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), l = async (p) => {
+      s.value = !0, o.loadingStatus = !0;
+      const m = await n(p);
+      return s.value = !1, (p || !m) && (o.loadingStatus = !1), m;
     };
-    return v({
-      handleSave: u
-    }), { __sfc: !0, config: n, exportHtml: a, save: l, openVersionHistory: p, closeVersionHistory: m, editorStore: o, trans: s, isExporting: r, isSaving: i, testEmailClick: d, handleVersionHistory: y, handleExport: H, handleSaveAs: S, versionHistoryTooltipText: V, isVersionHistoryButtonVisible: g, handleSave: u, getTooltipOptions: A, InButtonV2: B, RestoreButton: k };
+    return u({
+      handleSave: l
+    }), { __sfc: !0, config: f, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, testEmailClick: v, handleVersionHistory: d, handleExport: y, handleSaveAs: S, versionHistoryTooltipText: g, handleSave: l, getTooltipOptions: O, InButtonV2: A };
   }
 });
 export {
-  K as default
+  J as default
 };

package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js

@@ -1,25 +1,25 @@
 import { defineComponent as v, ref as D, computed as o } from "vue";
-import _ from "../../wrappers/WpModal.vue.js";
-import { useConfig as h } from "../../../composables/useConfig.js";
-import { useTranslations as y } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINKS as c } from "../../../enums/academy.js";
-import L from "../../../static/assets/onboarding-img.svg.js";
-import { useOnboardingStore as C } from "../../../stores/onboarding.js";
-import { isAfterDate as w, formatShortDate as A } from "../../../utils/dateUtil.js";
-const V = /* @__PURE__ */ v({
+import h from "../../wrappers/WpModal.vue.js";
+import { useConfig as y } from "../../../composables/useConfig.js";
+import { useTranslations as _ } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINK as c } from "../../../enums/onboarding.js";
+import C from "../../../static/assets/onboarding-img.svg.js";
+import { useOnboardingStore as L } from "../../../stores/onboarding.js";
+import { isAfterDate as w, formatShortDate as N } from "../../../utils/dateUtil.js";
+const E = /* @__PURE__ */ v({
   __name: "NewVersionPopup",
   emits: ["onboarding-finished"],
-  setup(I, { emit: a }) {
-    const e = y(), t = C(), s = D(!0), { config: p } = h(), i = o(() => {
+  setup(S, { emit: a }) {
+    const e = _(), t = L(), s = D(!0), { config: p } = y(), i = o(() => {
       var l, m;
       return (m = (l = p.value) == null ? void 0 : l.editor) == null ? void 0 : m.migrationDate;
-    }), n = o(() => w(i.value || 0)), d = o(() => A(
+    }), n = o(() => w(i.value || 0)), d = o(() => N(
       i.value || 0
     )), f = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), g = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
       sunsetDate: d.value,
-      academyLink: c.EMAIL_EDITOR
+      academyLink: c
     }) : e("email-editor.onboarding-description", {
-      academyLink: c.EMAIL_EDITOR
+      academyLink: c
     })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), b = o(() => ({
       primaryButton: {
         type: "primary",
@@ -38,9 +38,9 @@ const V = /* @__PURE__ */ v({
       t.onRemindMeLater(), r();
     }, handleClose: () => {
       t.onNewVersionPopupClose(), r();
-    }, WpModal: _, onboardingImageSvg: L };
+    }, WpModal: h, onboardingImageSvg: C };
   }
 });
 export {
-  V as default
+  E as default
 };

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js

@@ -10,7 +10,7 @@ var i = function() {
   r,
   !1,
   null,
-  "43c617a7"
+  "bb3bb07c"
 );
 const _ = c.exports;
 export {

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js

@@ -1,19 +1,18 @@
-import { defineComponent as h, ref as b, computed as g, watch as _ } from "vue";
-import v from "../../wrappers/WpDrawer.vue.js";
+import { defineComponent as v, ref as b, computed as m, watch as _ } from "vue";
+import B from "../../wrappers/WpDrawer.vue.js";
 import { useToaster as U } from "../../../composables/useToaster.js";
-import { useTranslations as N } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINKS as w } from "../../../enums/academy.js";
-import { ToasterTypeOptions as R } from "../../../enums/toaster.js";
-import { PAGE_TYPES as l, getTypeTranslations as D, UNSUBSCRIBE_PAGES_LINK as I } from "../../../enums/unsubscribe.js";
-import { useUnsubscribeStore as P } from "../../../stores/unsubscribe.js";
+import { useTranslations as w } from "../../../composables/useTranslations.js";
+import { ToasterTypeOptions as N } from "../../../enums/toaster.js";
+import { PAGE_TYPES as l, ACADEMY_LINK as D, getTypeTranslations as P, UNSUBSCRIBE_PAGES_LINK as R } from "../../../enums/unsubscribe.js";
+import { useUnsubscribeStore as I } from "../../../stores/unsubscribe.js";
 import { InSegments as G } from "@useinsider/design-system-vue";
-const V = /* @__PURE__ */ h({
+const K = /* @__PURE__ */ v({
   __name: "UnsubscribeTypeSelection",
-  setup(L) {
-    const e = N(), { showToaster: f } = U(), t = P(), n = b(!1), i = b(!0), o = b(l.GLOBAL_UNSUBSCRIBE), S = e(
+  setup(x) {
+    const e = w(), { showToaster: f } = U(), t = I(), n = b(!1), i = b(!0), o = b(l.GLOBAL_UNSUBSCRIBE), S = e(
       "unsubscription-preference.select-unsubscribe-page-description",
-      { action: `<a href="${w.GLOBAL_UNSUBSCRIBE}" target="_blank">${e("ds-rules.visit-academy")}</a>` }
-    ), T = g(() => [
+      { action: `<a href="${D}" target="_blank">${e("ds-rules.visit-academy")}</a>` }
+    ), T = m(() => [
       {
         description: e("unsubscription-preference.type-global-unsubscribe-description"),
         icon: "line-contact-global-unsub-page",
@@ -31,7 +30,7 @@ const V = /* @__PURE__ */ h({
         disable: t.isSubscriptionPreferencesCenterDisabled,
         tooltipText: t.isSubscriptionPreferencesCenterDisabled ? e("unsubscription-preference.pref-center-added") : ""
       }
-    ]), y = g(() => ({
+    ]), y = m(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
@@ -57,13 +56,13 @@ const V = /* @__PURE__ */ h({
       }, 500);
     }, E = (s) => {
       o.value = s;
-    }, m = () => {
+    }, g = () => {
       const s = t.hasTemplatesByCollectionType, r = [];
       if (Object.entries(s).forEach(([c, p]) => {
         p || r.push(Number(c));
       }), r.length === 0)
         return !0;
-      const B = D(), a = r.map((c) => B[c]);
+      const h = P(), a = r.map((c) => h[c]);
       let u = "";
       if (r.length === 1)
         u = e("unsubscription-preference.create-page-to-continue", {
@@ -82,17 +81,17 @@ const V = /* @__PURE__ */ h({
         });
       }
       return f({
-        type: R.Warning,
+        type: N.Warning,
         message: u,
         actionButton: {
           text: "Go to Unsubscribe Pages",
           onClick: () => {
-            window.location.href = I;
+            window.location.href = R;
           }
         }
       }), !1;
     }, C = async () => {
-      if (n.value = !0, await t.fetchTemplates(), t.setCollection(o.value), !m()) {
+      if (n.value = !0, await t.fetchTemplates(), t.setCollection(o.value), !g()) {
         n.value = !1, d();
         return;
       }
@@ -100,9 +99,9 @@ const V = /* @__PURE__ */ h({
     };
     return _(() => t.typeSelectionDrawerStatus, (s) => {
       s && (i.value = !0, o.value = l.GLOBAL_UNSUBSCRIBE, t.isGlobalUnsubscribeDisabled && (o.value = t.isSubscriptionPreferencesCenterDisabled ? 0 : l.SUBSCRIPTION_PREFERENCE_CENTER), i.value = !1);
-    }), { __sfc: !0, trans: e, showToaster: f, unsubscribeStore: t, isSelecting: n, skeletonStatus: i, selectedCollection: o, descriptionText: S, segmentList: T, footerButtonGroupOptions: y, closeModal: d, changeCollection: E, validateTemplates: m, selectCollection: C, WpDrawer: v, InSegments: G };
+    }), { __sfc: !0, trans: e, showToaster: f, unsubscribeStore: t, isSelecting: n, skeletonStatus: i, selectedCollection: o, descriptionText: S, segmentList: T, footerButtonGroupOptions: y, closeModal: d, changeCollection: E, validateTemplates: g, selectCollection: C, WpDrawer: B, InSegments: G };
   }
 });
 export {
-  V as default
+  K as default
 };

package/dist/config/migrator/recommendationMigrator.js

@@ -1,8 +1,8 @@
 var h = Object.defineProperty;
 var T = (A, e, t) => e in A ? h(A, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : A[e] = t;
 var m = (A, e, t) => T(A, typeof e != "symbol" ? e + "" : e, t);
-import P, { prepareProductRows as S } from "../../extensions/Blocks/Recommendation/templates/migrationTemplate.js";
-import { getDefaultProducts as q } from "../../extensions/Blocks/Recommendation/templates/templateUtils.js";
+import P, { prepareProductRows as S } from "../../extensions/Blocks/Recommendation/templates/vertical/migration.js";
+import { getDefaultProducts as q } from "../../extensions/Blocks/Recommendation/templates/utils.js";
 class w {
   constructor() {
     m(this, "parser");

package/dist/enums/onboarding.js

@@ -2,8 +2,9 @@ const e = [
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-0.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-1.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-2.ng-star-inserted"
-], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', o = ".in-ribbons-wrapper";
+], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', o = ".in-ribbons-wrapper", a = "https://academy.useinsider.com/docs/email-drag-drop-editor";
 export {
+  a as ACADEMY_LINK,
   n as CARD_COMPOSITION_TAB_SELECTOR,
   o as RIBBON_SELECTOR,
   e as SERVICE_HOVER_SELECTORS,

package/dist/enums/unsubscribe.js

@@ -1,26 +1,26 @@
-import { useTranslations as e } from "../composables/useTranslations.js";
+import { useTranslations as n } from "../composables/useTranslations.js";
 import { getEnvironmentPrefix as R } from "../utils/environmentUtil.js";
-const I = {
+const N = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, r = {
+}, I = {
   UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
   DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
   GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
   PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
-}, s = R(), _ = {
+}, s = R(), i = {
   UNSUBSCRIBE_URL: `https://mail.${s}.com/user/v1/unsub`,
   PREFERENCES_URL: `https://mail.${s}.com/user/v1/prefs`
-}, i = "iid", B = {
+}, _ = "iid", B = {
   name: "Global Unsubscribe",
   sendGridId: "G"
-}, C = "/email/unsubscribe-pages", E = {
+}, t = "https://academy.useinsider.com/docs/global-unsubscribe-preference-center", C = "/email/unsubscribe-pages", E = {
   GLOBAL_UNSUBSCRIBE: 1,
   GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, t = {
+}, c = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
     E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
@@ -31,28 +31,29 @@ const I = {
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
 }, U = () => {
-  const n = e();
+  const e = n();
   return {
-    [E.GLOBAL_UNSUBSCRIBE]: n("unsubscription-preference.type-global-unsubscribe"),
-    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: n("unsubscription-preference.type-global-unsubscription-confirmation"),
-    [E.RESUBSCRIBE]: n("unsubscription-preference.type-resubscribe"),
-    [E.SUBSCRIPTION_PREFERENCE_CENTER]: n("unsubscription-preference.type-subscription-preferences-center"),
-    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: n("unsubscription-preference.type-subscription-preferences-confirmation")
+    [E.GLOBAL_UNSUBSCRIBE]: e("unsubscription-preference.type-global-unsubscribe"),
+    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: e("unsubscription-preference.type-global-unsubscription-confirmation"),
+    [E.RESUBSCRIBE]: e("unsubscription-preference.type-resubscribe"),
+    [E.SUBSCRIPTION_PREFERENCE_CENTER]: e("unsubscription-preference.type-subscription-preferences-center"),
+    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: e("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, c = {
+}, o = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
+  t as ACADEMY_LINK,
   B as DEFAULT_UNSUBSCRIBE_GROUP,
-  i as INSIDER_ID,
-  r as LINK_REGEXES,
-  I as LINK_TYPES,
-  c as MERGE_TAGS,
+  _ as INSIDER_ID,
+  I as LINK_REGEXES,
+  N as LINK_TYPES,
+  o as MERGE_TAGS,
   E as PAGE_TYPES,
-  t as TYPE_COLLECTIONS,
+  c as TYPE_COLLECTIONS,
   C as UNSUBSCRIBE_PAGES_LINK,
-  _ as URLS,
+  i as URLS,
   U as getTypeTranslations
 };

package/dist/extensions/Blocks/Items/controls/cardComposition.js

@@ -145,10 +145,19 @@ class g extends R {
     T && this.api.getDocumentModifier().modifyHtml(o).setAttribute(C[T], e ? "1" : "0").apply(new l(`Updated ${t} visibility attribute`));
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(i.PRODUCT_IMAGE, (t) => this._onProductImageChange(t)), this.api.onValueChanged(i.PRODUCT_NAME, (t) => this._onProductNameChange(t)), this.api.onValueChanged(i.PRODUCT_QUANTITY, (t) => this._onProductQuantityChange(t)), this.api.onValueChanged(i.PRODUCT_PRICE, (t) => this._onProductPriceChange(t)), this.api.onValueChanged(
-      i.PRODUCT_ORIGINAL_PRICE,
-      (t) => this._onProductOriginalPriceChange(t)
-    ), this.api.onValueChanged(i.PRODUCT_BUTTON, (t) => this._onProductButtonChange(t));
+    this.api.onValueChanged(i.PRODUCT_IMAGE, (t) => {
+      this._onProductImageChange(t);
+    }), this.api.onValueChanged(i.PRODUCT_NAME, (t) => {
+      this._onProductNameChange(t);
+    }), this.api.onValueChanged(i.PRODUCT_QUANTITY, (t) => {
+      this._onProductQuantityChange(t);
+    }), this.api.onValueChanged(i.PRODUCT_PRICE, (t) => {
+      this._onProductPriceChange(t);
+    }), this.api.onValueChanged(i.PRODUCT_ORIGINAL_PRICE, (t) => {
+      this._onProductOriginalPriceChange(t);
+    }), this.api.onValueChanged(i.PRODUCT_BUTTON, (t) => {
+      this._onProductButtonChange(t);
+    });
   }
   _onProductImageChange(t) {
     var o;

package/dist/extensions/Blocks/Recommendation/block.js

@@ -1,5 +1,5 @@
 import { Block as e, BlockCompositionType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as o } from "./templates/blockTemplate.js";
+import { getDefaultTemplate as o } from "./templates/vertical/template.js";
 const n = "recommendation-block";
 class m extends e {
   constructor() {

package/dist/extensions/Blocks/Recommendation/constants/blockIds.js

@@ -0,0 +1,4 @@
+var b = /* @__PURE__ */ ((r) => (r.BUTTON = "recommendation-block-button", r.NAME = "recommendation-block-name", r.PRICE = "recommendation-block-price", r.OLD_PRICE = "recommendation-block-old-price", r.OMNIBUS_PRICE = "recommendation-block-omnibus-price", r.OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount", r.IMAGE = "recommendation-block-image", r))(b || {});
+export {
+  b as RecommendationBlockId
+};

package/dist/extensions/Blocks/Recommendation/constants/controlIds.js

@@ -0,0 +1,4 @@
+var o = /* @__PURE__ */ ((c) => (c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c))(o || {});
+export {
+  o as RecommendationControlId
+};

package/dist/extensions/Blocks/Recommendation/constants/selectors.js

@@ -0,0 +1,11 @@
+const T = ".ins-recommendation-product-container", c = "productImage", o = "productName", t = "productPrice", R = "productOldPrice", _ = "productOmnibusPrice", n = "productOmnibusDiscount", O = "productButton";
+export {
+  O as ATTR_PRODUCT_BUTTON,
+  c as ATTR_PRODUCT_IMAGE,
+  o as ATTR_PRODUCT_NAME,
+  R as ATTR_PRODUCT_OLD_PRICE,
+  n as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  _ as ATTR_PRODUCT_OMNIBUS_PRICE,
+  t as ATTR_PRODUCT_PRICE,
+  T as CONTAINER_SELECTOR
+};

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

@@ -0,0 +1,64 @@
+import { createButtonFitToContainerControl as T, createButtonTextStyleAndFontColorControl as r, createButtonTextSizeControl as e, createButtonTextControl as B, createButtonPaddingsControl as l, createButtonMarginsControl as C, createButtonFontFamilyControl as O, createButtonColorControl as N, createButtonBorderRadiusControl as i, createButtonBorderControl as a, createButtonAlignControl as c } from "../../../controlFactories.js";
+import { RecommendationBlockId as o } from "../../constants/blockIds.js";
+import { RecommendationControlId as t } from "../../constants/controlIds.js";
+import { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
+const U = c(
+  t.BUTTON_ALIGN,
+  o.BUTTON,
+  n
+), d = a(
+  t.BUTTON_BORDER,
+  o.BUTTON,
+  n
+), s = i(
+  t.BUTTON_BORDER_RADIUS,
+  o.BUTTON,
+  n
+), _ = N(
+  t.BUTTON_COLOR,
+  o.BUTTON,
+  n
+), m = O(
+  t.BUTTON_FONT_FAMILY,
+  o.BUTTON,
+  n
+), u = C(
+  t.BUTTON_MARGINS,
+  o.BUTTON,
+  n
+), R = l(
+  t.BUTTON_PADDINGS,
+  o.BUTTON,
+  n
+), F = B(
+  t.BUTTON_TEXT,
+  o.BUTTON,
+  n
+), A = e(
+  t.BUTTON_TEXT_SIZE,
+  o.BUTTON,
+  n
+), S = r(
+  t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
+  o.BUTTON,
+  n
+), E = T(
+  t.BUTTON_FIT_TO_CONTENT,
+  o.BUTTON,
+  n
+), p = {
+  align: U,
+  border: d,
+  borderRadius: s,
+  color: _,
+  fontFamily: m,
+  margins: u,
+  paddings: R,
+  text: F,
+  textSize: A,
+  textStyleAndFontColor: S,
+  fitToContent: E
+};
+export {
+  p as ButtonControls
+};

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

@@ -0,0 +1,100 @@
+import { ModificationDescription as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as i } from "../../../common-control.js";
+const u = "recommendation-card-background-color-control", e = {
+  CARD_BACKGROUND_COLOR: "cardBackgroundColor"
+}, c = {
+  VERTICAL: ".product-card-segment",
+  HORIZONTAL: ".product-card-wrapper"
+};
+class g extends i {
+  getId() {
+    return u;
+  }
+  getTemplate() {
+    return `
+            <div class="card-bg-control-container">
+                ${this._GuTwoColumns([
+      this._GuLabel({ text: "Card Background Color" }),
+      this._GuColorPicker(e.CARD_BACKGROUND_COLOR)
+    ])}
+            </div>
+        `;
+  }
+  onRender() {
+    this._setFormValues(), this._listenToFormUpdates();
+  }
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this._setFormValues();
+  }
+  _setFormValues() {
+    const t = this._getCurrentCardBackgroundColor();
+    this.api.updateValues({
+      [e.CARD_BACKGROUND_COLOR]: t
+    });
+  }
+  /**
+   * Gets the block element - either currentNode itself or as a descendant
+   * The currentNode could BE the block element or contain it
+   */
+  _getBlockElement() {
+    if (!this.currentNode)
+      return null;
+    if ("getAttribute" in this.currentNode) {
+      const t = this.currentNode.getAttribute("class");
+      if (t && t.includes("ins-recommendation-v3-block-v2"))
+        return this.currentNode;
+    }
+    return "querySelector" in this.currentNode ? this.currentNode.querySelector(".ins-recommendation-v3-block-v2") : null;
+  }
+  /**
+   * Gets the current layout orientation from the block's data attribute
+   */
+  _getCurrentLayout() {
+    const t = this._getBlockElement();
+    return !t || !("getAttribute" in t) ? "vertical" : t.getAttribute("data-layout") === "horizontal" ? "horizontal" : "vertical";
+  }
+  /**
+   * Gets the appropriate selector based on layout
+   * Vertical: .product-card-segment (inner table per product cell)
+   * Horizontal: .product-card-wrapper (table per product row)
+   */
+  _getCardSelector() {
+    return this._getCurrentLayout() === "vertical" ? c.VERTICAL : c.HORIZONTAL;
+  }
+  /**
+   * Reads the current background color from the first product card element
+   * @returns The background color value or 'transparent' if not found
+   */
+  _getCurrentCardBackgroundColor() {
+    if (!this.currentNode || !("querySelectorAll" in this.currentNode))
+      return "transparent";
+    const t = this._getCardSelector(), r = this.currentNode.querySelector(t);
+    return !r || !("getStyle" in r) ? "transparent" : r.getStyle("background-color") || "transparent";
+  }
+  /**
+   * Handles card background color changes
+   * Applies the color to all product card elements based on layout
+   */
+  _onCardBackgroundColorChange(t) {
+    if (!this.currentNode || !("querySelectorAll" in this.currentNode))
+      return;
+    const r = this._getCardSelector(), o = Array.from(
+      this.currentNode.querySelectorAll(r)
+    );
+    if (o.length === 0)
+      return;
+    const n = this.api.getDocumentModifier();
+    o.forEach((a) => {
+      n.modifyHtml(a).setStyle("background-color", t);
+    }), n.apply(new l("Update card background color"));
+  }
+  _listenToFormUpdates() {
+    this.api.onValueChanged(e.CARD_BACKGROUND_COLOR, (t) => {
+      this._onCardBackgroundColorChange(t);
+    });
+  }
+}
+export {
+  u as CARD_BACKGROUND_COLOR_CONTROL_ID,
+  g as CardBackgroundColorControl
+};