@useinsider/guido 3.11.0-beta.b9b7d29 → 3.11.0-beta.c237b25

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
 import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
-import { object as a, number as s, optional as e, string as t, picklist as l, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, literal as i, looseObject as y, variant as g, union as f, unknown as n } from "../../node_modules/valibot/dist/index.js";
+import { object as a, number as n, optional as e, string as t, picklist as l, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, literal as i, looseObject as g, variant as R, union as f, unknown as s } from "../../node_modules/valibot/dist/index.js";
 const d = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -12,7 +12,7 @@ const d = {
   ARCHITECT: 49,
   /** Unsubscribe page builder */
   UNSUBSCRIBE_PAGES: 97
-}, R = a({
+}, C = a({
   /** Unique identifier for the template being edited */
   templateId: p(
     t(),
@@ -30,7 +30,7 @@ const d = {
   name: t(),
   /** Fallback font family (e.g., "serif" or "sans-serif") */
   family: t()
-}), C = a({
+}), A = a({
   /** Partner/organization name (required) */
   name: p(
     t(),
@@ -54,7 +54,7 @@ const d = {
   username: e(t(), "Guido User"),
   /** Fallback font settings from partner settings — used to match backend size calculation */
   fallbackFont: e(T)
-}), A = a({
+}), y = a({
   /** Display text for the dynamic content */
   text: t(),
   /** Template variable value (e.g., {{username}}) */
@@ -68,35 +68,35 @@ const d = {
       value: t()
     })
   )
-}), I = y({
+}), I = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
-  id: e(s()),
+  id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(f([t(), s()])),
+  decimalCount: e(f([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
-  productIds: e(c(n())),
+  productIds: e(c(s())),
   /** Whether the block requested live products at send time */
   sendProductRequestFlag: e(o()),
   /** Whether to randomize product order */
   shuffleProducts: e(o()),
   /** Filter rules driving product selection */
-  filters: e(c(n())),
+  filters: e(c(s())),
   /** Currency code (e.g. 'EUR') — sometimes absent in legacy data */
   currency: e(t()),
   /** Currency display settings (separators, alignment, decimals) */
-  currencySettings: e(n()),
+  currencySettings: e(s()),
   /** Locale (e.g. 'nl_NL') */
   language: e(t()),
   /** Recommendation strategy key (e.g. 'newArrivals') */
   strategy: e(t()),
   /** Snapshot of products as rendered by the legacy block */
-  recommendedProducts: e(c(n())),
+  recommendedProducts: e(c(s())),
   /** Number of product cards per row */
-  cardsInRow: e(s()),
+  cardsInRow: e(n()),
   /** Mobile-only padding (right) */
-  mobileRightPadding: e(s()),
+  mobileRightPadding: e(n()),
   /** Mobile-only padding (left) */
-  mobileLeftPadding: e(s()),
+  mobileLeftPadding: e(n()),
   /** Disable responsive scaling */
   unresponsive: e(o()),
   /** Layout orientation ('vertical' | 'horizontal') */
@@ -106,14 +106,14 @@ const d = {
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(f([t(), s()])),
+  size: e(f([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
   isPriceMovedToNextLine: e(o()),
   /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
   isPriceDeletedForZeroSale: e(o())
-}), L = a({
+}), v = a({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -124,25 +124,34 @@ const d = {
     k(t(), I),
     {}
   )
-}), P = a({
+}), L = a({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
   css: e(t(), ""),
   /** Preselected dynamic content items */
   preselectedDynamicContent: e(
-    c(A),
+    c(y),
+    []
+  ),
+  /**
+   * Full set of dynamic-content items the account offers (label + token).
+   * Used as the label→token map that repairs label-form placeholders
+   * (e.g. `{{ Phone Number }}`) in dropped saved modules.
+   */
+  availableDynamicContent: e(
+    c(y),
     []
   ),
   /** Valid custom field attribute names from the partner's categorized fields */
   customFieldAttributes: e(c(t()), []),
   /** Selected unsubscribe page IDs */
-  selectedUnsubscribePages: e(c(s()), []),
+  selectedUnsubscribePages: e(c(n()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
   forceRecreate: e(o(), !1),
   /** Migration-only inputs (legacy block configs) */
-  migration: e(L, {})
-}), v = a({
+  migration: e(v, {})
+}), P = a({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
@@ -153,9 +162,9 @@ const d = {
   /** Path to translations object */
   translationsPath: e(t(), "window.trans[Object.keys(window.trans)[0]]"),
   /** Migration date for template compatibility */
-  migrationDate: e(s(), 1759696858),
+  migrationDate: e(n(), 1759696858),
   /** Email header settings */
-  emailHeader: e(v, { senderName: "", subject: "" }),
+  emailHeader: e(P, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
   savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
@@ -184,7 +193,7 @@ const d = {
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(o(), !1)
-}), N = l([
+}), D = l([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -198,7 +207,7 @@ const d = {
   "text-block",
   "timer-block",
   "video-block"
-]), D = l([
+]), N = l([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -209,12 +218,12 @@ const d = {
 ]), x = a({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
-    c(N),
+    c(D),
     []
   ),
   /** Custom blocks to include in the editor */
   includeCustoms: e(
-    c(D),
+    c(N),
     []
   )
 }), m = a({
@@ -223,7 +232,7 @@ const d = {
   /** Human-readable description */
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
-  priority: s()
+  priority: n()
 }), F = a({
   ...m.entries,
   type: i("replace"),
@@ -255,7 +264,7 @@ const d = {
     (u) => typeof u == "function",
     "processor must be a function"
   )
-}), H = g("type", [
+}), H = R("type", [
   F,
   U,
   B,
@@ -279,12 +288,12 @@ const d = {
 }), V = a({
   // Required sections
   /** Identity configuration (required) */
-  identity: R,
+  identity: C,
   /** Partner configuration (required) */
-  partner: C,
+  partner: A,
   // Optional sections (with defaults)
   /** Template content and presets */
-  template: e(P, {}),
+  template: e(L, {}),
   /** Editor settings */
   editor: e(E, {}),
   /** UI configuration */
@@ -303,24 +312,24 @@ export {
   q as CallbacksSchema,
   H as CompilerRuleSchema,
   j as CompilerSchema,
-  D as CustomBlockTypeSchema,
+  N as CustomBlockTypeSchema,
   w as CustomRuleSchema,
-  N as DefaultBlockTypeSchema,
-  A as DynamicContentSchema,
+  D as DefaultBlockTypeSchema,
+  y as DynamicContentSchema,
   E as EditorSchema,
-  v as EmailHeaderSchema,
+  P as EmailHeaderSchema,
   T as FallbackFontSchema,
   O as FeaturesSchema,
   V as GuidoConfigSchema,
-  R as IdentitySchema,
+  C as IdentitySchema,
   I as LegacyRecommendationConfigSchema,
   d as MessageType,
-  C as PartnerSchema,
+  A as PartnerSchema,
   r as ProductType,
   U as RegexRuleSchema,
   B as RemoveRuleSchema,
   F as ReplaceRuleSchema,
-  L as TemplateMigrationSchema,
-  P as TemplateSchema,
+  v as TemplateMigrationSchema,
+  L as TemplateSchema,
   M as UISchema
 };

package/dist/components/Guido.vue.js

@@ -3,16 +3,16 @@ import i from "./Guido.vue2.js";
 import a 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), r(e.SaveAsTemplateDrawer), e.FORCE_ONBOARDING_FOR_TESTING || !e.isTestPartner() ? r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
+  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), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
     return e.emit("onboarding:finished");
-  } } }) : o._e(), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
+  } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
 }, n = [], s = /* @__PURE__ */ a(
   i,
   t,
   n,
   !1,
   null,
-  "57d338df"
+  "50dac6de"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

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

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

@@ -15,7 +15,7 @@ var u = function() {
   p,
   !1,
   null,
-  "82128f7d"
+  "6e711fd7"
 );
 const v = c.exports;
 export {

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

@@ -10,9 +10,9 @@ var s = function() {
   d,
   !1,
   null,
-  "5c02dcc7"
+  "d11dd577"
 );
-const p = i.exports;
+const c = i.exports;
 export {
-  p as default
+  c as default
 };

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

@@ -8,6 +8,8 @@ const c = /* @__PURE__ */ n({
   setup(l, { expose: r }) {
     const e = m(null);
     return r({
+      // Stryker disable next-line OptionalChaining: RightSlot is always rendered (no
+      // v-if), so rightSlotRef.value is never null and `?.` cannot short-circuit.
       handleSave: (t) => {
         var o;
         return (o = e.value) == null ? void 0 : o.handleSave(t);

package/dist/components/organisms/header/version-history/VersionHistory.vue.js

@@ -14,7 +14,7 @@ var n = function() {
   a,
   !1,
   null,
-  "64c52560"
+  "fad98586"
 );
 const _ = c.exports;
 export {

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

@@ -1,43 +1,46 @@
-import { defineComponent as b, ref as v, computed as o } from "vue";
-import D from "../../wrappers/WpModal.vue.js";
-import { useConfig as _ } from "../../../composables/useConfig.js";
+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 m } from "../../../enums/academy.js";
+import { ACADEMY_LINKS as c } from "../../../enums/academy.js";
 import L from "../../../static/assets/onboarding-img.svg.js";
-import { useOnboardingStore as h } from "../../../stores/onboarding.js";
-import { isAfterDate as C } from "../../../utils/dateUtil.js";
-const x = /* @__PURE__ */ b({
+import { useOnboardingStore as C } from "../../../stores/onboarding.js";
+import { isAfterDate as w, formatShortDate as A } from "../../../utils/dateUtil.js";
+const V = /* @__PURE__ */ v({
   __name: "NewVersionPopup",
   emits: ["onboarding-finished"],
-  setup(w, { emit: i }) {
-    const e = y(), t = h(), a = v(!0), { config: s } = _(), p = o(() => {
-      var l, u;
-      return (u = (l = s.value) == null ? void 0 : l.editor) == null ? void 0 : u.migrationDate;
-    }), n = o(() => C(p.value || 0)), c = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), f = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
-      academyLink: m.EMAIL_EDITOR
+  setup(I, { emit: a }) {
+    const e = y(), t = C(), s = D(!0), { config: p } = h(), 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(
+      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
     }) : e("email-editor.onboarding-description", {
-      academyLink: m.EMAIL_EDITOR
-    })), d = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), g = o(() => ({
+      academyLink: c.EMAIL_EDITOR
+    })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), b = o(() => ({
       primaryButton: {
         type: "primary",
         labelText: e("left-menu.discover-now")
       },
       secondaryButton: {
         type: "subtle-primary",
-        labelText: d.value
+        labelText: u.value
       }
     })), r = () => {
-      a.value = !1, i("onboarding-finished");
+      s.value = !1, a("onboarding-finished");
     };
-    return { __sfc: !0, emit: i, trans: e, onboardingStore: t, isVisible: a, config: s, migrationDate: p, isAfterMigrationDate: n, popupTitle: c, popupDescription: f, secondaryButtonLabel: d, footerButtonOptions: g, closePopup: r, handleDiscoverNow: () => {
+    return { __sfc: !0, emit: a, trans: e, onboardingStore: t, isVisible: s, config: p, migrationDate: i, isAfterMigrationDate: n, formattedSunsetDate: d, popupTitle: f, popupDescription: g, secondaryButtonLabel: u, footerButtonOptions: b, closePopup: r, handleDiscoverNow: () => {
       t.onDiscoverNowClicked(), r();
     }, handleRemindLater: () => {
       t.onRemindMeLater(), r();
     }, handleClose: () => {
       t.onNewVersionPopupClose(), r();
-    }, WpModal: D, onboardingImageSvg: L };
+    }, WpModal: _, onboardingImageSvg: L };
   }
 });
 export {
-  x as default
+  V as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
+import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
 import u from "./AMPOnboarding.vue.js";
 import v from "./GenericOnboarding.vue.js";
 import l from "./ItemsOnboarding.vue.js";
@@ -6,23 +6,22 @@ import y from "./NewVersionPopup.vue.js";
 import S from "./TextBlockOnboarding.vue.js";
 import h from "./VersionHistoryOnboarding.vue.js";
 import { usePartner as w } from "../../../composables/usePartner.js";
-import { FORCE_ONBOARDING_FOR_TESTING as P } from "../../../enums/onboarding.js";
-import { useEditorStore as _ } from "../../../stores/editor.js";
-import { useOnboardingStore as A } from "../../../stores/onboarding.js";
-import { usePreviewStore as H } from "../../../stores/preview.js";
-const z = /* @__PURE__ */ g({
+import { useEditorStore as P } from "../../../stores/editor.js";
+import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
+import { usePreviewStore as A } from "../../../stores/preview.js";
+const G = /* @__PURE__ */ b({
   __name: "OnboardingWrapper",
   emits: ["onboarding-finished"],
-  setup(M, { emit: f }) {
-    const o = A(), r = _(), s = H(), { isTestPartner: a } = w(), p = e(() => r.isStripoInitialized), m = e(() => !P && a()), d = [
+  setup(H, { emit: f }) {
+    const o = _(), r = P(), s = A(), { isTestPartner: a } = w(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
       { type: "newVersionPopup", component: y },
       { type: "genericOnboarding", component: v },
       { type: "textBlockOnboarding", component: S },
       { type: "versionHistoryOnboarding", component: h },
       { type: "ampOnboarding", component: u },
       { type: "itemsOnboarding", component: l }
-    ], c = (n) => m.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), O = e(() => d.filter((n) => c(n.type)));
-    return b(async () => {
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
+    return O(async () => {
       await o.fetchUserModalState();
     }), t(
       () => r.isVersionHistoryOpen,
@@ -39,9 +38,9 @@ const z = /* @__PURE__ */ g({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: m, onboardingConfigs: d, shouldShow: c, visibleOnboardings: O };
+    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
   }
 });
 export {
-  z as default
+  G as default
 };

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

@@ -1,6 +1,6 @@
-import n from "./UnsubscribePageSelection.vue2.js";
+import a from "./UnsubscribePageSelection.vue2.js";
 /* empty css                              */
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
 var o = function() {
   var r = this, e = r._self._c, t = r._self._setupProxy;
   return e(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", size: "large", "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.pageSelectionDrawerStatus, "title-text": t.trans("newsletter.select-a-template") }, on: { cancelOrBackButtonEvent: t.handleBack, onCloseEvent: t.handleClose, primaryButtonEvent: t.handleSave }, scopedSlots: r._u([{ key: "headerBottomSlot", fn: function() {
@@ -10,13 +10,13 @@ var o = function() {
       return t.selectTemplate(s.id);
     } } }, [e(t.InContainer, { staticClass: "template-container o-h", class: { selected: t.unsubscribeStore.getSelectedTemplateByActiveType === s.id }, attrs: { border: t.getBorderClass(s.id) } }, [e("div", { staticClass: "w-1 h-1 d-f j-c-c a-i-c" }, [e("img", { staticClass: "w-1 h-1 thumbnail o-h", attrs: { alt: s.name, src: s.thumbnail } })])]), e("div", { staticClass: "mt-1 f-s-1" }, [r._v(" " + r._s(s.name) + " ")])], 1);
   }), 0)]);
-}, i = [], c = /* @__PURE__ */ a(
-  n,
+}, i = [], c = /* @__PURE__ */ n(
+  a,
   o,
   i,
   !1,
   null,
-  "669fe7cf"
+  "91a26acd"
 );
 const _ = c.exports;
 export {

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

@@ -29,9 +29,9 @@ const N = /* @__PURE__ */ y({
         t();
       }, 500);
     }, m = () => {
-      n(), e.pageSelectionUpdateStatus || document.dispatchEvent(new CustomEvent("unsubscribe:cancel", {
+      e.pageSelectionDrawerStatus && (n(), e.pageSelectionUpdateStatus || document.dispatchEvent(new CustomEvent("unsubscribe:cancel", {
         detail: { blockId: e.pendingBlockId }
-      }));
+      })));
     }, b = () => {
       if (e.isActiveTypeFirstInCollection) {
         n(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);