@useinsider/guido 3.20.1-beta.991508 → 3.20.1-beta.9dafa57

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   s,
   !1,
   null,
-  "1b5c844a"
+  "44a22ef1"
 );
 const v = n.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -11,25 +11,26 @@ 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 ve from "./organisms/AutoSaveController.vue.js";
-import be from "./organisms/base/AuthErrorModal.vue.js";
-import he from "./organisms/base/Toaster.vue.js";
-import Ee from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import we from "./organisms/header/HeaderWrapper.vue.js";
-import De from "./organisms/LoadingWrapper.vue.js";
-import Ce from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import ke from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import Fe from "./organisms/validation/ValidationErrorDrawer.vue.js";
-import { useStripoApi as Re } from "../services/stripoApi.js";
-import { useConfigStore as Me } from "../stores/config.js";
-import { useDynamicContentStore as Te } from "../stores/dynamic-content.js";
+import { disposeUnsubscribeListeners as ve } from "../extensions/Blocks/Unsubscribe/block.js";
+import be from "./organisms/AutoSaveController.vue.js";
+import he from "./organisms/base/AuthErrorModal.vue.js";
+import Ee from "./organisms/base/Toaster.vue.js";
+import we from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import De from "./organisms/header/HeaderWrapper.vue.js";
+import Ce from "./organisms/LoadingWrapper.vue.js";
+import ke from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import Fe from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import Re from "./organisms/validation/ValidationErrorDrawer.vue.js";
+import { useStripoApi as Me } from "../services/stripoApi.js";
+import { useConfigStore as Te } from "../stores/config.js";
+import { useDynamicContentStore as Ie } from "../stores/dynamic-content.js";
 import { useEditorStore as w } from "../stores/editor.js";
-import { usePreviewStore as Ie } from "../stores/preview.js";
-import { useSaveValidationStore as Le } from "../stores/save-validation.js";
-import { useTemplateStore as Ue } from "../stores/template.js";
-import { useUnsubscribeStore as Ae } from "../stores/unsubscribe.js";
+import { usePreviewStore as Le } from "../stores/preview.js";
+import { useSaveValidationStore as Ue } from "../stores/save-validation.js";
+import { useTemplateStore as Ae } from "../stores/template.js";
+import { useUnsubscribeStore as Be } from "../stores/unsubscribe.js";
 import { readTrackFloor as z } from "../utils/linkTrackingIds.js";
