@useinsider/guido 3.20.1-beta.55d63aa → 3.20.1-beta.5d92444

package/README.md

@@ -166,7 +166,7 @@ const config: GuidoConfigInput = {
     allowlistEnabled?: boolean,   // Default: false - Pre-save domain-allowlist check (opt-in). Guido self-serves the block toaster (role lookup, deep-link, copy from window.trans).
     allowSaveWithErrors?: boolean, // Default: true - Allow the validation drawer's "Save and Continue" soft-save. Set false to hard-block invalid saves (transactional + unsubscribe pages).
     reusableRecommendationStrategy?: boolean, // Default: false - Assign an RRS strategy to recommendation blocks instead of per-block algorithm/filters/shuffle/product-count settings.
-    externalDisplayConditions?: boolean, // Default: false - Add a Conditions tab to the settings panel with create/select drawers for reusable Liquid/Pongo display conditions.
+    legacyUnsubscribeConversion?: boolean, // Default: false - Convert legacy unsubscribe blocks that have no unsubscribe link into text blocks (on load and on module drop/copy) and show a warning modal.
   },
 
   // Optional: Callbacks
@@ -668,6 +668,13 @@ multiple partners (e.g. architect) should key by partner and place the active pa
 first. Omit the prop and the repair is a safe no-op — nothing is rewritten and no
 toaster fires (useful before the host has wired the catalog).
 
+With `features.legacyUnsubscribeConversion: true`, a dropped or copied module's legacy
+unsubscribe block that has no unsubscribe link (the old editor reused it as plain text,
+e.g. a company address) becomes a plain text block that keeps its content, and a warning
+modal explains it. The same conversion runs when a template is opened. Register these
+keys host-side: `email-editor.legacy-unsubscribe-converted-modal-title` and
+`email-editor.legacy-unsubscribe-converted-modal-message`.
+
 ---
 
 ## Development

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

