@useinsider/guido 3.21.2-beta.cfc5be2 → 3.21.2-beta.d9d48aa

package/README.md

@@ -150,7 +150,6 @@ const config: GuidoConfigInput = {
   ui?: {
     showHeader?: boolean,         // Default: true
     backButtonLabel?: string,
-    externalDisplayConditions?: boolean, // Default: false - Replace Stripo's display-condition UI with a Conditions tab in the settings panel and create/select drawers for reusable Liquid/Pongo display conditions.
   },
 
   // Optional: Feature toggles (defaults apply once initialized — see `ready` prop below)
@@ -167,6 +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.
+    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,14 @@ 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`,
+`email-editor.legacy-unsubscribe-converted-modal-message` and
+`email-editor.legacy-unsubscribe-converted-modal-visit-academy` (OK reuses `action-builder.ok`).
+
 ---
 
 ## 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) */
@@ -217,9 +217,7 @@ const p = {
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
   /** Custom label for back button (if shown) */
-  backButtonLabel: e(t()),
-  /** Replace Stripo's display-condition UI with the Conditions tab and create/select drawers */
-  externalDisplayConditions: e(o(), !1)
+  backButtonLabel: e(t())
 }), U = a({
   /** Enable dynamic content insertion */
   dynamicContent: e(o(), !0),
@@ -245,7 +243,9 @@ const p = {
   linkTrackingIds: e(o(), !1),
   /** 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)
+  reusableRecommendationStrategy: e(o(), !1),
+  /** Convert linkless legacy unsubscribe blocks into text blocks and warn with a modal (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,
-  "5d5e32de"
+  "6cdd5182"
 );
 const v = n.exports;
 export {

package/dist/components/Guido.vue2.js

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

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

@@ -0,0 +1,17 @@
+import s from "./LegacyUnsubscribeConvertedModal.vue2.js";
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var o = this, t = o._self._c, e = o._self._setupProxy;
+  return e.isVisible ? t(e.WpModal, { attrs: { id: "guido__legacy-unsubscribe-converted-modal", 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 } }, [t("p", [o._v(o._s(e.trans("email-editor.legacy-unsubscribe-converted-modal-message")))])]) : o._e();
+}, a = [], c = /* @__PURE__ */ n(
+  s,
+  r,
+  a,
+  !1,
+  null,
+  null
+);
+const d = c.exports;
+export {
+  d as default
+};

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

@@ -0,0 +1,30 @@
+import { defineComponent as n, 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 p } from "../../../stores/editor.js";
+const L = /* @__PURE__ */ n({
+  __name: "LegacyUnsubscribeConvertedModal",
+  setup(d) {
+    const o = a(), e = p(), r = t(
+      () => e.isLegacyUnsubscribeModalRequested && e.isStripoInitialized
+    ), s = t(() => ({
+      secondaryButton: {
+        type: "subtle-primary",
+        labelText: o("email-editor.legacy-unsubscribe-converted-modal-visit-academy")
+      },
+      primaryButton: {
+        type: "primary",
+        labelText: o("action-builder.ok")
+      }
+    }));
+    return { __sfc: !0, trans: o, editorStore: e, isVisible: r, footerButtonOptions: s, close: () => {
+      e.isLegacyUnsubscribeModalRequested = !1;
+    }, openAcademy: () => {
+      window.open(c.LEGACY_UNSUBSCRIBE_MODULE, "_blank", "noopener,noreferrer");
+    }, WpModal: i };
+  }
+});
+export {
+  L 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.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,42 @@
-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 { useConfig as f } from "./useConfig.js";
+import { useToaster as d } from "./useToaster.js";
+import { useTranslations as C } from "./useTranslations.js";
+import { ToasterTypeOptions as h } from "../enums/toaster.js";
+import { useEditorStore as T } from "../stores/editor.js";
+import { buildDynamicContentLookup as v, convertModuleDynamicContent as D } from "../utils/dynamicContentConverter.js";
+import { flattenDynamicContentList as L } 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 { convertLegacyUnsubscribeInModuleHtml as O } from "../utils/legacyUnsubscribeConversion.js";
+const E = "dynamic-content.unresolved-attributes-on-drop", Y = () => {
+  const { template: p, isFeatureEnabled: s } = f(), { showToaster: y } = d(), b = C();
+  return { handleModuleAdd: (t, r) => {
+    var c, l, u;
     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 = (c = r == null ? void 0 : r.getTargetNode) == null ? void 0 : c.call(r), n = (l = e == null ? void 0 : e.getOuterHTML) == null ? void 0 : l.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)
+      let o = M(n), i = !1;
+      s("legacyUnsubscribeConversion") && ({ html: o, converted: i } = O(o));
+      const a = v(L((u = p.value) == null ? void 0 : u.dynamicContentList));
+      let m = [];
+      if (a.size > 0 && ({ html: o, unresolved: m } = D(o, a, s("liquidSyntax"))), o !== n && r.modifyHtml(e).replaceWith(o), i)
+        try {
+          T().isLegacyUnsubscribeModalRequested = !0;
+        } catch (g) {
+          console.error("Failed to request the legacy unsubscribe modal:", g);
+        }
+      m.length > 0 && y({
+        type: h.Warning,
+        message: b(E)
       });
-    } catch (t) {
-      console.error("Failed to repair module on add:", t);
+    } catch (e) {
+      console.error("Failed to repair module on add:", e);
     }
   } };
 };
 export {
-  N as UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY,
-  R as useModuleRepair
+  E as UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY,
+  Y as useModuleRepair
 };