-const lt = /* @__PURE__ */ se({
+const pt = /* @__PURE__ */ se({
   __name: "Guido",
   props: {
     config: null,
@@ -47,9 +48,9 @@ const lt = /* @__PURE__ */ se({
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
     ), X = m(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), D = W(), f = W(), y = Te(), C = Ae(), o = Me();
+    ), D = W(), f = W(), y = Ie(), C = Be(), o = Te();
     s.ready && o.init(s.config);
-    const c = w(), Y = Ie(), l = p(() => c.hasChanges), { isTestPartner: Z } = pe(), { isEnabled: ee } = fe(), k = () => {
+    const c = w(), Y = Le(), l = p(() => c.hasChanges), { isTestPartner: Z } = pe(), { isEnabled: ee } = fe(), k = () => {
       var t;
       return (t = D.value) == null ? void 0 : t.handleSave(!0);
     }, F = (t) => {
@@ -68,7 +69,7 @@ const lt = /* @__PURE__ */ se({
       };
     }, { initPlugin: R, preloadRuntime: M } = ye(), { runExclusive: T, beginMount: I, isCurrentMount: S } = me();
     let u = 0;
-    const { getDefaultTemplate: L } = Re(), { cloneTimersOnSave: U, hasTimerBlocks: A } = ge(), te = p(() => {
+    const { getDefaultTemplate: L } = Me(), { cloneTimersOnSave: U, hasTimerBlocks: A } = ge(), te = p(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
     }), oe = p(() => o.isFeatureEnabled("reusableRecommendationStrategy")), ne = p(
@@ -137,7 +138,7 @@ const lt = /* @__PURE__ */ se({
     };
     return ie(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), E().$reset(), w().$reset(), Ue().$reset(), Le().$reset(), b();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), E().$reset(), w().$reset(), Ae().$reset(), Ue().$reset(), b();
       const t = (e = f.value) == null ? void 0 : e.parentElement;
       if (t && (i = new ResizeObserver(b), i.observe(t)), M(), s.ready)
         await h();
@@ -148,7 +149,7 @@ const lt = /* @__PURE__ */ se({
       }
       document.addEventListener("dynamic-content:open", v);
     }), ce(() => {
-      if (i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), E().disposeStrategyPageReturn(), S(u))
+      if (ve(), i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), E().disposeStrategyPageReturn(), S(u))
         try {
           w().isStripoInitialized = !1;
         } catch (t) {
@@ -170,9 +171,9 @@ const lt = /* @__PURE__ */ se({
       hasChanges: l,
       saveSilent: k,
       setLoading: F
-    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: j, AssignStrategyDrawer: J, RemoveStrategyModal: Q, LegacyStrategyUpdatedModal: X, headerWrapperRef: D, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: C, props: s, configStore: o, editorStore: c, previewStore: Y, hasChanges: l, isTestPartner: Z, isSaveValidationEnabled: ee, saveSilent: k, setLoading: F, emit: r, buildMetadata: g, initPlugin: R, preloadRuntime: M, runExclusive: T, beginMount: I, isCurrentMount: S, mountGeneration: u, getDefaultTemplate: L, cloneTimersOnSave: U, hasTimerBlocks: A, noHeader: te, isRrsEnabled: oe, hasAssignedStrategy: ne, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: b, startEditor: h, AutoSaveController: ve, AuthErrorModal: be, Toaster: he, FilterSelectionDrawer: Ee, HeaderWrapper: we, LoadingWrapper: De, SaveAsTemplateDrawer: Ce, UnsubscribeWrapper: ke, ValidationErrorDrawer: Fe };
+    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: j, AssignStrategyDrawer: J, RemoveStrategyModal: Q, LegacyStrategyUpdatedModal: X, headerWrapperRef: D, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: C, props: s, configStore: o, editorStore: c, previewStore: Y, hasChanges: l, isTestPartner: Z, isSaveValidationEnabled: ee, saveSilent: k, setLoading: F, emit: r, buildMetadata: g, initPlugin: R, preloadRuntime: M, runExclusive: T, beginMount: I, isCurrentMount: S, mountGeneration: u, getDefaultTemplate: L, cloneTimersOnSave: U, hasTimerBlocks: A, noHeader: te, isRrsEnabled: oe, hasAssignedStrategy: ne, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: b, startEditor: h, AutoSaveController: be, AuthErrorModal: he, Toaster: Ee, FilterSelectionDrawer: we, HeaderWrapper: De, LoadingWrapper: Ce, SaveAsTemplateDrawer: ke, UnsubscribeWrapper: Fe, ValidationErrorDrawer: Re };
   }
 });
 export {
-  lt as default
+  pt as default
 };

package/dist/composables/useStripo.js

@@ -31,13 +31,13 @@ const he = () => {
     n = null;
   }), n), D = async (r, s, o, a = [], i = !1) => {
     var y, E, h, C;
-    const e = k(), { html: d, css: R } = r, { baseBlocks: g, extensions: P } = 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";
+    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: s,
         html: d,
-        css: R,
+        css: P,
         forceRecreate: I,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
@@ -60,6 +60,7 @@ const he = () => {
         keepModuleStylesEnabled: !0,
         displayTitle: !1,
         displayUTM: !1,
+        copyPasteEnabled: !1,
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: q,
@@ -120,7 +121,7 @@ const he = () => {
           ".in-modal-v2-wrapper",
           ".in-toasts-wrapper"
         ],
-        extensions: P,
+        extensions: R,
         localePatch: J
       }
     );

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

@@ -1,6 +1,6 @@
 var k = Object.defineProperty;
-var S = (d, l, e) => l in d ? k(d, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[l] = e;
-var g = (d, l, e) => S(d, typeof l != "symbol" ? l + "" : l, e);
+var S = (d, l, t) => l in d ? k(d, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[l] = t;
+var g = (d, l, t) => S(d, typeof l != "symbol" ? l + "" : l, t);
 import { BlockId as D } from "../../../enums/block.js";
 import { useOnboardingStore as T } from "../../../stores/onboarding.js";
 import { getMigrationBannerHtml as N } from "../../../utils/migrationBannerHtml.js";
@@ -58,15 +58,15 @@ class $ extends H {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(e) {
-    const t = this.api.getDocumentModifier(), c = this.api.getDocumentRootCssNode();
-    c.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(c).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const r = _(e);
+  onCreated(t) {
+    const e = this.api.getDocumentModifier(), c = this.api.getDocumentRootCssNode();
+    c.querySelector('[product-attr="imageSrc"] img') || e.modifyCss(c).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const r = _(t);
     if (!r)
       return;
-    const o = r.getNodeConfig(), s = o && Object.keys(o).length > 0, i = C(e);
+    const o = r.getNodeConfig(), n = o && Object.keys(o).length > 0, i = C(t);
     if (i != null && i.initialized) {
-      if (!s) {
+      if (!n) {
         const a = this.api.getDocumentModifier();
         a.modifyHtml(r).setNodeConfig(i), this._stampProductTdDomAttributes(r, i, a), this._healCollapsedWidths(r, a), this._shouldReconcileCurrency(i) && this._reconcileCurrencyDomAttributes(r, i, a), a.apply(new u("Migrate legacy config to nodeConfig")), this._markCurrencyHealed(i.blockInstanceId);
         return;
@@ -76,9 +76,9 @@ class $ extends H {
       I.modifyHtml(r).setNodeConfig(a), this._stampProductTdDomAttributes(r, a, I, !0), I.apply(new u("Initialize Items block with default configuration")), T().startOnboarding("itemsOnboarding");
       return;
     }
-    const n = this._resolveInstanceId(i.blockInstanceId), f = this.api.getDocumentModifier();
+    const s = this._resolveInstanceId(i.blockInstanceId), f = this.api.getDocumentModifier();
     let h = !1;
-    n !== i.blockInstanceId && (f.modifyHtml(r).setNodeConfig({ ...i, blockInstanceId: n }), h = !0), !this._currencyHealed.has(n) && this._reconcileCurrencyDomAttributes(r, i, f) && (h = !0), this._healCollapsedWidths(r, f) && (h = !0), h && f.apply(new u("Assign Items block instance ID and reconcile currency")), this._markCurrencyHealed(n);
+    s !== i.blockInstanceId && (f.modifyHtml(r).setNodeConfig({ ...i, blockInstanceId: s }), h = !0), !this._currencyHealed.has(s) && this._reconcileCurrencyDomAttributes(r, i, f) && (h = !0), this._healCollapsedWidths(r, f) && (h = !0), h && f.apply(new u("Assign Items block instance ID and reconcile currency")), this._markCurrencyHealed(s);
   }
   /**
    * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
@@ -86,24 +86,24 @@ class $ extends H {
    * into nodeConfig, so without this a reused module would reset to defaults.
    * Guarded to the nodeConfig-empty case so it runs once and never loops.
    */
-  onDocumentChanged(e) {
-    const t = _(e);
-    if (!t)
+  onDocumentChanged(t) {
+    const e = _(t);
+    if (!e)
       return;
-    const c = t.getNodeConfig();
+    const c = e.getNodeConfig();
     if (c && Object.keys(c).length > 0) {
-      const i = C(e);
+      const i = C(t);
       if (i != null && i.initialized && this._shouldReconcileCurrency(i)) {
-        const n = this.api.getDocumentModifier();
-        this._reconcileCurrencyDomAttributes(t, i, n) && n.apply(new u(V)), this._markCurrencyHealed(i.blockInstanceId);
+        const s = this.api.getDocumentModifier();
+        this._reconcileCurrencyDomAttributes(e, i, s) && s.apply(new u(V)), this._markCurrencyHealed(i.blockInstanceId);
       }
       return;
     }
-    const o = C(e);
+    const o = C(t);
     if (!(o != null && o.initialized))
       return;
-    const s = this.api.getDocumentModifier();
-    s.modifyHtml(t).setNodeConfig(o), this._stampProductTdDomAttributes(t, o, s), this._healCollapsedWidths(t, s), this._shouldReconcileCurrency(o) && this._reconcileCurrencyDomAttributes(t, o, s), s.apply(new u("Recover Items block config from saved module")), this._markCurrencyHealed(o.blockInstanceId);
+    const n = this.api.getDocumentModifier();
+    n.modifyHtml(e).setNodeConfig(o), this._stampProductTdDomAttributes(e, o, n), this._healCollapsedWidths(e, n), this._shouldReconcileCurrency(o) && this._reconcileCurrencyDomAttributes(e, o, n), n.apply(new u("Recover Items block config from saved module")), this._markCurrencyHealed(o.blockInstanceId);
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -113,20 +113,21 @@ class $ extends H {
    * restored before export. The name `<a>` carries no data-type/data-number of its own and
    * relies on this td-level fallback in pairProductVariables.
    */
-  _stampProductTdDomAttributes(e, t, c, r = !1) {
-    const o = B(t.itemsSelectValue, t.type), s = (i, n) => {
-      r && e.getAttribute(i) || c.modifyHtml(e).setAttribute(i, n);
+  _stampProductTdDomAttributes(t, e, c, r = !1) {
+    const o = B(e.itemsSelectValue, e.type), n = (i, s) => {
+      r && t.getAttribute(i) || c.modifyHtml(t).setAttribute(i, s);
     };
-    s("data-type", t.type), s("data-number", o), s("data-nodup", String(t.priceHideDiscount));
+    n("data-type", e.type), n("data-number", o), n("data-nodup", String(e.priceHideDiscount));
   }
   /**
    * Repairs a saved module's collapsed card into the state the load migrator produces. Acts only
    * on a zero width, so Stripo's non-zero drop-time width never triggers it and a healed block no-ops.
    */
-  _healCollapsedWidths(e, t) {
-    const r = e.querySelectorAll(M).filter((o) => m(o.getAttribute("width")) || m(o.getStyle("width")));
-    return !m(e.getAttribute("width")) && !r.length ? !1 : (e.hasClass("esd-container-frame") && t.modifyHtml(e).removeClass("esd-container-frame"), e.getAttribute("width") !== null && t.modifyHtml(e).removeAttribute("width"), r.forEach((o) => {
-      m(o.getAttribute("width")) && t.modifyHtml(o).setAttribute("width", "100%"), m(o.getStyle("width")) && t.modifyHtml(o).setStyle("width", "100%");
+  _healCollapsedWidths(t, e) {
+    const r = t.querySelectorAll(M).filter((o) => m(o.getAttribute("width")) || m(o.getStyle("width")));
+    return !m(t.getAttribute("width")) && !r.length ? !1 : (t.hasClass("esd-container-frame") && e.modifyHtml(t).removeClass("esd-container-frame"), t.getAttribute("width") !== null && e.modifyHtml(t).removeAttribute("width"), r.forEach((o) => {
+      const n = o.getAttribute("width");
+      (n === null || m(n)) && e.modifyHtml(o).setAttribute("width", "100%"), m(o.getStyle("width")) && e.modifyHtml(o).setStyle("width", "100%");
     }), !0);
   }
   /**
@@ -137,12 +138,12 @@ class $ extends H {
    * the symbol write alone is skipped for the 'USD' sentinel — so we must NOT gate the whole pass
    * on symbol customization here, or a default-symbol block with a toggled location never heals.
    */
-  _shouldReconcileCurrency(e) {
-    return !e.blockInstanceId || !this._currencyHealed.has(e.blockInstanceId);
+  _shouldReconcileCurrency(t) {
+    return !t.blockInstanceId || !this._currencyHealed.has(t.blockInstanceId);
   }
   /** Marks a block instance's currency as reconciled so it is not healed again (undo-safe). */
-  _markCurrencyHealed(e) {
-    e && this._currencyHealed.add(e);
+  _markCurrencyHealed(t) {
+    t && this._currencyHealed.add(t);
   }
   /**
    * Resolves the id for a just-created block to one that is unique per live instance.
@@ -151,13 +152,13 @@ class $ extends H {
    * currency heal guard and settings-panel switch detection. Mint a fresh id on absence
    * or collision, otherwise keep the existing one. Registers the result as claimed.
    */
-  _resolveInstanceId(e) {
-    let t = e;
-    if (!t || this._seenInstanceIds.has(t))
+  _resolveInstanceId(t) {
+    let e = t;
+    if (!e || this._seenInstanceIds.has(e))
       do
-        t = P();
-      while (this._seenInstanceIds.has(t));
-    return this._seenInstanceIds.add(t), t;
+        e = P();
+      while (this._seenInstanceIds.has(e));
+    return this._seenInstanceIds.add(e), e;
   }
   /**
    * Stamps the export-read currency attrs onto every price `<p>` from config, so a template whose
@@ -170,11 +171,11 @@ class $ extends H {
    * Returns true only when an attr actually changed, so the caller can skip an empty apply that
    * would otherwise re-trigger onDocumentChanged and loop.
    */
-  _reconcileCurrencyDomAttributes(e, t, c) {
-    const { position: r, symbol: o } = w(t), s = e.querySelectorAll(`.${E.PRICE} p`);
+  _reconcileCurrencyDomAttributes(t, e, c) {
+    const { position: r, symbol: o } = w(e), n = t.querySelectorAll(`.${E.PRICE} p`);
     let i = !1;
-    return s.forEach((n) => {
-      r !== void 0 && n.getAttribute(y.POSITION) !== r && (c.modifyHtml(n).setAttribute(y.POSITION, r), i = !0), o !== void 0 && n.getAttribute(y.SYMBOL) !== o && (c.modifyHtml(n).setAttribute(y.SYMBOL, o), i = !0);
+    return n.forEach((s) => {
+      r !== void 0 && s.getAttribute(y.POSITION) !== r && (c.modifyHtml(s).setAttribute(y.POSITION, r), i = !0), o !== void 0 && s.getAttribute(y.SYMBOL) !== o && (c.modifyHtml(s).setAttribute(y.SYMBOL, o), i = !0);
     }), i;
   }
 }

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

@@ -1,42 +1,48 @@
-var S = Object.defineProperty;
-var f = (c, o, e) => o in c ? S(c, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[o] = e;
-var a = (c, o, e) => f(c, typeof o != "symbol" ? o + "" : o, e);
+var y = Object.defineProperty;
+var I = (c, o, e) => o in c ? y(c, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[o] = e;
+var g = (c, o, e) => I(c, typeof o != "symbol" ? o + "" : o, e);
 import { useToaster as L } from "../../../composables/useToaster.js";
-import { ToasterTypeOptions as A } from "../../../enums/toaster.js";
-import { PAGE_TYPES as h } from "../../../enums/unsubscribe.js";
-import { useEditorStore as y } from "../../../stores/editor.js";
-import { useUnsubscribeStore as l } from "../../../stores/unsubscribe.js";
-import { Block as T, BlockCompositionType as I, ContextActionType as B, ModificationDescription as d, BlockType as v } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as C } from "./template.js";
-import { UNSUBSCRIBE_BLOCK_SELECTOR as m, DATA_ATTRIBUTES as n, UNSUBSCRIBE_EVENTS as b } from "./utils/constants.js";
-import { parsePageList as _ } from "./utils/utils.js";
-const N = "unsubscribe-block", E = 'a[data-unsubscribe-link="true"]', U = "{{ins-unsubscribe-link}}", R = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", D = "Removing the unsubscribe text leaves an empty block, but an active unsubscribe link is required. Undo your last action to restore the text, or delete the unsubscribe block entirely.", w = {
-  [h.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
-  [h.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
-}, P = 3;
-class W extends T {
+import { ToasterTypeOptions as C } from "../../../enums/toaster.js";
+import { PAGE_TYPES as m } from "../../../enums/unsubscribe.js";
+import { useEditorStore as N } from "../../../stores/editor.js";
+import { useUnsubscribeStore as a } from "../../../stores/unsubscribe.js";
+import { Block as U, BlockCompositionType as R, ContextActionType as f, ModificationDescription as u, BlockType as v } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { getDefaultTemplate as D } from "./template.js";
+import { UNSUBSCRIBE_BLOCK_SELECTOR as B, DATA_ATTRIBUTES as n, UNSUBSCRIBE_EVENTS as h } from "./utils/constants.js";
+import { parsePageList as S } from "./utils/utils.js";
+const w = "unsubscribe-block", E = 'a[data-unsubscribe-link="true"]', P = "{{ins-unsubscribe-link}}", x = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", G = "Removing the unsubscribe text leaves an empty block, but an active unsubscribe link is required. Undo your last action to restore the text, or delete the unsubscribe block entirely.", M = {
+  [m.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
+  [m.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
+}, O = 3;
+let d = null, p = null;
+const A = () => {
+  d && (document.removeEventListener(h.SELECT, d), d = null);
+}, T = () => {
+  p && (document.removeEventListener(h.CANCEL, p), p = null);
+}, q = () => {
+  A(), T();
+};
+class J extends U {
   constructor() {
     super();
-    a(this, "selectEventListener", null);
-    a(this, "cancelEventListener", null);
-    a(this, "currentNode");
+    g(this, "currentNode");
     // Per-block "did this instance have a link last time we saw it?" tracking.
     // Keyed by the stable `data-unsubscribe-block-id` we assign, because
     // ImmutableHtmlNode instances are recreated on every document mutation and
     // can't be used as Map keys directly. A singleton boolean here would be
     // polluted across blocks since Stripo fires onDocumentChanged per-instance.
-    a(this, "linkStateByBlockId", /* @__PURE__ */ new Map());
+    g(this, "linkStateByBlockId", /* @__PURE__ */ new Map());
     // Per-block prepend retry counter for the leading text guard (SD-143097).
-    a(this, "guardAttemptsByBlockId", /* @__PURE__ */ new Map());
+    g(this, "guardAttemptsByBlockId", /* @__PURE__ */ new Map());
   }
   getId() {
-    return N;
+    return w;
   }
   getIcon() {
     return "unsubscribe-icon";
   }
   getBlockCompositionType() {
-    return I.BLOCK;
+    return R.BLOCK;
   }
   getName() {
     return this.api.translate("Unsubscribe Block");
@@ -45,16 +51,16 @@ class W extends T {
     return this.api.translate("Unsubscribe Block Description");
   }
   getTemplate() {
-    return C();
+    return D();
   }
   getContextActionsIds() {
-    return [B.MOVE, B.REMOVE];
+    return [f.MOVE, f.REMOVE];
   }
   onSelect(e) {
-    if (this.currentNode = e, y().isPreviewModeOpen)
+    if (this.currentNode = e, N().isPreviewModeOpen)
       return;
     const t = this._getOrAssignBlockId(e);
-    t && this.linkStateByBlockId.set(t, this._hasUnsubscribeLink(e)), this._setupSelectEventListener(), this._setupCancelEventListener(t), !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), t && (l().pendingBlockId = t), this._loadBlockState(e), this._checkExistingBlocks(), this._openDrawer());
+    t && this.linkStateByBlockId.set(t, this._hasUnsubscribeLink(e)), this._setupSelectEventListener(), this._setupCancelEventListener(t), !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), t && (a().pendingBlockId = t), this._loadBlockState(e), this._checkExistingBlocks(), this._openDrawer());
   }
   onCreated(e) {
     this._ensureLeadingTextGuard(e);
@@ -62,7 +68,7 @@ class W extends T {
   onDocumentInit() {
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(m).forEach((t) => {
+      e && "querySelectorAll" in e && e.querySelectorAll(B).forEach((t) => {
         this._ensureLeadingTextGuard(t);
       });
     } catch {
@@ -77,13 +83,10 @@ class W extends T {
     this.linkStateByBlockId.get(t) === !0 && !s && this._warnLinkRemoved(), this.linkStateByBlockId.set(t, s);
   }
   onDelete(e) {
-    this._removeEventListeners(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
+    q(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
     const t = this._readBlockId(e);
     t && (this.linkStateByBlockId.delete(t), this.guardAttemptsByBlockId.delete(t));
   }
-  onDestroy() {
-    this._removeEventListeners(), this.currentNode = void 0, this.linkStateByBlockId.clear(), this.guardAttemptsByBlockId.clear();
-  }
   /**
    * Guarantees a plain-text node before the link's wrapper inside the <p>.
    * Without it the only caret position left of the link is inside the anchor,
@@ -102,20 +105,20 @@ class W extends T {
       return;
     const i = s.previousSibling();
     if (!!(i && i.getType() === "text" && i.getTextContent())) {
-      const p = this._readBlockId(e);
-      p && this.guardAttemptsByBlockId.delete(p);
+      const b = this._readBlockId(e);
+      b && this.guardAttemptsByBlockId.delete(b);
       return;
     }
-    const g = this._getOrAssignBlockId(e);
-    if (!g)
+    const k = this._getOrAssignBlockId(e);
+    if (!k)
       return;
-    const k = this.guardAttemptsByBlockId.get(g) ?? 0;
-    if (!(k >= P)) {
-      this.guardAttemptsByBlockId.set(g, k + 1);
+    const _ = this.guardAttemptsByBlockId.get(k) ?? 0;
+    if (!(_ >= O)) {
+      this.guardAttemptsByBlockId.set(k, _ + 1);
       try {
-        this.api.getDocumentModifier().modifyHtml(r).prepend("&nbsp;").apply(new d("Ensure unsubscribe link text guard"));
-      } catch (p) {
-        console.warn("[UnsubscribeBlock] Failed to ensure link text guard:", p);
+        this.api.getDocumentModifier().modifyHtml(r).prepend("&nbsp;").apply(new u("Ensure unsubscribe link text guard"));
+      } catch (b) {
+        console.warn("[UnsubscribeBlock] Failed to ensure link text guard:", b);
       }
     }
   }
@@ -139,7 +142,7 @@ class W extends T {
       return null;
     const s = this._generateNextBlockId();
     try {
-      this.api.getDocumentModifier().modifyHtml(e).setAttribute(n.BLOCK_ID, s).apply(new d(`Assign unsubscribe block id ${s}`));
+      this.api.getDocumentModifier().modifyHtml(e).setAttribute(n.BLOCK_ID, s).apply(new u(`Assign unsubscribe block id ${s}`));
     } catch (r) {
       return console.warn("[UnsubscribeBlock] Failed to assign block id:", r), null;
     }
@@ -154,10 +157,10 @@ class W extends T {
     let e = 0;
     try {
       const t = this.api.getDocumentRoot();
-      t && "querySelectorAll" in t && t.querySelectorAll(m).forEach((r) => {
+      t && "querySelectorAll" in t && t.querySelectorAll(B).forEach((r) => {
         if ("getAttribute" in r) {
-          const i = r.getAttribute(n.BLOCK_ID), u = i ? parseInt(i) : 0;
-          u > e && (e = u);
+          const i = r.getAttribute(n.BLOCK_ID), l = i ? parseInt(i) : 0;
+          l > e && (e = l);
         }
       });
     } catch {
@@ -168,12 +171,12 @@ class W extends T {
     try {
       const { showToaster: e } = L();
       e({
-        type: A.Warning,
-        message: this.api.translate(D),
+        type: C.Warning,
+        message: this.api.translate(G),
         actionButton: {
           text: this.api.translate("Visit Academy"),
           onClick: () => {
-            window.open(R, "_blank", "noopener,noreferrer");
+            window.open(x, "_blank", "noopener,noreferrer");
           }
         }
       });
@@ -182,35 +185,26 @@ class W extends T {
     }
   }
   _setupSelectEventListener() {
-    this._removeSelectEventListener(), this.selectEventListener = (e) => {
+    A(), d = (e) => {
       const t = e, { collectionType: s, selectedPages: r } = t.detail;
       this._updateBlock(s, r.join(","));
-    }, document.addEventListener(b.SELECT, this.selectEventListener);
-  }
-  _removeSelectEventListener() {
-    this.selectEventListener && (document.removeEventListener(b.SELECT, this.selectEventListener), this.selectEventListener = null);
+    }, document.addEventListener(h.SELECT, d);
   }
   _setupCancelEventListener(e) {
-    this._removeCancelEventListener(), this.cancelEventListener = (t) => {
+    T(), p = (t) => {
       const { detail: s } = t;
       ((s == null ? void 0 : s.blockId) ?? null) === e && this._handleCancel();
-    }, document.addEventListener(b.CANCEL, this.cancelEventListener);
-  }
-  _removeCancelEventListener() {
-    this.cancelEventListener && (document.removeEventListener(b.CANCEL, this.cancelEventListener), this.cancelEventListener = null);
+    }, document.addEventListener(h.CANCEL, p);
   }
   _handleCancel() {
     try {
       if (!this.currentNode)
         return;
-      this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${v.EMPTY_CONTAINER}/>`).apply(new d("Removed unsubscribe block due to cancel"));
+      this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${v.EMPTY_CONTAINER}/>`).apply(new u("Removed unsubscribe block due to cancel"));
     } catch (e) {
       console.warn("[UnsubscribeBlock] Failed to remove unsubscribe block:", e);
     }
   }
-  _removeEventListeners() {
-    this._removeSelectEventListener(), this._removeCancelEventListener();
-  }
   _updateBlock(e, t) {
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
@@ -218,28 +212,28 @@ class W extends T {
     if (!s)
       return;
     const r = this._getMergeTag(e);
-    this.api.getDocumentModifier().modifyHtml(s).setAttribute("href", r).apply(new d(`Updated unsubscribe link to ${r}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(n.PAGE_TYPE, e.toString()).setAttribute(n.PAGE_LIST, t).apply(new d("Updated unsubscribe block metadata"));
+    this.api.getDocumentModifier().modifyHtml(s).setAttribute("href", r).apply(new u(`Updated unsubscribe link to ${r}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(n.PAGE_TYPE, e.toString()).setAttribute(n.PAGE_LIST, t).apply(new u("Updated unsubscribe block metadata"));
   }
   _getMergeTag(e) {
-    return w[e] ?? U;
+    return M[e] ?? P;
   }
   _openDrawer() {
     if (!(this.currentNode && this.currentNode.getAttribute("data-unsubscribe-page-type")))
       try {
-        const e = l();
+        const e = a();
         e.typeSelectionDrawerStatus = !0;
       } catch (e) {
         console.error("[UnsubscribeBlock] Failed to open drawer:", e);
       }
   }
   _checkExistingBlocks() {
-    const e = l();
-    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(m).forEach((s) => {
+    const e = a();
+    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(B).forEach((s) => {
       if ("getAttribute" in s) {
         const r = s.getAttribute(n.PAGE_TYPE);
         if (r) {
           const i = Number(r);
-          i === h.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : i === h.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
+          i === m.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : i === m.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
         }
       }
     });
@@ -250,11 +244,11 @@ class W extends T {
     const t = e.getAttribute(n.PAGE_TYPE), s = e.getAttribute(n.PAGE_LIST);
     if (!t || !s)
       return;
-    const r = l(), i = Number(t), u = _(s);
-    await r.fetchTemplates(), r.setCollectionWithoutAutoSelection(i), r.loadSelectedTemplates(u);
+    const r = a(), i = Number(t), l = S(s);
+    await r.fetchTemplates(), r.setCollectionWithoutAutoSelection(i), r.loadSelectedTemplates(l);
   }
   _resetStoreState() {
-    l().$reset();
+    a().$reset();
   }
   _removeBlockTemplatesFromStore(e) {
     if (!("getAttribute" in e))
@@ -262,11 +256,12 @@ class W extends T {
     const t = e.getAttribute(n.PAGE_LIST);
     if (!t)
       return;
-    const s = l(), r = _(t);
+    const s = a(), r = S(t);
     s.removeUnsubscribePages(r);
   }
 }
 export {
-  N as UNSUBSCRIBE_BLOCK_ID,
-  W as UnsubscribeBlock
+  w as UNSUBSCRIBE_BLOCK_ID,
+  J as UnsubscribeBlock,
+  q as disposeUnsubscribeListeners
 };

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-2cccbd44]{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-c5ff3804]{gap:16px}.validation-error-row[data-v-c5ff3804]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-c5ff3804]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-c5ff3804]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-1b5c844a]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-1b5c844a]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-1b5c844a]{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-2cccbd44]{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-c5ff3804]{gap:16px}.validation-error-row[data-v-c5ff3804]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-c5ff3804]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-c5ff3804]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-44a22ef1]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-44a22ef1]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-44a22ef1]{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}