@useinsider/guido 3.19.0 → 3.20.0-beta.0849ec7

package/dist/composables/useSave.js

@@ -1,55 +1,100 @@
-import { useActionsApi as T } from "./useActionsApi.js";
+import { useActionsApi as W } from "./useActionsApi.js";
 import { useConfig as q } from "./useConfig.js";
-import { useEditorLock as C } from "./useEditorLock.js";
-import { useSaveStart as L, useSaveComplete as M } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as D } from "./useSyncModuleExtractor.js";
-import { ToasterTypeOptions as P } from "../enums/toaster.js";
-import { useStripoApi as U } from "../services/stripoApi.js";
-import { useTemplatePreparation as A } from "../utils/templatePreparation.js";
-import { useAllowlist as h } from "./useAllowlist.js";
-import { useHtmlValidator as F } from "./useHtmlValidator.js";
-import { useToaster as O } from "./useToaster.js";
-import { useCouponBlockValidator as W } from "./validators/useCouponBlockValidator.js";
-import { useLiquidValidator as j } from "./validators/useLiquidValidator.js";
-import { useSyncModuleBlockValidator as z } from "./validators/useSyncModuleBlockValidator.js";
-import { useUnsubscribeBlockValidator as G } from "./validators/useUnsubscribeBlockValidator.js";
-const rt = () => {
-  const n = L(), c = M(), { validateHtml: d } = F(), { validateLiquidSyntax: m } = j(), { validateCouponBlockTags: u } = W(), { validateUnsubscribeBlockUniqueness: p, validateUnsubscribeBlockHasTemplate: f } = G(), { validateSyncModuleBlocks: v } = z(), { callbacks: s, isFeatureEnabled: r } = q(), { extractSyncModuleData: S } = D(), { setSyncModuleUnsubscriptionPages: b } = U(), { editorSave: w } = T(), { showToaster: V } = O(), { getBlockedDomains: y, resolveToast: k } = h(), { runExclusive: x } = C(), H = async (a, o) => {
-    var l;
-    n();
-    const { prepareTemplateDetails: B } = A(), t = await B();
-    if (!v(t.rawHtml, o) || !u(t.compiledHtml) || !p(t.compiledHtml) || !f(t.compiledHtml))
-      return;
-    if (r("liquidSyntax")) {
-      if (!await m(t.compiledHtml))
-        return;
-    } else if (!await d(t.compiledHtml, t.dynamicContentList, !0))
-      return;
-    if ((l = s.value) != null && l.externalValidation && !await s.value.externalValidation(t))
+import { useEditorLock as O } from "./useEditorLock.js";
+import { useSaveStart as D, useSaveComplete as F } from "./useGuidoActions.js";
+import { useSaveValidation as j } from "./useSaveValidation.js";
+import { useSaveValidationRollout as z } from "./useSaveValidationRollout.js";
+import { useSyncModuleExtractor as G } from "./useSyncModuleExtractor.js";
+import { ToasterTypeOptions as I } from "../enums/toaster.js";
+import { useStripoApi as J } from "../services/stripoApi.js";
+import { useConfigStore as K } from "../stores/config.js";
+import { useDynamicContentStore as N } from "../stores/dynamic-content.js";
+import { useSaveValidationStore as Q } from "../stores/save-validation.js";
+import { useTemplatePreparation as X, getHtmlReferencedUnsubscribePages as Y } from "../utils/templatePreparation.js";
+import { useAllowlist as Z } from "./useAllowlist.js";
+import { useHtmlValidator as _ } from "./useHtmlValidator.js";
+import { useToaster as $ } from "./useToaster.js";
+import { useCouponBlockValidator as tt } from "./validators/useCouponBlockValidator.js";
+import { useLiquidValidator as et } from "./validators/useLiquidValidator.js";
+import { useSyncModuleBlockValidator as ot } from "./validators/useSyncModuleBlockValidator.js";
+import { useUnsubscribeBlockValidator as st } from "./validators/useUnsubscribeBlockValidator.js";
+const Bt = () => {
+  const r = D(), f = F(), { validateHtml: p } = _(), { validateLiquidSyntax: v } = et(), { validateCouponBlockTags: y } = tt(), { validateUnsubscribeBlockUniqueness: S, validateUnsubscribeBlockHasTemplate: w } = st(), { validateSyncModuleBlocks: n } = ot(), { callbacks: a, isFeatureEnabled: m } = q(), { extractSyncModuleData: b } = G(), { setSyncModuleUnsubscriptionPages: g } = J(), { editorSave: E, getTemplateData: H } = W(), { showToaster: V } = $(), { getBlockedDomains: x, resolveToast: k } = Z(), { prepareTemplateDetails: d } = X(), { collectSaveValidationErrors: C } = j(), { isEnabled: B } = z(), T = Q(), h = N(), P = K(), { runExclusive: l } = O(), c = async (t, e, o) => {
+    if (!m("allowlistEnabled"))
+      return !1;
+    const i = await x(t, e);
+    if (!i.length)
+      return !1;
+    if (!o) {
+      const s = await k(i);
+      s != null && s.message && V({
+        type: I.Warning,
+        message: s.message,
+        actionButton: s.actionButton
+      });
+    }
+    return !0;
+  }, L = async (t) => !y(t.compiledHtml) || !S(t.compiledHtml) || !w(t.compiledHtml) ? !1 : m("liquidSyntax") ? v(t.compiledHtml) : p(t.compiledHtml, t.dynamicContentList, !0), u = async (t, e) => {
+    if (!await E())
       return;
-    if (r("allowlistEnabled")) {
-      const i = await y(t.compiledHtml, t.css);
-      if (i.length) {
-        if (!o) {
-          const e = await k(i);
-          e != null && e.message && V({
-            type: P.Warning,
-            message: e.message,
-            actionButton: e.actionButton
-          });
+    const { unsubscribePayload: i, stripoModules: s } = b(t.rawHtml);
+    if (await g(i), t.modules = s, !e.suppress) {
+      const R = e.blankCompiled ? { compiledHtml: "", ampHtml: "" } : {};
+      f({ ...t, ...R, silent: e.silent });
+    }
+    return t;
+  }, U = async (t, e) => {
+    var i;
+    r();
+    const o = await d();
+    if (n(o.rawHtml, e)) {
+      if (B.value && !e) {
+        const s = await C(
+          o.compiledHtml,
+          o.dynamicContentList
+        );
+        if (s.length) {
+          T.open(s, "save");
+          return;
         }
+      } else if (!await L(o))
         return;
-      }
+      if (!((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(o)) && !await c(o.compiledHtml, o.css, e))
+        return u(o, { silent: e, suppress: t });
     }
-    if (!await w())
+  }, A = async () => {
+    var e;
+    if (!P.allowSaveWithErrors)
       return;
-    const { unsubscribePayload: E, stripoModules: g } = S(t.rawHtml);
-    return await b(E), t.modules = g, a || c({ ...t, silent: o }), t;
+    r();
+    const t = await d();
+    if (n(t.rawHtml, !1) && !((e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t)) && !await c(t.compiledHtml, t.css, !1))
+      return u(t, { silent: !1, blankCompiled: !0 });
+  }, M = async () => {
+    r();
+    const { html: t, css: e } = await H();
+    if (!n(t, !0) || await c(t, e, !0))
+      return;
+    const o = Y(t), i = {
+      dynamicContentList: h.getSelectedDynamicContentList,
+      compiledHtml: "",
+      rawHtml: t,
+      css: e,
+      ampHtml: "",
+      ampErrors: [],
+      modules: [],
+      recommendation: { campaignUrls: {}, configs: {} },
+      unsubscribe: {
+        status: o.length > 0,
+        config: o
+      }
+    };
+    return u(i, { silent: !0 });
   };
-  return { save: (a = !1, o = !1) => x(
-    () => H(a, o)
-  ) };
+  return { save: (t = !1, e = !1) => l(
+    () => U(t, e)
+  ), saveWithErrors: () => l(A), saveRawOnly: () => l(M) };
 };
 export {
-  rt as useSave
+  Bt as useSave
 };

package/dist/composables/useSaveValidation.js

@@ -0,0 +1,282 @@
+import { getIgnoredRecommendationBlockIds as B } from "../config/compiler/utils/recommendationIgnoreUtils.js";
+import { CanNotMakeAnyChangesForRunningKey as k, DISPLAY_CONDITIONS_REGEX as Y, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as x } from "../enums/html-validator.js";
+import { SaveValidationRule as o } from "../enums/save-validation.js";
+import { ToasterTypeOptions as r } from "../enums/toaster.js";
+import { BLOCK_ROOT_SELECTOR as M } from "../extensions/Blocks/Checkbox/constants/selectors.js";
+import { itemsBlockDynamicVariables as U } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { BLOCK_ROOT_SELECTOR as P } from "../extensions/Blocks/RadioButton/constants/selectors.js";
+import { useRecommendationExtensionStore as W } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { getInvalidFields as G, STRATEGY_FIELD_KEY as q, RecommendationAssignStrategyKey as H, RecommendationRequiredFieldsKey as V } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
+import { useConfigStore as X } from "../stores/config.js";
+import { useDynamicContentStore as j } from "../stores/dynamic-content.js";
+import { useRecommendationStore as z } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as T } from "../utils/base64.js";
+import { escapeHtml as $ } from "../utils/htmlEscape.js";
+import { useTemplatePreparation as Q } from "../utils/templatePreparation.js";
+import { useActionsApi as Z } from "./useActionsApi.js";
+import { useConfig as J } from "./useConfig.js";
+import { useHtmlCompiler as ee } from "./useHtmlCompiler.js";
+import { buildPartnerAttributeNameSet as te, getInvalidDynamicContentTags as ne, getRecommendationBlockIds as ie, findInvalidCustomFields as oe } from "./useHtmlValidator.js";
+import { useHttp as re } from "./useHttp.js";
+import { useTranslations as se } from "./useTranslations.js";
+import { findInvalidCouponBlocks as ae, COUPON_TAG_MODIFIED_KEY as ce } from "./validators/useCouponBlockValidator.js";
+import { findDuplicateUnsubPageTypes as le, countUnsubBlocksWithoutPage as me, EMPTY_BLOCK_KEY as ue } from "./validators/useUnsubscribeBlockValidator.js";
+const de = "newsletter.html-content-is-empty", pe = "custom-fields.missing-closing-braces", ge = "custom-fields.missing-opening-braces", I = "custom-fields.invalid-custom-fields", fe = "newsletter.display-conditions-invalid-syntax", ye = "custom-conditions.wrong-equality-operators", Ee = "custom-conditions.missing-if-endif-tag", Ie = "custom-conditions.no-space-after-braces", Se = "custom-conditions.no-braces-inside-if-tag", _e = "newsletter.fill-all-necessary-fields", Ce = "newsletter.invalid-image-type", he = "unsubscribe-templates.select-checkbox-groups", ke = "unsubscribe-templates.select-radio-button-groups", Te = "newsletter.invalid-url-link-for-toaster", F = "journey-builder.liquid-validation-failed", Fe = "/newsletter/template-library/check-template-html-body", Oe = /src="[^"]*\.(svg|pst)"/gm, R = /({%(.*?)%})/g, Re = ["if", "endif", "else", "elif", "now"], Le = (t) => !Re.includes(t.toLowerCase()), Ne = (t) => ["if", "endif"].includes(t.toLowerCase());
+function be(t) {
+  return ae(t).map((i) => ({
+    rule: o.CouponTagModified,
+    type: r.Warning,
+    key: ce,
+    detail: i
+  }));
+}
+function Ae(t) {
+  return le(t).map((i) => ({
+    rule: o.DuplicateUnsubBlock,
+    type: r.Error,
+    key: i.messageKey
+  }));
+}
+function ve(t) {
+  return Array.from({ length: me(t) }, () => ({
+    rule: o.UnsubBlockMissingTemplate,
+    type: r.Warning,
+    key: ue
+  }));
+}
+function De(t, i) {
+  const n = t.match(R);
+  if (!n)
+    return [];
+  const c = [];
+  return n.forEach((u) => {
+    const a = u.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
+    if (a && a.length > 0) {
+      const [d] = a;
+      Le(d) && !i.includes(d) && c.push({
+        rule: o.CustomFieldScript,
+        type: r.Warning,
+        key: I,
+        detail: d
+      });
+    }
+  }), c;
+}
+function Ke(t) {
+  return t.length > 0 ? [] : [{ rule: o.EmptyHtml, type: r.Warning, key: de }];
+}
+function we(t) {
+  const i = (t.match(/{/gm) || []).length, n = (t.match(/}/gm) || []).length;
+  return i > n ? [{
+    rule: o.MismatchedBraces,
+    type: r.Warning,
+    key: pe
+  }] : i < n ? [{
+    rule: o.MismatchedBraces,
+    type: r.Warning,
+    key: ge
+  }] : [];
+}
+function Be(t) {
+  return ne(t).map((i) => ({
+    rule: o.InvalidDynamicTag,
+    type: r.Warning,
+    key: I,
+    detail: i
+  }));
+}
+function Ye(t, i, n, c) {
+  const u = ie(t);
+  return oe(t, i, u, n, c).map((a) => ({
+    rule: o.InvalidCustomField,
+    type: r.Error,
+    key: I,
+    detail: a
+  }));
+}
+function xe(t) {
+  const i = t.match(/{%(.*?)%}/g), n = [], c = [];
+  if (i && i.forEach((u) => {
+    const a = u.match(Y), d = u.match(x), E = (a == null ? void 0 : a.join("")) || "";
+    (!a || u !== E) && !d && c.push({
+      rule: o.ConditionsSyntax,
+      type: r.Error,
+      key: fe,
+      detail: u
+    }), a && a.forEach((g) => {
+      g.trim() === "=" && c.push({
+        rule: o.WrongEqualityOperator,
+        type: r.Error,
+        key: ye
+      }), (g.match(/^[a-zA-Z]*$/g) ?? []).forEach((f) => {
+        Ne(f) && n.push(f);
+      });
+    });
+  }), n.length) {
+    const u = n.filter((d) => d === "if").length, a = n.filter((d) => d === "endif").length;
+    u !== a && c.push({
+      rule: o.MissingIfEndif,
+      type: r.Error,
+      key: Ee
+    });
+  }
+  return c;
+}
+function Me(t) {
+  const i = (t.match(/{% /gm) || []).length, n = (t.match(/ %}/gm) || []).length;
+  return i === n ? [] : [{
+    rule: o.ConditionTagSpacing,
+    type: r.Warning,
+    key: Ie
+  }];
+}
+function Ue(t) {
+  return (t.match(R) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, c) => n + c, 0) === 0 ? [] : [{
+    rule: o.BracesInsideIfTag,
+    type: r.Warning,
+    key: Se
+  }];
+}
+function Pe(t) {
+  return (t.match(Oe) ?? []).map((i) => ({
+    rule: o.InvalidImageType,
+    type: r.Error,
+    key: Ce,
+    detail: i
+  }));
+}
+function O(t, i, n, c) {
+  const u = new DOMParser().parseFromString(t, "text/html");
+  return Array.from(u.querySelectorAll(i)).filter((a) => {
+    var d;
+    return !((d = a.id) != null && d.trim());
+  }).map(() => ({ rule: n, type: r.Error, key: c }));
+}
+const dt = () => {
+  const { config: t, isFeatureEnabled: i } = J(), n = se(), { post: c } = re(), { getCompiledEmail: u, getTemplateData: a } = Z(), { compileHtml: d } = ee(), { hydrateRecommendationStore: E } = Q(), g = j(), f = z(), y = W(), L = X(), N = (e) => ({
+    rule: e.rule,
+    type: e.type,
+    detail: e.detail,
+    message: "key" in e ? n(e.key) : $(e.message)
+  }), b = async (e) => {
+    if (e.size === 0)
+      return /* @__PURE__ */ new Set();
+    try {
+      await y.fetchRecommendationFilters();
+    } catch {
+      return null;
+    }
+    return te(y.filterList);
+  }, A = async (e) => {
+    try {
+      const l = await c(Fe, { html: T(e) }), { status: s, message: m } = l.data, p = [];
+      return s || p.push({
+        rule: o.InvalidLinks,
+        type: r.Error,
+        // status===undefined means a bare message instead of a boolean; surface it,
+        // but fall back to the canned key when it's missing so a malformed body
+        // never renders a literal 'undefined' row (SD-147430).
+        ...s === void 0 && m ? { message: m } : { key: Te }
+      }), m === n(k) && p.push({
+        rule: o.LinkCheckInProgress,
+        type: r.Error,
+        key: k
+      }), p;
+    } catch (l) {
+      return console.warn("Link-check collector failed; skipping the link rule.", l), [];
+    }
+  }, v = async (e) => {
+    try {
+      const l = await c("/newsletter/contents/validate-syntax", [{
+        identifier: "default",
+        syntax: "liquid",
+        contents: {
+          subject: null,
+          preheader: null,
+          html: T(e),
+          ampHtml: null
+        }
+      }]);
+      if (!Array.isArray(l.data)) {
+        const m = l.data;
+        return [{
+          rule: o.LiquidSyntax,
+          type: r.Warning,
+          message: m.message ?? n(F)
+        }];
+      }
+      const [s] = l.data;
+      return Object.values((s == null ? void 0 : s.errors) ?? {}).map((m) => ({
+        rule: o.LiquidSyntax,
+        type: r.Warning,
+        message: m.replace(/^line \d+:\s*/, "")
+      }));
+    } catch {
+      return [{
+        rule: o.LiquidSyntax,
+        type: r.Error,
+        message: n(F)
+      }];
+    }
+  }, D = () => {
+    const e = Object.values(y.blockStates).map((s) => G(s.recommendationConfigs, y)).filter((s) => s.length > 0).map((s) => {
+      const m = s.every((p) => p === q);
+      return {
+        rule: o.RecommendationRequiredFields,
+        type: m ? r.Warning : r.Error,
+        key: m ? H : V
+      };
+    }), l = (f.recommendationConfigs ?? []).filter((s) => s.filters.some((m) => m.value === "")).map(() => ({
+      rule: o.RecommendationFilters,
+      type: r.Error,
+      key: _e
+    }));
+    return [...e, ...l];
+  }, K = async (e, l) => {
+    var C, h;
+    const s = [
+      ...l.map((w) => w.value),
+      ...U,
+      ...((h = (C = t.value) == null ? void 0 : C.template) == null ? void 0 : h.customFieldAttributes) ?? []
+    ], m = B(e), p = await b(m), { isTransactional: _ } = L;
+    return [
+      ...await A(e),
+      ..._ ? [] : De(e, s),
+      ...Ke(e),
+      ...we(e),
+      ...Be(e),
+      ..._ ? [] : Ye(e, s, m, p),
+      ...xe(e),
+      ...Me(e),
+      ...Ue(e),
+      ...D(),
+      ...Pe(e),
+      ...O(
+        e,
+        M,
+        o.CheckboxUnsubGroup,
+        he
+      ),
+      ...O(
+        e,
+        P,
+        o.RadioButtonUnsubGroup,
+        ke
+      )
+    ];
+  }, S = async (e, l) => [
+    ...be(e),
+    ...Ae(e),
+    ...ve(e),
+    ...i("liquidSyntax") ? await v(e) : await K(e, l)
+  ].map(N);
+  return { collectSaveValidationErrors: S, validateCurrentTemplate: async () => {
+    const { html: e } = await a();
+    await E(e);
+    const { html: l } = await u({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: s } = d(l);
+    return S(s, g.getSelectedDynamicContentList);
+  } };
+};
+export {
+  dt as useSaveValidation
+};

package/dist/composables/useSaveValidationRollout.js

@@ -0,0 +1,9 @@
+import { useConfigStore as t } from "../stores/config.js";
+import { computed as o } from "vue";
+const n = ["newsletteruatcamp", "newsletterqacamp"], c = () => {
+  const e = t();
+  return { isEnabled: o(() => n.includes(e.partnerName)) };
+};
+export {
+  c as useSaveValidationRollout
+};

package/dist/composables/useStripo.js

@@ -1,59 +1,59 @@
-import { useActionsApi as x } from "./useActionsApi.js";
-import { useBlocksConfig as L } from "./useBlocksConfig.js";
-import { useConfig as O } from "./useConfig.js";
-import { useCustomInterfaceAppearance as H } from "./useCustomInterfaceAppearance.js";
+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 w } from "../config/i18n/en/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 b } from "../stores/editor.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 Ce = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = O(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = L(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+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")) {
-      i();
+      r();
       return;
     }
-    const o = Z.guido, r = `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 = r, e.onload = () => i(), e.onerror = () => {
-      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
+    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), _ = async (i, s, o, a = [], r = !1) => {
+  }), n), D = async (r, s, o, a = [], i = !1) => {
     var y, E, h, C;
-    const e = b(), { html: d, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1);
-    await window.UIEditor.initEditor(
+    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";
+    w().importCss(), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
         html: d,
-        css: D,
-        forceRecreate: U,
+        css: R,
+        forceRecreate: I,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !m("liquidSyntax"),
+        customAppearanceMergetags: !p("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
         customViewStyles: Q,
         conditionsEnabled: S,
         customConditionsEnabled: S,
         enableXSSSecurity: !0,
-        modulesDisabled: P,
-        syncModulesEnabled: r,
+        modulesDisabled: U,
+        syncModulesEnabled: i,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -62,7 +62,7 @@ const Ce = () => {
         displayUTM: !1,
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
-        allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
+        allowedScriptSourceDomains: q,
         ...g ? { baseBlocks: g } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
@@ -74,7 +74,7 @@ const Ce = () => {
             entries: W(
               o.preselectedDynamicContentList,
               Y((C = u.value) == null ? void 0 : C.dynamicContentList),
-              m("liquidSyntax")
+              p("liquidSyntax")
             )
           }
         ],
@@ -83,17 +83,17 @@ const Ce = () => {
             const l = await B();
             t(l);
           } catch (l) {
-            p(l, "Failed to refresh token");
+            m(l, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = x(), { injectFullStory: q } = N();
-            t(), l(), q(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            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) {
-            p(t, "Failed to load custom interface appearance");
+            m(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
@@ -108,34 +108,38 @@ const Ce = () => {
         onDataChanged() {
           e.hasChanges = !0, e.changeSeq += 1;
         },
-        onEvent: v,
-        onModuleAdd: F,
-        notifications: V(),
+        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: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
-          ".in-drawer__container"
+          ".in-drawer__container",
+          ".in-modal-v2-wrapper",
+          ".in-toasts-wrapper"
         ],
-        extensions: R,
+        extensions: P,
         localePatch: J
       }
     );
   };
-  return { initPlugin: async (i, s, o) => {
-    const a = b();
+  return { initPlugin: async (r, s, o) => {
+    const a = k();
     try {
       await f();
-      const [r, e] = await Promise.all([
+      const [i, e] = await Promise.all([
         M(),
         T()
       ]);
-      a.syncModulesEnabled = e, await _(i, s, o, r, e);
+      a.syncModulesEnabled = e, await D(r, s, o, i, e);
     } catch {
-      a.loadingStatus = !1, k({
+      a.loadingStatus = !1, v({
         type: X.Error,
-        message: w["An error has occurred. Please report the error code to support."],
+        message: b["An error has occurred. Please report the error code to support."],
         actionButton: {
-          text: w["Reload page"],
+          text: b["Reload page"],
           onClick: () => window.location.reload()
         }
       });
@@ -146,5 +150,5 @@ const Ce = () => {
   } };
 };
 export {
-  Ce as useStripo
+  he as useStripo
 };