@useinsider/guido 3.12.1-beta.3214ec4 → 3.13.0-beta.b66d46a

package/README.md

@@ -150,7 +150,7 @@ const config: GuidoConfigInput = {
     backButtonLabel?: string,
   },
 
-  // Optional: Feature toggles
+  // Optional: Feature toggles (defaults apply once initialized — see `ready` prop below)
   features?: {
     dynamicContent?: boolean,     // Default: true
     saveAsTemplate?: boolean,     // Default: true
@@ -161,6 +161,7 @@ const config: GuidoConfigInput = {
     modulesDisabled?: boolean,    // Default: false - Disable modules panel
     liquidSyntax?: boolean,       // Default: false - Enable Liquid template syntax
     autosave?: boolean,           // Default: false - Show the Auto Save toggle in the header. See wiki/AUTOSAVE.md.
+    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).
   },
 
   // Optional: Callbacks
@@ -182,6 +183,19 @@ const config: GuidoConfigInput = {
 };
 ```
 
+### `ready` prop
+
+```vue
+<Guido :config="config" :ready="isConfigLoaded" />
+```
+
+Optional, defaults to `true` — existing call sites need no change. Pass `false` to mount
+Guido *before* `config` is fetched: it preloads the ~8 MB editor runtime immediately and
+defers config validation + editor init until `ready` flips to `true`.
+
+`config` must be final at that flip (later mutations don't re-initialize), and the flip is
+one-way. While `ready` is `false` every `features` toggle reads as disabled.
+
 ---
 
 ## Events
@@ -637,6 +651,7 @@ bun run lint
 VITE_STRIPO_PLUGIN_ID=your_plugin_id
 VITE_STRIPO_SECRET_KEY=your_secret_key
 VITE_STRIPO_ROLE=your_role
+VITE_STRIPO_USER=your_user
 ```
 
 ---

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

@@ -1,11 +1,11 @@
 import { ModuleFolderDefaults as y } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as l, pipe as p, minLength as b, custom as f, boolean as o, array as c, record as k, fallback as C, literal as i, looseObject as g, variant as R, union as h, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
