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

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/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
 };

package/dist/composables/useStripo.js

@@ -1,55 +1,44 @@
-import { useActionsApi as H } from "./useActionsApi.js";
-import { useBlocksConfig as N } from "./useBlocksConfig.js";
-import { useConfig as j } from "./useConfig.js";
-import { useCustomInterfaceAppearance as _ } from "./useCustomInterfaceAppearance.js";
-import { useEditorOpenMetrics as z } from "./useEditorOpenMetrics.js";
-import { useFullStoryBridge as $ } from "./useFullStoryBridge.js";
-import { useModuleRepair as G } from "./useModuleRepair.js";
-import { useStripoEventHandler as X } from "./useStripoEventHandler.js";
-import { useStripoNotifications as J } from "./useStripoNotifications.js";
-import { useToaster as K } from "./useToaster.js";
-import { localePatch as Q } from "../config/i18n/index.js";
-import { en as B } from "../config/i18n/en/index.js";
-import { ToasterTypeOptions as W } from "../enums/toaster.js";
-import { useStripoApi as Y } from "../services/stripoApi.js";
-import Z from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as M } from "../stores/editor.js";
-import { buildMergeTagEntries as ee, flattenDynamicContentList as te } from "../utils/genericUtil.js";
-import { getStripoRuntimeBaseUrl as oe } from "../utils/stripoRuntime.js";
-let d = null, v = !1;
-const be = () => {
-  const { features: u, template: m, isFeatureEnabled: p } = j(), { handleError: f, showToaster: T } = K(), { getToken: F, getCustomFonts: A, getSyncModulesStatus: P } = Y(), { handleEvent: R } = X(), { handleModuleAdd: U } = G(), { getStripoBlocksConfig: V } = N(), { getStripoNotifications: D } = J(), e = z(), g = () => d || (d = new Promise((s, a) => {
+import { useActionsApi as L } from "./useActionsApi.js";
+import { useBlocksConfig as O } from "./useBlocksConfig.js";
+import { useConfig as H } from "./useConfig.js";
+import { useCustomInterfaceAppearance as w } from "./useCustomInterfaceAppearance.js";
+import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
+import { useModuleRepair as j } from "./useModuleRepair.js";
+import { useStripoEventHandler as z } from "./useStripoEventHandler.js";
+import { useStripoNotifications as $ } from "./useStripoNotifications.js";
+import { useToaster as G } from "./useToaster.js";
+import { localePatch as J } from "../config/i18n/index.js";
+import { en as b } from "../config/i18n/en/index.js";
+import { ToasterTypeOptions as X } from "../enums/toaster.js";
+import { useStripoApi as K } from "../services/stripoApi.js";
+import Q from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as k } from "../stores/editor.js";
+import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../utils/genericUtil.js";
+import Z from "../package.json.js";
+let n = null;
+const he = () => {
+  const { features: c, template: u, isFeatureEnabled: p } = H(), { handleError: m, showToaster: v } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((r, s) => {
+    var d;
     if (document.getElementById("UiEditorScript")) {
-      s();
+      r();
       return;
     }
-    const i = oe();
-    if (!i) {
-      a(
-        new Error("guido.stripo.version is not set in package.json. Please configure the Stripo version.")
-      );
-      return;
-    }
-    const n = `${i}UIEditor.js`, t = document.createElement("script");
-    t.id = "UiEditorScript", t.type = "module", t.src = n, t.onload = () => {
-      v = !0, s();
-    }, t.onerror = () => {
-      t.remove(), a(new Error(`Failed to load Stripo UIEditor script from S3: ${n}`));
-    }, document.body.appendChild(t);
-  }), d.catch(() => {
-    d = null;
-  }), d), I = async (s, a, i, n = [], t = !1) => {
-    var C, w, k, b;
-    const o = M(), { html: c, css: S } = s, { baseBlocks: y, extensions: L } = await V();
-    e.mark("blocks_config_ready");
-    const E = ((C = u.value) == null ? void 0 : C.displayConditions) ?? !0, O = ((w = u.value) == null ? void 0 : w.modulesDisabled) ?? !1, h = !!c || (((k = m.value) == null ? void 0 : k.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
-    e.setTemplate({ html: c, css: S, forceRecreate: h }), _().importCss(), e.mark("init_editor"), await window.UIEditor.initEditor(
+    const o = Z.guido, i = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = i, e.onload = () => r(), e.onerror = () => {
+      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${i}`));
+    }, document.body.appendChild(e);
+  }), n.catch(() => {
+    n = null;
+  }), n), D = async (r, s, o, a = [], i = !1) => {
+    var y, E, h, C;
+    const e = k(), { html: d, css: P } = r, { baseBlocks: g, extensions: R } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    w().importCss(), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: a,
-        html: c,
-        css: S,
-        forceRecreate: h,
+        metadata: s,
+        html: d,
+        css: P,
+        forceRecreate: I,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -59,12 +48,12 @@ const be = () => {
         customAppearanceMergetags: !p("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: Z,
-        conditionsEnabled: E,
-        customConditionsEnabled: E,
+        customViewStyles: Q,
+        conditionsEnabled: S,
+        customConditionsEnabled: S,
         enableXSSSecurity: !0,
-        modulesDisabled: O,
-        syncModulesEnabled: t,
+        modulesDisabled: U,
+        syncModulesEnabled: i,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -75,55 +64,54 @@ const be = () => {
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: q,
-        ...y ? { baseBlocks: y } : {},
+        ...g ? { baseBlocks: g } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: n
+          customFonts: a
         },
         mergeTags: [
           {
-            entries: ee(
-              i.preselectedDynamicContentList,
-              te((b = m.value) == null ? void 0 : b.dynamicContentList),
+            entries: W(
+              o.preselectedDynamicContentList,
+              Y((C = u.value) == null ? void 0 : C.dynamicContentList),
               p("liquidSyntax")
             )
           }
         ],
-        async onTokenRefreshRequest(r) {
+        async onTokenRefreshRequest(t) {
           try {
-            e.mark("token_start");
-            const l = await F();
-            e.mark("token_end"), r(l);
+            const l = await B();
+            t(l);
           } catch (l) {
-            f(l, "Failed to refresh token");
+            m(l, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { activateCustomViewStyles: r, updateTimerInClonedTemplate: l } = H(), { injectFullStory: x } = $();
-            _().importCss(), r(), x(), l(), i.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
-              o.hasChanges = !1;
-            }, 1e3), e.markReady();
-          } catch (r) {
-            f(r, "Failed to load custom interface appearance");
+            const { activateCustomViewStyles: t, updateTimerInClonedTemplate: l } = L(), { injectFullStory: x } = N();
+            w().importCss(), t(), x(), l(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+              e.hasChanges = !1;
+            }, 1e3);
+          } catch (t) {
+            m(t, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(r) {
-          o.isCodeEditorOpen = r;
+        onCodeEditorVisibilityChanged(t) {
+          e.isCodeEditorOpen = t;
         },
-        onEditorVisualModeChanged(r) {
-          o.editorVisualMode = r.toLowerCase();
+        onEditorVisualModeChanged(t) {
+          e.editorVisualMode = t.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(r) {
-          o.isVersionHistoryOpen = r;
+        onVersionHistoryVisibilityChanged(t) {
+          e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          o.hasChanges = !0, o.changeSeq += 1;
+          e.hasChanges = !0, e.changeSeq += 1;
         },
-        onEvent: R,
-        onModuleAdd: U,
-        notifications: D(),
+        onEvent: F,
+        onModuleAdd: A,
+        notifications: _(),
         // Stripo deselects the block on any click outside the canvas, so every surface
         // that belongs to the block's own flow has to be listed here (SD-153273).
         ignoreClickOutsideSelectors: [
@@ -133,35 +121,35 @@ const be = () => {
           ".in-modal-v2-wrapper",
           ".in-toasts-wrapper"
         ],
-        extensions: L,
-        localePatch: Q
+        extensions: R,
+        localePatch: J
       }
     );
   };
-  return { initPlugin: async (s, a, i) => {
-    const n = M();
+  return { initPlugin: async (r, s, o) => {
+    const a = k();
     try {
-      e.mark("plugin_start"), e.setScriptPreloaded(v), await g(), e.mark("script_ready");
-      const [t, o] = await Promise.all([
-        A(),
-        P()
+      await f();
+      const [i, e] = await Promise.all([
+        M(),
+        T()
       ]);
-      e.mark("fonts_sync_ready"), n.syncModulesEnabled = o, await I(s, a, i, t, o);
+      a.syncModulesEnabled = e, await D(r, s, o, i, e);
     } catch {
-      n.loadingStatus = !1, T({
-        type: W.Error,
-        message: B["An error has occurred. Please report the error code to support."],
+      a.loadingStatus = !1, v({
+        type: X.Error,
+        message: b["An error has occurred. Please report the error code to support."],
         actionButton: {
-          text: B["Reload page"],
+          text: b["Reload page"],
           onClick: () => window.location.reload()
         }
-      }), e.markFailed();
+      });
     }
   }, preloadRuntime: () => {
-    g().catch(() => {
+    f().catch(() => {
     });
   } };
 };
 export {
-  be as useStripo
+  he as useStripo
 };

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 s } from "../../stores/editor.js";
+import { hasLegacyUnsubscribeClass as c, convertLegacyUnsubscribeInDocumentHtml as i } from "../../utils/legacyUnsubscribeConversion.js";
+const b = (e) => {
+  try {
+    if (!c(e) || !o().isFeatureEnabled("legacyUnsubscribeConversion"))
+      return e;
+    const { html: r, converted: t } = i(e);
+    return t && (s().isLegacyUnsubscribeModalRequested = !0), r;
+  } catch (r) {
+    return console.error("LegacyUnsubscribeTextMigrator failed:", r), e;
+  }
+};
+export {
+  b as migrateLegacyUnsubscribeText
+};

package/dist/enums/academy.js

@@ -2,7 +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_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

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-baf7a5dd]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-1a3ddd48]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-1a3ddd48]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-1a3ddd48]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-baf7a5dd]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-6cdd5182]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-6cdd5182]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-6cdd5182]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}

package/dist/library.js

@@ -1,22 +1,20 @@
 import { default as a } from "./components/Guido.vue.js";
-import { MessageType as t, ProductType as f } from "./@types/config/schemas.js";
+import { MessageType as t, ProductType as d } from "./@types/config/schemas.js";
 import "./@types/config/defaults.js";
-import { getValidationErrors as p, isValidConfig as s, parseConfig as m, parseConfigSafe as g, validateConfig as n } from "./@types/config/validator.js";
-import { assignTrackingIds as l, readTrackFloor as x, readTrackSeq as c } from "./utils/linkTrackingIds.js";
+import { getValidationErrors as s, isValidConfig as p, parseConfig as g, parseConfigSafe as m, validateConfig as n } from "./@types/config/validator.js";
+import { assignTrackingIds as u, readTrackFloor as x, readTrackSeq as T } from "./utils/linkTrackingIds.js";
 import { useGuidoEmailEditorStore as C } from "./stores/guido-email-editor.js";
-import { prefetchGuidoRuntime as E } from "./utils/runtimePrefetch.js";
 export {
   a as Guido,
   t as MessageType,
-  f as ProductType,
-  l as assignTrackingIds,
-  p as getValidationErrors,
-  s as isValidConfig,
-  m as parseConfig,
-  g as parseConfigSafe,
-  E as prefetchGuidoRuntime,
+  d as ProductType,
+  u as assignTrackingIds,
+  s as getValidationErrors,
+  p as isValidConfig,
+  g as parseConfig,
+  m as parseConfigSafe,
   x as readTrackFloor,
-  c as readTrackSeq,
+  T as readTrackSeq,
   C as useGuidoEmailEditorStore,
   n as validateConfig
 };

package/dist/package.json.js

@@ -1,9 +1,7 @@
-const o = "3.21.2-beta.b6f3ef8", s = { stripo: { version: "2.81.1" } }, e = {
-  version: o,
-  guido: s
+const o = { stripo: { version: "2.81.1" } }, s = {
+  guido: o
 };
 export {
-  e as default,
-  s as guido,
-  o as version
+  s as default,
+  o as guido
 };

package/dist/src/@types/config/schemas.d.ts

@@ -414,6 +414,8 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     /** Allow persisting a template that still has validation errors (drawer "Save and Continue" soft-save). Host sets false for transactional + unsubscribe. */
     readonly allowSaveWithErrors: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
     readonly reusableRecommendationStrategy: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+    /** Convert linkless legacy unsubscribe blocks into text blocks and warn with a modal (opt-in) */
+    readonly legacyUnsubscribeConversion: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
 /**
  * Default block types available in Stripo
@@ -832,6 +834,8 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         /** Allow persisting a template that still has validation errors (drawer "Save and Continue" soft-save). Host sets false for transactional + unsubscribe. */
         readonly allowSaveWithErrors: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
         readonly reusableRecommendationStrategy: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+        /** Convert linkless legacy unsubscribe blocks into text blocks and warn with a modal (opt-in) */
+        readonly legacyUnsubscribeConversion: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
     /** Block configuration */
     readonly blocks: v.OptionalSchema<v.ObjectSchema<{

package/dist/src/components/organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/composables/useConfig.d.ts

@@ -104,6 +104,7 @@ export declare const useConfig: () => {
             linkTrackingIds: boolean;
             allowSaveWithErrors: boolean;
             reusableRecommendationStrategy: boolean;
+            legacyUnsubscribeConversion: boolean;
         };
         blocks: {
             excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -243,6 +244,7 @@ export declare const useConfig: () => {
         linkTrackingIds: boolean;
         allowSaveWithErrors: boolean;
         reusableRecommendationStrategy: boolean;
+        legacyUnsubscribeConversion: boolean;
     } | null>;
     blocks: import("vue").ComputedRef<{
         excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];

package/dist/src/composables/useModuleRepair.d.ts

@@ -1,17 +1,8 @@
 import type { ModuleAddData, ModuleModifier } from '@@/Types/stripo';
 export declare const UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY = "dynamic-content.unresolved-attributes-on-drop";
 /**
- * Repairs saved modules as they are dropped or copied into the editor, in one pass
- * over the module HTML. Two independent repairs run through a single write-back:
- *
- * - Dynamic content: saved modules serialize merge-tag chips by their display label
- *   (`{{ Phone Number }}`); this maps them back to their canonical token
- *   (`{{phone_number}}`) using the account's dynamic-content list.
- * - Items currency: v2 Items blocks can carry price `data-curency` /
- *   `data-currency_symbol` attrs that drifted from their `esd-ext-config`; these are
- *   healed from config (the export contract reads those exact attrs).
- *
- * Wired into Stripo via the `onModuleAdd` init callback (see `useStripo`).
+ * Repairs dropped/copied saved modules (items currency, linkless legacy unsubscribe → text block,
+ * dynamic-content labels → tokens) in one write-back; wired via Stripo's `onModuleAdd` (see `useStripo`).
  */
 export declare const useModuleRepair: () => {
     handleModuleAdd: (data: ModuleAddData, modifier: ModuleModifier) => void;

package/dist/src/config/migrator/legacyUnsubscribeTextMigrator.d.ts

@@ -0,0 +1 @@
+export declare const migrateLegacyUnsubscribeText: (html: string) => string;

package/dist/src/enums/academy.d.ts

@@ -9,5 +9,6 @@ export declare const ACADEMY_LINKS: {
     readonly GLOBAL_UNSUBSCRIBE: "https://academy.insiderone.com/docs/global-unsubscribe-preference-center";
     readonly AMP_FOR_EMAILS: "https://academy.insiderone.com/docs/amp-for-emails";
     readonly EMAIL_RECOMMENDATION_BLOCK: "https://academy.insiderone.com/docs/new-editor-email-recommendation-block";
+    readonly LEGACY_UNSUBSCRIBE_MODULE: "https://academy.insiderone.com/docs/new-editor-add-unsubscribe-pages-into-emails";
 };
 export type AcademyLinkKey = keyof typeof ACADEMY_LINKS;

package/dist/src/library.d.ts

@@ -4,6 +4,5 @@ export { validateConfig, parseConfig, parseConfigSafe, isValidConfig, getValidat
 export { assignTrackingIds, readTrackFloor, readTrackSeq } from './public/trackingIds';
 export { useGuidoEmailEditorStore } from './public/editorState';
 export type { GuidoEmailEditorState } from './public/editorState';
-export { prefetchGuidoRuntime } from './public/prefetchRuntime';
 export type { StripoEventType } from './@types/events';
 export type { PositionData, DynamicContentEvent, MergeTagClickEvent, MergeTag, BaseDynamicContent, DynamicContentNode, DynamicContentList, TooltipOptions, TextValueObject, L10n, } from './@types/generic';