@@ -84,10 +84,10 @@ const p = {
   children: e(n(f)),
   // eslint-disable-next-line camelcase -- backend field name
   select_items: e(n(f))
-})), x = g(
+})), v = g(
   t(),
   R(n(f), [])
-), D = C({
+), N = C({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(s()),
   /** Decimal places for price display (legacy data may use string or number) */
@@ -132,7 +132,7 @@ const p = {
   isPriceMovedToNextLine: e(o()),
   /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
   isPriceDeletedForZeroSale: e(o())
-}), N = a({
+}), P = a({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -140,10 +140,10 @@ const p = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    g(t(), D),
+    g(t(), N),
     {}
   )
-}), P = a({
+}), x = a({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
@@ -159,7 +159,7 @@ const p = {
    * (first) partner's leaf attributes into the label→token map that repairs
    * label-form placeholders (`{{ Phone Number }}`) in dropped saved modules.
    */
-  dynamicContentList: e(x, {}),
+  dynamicContentList: e(v, {}),
   /** Valid custom field attribute names from the partner's categorized fields */
   customFieldAttributes: e(n(t()), []),
   /** Selected unsubscribe page IDs */
@@ -194,8 +194,8 @@ const p = {
     )
   ),
   /** Migration-only inputs (legacy block configs) */
-  migration: e(N, {})
-}), v = a({
+  migration: e(P, {})
+}), D = a({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
@@ -208,7 +208,7 @@ const p = {
   /** Migration date for template compatibility */
   migrationDate: e(s(), 1759696858),
   /** Email header settings */
-  emailHeader: e(v, { senderName: "", subject: "" }),
+  emailHeader: e(D, { 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) */
@@ -244,8 +244,8 @@ const p = {
   /** Allow persisting a template that still has validation errors (drawer "Save and Continue" soft-save). Host sets false for transactional + unsubscribe. */
   allowSaveWithErrors: e(o(), !0),
   reusableRecommendationStrategy: e(o(), !1),
-  /** Enable the Conditions settings tab and the create/select display-condition drawers */
-  externalDisplayConditions: e(o(), !1)
+  /** Convert linkless legacy unsubscribe blocks to text blocks and warn, on load and on module drop/copy (opt-in) */
+  legacyUnsubscribeConversion: e(o(), !1)
 }), w = m([
   "amp-accordion",
   "amp-carousel",
@@ -346,7 +346,7 @@ const p = {
   partner: E,
   // Optional sections (with defaults)
   /** Template content and presets */
-  template: e(P, {}),
+  template: e(x, {}),
   /** Editor settings */
   editor: e(O, {}),
   /** UI configuration */
@@ -368,23 +368,23 @@ export {
   B as CustomBlockTypeSchema,
   G as CustomRuleSchema,
   w as DefaultBlockTypeSchema,
-  x as DynamicContentListSchema,
+  v as DynamicContentListSchema,
   f as DynamicContentNodeSchema,
   M as DynamicContentSchema,
   O as EditorSchema,
-  v as EmailHeaderSchema,
+  D as EmailHeaderSchema,
   L as FallbackFontSchema,
   U as FeaturesSchema,
   K as GuidoConfigSchema,
   A as IdentitySchema,
-  D as LegacyRecommendationConfigSchema,
+  N as LegacyRecommendationConfigSchema,
   p as MessageType,
   E as PartnerSchema,
   l as ProductType,
   _ as RegexRuleSchema,
   q as RemoveRuleSchema,
   H as ReplaceRuleSchema,
-  N as TemplateMigrationSchema,
-  P as TemplateSchema,
+  P as TemplateMigrationSchema,
+  x as TemplateSchema,
   F as UISchema
 };

package/dist/components/Guido.vue.js

@@ -1,18 +1,18 @@
-import i from "./Guido.vue2.js";
+import o from "./Guido.vue2.js";
 /* empty css           */
-import o from "../_virtual/_plugin-vue2_normalizer.js";
-var t = function() {
+import i from "../_virtual/_plugin-vue2_normalizer.js";
+var s = function() {
   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.AuthErrorModal), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), e.isRrsEnabled ? r(e.LegacyStrategyUpdatedModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isSaveValidationEnabled ? r(e.ValidationErrorDrawer) : a._e(), e.isExternalDisplayConditionsEnabled ? r(e.DisplayConditionsHost) : a._e(), e.isTestPartner() ? a._e() : 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) : 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.AuthErrorModal), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), e.isRrsEnabled ? r(e.LegacyStrategyUpdatedModal) : a._e(), e.isLegacyUnsubscribeConversionEnabled ? r(e.LegacyUnsubscribeConvertedModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isSaveValidationEnabled ? r(e.ValidationErrorDrawer) : a._e(), 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__ */ o(
-  i,
-  t,
+}, t = [], n = /* @__PURE__ */ i(
+  o,
   s,
+  t,
   !1,
   null,
-  "0d2ac239"
+  "34bee5bb"
 );
 const v = n.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -5,30 +5,30 @@ import { provideGuidoActions as pe } from "../composables/useGuidoActions.js";
 import { useGuidoStateBridge as fe } from "../composables/useGuidoStateBridge.js";
 import { usePartner as ye } from "../composables/usePartner.js";
 import { useSaveValidationRollout as ge } from "../composables/useSaveValidationRollout.js";
-import { useStripo as Se } from "../composables/useStripo.js";
+import { useStripo as be } from "../composables/useStripo.js";
 import { useTimerClone as ve } from "../composables/useTimerClone.js";
-import { migrate as H } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as V } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as be } from "../enums/onboarding.js";
+import { migrate as V } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as $ } from "../enums/defaults.js";
+import { RIBBON_SELECTOR as Se } from "../enums/onboarding.js";
 import { useRecommendationExtensionStore as E } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import he from "./organisms/AutoSaveController.vue.js";
 import Ee from "./organisms/base/AuthErrorModal.vue.js";
-import De from "./organisms/base/Toaster.vue.js";
-import we from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import Ce from "./organisms/header/HeaderWrapper.vue.js";
+import we from "./organisms/base/Toaster.vue.js";
+import Ce from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import De from "./organisms/header/HeaderWrapper.vue.js";
 import ke from "./organisms/LoadingWrapper.vue.js";
 import Fe from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import Re from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import Me from "./organisms/validation/ValidationErrorDrawer.vue.js";
-import { useStripoApi as Te } from "../services/stripoApi.js";
-import { useConfigStore as Ie } from "../stores/config.js";
-import { useDynamicContentStore as Le } from "../stores/dynamic-content.js";
-import { useEditorStore as D } from "../stores/editor.js";
-import { usePreviewStore as Ue } from "../stores/preview.js";
+import Me from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import Re from "./organisms/validation/ValidationErrorDrawer.vue.js";
+import { useStripoApi as Le } from "../services/stripoApi.js";
+import { useConfigStore as Te } from "../stores/config.js";
+import { useDynamicContentStore as Ue } from "../stores/dynamic-content.js";
+import { useEditorStore as w } from "../stores/editor.js";
+import { usePreviewStore as Ie } from "../stores/preview.js";
 import { useSaveValidationStore as Ae } from "../stores/save-validation.js";
 import { useTemplateStore as Be } from "../stores/template.js";
 import { useUnsubscribeStore as Ne } from "../stores/unsubscribe.js";
-import { readTrackFloor as $ } from "../utils/linkTrackingIds.js";
+import { readTrackFloor as z } from "../utils/linkTrackingIds.js";
 const pt = /* @__PURE__ */ ce({
   __name: "Guido",
   props: {
@@ -36,8 +36,8 @@ const pt = /* @__PURE__ */ ce({
     ready: { type: Boolean, default: !0 }
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(z, { expose: q, emit: r }) {
-    const s = z, K = c(
+  setup(H, { expose: q, emit: r }) {
+    const s = H, K = c(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
     ), j = c(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
@@ -46,14 +46,14 @@ const pt = /* @__PURE__ */ ce({
     ), Q = c(
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
     ), X = c(
-      () => import("./organisms/display-conditions/DisplayConditionsHost.vue.js")
-    ), Y = c(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), w = W(), f = W(), y = Le(), C = Ne(), o = Ie();
+    ), Y = c(
+      () => import("./organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue.js")
+    ), C = W(), f = W(), y = Ue(), D = Ne(), o = Te();
     s.ready && o.init(s.config);
-    const d = D(), Z = Ue(), u = l(() => d.hasChanges), { isTestPartner: ee } = ye(), { isEnabled: te } = ge(), k = () => {
+    const d = w(), Z = Ie(), u = l(() => d.hasChanges), { isTestPartner: ee } = ye(), { isEnabled: te } = ge(), k = () => {
       var t;
-      return (t = w.value) == null ? void 0 : t.handleSave(!0);
+      return (t = C.value) == null ? void 0 : t.handleSave(!0);
     }, F = (t) => {
       d.loadingStatus = t;
     };
@@ -65,15 +65,17 @@ const pt = /* @__PURE__ */ ce({
         userId: o.userId,
         username: o.username,
         partnerName: o.partnerName,
-        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || V.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || V.DEFAULT_MODULES
+        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || $.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || $.DEFAULT_MODULES
       };
-    }, { initPlugin: R, preloadRuntime: M } = Se(), { runExclusive: T, beginMount: I, isCurrentMount: S } = ue();
+    }, { initPlugin: M, preloadRuntime: R } = be(), { runExclusive: L, beginMount: T, isCurrentMount: b } = ue();
     let p = 0;
-    const { getDefaultTemplate: L } = Te(), { cloneTimersOnSave: U, hasTimerBlocks: A } = ve(), oe = l(() => {
+    const { getDefaultTemplate: U } = Le(), { cloneTimersOnSave: I, hasTimerBlocks: A } = ve(), oe = l(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), ne = l(() => o.isFeatureEnabled("reusableRecommendationStrategy")), re = l(() => o.isFeatureEnabled("externalDisplayConditions")), ae = l(
+    }), ne = l(() => o.isFeatureEnabled("reusableRecommendationStrategy")), re = l(
+      () => o.isFeatureEnabled("legacyUnsubscribeConversion")
+    ), ae = l(
       () => !!E().recommendationConfigs.strategyId
     );
     pe({
@@ -104,44 +106,44 @@ const pt = /* @__PURE__ */ ce({
       console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", a, m);
     };
     let i = null;
-    const b = () => {
+    const S = () => {
       var e;
-      const t = document.querySelector(be);
+      const t = document.querySelector(Se);
       (e = f.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
     }, h = async () => {
       var t;
       try {
         o.initialized || o.init(s.config), d.templateId = o.templateId;
-        const e = o.template, a = (e == null ? void 0 : e.html) || "", m = (e == null ? void 0 : e.css) || "", x = (e == null ? void 0 : e.preselectedDynamicContent) || [];
-        C.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const P = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, _ = o.isFeatureEnabled("linkTrackingIds"), O = {
+        const e = o.template, a = (e == null ? void 0 : e.html) || "", m = (e == null ? void 0 : e.css) || "", P = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        D.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
+        const _ = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, O = o.isFeatureEnabled("linkTrackingIds"), x = {
           partnerName: o.partnerName,
           campaignUrls: e == null ? void 0 : e.recommendationCampaignUrls,
           rrsEnabled: o.isFeatureEnabled("reusableRecommendationStrategy")
         };
         let n = {
-          html: a && await H(a, P, O),
+          html: a && await V(a, _, x),
           css: m
         };
-        n.html || (n = await L(), n.html = await H(n.html, P, O));
-        const se = _ ? $(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        A(n.html) && (n.html = await U(n.html)), _ && (d.trackIdSessionFloor = Math.max(se, $(n.html)));
+        n.html || (n = await U(), n.html = await V(n.html, _, x));
+        const se = O ? z(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        A(n.html) && (n.html = await I(n.html)), O && (d.trackIdSessionFloor = Math.max(se, z(n.html)));
         const ie = {
-          preselectedDynamicContentList: x,
+          preselectedDynamicContentList: P,
           onReady: () => {
             console.debug("guido:ready"), r("ready");
           }
         };
-        p = I(), await R(n, g(), ie), y.selectedDynamicContentList = x;
+        p = T(), await M(n, g(), ie), y.selectedDynamicContentList = P;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
     return de(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), E().$reset(), D().$reset(), Be().$reset(), Ae().$reset(), b();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), E().$reset(), w().$reset(), Be().$reset(), Ae().$reset(), S();
       const t = (e = f.value) == null ? void 0 : e.parentElement;
-      if (t && (i = new ResizeObserver(b), i.observe(t)), M(), s.ready)
+      if (t && (i = new ResizeObserver(S), i.observe(t)), R(), s.ready)
         await h();
       else {
         const a = G(() => s.ready, (m) => {
@@ -150,14 +152,14 @@ const pt = /* @__PURE__ */ ce({
       }
       document.addEventListener("dynamic-content:open", v);
     }), me(() => {
-      if (i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), E().disposeStrategyPageReturn(), S(p))
+      if (i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), E().disposeStrategyPageReturn(), b(p))
         try {
-          D().isStripoInitialized = !1;
+          w().isStripoInitialized = !1;
         } catch (t) {
           console.debug("Failed to close the editor readiness gate on unmount", t);
         }
-      T(async () => {
-        if (S(p))
+      L(async () => {
+        if (b(p))
           try {
             window.UIEditor.removeEditor();
           } catch {
@@ -172,7 +174,7 @@ const pt = /* @__PURE__ */ ce({
       hasChanges: u,
       saveSilent: k,
       setLoading: F
-    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: j, AssignStrategyDrawer: J, RemoveStrategyModal: Q, DisplayConditionsHost: X, LegacyStrategyUpdatedModal: Y, headerWrapperRef: w, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: C, props: s, configStore: o, editorStore: d, previewStore: Z, hasChanges: u, isTestPartner: ee, isSaveValidationEnabled: te, saveSilent: k, setLoading: F, emit: r, buildMetadata: g, initPlugin: R, preloadRuntime: M, runExclusive: T, beginMount: I, isCurrentMount: S, mountGeneration: p, getDefaultTemplate: L, cloneTimersOnSave: U, hasTimerBlocks: A, noHeader: oe, isRrsEnabled: ne, isExternalDisplayConditionsEnabled: re, hasAssignedStrategy: ae, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: b, startEditor: h, AutoSaveController: he, AuthErrorModal: Ee, Toaster: De, FilterSelectionDrawer: we, HeaderWrapper: Ce, LoadingWrapper: ke, SaveAsTemplateDrawer: Fe, UnsubscribeWrapper: Re, ValidationErrorDrawer: Me };
+    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: j, AssignStrategyDrawer: J, RemoveStrategyModal: Q, LegacyStrategyUpdatedModal: X, LegacyUnsubscribeConvertedModal: Y, headerWrapperRef: C, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: D, props: s, configStore: o, editorStore: d, previewStore: Z, hasChanges: u, isTestPartner: ee, isSaveValidationEnabled: te, saveSilent: k, setLoading: F, emit: r, buildMetadata: g, initPlugin: M, preloadRuntime: R, runExclusive: L, beginMount: T, isCurrentMount: b, mountGeneration: p, getDefaultTemplate: U, cloneTimersOnSave: I, hasTimerBlocks: A, noHeader: oe, isRrsEnabled: ne, isLegacyUnsubscribeConversionEnabled: re, hasAssignedStrategy: ae, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: S, startEditor: h, AutoSaveController: he, AuthErrorModal: Ee, Toaster: we, FilterSelectionDrawer: Ce, HeaderWrapper: De, LoadingWrapper: ke, SaveAsTemplateDrawer: Fe, UnsubscribeWrapper: Me, ValidationErrorDrawer: Re };
   }
 });
 export {

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

@@ -0,0 +1,17 @@
+import t from "./LegacyUnsubscribeConvertedModal.vue2.js";
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var o = this, s = o._self._c, e = o._self._setupProxy;
+  return e.isVisible ? s(e.WpModal, { attrs: { id: "guido__legacy-unsubscribe-converted-modal", size: "small", state: "warning", "close-on-outside-click": !1, "footer-button-options": e.footerButtonOptions, title: e.trans("email-editor.legacy-unsubscribe-converted-modal-title") }, on: { close: e.close, "primary-action": e.close, "secondary-action": e.openAcademy } }, [s("p", [o._v(o._s(e.trans("email-editor.legacy-unsubscribe-converted-modal-message")))])]) : o._e();
+}, a = [], i = /* @__PURE__ */ n(
+  t,
+  r,
+  a,
+  !1,
+  null,
+  null
+);
+const d = i.exports;
+export {
+  d as default
+};

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

@@ -0,0 +1,35 @@
+import { defineComponent as s, computed as t } from "vue";
+import i from "../../wrappers/WpModal.vue.js";
+import { useTranslations as a } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINKS as c } from "../../../enums/academy.js";
+import { useEditorStore as l } from "../../../stores/editor.js";
+const B = /* @__PURE__ */ s({
+  __name: "LegacyUnsubscribeConvertedModal",
+  setup(p) {
+    const e = a(), o = l(), n = t(
+      () => o.isLegacyUnsubscribeModalRequested && o.isStripoInitialized
+    ), r = t(() => ({
+      cancelOrBackButton: {
+        type: "secondary",
+        styling: "ghost",
+        labelText: e("settings.cancel")
+      },
+      secondaryButton: {
+        type: "subtle-primary",
+        labelText: e("left-menu.visit-academy")
+      },
+      primaryButton: {
+        type: "primary",
+        labelText: e("action-builder.ok")
+      }
+    }));
+    return { __sfc: !0, trans: e, editorStore: o, isVisible: n, footerButtonOptions: r, close: () => {
+      o.isLegacyUnsubscribeModalRequested = !1;
+    }, openAcademy: () => {
+      window.open(c.LEGACY_UNSUBSCRIBE_MODULE, "_blank", "noopener,noreferrer");
+    }, WpModal: i };
+  }
+});
+export {
+  B as default
+};

package/dist/composables/useBlocksConfig.js

@@ -1,6 +1,6 @@
-import l from "../extensions/ModulesTabIcons/extension.js";
-import { useConfigStore as c } from "../stores/config.js";
-const s = {
+import r from "../extensions/ModulesTabIcons/extension.js";
+import { useConfigStore as l } from "../stores/config.js";
+const a = {
   "amp-accordion": "ampAccordionEnabled",
   "amp-carousel": "ampCarouselEnabled",
   "amp-form-controls": "ampFormControlsEnabled",
@@ -14,7 +14,7 @@ const s = {
   "text-block": "textEnabled",
   "timer-block": "timerEnabled",
   "video-block": "videoEnabled"
-}, i = {
+}, s = {
   "dynamic-content": () => import("../extensions/DynamicContent/extension.js"),
   "checkbox-block": () => import("../extensions/Blocks/Checkbox/extension.js"),
   "radio-button-block": () => import("../extensions/Blocks/RadioButton/extension.js"),
@@ -22,48 +22,40 @@ const s = {
   "unsubscribe-block": () => import("../extensions/Blocks/Unsubscribe/extension.js"),
   "coupon-block": () => import("../extensions/Blocks/CouponBlock/extension.js"),
   "items-block": () => import("../extensions/Blocks/Items/extension.js")
-}, b = (o) => {
-  if (!o || !o.length)
+}, i = (n) => {
+  if (!n || !n.length)
     return {};
   const t = {};
-  return o.forEach((n) => {
-    const e = s[n];
+  return n.forEach((o) => {
+    const e = a[o];
     e && (t[e] = !1);
   }), t;
-}, m = async (o) => {
-  if (!o)
-    return [l];
-  const t = await import("../extensions/DisplayConditions/extension.js");
-  return [l, t.default];
-}, d = async (o, t = !1) => {
-  const n = await m(t);
-  if (!o || !o.length)
-    return n;
-  const e = await Promise.all(
-    o.map(async (r) => {
-      const a = i[r];
-      return a ? (await a()).default : null;
+}, b = () => [r], m = async (n) => {
+  const t = b();
+  if (!n || !n.length)
+    return t;
+  const o = await Promise.all(
+    n.map(async (e) => {
+      const c = s[e];
+      return c ? (await c()).default : null;
     })
   );
   return [
-    ...n,
-    ...e.filter((r) => r !== null)
+    ...t,
+    ...o.filter((e) => e !== null)
   ];
-}, k = () => {
-  const o = c();
+}, E = () => {
+  const n = l();
   return {
     getStripoBlocksConfig: async () => {
-      const n = o.blocks;
+      const o = n.blocks;
       return {
-        baseBlocks: b(n == null ? void 0 : n.excludeDefaults),
-        extensions: await d(
-          n == null ? void 0 : n.includeCustoms,
-          o.isFeatureEnabled("externalDisplayConditions")
-        )
+        baseBlocks: i(o == null ? void 0 : o.excludeDefaults),
+        extensions: await m(o == null ? void 0 : o.includeCustoms)
       };
     }
   };
 };
 export {
-  k as useBlocksConfig
+  E as useBlocksConfig
 };

package/dist/composables/useModuleRepair.js

@@ -1,33 +1,49 @@
-import { useConfig as C } from "./useConfig.js";
-import { useToaster as T } from "./useToaster.js";
-import { useTranslations as g } from "./useTranslations.js";
-import { ToasterTypeOptions as D } from "../enums/toaster.js";
-import { buildDynamicContentLookup as f, convertModuleDynamicContent as h } from "../utils/dynamicContentConverter.js";
-import { flattenDynamicContentList as O } from "../utils/genericUtil.js";
-import { repairItemsCurrencyAttributes as M } from "../utils/itemsCurrencyRepair.js";
-const N = "dynamic-content.unresolved-attributes-on-drop", R = () => {
-  const { template: p, isFeatureEnabled: m } = C(), { showToaster: a } = T(), y = g();
-  return { handleModuleAdd: (e, o) => {
-    var s, l, u;
+import { useConfig as g } from "./useConfig.js";
+import { useToaster as h } from "./useToaster.js";
+import { useTranslations as C } from "./useTranslations.js";
+import { ToasterTypeOptions as v } from "../enums/toaster.js";
+import { useEditorStore as M } from "../stores/editor.js";
+import { buildDynamicContentLookup as T, convertModuleDynamicContent as D } from "../utils/dynamicContentConverter.js";
+import { flattenDynamicContentList as L } from "../utils/genericUtil.js";
+import { repairItemsCurrencyAttributes as O } from "../utils/itemsCurrencyRepair.js";
+import { convertLegacyUnsubscribeInModuleHtml as E } from "../utils/legacyUnsubscribeConversion.js";
+const N = "dynamic-content.unresolved-attributes-on-drop", W = () => {
+  const { template: d, isFeatureEnabled: s } = g(), { showToaster: f } = h(), b = C();
+  return { handleModuleAdd: (t, o) => {
+    var u, i, a;
+    let l = !1, c = !1;
     try {
-      if ((e == null ? void 0 : e.action) !== "ADD" && (e == null ? void 0 : e.action) !== "COPY")
+      if ((t == null ? void 0 : t.action) !== "ADD" && (t == null ? void 0 : t.action) !== "COPY")
         return;
-      const t = (s = o == null ? void 0 : o.getTargetNode) == null ? void 0 : s.call(o), r = (l = t == null ? void 0 : t.getOuterHTML) == null ? void 0 : l.call(t);
-      if (!t || typeof r != "string")
+      const e = (u = o == null ? void 0 : o.getTargetNode) == null ? void 0 : u.call(o), n = (i = e == null ? void 0 : e.getOuterHTML) == null ? void 0 : i.call(e);
+      if (!e || typeof n != "string")
         return;
-      let n = M(r);
-      const c = f(O((u = p.value) == null ? void 0 : u.dynamicContentList));
-      let i = [];
-      c.size > 0 && ({ html: n, unresolved: i } = h(n, c, m("liquidSyntax"))), n !== r && o.modifyHtml(t).replaceWith(n), i.length > 0 && a({
-        type: D.Warning,
-        message: y(N)
-      });
-    } catch (t) {
-      console.error("Failed to repair module on add:", t);
+      let r = O(n), m = !1;
+      s("legacyUnsubscribeConversion") && ({ html: r, converted: m } = E(r));
+      const p = T(L((a = d.value) == null ? void 0 : a.dynamicContentList));
+      let y = [];
+      p.size > 0 && ({ html: r, unresolved: y } = D(r, p, s("liquidSyntax"))), r !== n && o.modifyHtml(e).replaceWith(r), l = m, c = y.length > 0;
+    } catch (e) {
+      console.error("Failed to repair module on add:", e);
     }
+    if (l)
+      try {
+        M().isLegacyUnsubscribeModalRequested = !0;
+      } catch (e) {
+        console.error("Failed to request the legacy unsubscribe modal:", e);
+      }
+    if (c)
+      try {
+        f({
+          type: v.Warning,
+          message: b(N)
+        });
+      } catch (e) {
+        console.error("Failed to warn about unresolved dynamic content on add:", e);
+      }
   } };
 };
 export {
   N as UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY,
-  R as useModuleRepair
+  W as useModuleRepair
 };

package/dist/config/migrator/index.js

@@ -1,17 +1,18 @@
 import { migrateCheckbox as i } from "./checkboxMigrator.js";
 import { migrateCouponBlock as e } from "./couponBlockMigrator.js";
 import { migrateItemsBlock as a } from "./itemsBlockMigrator.js";
-import { migrateProductNameLink as n } from "./productNameLinkMigrator.js";
-import { migrateRadioButton as c } from "./radioButtonMigrator.js";
-import { migrateRecommendation as g } from "./recommendationMigrator.js";
-import { migrateRecommendationPartnerScope as f } from "./recommendationPartnerMigrator.js";
-import { migrateRecommendationTitle as p } from "./recommendationTitleMigrator.js";
+import { migrateLegacyUnsubscribeText as n } from "./legacyUnsubscribeTextMigrator.js";
+import { migrateProductNameLink as c } from "./productNameLinkMigrator.js";
+import { migrateRadioButton as g } from "./radioButtonMigrator.js";
+import { migrateRecommendation as f } from "./recommendationMigrator.js";
+import { migrateRecommendationPartnerScope as p } from "./recommendationPartnerMigrator.js";
+import { migrateRecommendationTitle as s } from "./recommendationTitleMigrator.js";
 import { migrateSocialIcons as d } from "./socialIconMigrator.js";
 import { migrateUnsubscribe as l } from "./unsubscribeMigrator.js";
-const h = async (r, t = {}, o) => {
-  let m = r;
-  return m = i(m), m = c(m), m = await l(m), m = e(m), m = g(m, t), o && (m = f(m, o)), m = p(m), m = a(m), m = n(m), m = d(m), m;
+const T = async (o, t = {}, r) => {
+  let m = o;
+  return m = i(m), m = g(m), m = n(m), m = await l(m), m = e(m), m = f(m, t), r && (m = p(m, r)), m = s(m), m = a(m), m = c(m), m = d(m), m;
 };
 export {
-  h as migrate
+  T as migrate
 };

package/dist/config/migrator/legacyUnsubscribeTextMigrator.js

@@ -0,0 +1,16 @@
+import { useConfigStore as o } from "../../stores/config.js";
+import { useEditorStore as i } from "../../stores/editor.js";
+import { convertLegacyUnsubscribeInDocumentHtml as n } from "../../utils/legacyUnsubscribeConversion.js";
+const a = (e) => {
+  try {
+    if (!o().isFeatureEnabled("legacyUnsubscribeConversion"))
+      return e;
+    const { html: r, converted: t } = n(e);
+    return t && (i().isLegacyUnsubscribeModalRequested = !0), r;
+  } catch (r) {
+    return console.error("LegacyUnsubscribeTextMigrator failed:", r), e;
+  }
+};
+export {
+  a as migrateLegacyUnsubscribeText
+};

package/dist/enums/academy.js

@@ -2,8 +2,8 @@ const e = "https://academy.insiderone.com", o = {
   EMAIL_EDITOR: `${e}/docs/email-drag-and-drop-editor`,
   GLOBAL_UNSUBSCRIBE: `${e}/docs/global-unsubscribe-preference-center`,
   AMP_FOR_EMAILS: `${e}/docs/amp-for-emails`,
-  EMAIL_DISPLAY_CONDITIONS: `${e}/docs/new-editor-add-display-conditions-to-an-email`,
-  EMAIL_RECOMMENDATION_BLOCK: `${e}/docs/new-editor-email-recommendation-block`
+  EMAIL_RECOMMENDATION_BLOCK: `${e}/docs/new-editor-email-recommendation-block`,
+  LEGACY_UNSUBSCRIBE_MODULE: `${e}/docs/new-editor-add-unsubscribe-pages-into-emails`
 };
 export {
   o as ACADEMY_LINKS