+import { object as a, number as n, optional as e, string as t, picklist as r, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, fallback as C, literal as i, looseObject as g, variant as R, union as f, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
 const d = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
   /** Transactional/system emails */
   TRANSACTIONAL: 2
-}, r = {
+}, l = {
   /** Standard email campaigns */
   EMAIL: 60,
   /** Architect journey builder */
@@ -38,16 +38,16 @@ const d = {
   ),
   /** Product type identifier */
   productType: e(
-    l([
-      r.EMAIL,
-      r.ARCHITECT,
-      r.UNSUBSCRIBE_PAGES
+    r([
+      l.EMAIL,
+      l.ARCHITECT,
+      l.UNSUBSCRIBE_PAGES
     ]),
-    r.EMAIL
+    l.EMAIL
   ),
   /** Message type (promotional or transactional) */
   messageType: e(
-    l([d.PROMOTIONAL, d.TRANSACTIONAL]),
+    r([d.PROMOTIONAL, d.TRANSACTIONAL]),
     d.PROMOTIONAL
   ),
   /** Display name for the current user */
@@ -76,14 +76,14 @@ const d = {
   children: e(c(S)),
   // eslint-disable-next-line camelcase -- backend field name
   select_items: e(c(S))
-})), P = k(
+})), E = k(
   t(),
   C(c(S), [])
-), D = g({
+), P = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(h([t(), n()])),
+  decimalCount: e(f([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(s())),
   /** Whether the block requested live products at send time */
@@ -117,14 +117,14 @@ const d = {
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(h([t(), n()])),
+  size: e(f([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
   isPriceMovedToNextLine: e(o()),
   /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
   isPriceDeletedForZeroSale: e(o())
-}), E = a({
+}), D = a({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -132,7 +132,7 @@ const d = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    k(t(), D),
+    k(t(), P),
     {}
   )
 }), M = a({
@@ -151,7 +151,7 @@ const d = {
    * (first) partner's leaf attributes into the label→token map that repairs
    * label-form placeholders (`{{ Phone Number }}`) in dropped saved modules.
    */
-  dynamicContentList: e(P, {}),
+  dynamicContentList: e(E, {}),
   /** Valid custom field attribute names from the partner's categorized fields */
   customFieldAttributes: e(c(t()), []),
   /** Selected unsubscribe page IDs */
@@ -159,7 +159,7 @@ const d = {
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
   forceRecreate: e(o(), !1),
   /** Migration-only inputs (legacy block configs) */
-  migration: e(E, {})
+  migration: e(D, {})
 }), N = a({
   /** Sender display name */
   senderName: e(t(), ""),
@@ -201,8 +201,10 @@ const d = {
   /** Enable Liquid template syntax */
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
-  autosave: e(o(), !1)
-}), U = l([
+  autosave: e(o(), !1),
+  /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
+  allowlistEnabled: e(o(), !1)
+}), U = r([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -216,7 +218,7 @@ const d = {
   "text-block",
   "timer-block",
   "video-block"
-]), B = l([
+]), B = r([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -269,7 +271,7 @@ const d = {
   ...m.entries,
   type: i("custom"),
   /** Custom processor function */
-  processor: f(
+  processor: h(
     (u) => typeof u == "function",
     "processor must be a function"
   )
@@ -289,7 +291,7 @@ const d = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    f(
+    h(
       (u) => typeof u == "function",
       "externalValidation must be a function"
     )
@@ -324,7 +326,7 @@ export {
   B as CustomBlockTypeSchema,
   q as CustomRuleSchema,
   U as DefaultBlockTypeSchema,
-  P as DynamicContentListSchema,
+  E as DynamicContentListSchema,
   S as DynamicContentNodeSchema,
   v as DynamicContentSchema,
   O as EditorSchema,
@@ -333,14 +335,14 @@ export {
   F as FeaturesSchema,
   K as GuidoConfigSchema,
   A as IdentitySchema,
-  D as LegacyRecommendationConfigSchema,
+  P as LegacyRecommendationConfigSchema,
   d as MessageType,
   L as PartnerSchema,
-  r as ProductType,
+  l as ProductType,
   _ as RegexRuleSchema,
   j as RemoveRuleSchema,
   H as ReplaceRuleSchema,
-  E as TemplateMigrationSchema,
+  D as TemplateMigrationSchema,
   M as TemplateSchema,
   x as UISchema
 };

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "50dac6de"
+  "5079a1c8"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

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

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

@@ -10,7 +10,7 @@ var n = function() {
   r,
   !1,
   null,
-  "195ab6d4"
+  "87033101"
 );
 const c = a.exports;
 export {

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

@@ -10,7 +10,7 @@ var n = function() {
   r,
   !1,
   null,
-  "d405ca59"
+  "6ebabfe4"
 );
 const d = a.exports;
 export {

package/dist/composables/useAllowlist.js

@@ -0,0 +1,50 @@
+import { useAllowlistApi as A } from "../services/allowlistApi.js";
+import { base64EncodeWithSpecialChars as p } from "../utils/base64.js";
+import { useTranslations as h } from "./useTranslations.js";
+import { useUserRole as D } from "./useUserRole.js";
+const f = /(?:https?:\/\/|www\.)[^\s"'<>()]+/gi, E = /&quot;\/\//gi, i = {
+  MANAGE: "journey-builder.domain-allowlist-warning",
+  NON_MANAGE: "settings.allow-list-warning-not-admin-architect",
+  ADD_BUTTON: "settings.allow-list-warning-add-button"
+}, w = /* @__PURE__ */ new Set(), O = (n) => `/settings?openAddModal=true&type=domain&values=${p(n)}#security`, M = () => {
+  const { checkDomain: n } = A(), { getIsManageUser: l } = D(), a = h(), d = (t, s) => {
+    const c = `${t || ""} ${s || ""}`.replace(E, "https://").match(f) || [], e = /* @__PURE__ */ new Set();
+    return c.forEach((r) => {
+      const g = /^https?:\/\//i.test(r) ? r : `https://${r}`;
+      try {
+        const { hostname: u } = new URL(g);
+        u && e.add(u.replace(/^www\./i, "").toLowerCase());
+      } catch {
+      }
+    }), [...e];
+  }, m = async (t) => {
+    if (w.has(t))
+      return !0;
+    try {
+      const s = await n(t);
+      return s && w.add(t), s;
+    } catch (s) {
+      return console.error("[GUIDO_ALLOWLIST] isDomainAllowlisted failed", t, s), !0;
+    }
+  };
+  return { getBlockedDomains: async (t, s) => {
+    try {
+      const o = d(t, s);
+      return o.length ? (await Promise.all(
+        o.map(async (e) => ({ domain: e, allowlisted: await m(e) }))
+      )).filter((e) => !e.allowlisted).map((e) => e.domain) : [];
+    } catch (o) {
+      return console.error("[GUIDO_ALLOWLIST] getBlockedDomains failed", o), [];
+    }
+  }, resolveToast: async (t) => await l() ? {
+    message: a(i.MANAGE),
+    actionButton: {
+      text: a(i.ADD_BUTTON),
+      onClick: () => window.open(O(t.join(",")), "_blank")
+    }
+  } : { message: a(i.NON_MANAGE) } };
+};
+export {
+  O as buildAllowlistSettingsUrl,
+  M as useAllowlist
+};

package/dist/composables/useSave.js

@@ -1,32 +1,51 @@
-import { useActionsApi as H } from "./useActionsApi.js";
-import { useConfig as y } from "./useConfig.js";
-import { useSaveStart as w, useSaveComplete as k } from "./useGuidoActions.js";
+import { useActionsApi as T } from "./useActionsApi.js";
+import { useConfig as k } from "./useConfig.js";
+import { useSaveStart as B, useSaveComplete as E } from "./useGuidoActions.js";
 import { useSyncModuleExtractor as q } from "./useSyncModuleExtractor.js";
-import { useStripoApi as C } from "../services/stripoApi.js";
-import { useTemplatePreparation as E } from "../utils/templatePreparation.js";
-import { useHtmlValidator as B } from "./useHtmlValidator.js";
-import { useCouponBlockValidator as L } from "./validators/useCouponBlockValidator.js";
-import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
-import { useUnsubscribeBlockValidator as U } from "./validators/useUnsubscribeBlockValidator.js";
-const K = () => {
-  const o = w(), s = k(), { validateHtml: r } = B(), { validateLiquidSyntax: l } = P(), { validateCouponBlockTags: n } = L(), { validateUnsubscribeBlockUniqueness: d, validateUnsubscribeBlockHasTemplate: c } = U(), { callbacks: i, isFeatureEnabled: u } = y(), { extractSyncModuleData: m } = q(), { setSyncModuleUnsubscriptionPages: p } = C(), { editorSave: v } = H();
-  return { save: async (f = !1, S = !1) => {
-    var a;
-    o();
-    const { prepareTemplateDetails: V } = E(), t = await V();
-    if (!n(t.compiledHtml) || !d(t.compiledHtml) || !c(t.compiledHtml))
+import { ToasterTypeOptions as C } from "../enums/toaster.js";
+import { useStripoApi as D } from "../services/stripoApi.js";
+import { useTemplatePreparation as L } from "../utils/templatePreparation.js";
+import { useAllowlist as P } from "./useAllowlist.js";
+import { useHtmlValidator as U } from "./useHtmlValidator.js";
+import { useToaster as A } from "./useToaster.js";
+import { useCouponBlockValidator as M } from "./validators/useCouponBlockValidator.js";
+import { useLiquidValidator as h } from "./validators/useLiquidValidator.js";
+import { useUnsubscribeBlockValidator as F } from "./validators/useUnsubscribeBlockValidator.js";
+const $ = () => {
+  const n = B(), l = E(), { validateHtml: c } = U(), { validateLiquidSyntax: d } = h(), { validateCouponBlockTags: m } = M(), { validateUnsubscribeBlockUniqueness: u, validateUnsubscribeBlockHasTemplate: p } = F(), { callbacks: e, isFeatureEnabled: a } = k(), { extractSyncModuleData: f } = q(), { setSyncModuleUnsubscriptionPages: v } = D(), { editorSave: S } = T(), { showToaster: b } = A(), { getBlockedDomains: w, resolveToast: V } = P();
+  return { save: async (y = !1, s = !1) => {
+    var r;
+    n();
+    const { prepareTemplateDetails: H } = L(), t = await H();
+    if (!m(t.compiledHtml) || !u(t.compiledHtml) || !p(t.compiledHtml))
       return;
-    if (u("liquidSyntax")) {
-      if (!await l(t.compiledHtml))
+    if (a("liquidSyntax")) {
+      if (!await d(t.compiledHtml))
         return;
-    } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
+    } else if (!await c(t.compiledHtml, t.dynamicContentList, !0))
       return;
-    if ((a = i.value) != null && a.externalValidation && !await i.value.externalValidation(t) || !await v())
+    if ((r = e.value) != null && r.externalValidation && !await e.value.externalValidation(t))
       return;
-    const { unsubscribePayload: b, stripoModules: x } = m(t.rawHtml);
-    return await p(b), t.modules = x, f || s({ ...t, silent: S }), t;
+    if (a("allowlistEnabled")) {
+      const i = await w(t.compiledHtml, t.css);
+      if (i.length) {
+        if (!s) {
+          const o = await V(i);
+          o != null && o.message && b({
+            type: C.Warning,
+            message: o.message,
+            actionButton: o.actionButton
+          });
+        }
+        return;
+      }
+    }
+    if (!await S())
+      return;
+    const { unsubscribePayload: g, stripoModules: x } = f(t.rawHtml);
+    return await v(g), t.modules = x, y || l({ ...t, silent: s }), t;
   } };
 };
 export {
-  K as useSave
+  $ as useSave
 };