@useinsider/guido 3.16.0-beta.0faee0c → 3.16.0-beta.1fe8cea

package/dist/components/organisms/validation/ValidationErrorDrawer.vue2.js

@@ -0,0 +1,48 @@
+import { defineComponent as m, ref as p, computed as s } from "vue";
+import f from "../../wrappers/WpDrawer.vue.js";
+import { useSave as S } from "../../../composables/useSave.js";
+import { useTranslations as v } from "../../../composables/useTranslations.js";
+import { useConfigStore as g } from "../../../stores/config.js";
+import { useEditorStore as y } from "../../../stores/editor.js";
+import { useSaveValidationStore as _ } from "../../../stores/save-validation.js";
+import { InIcons as C } from "@useinsider/design-system-vue";
+const O = /* @__PURE__ */ m({
+  __name: "ValidationErrorDrawer",
+  setup(h) {
+    const r = v(), t = _(), n = y(), a = g(), { saveWithErrors: i } = S(), o = p(!1), l = s(() => `${r("email-editor.validation-errors")} (${t.errorCount})`), u = s(() => {
+      const e = {
+        primaryButton: {
+          styling: "solid",
+          type: "primary",
+          labelText: r("email-editor.update-design")
+        }
+      };
+      return !a.isTransactional && t.intent !== "test" && (e.secondaryButton = {
+        styling: "solid",
+        type: "subtle-primary",
+        labelText: r("email-editor.save-and-continue"),
+        loadingStatus: o.value
+      }), e;
+    }), d = s(() => t.errors.map((e) => {
+      const c = e.detail ? ` (${e.detail})` : "";
+      return `${e.message}${c}`;
+    }));
+    return { __sfc: !0, trans: r, store: t, editorStore: n, configStore: a, saveWithErrors: i, isSaving: o, titleText: l, footerButtonGroupOptions: u, rows: d, handleClose: () => {
+      t.isDrawerOpen && t.close();
+    }, handleSaveAndContinue: async () => {
+      if (!o.value) {
+        o.value = !0, n.loadingStatus = !0;
+        try {
+          await i() ? t.close() : n.loadingStatus = !1;
+        } catch {
+          n.loadingStatus = !1;
+        } finally {
+          o.value = !1;
+        }
+      }
+    }, WpDrawer: f, InIcons: C };
+  }
+});
+export {
+  O as default
+};

package/dist/components/wrappers/WpDrawer.vue.js

@@ -1,17 +1,19 @@
 import r from "./WpDrawer.vue2.js";
 import s from "../../_virtual/_plugin-vue2_normalizer.js";
 var u = function() {
-  var t = this, n = t._self._c, e = t._self._setupProxy;
-  return n(e.InDrawer, { class: t.className, attrs: { id: t.id, "footer-status": "", "close-on-outside-click": t.closeOnOutsideClick, "description-status": t.descriptionStatus, "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, size: t.size, status: t.status, "title-text": t.titleText }, on: { cancelOrBackButtonEvent: function(o) {
+  var t = this, o = t._self._c, e = t._self._setupProxy;
+  return o(e.InDrawer, { class: t.className, attrs: { id: t.id, "footer-status": "", "close-on-outside-click": t.closeOnOutsideClick, "description-status": t.descriptionStatus, "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, size: t.size, status: t.status, "title-text": t.titleText }, on: { cancelOrBackButtonEvent: function(n) {
     return e.emit("cancelOrBackButtonEvent");
-  }, onCloseEvent: function(o) {
+  }, onCloseEvent: function(n) {
     return e.emit("onCloseEvent");
-  }, primaryButtonEvent: function(o) {
+  }, primaryButtonEvent: function(n) {
     return e.emit("primaryButtonEvent");
+  }, secondaryButtonEvent: function(n) {
+    return e.emit("secondaryButtonEvent");
   } }, scopedSlots: t._u([t.$slots.headerBottomSlot ? { key: "headerBottomSlot", fn: function() {
     return [t._t("headerBottomSlot")];
   }, proxy: !0 } : null, { key: "contentSlot", fn: function() {
-    return [n("div", [t._t("default")], 2)];
+    return [o("div", [t._t("default")], 2)];
   }, proxy: !0 }], null, !0) });
 }, i = [], c = /* @__PURE__ */ s(
   r,
@@ -21,7 +23,7 @@ var u = function() {
   null,
   null
 );
-const f = c.exports;
+const p = c.exports;
 export {
-  f as default
+  p as default
 };

package/dist/components/wrappers/WpDrawer.vue2.js

@@ -13,7 +13,7 @@ const r = /* @__PURE__ */ e({
     status: { type: Boolean },
     titleText: null
   },
-  emits: ["cancelOrBackButtonEvent", "onCloseEvent", "primaryButtonEvent"],
+  emits: ["cancelOrBackButtonEvent", "onCloseEvent", "primaryButtonEvent", "secondaryButtonEvent"],
   setup(n, { emit: t }) {
     return { __sfc: !0, emit: t, InDrawer: o };
   }

package/dist/composables/useHtmlValidator.js

@@ -221,6 +221,7 @@ const De = () => {
 export {
   de as buildPartnerAttributeNameSet,
   fe as findInvalidCustomFields,
+  pe as getInvalidDynamicContentTags,
   ue as parseRecommendationVariable,
   De as useHtmlValidator
 };

package/dist/composables/useSave.js

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

package/dist/composables/useSaveValidation.js

@@ -0,0 +1,276 @@
+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 U } from "../extensions/Blocks/Checkbox/constants/selectors.js";
+import { itemsBlockDynamicVariables as M } 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 { RecommendationRequiredFieldsKey as G } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
+import { useConfigStore as q } from "../stores/config.js";
+import { useDynamicContentStore as H } from "../stores/dynamic-content.js";
+import { useRecommendationStore as V } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as T } from "../utils/base64.js";
+import { useTemplatePreparation as X } from "../utils/templatePreparation.js";
+import { useActionsApi as j } from "./useActionsApi.js";
+import { useConfig as z } from "./useConfig.js";
+import { useHtmlCompiler as $ } from "./useHtmlCompiler.js";
+import { buildPartnerAttributeNameSet as Q, getInvalidDynamicContentTags as Z, findInvalidCustomFields as J } from "./useHtmlValidator.js";
+import { useHttp as tt } from "./useHttp.js";
+import { useTranslations as et } from "./useTranslations.js";
+import { findInvalidCouponBlocks as nt, COUPON_TAG_MODIFIED_KEY as it } from "./validators/useCouponBlockValidator.js";
+import { findDuplicateUnsubPageTypes as ot, countUnsubBlocksWithoutPage as rt, EMPTY_BLOCK_KEY as st } from "./validators/useUnsubscribeBlockValidator.js";
+const at = "newsletter.html-content-is-empty", ct = "custom-fields.missing-closing-braces", lt = "custom-fields.missing-opening-braces", I = "custom-fields.invalid-custom-fields", ut = "newsletter.display-conditions-invalid-syntax", mt = "custom-conditions.wrong-equality-operators", dt = "custom-conditions.missing-if-endif-tag", pt = "custom-conditions.no-space-after-braces", gt = "custom-conditions.no-braces-inside-if-tag", ft = "newsletter.fill-all-necessary-fields", yt = "newsletter.invalid-image-type", Et = "unsubscribe-templates.select-checkbox-groups", It = "unsubscribe-templates.select-radio-button-groups", St = "newsletter.invalid-url-link-for-toaster", F = "journey-builder.liquid-validation-failed", Ct = "/newsletter/template-library/check-template-html-body", _t = /src="[^"]*\.(svg|pst)"/gm, L = /({%(.*?)%})/g, ht = ["if", "endif", "else", "elif", "now"], kt = (e) => !ht.includes(e.toLowerCase()), Tt = (e) => ["if", "endif"].includes(e.toLowerCase());
+function Ft(e) {
+  return nt(e).map((i) => ({
+    rule: o.CouponTagModified,
+    type: r.Warning,
+    key: it,
+    detail: i
+  }));
+}
+function Ot(e) {
+  return ot(e).map((i) => ({
+    rule: o.DuplicateUnsubBlock,
+    type: r.Error,
+    key: i.messageKey
+  }));
+}
+function Lt(e) {
+  return Array.from({ length: rt(e) }, () => ({
+    rule: o.UnsubBlockMissingTemplate,
+    type: r.Warning,
+    key: st
+  }));
+}
+function Nt(e, i) {
+  const n = e.match(L);
+  if (!n)
+    return [];
+  const a = [];
+  return n.forEach((u) => {
+    const s = u.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
+    if (s && s.length > 0) {
+      const [m] = s;
+      kt(m) && !i.includes(m) && a.push({
+        rule: o.CustomFieldScript,
+        type: r.Warning,
+        key: I,
+        detail: m
+      });
+    }
+  }), a;
+}
+function Rt(e) {
+  return e.length > 0 ? [] : [{ rule: o.EmptyHtml, type: r.Warning, key: at }];
+}
+function At(e) {
+  const i = (e.match(/{/gm) || []).length, n = (e.match(/}/gm) || []).length;
+  return i > n ? [{
+    rule: o.MismatchedBraces,
+    type: r.Warning,
+    key: ct
+  }] : i < n ? [{
+    rule: o.MismatchedBraces,
+    type: r.Warning,
+    key: lt
+  }] : [];
+}
+function bt(e) {
+  return Z(e).map((i) => ({
+    rule: o.InvalidDynamicTag,
+    type: r.Warning,
+    key: I,
+    detail: i
+  }));
+}
+function Dt(e, i, n, a) {
+  const u = [...e.matchAll(/recommendation-id="(\d+)"/g)].map((s) => s[1]);
+  return J(e, i, u, n, a).map((s) => ({
+    rule: o.InvalidCustomField,
+    type: r.Error,
+    key: I,
+    detail: s
+  }));
+}
+function vt(e) {
+  const i = e.match(/{%(.*?)%}/g), n = [], a = [];
+  if (i && i.forEach((u) => {
+    const s = u.match(Y), m = u.match(x), y = (s == null ? void 0 : s.join("")) || "";
+    (!s || u !== y) && !m && a.push({
+      rule: o.ConditionsSyntax,
+      type: r.Error,
+      key: ut,
+      detail: u
+    }), s && s.forEach((g) => {
+      g.trim() === "=" && a.push({
+        rule: o.WrongEqualityOperator,
+        type: r.Error,
+        key: mt
+      }), (g.match(/^[a-zA-Z]*$/g) ?? []).forEach((f) => {
+        Tt(f) && n.push(f);
+      });
+    });
+  }), n.length) {
+    const u = n.filter((m) => m === "if").length, s = n.filter((m) => m === "endif").length;
+    u !== s && a.push({
+      rule: o.MissingIfEndif,
+      type: r.Error,
+      key: dt
+    });
+  }
+  return a;
+}
+function Kt(e) {
+  const i = (e.match(/{% /gm) || []).length, n = (e.match(/ %}/gm) || []).length;
+  return i === n ? [] : [{
+    rule: o.ConditionTagSpacing,
+    type: r.Warning,
+    key: pt
+  }];
+}
+function wt(e) {
+  return (e.match(L) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, a) => n + a, 0) === 0 ? [] : [{
+    rule: o.BracesInsideIfTag,
+    type: r.Warning,
+    key: gt
+  }];
+}
+function Bt(e) {
+  return (e.match(_t) ?? []).map((i) => ({
+    rule: o.InvalidImageType,
+    type: r.Error,
+    key: yt,
+    detail: i
+  }));
+}
+function O(e, i, n, a) {
+  const u = new DOMParser().parseFromString(e, "text/html");
+  return Array.from(u.querySelectorAll(i)).filter((s) => {
+    var m;
+    return !((m = s.id) != null && m.trim());
+  }).map(() => ({ rule: n, type: r.Error, key: a }));
+}
+const se = () => {
+  const { config: e, isFeatureEnabled: i } = z(), n = et(), { post: a } = tt(), { getCompiledEmail: u, getTemplateData: s } = j(), { compileHtml: m } = $(), { hydrateRecommendationStore: y } = X(), g = H(), f = V(), E = W(), N = q(), R = (t) => ({
+    rule: t.rule,
+    type: t.type,
+    detail: t.detail,
+    message: "key" in t ? n(t.key) : t.message
+  }), A = async (t) => {
+    if (t.size === 0)
+      return /* @__PURE__ */ new Set();
+    try {
+      await E.fetchRecommendationFilters();
+    } catch {
+      return null;
+    }
+    return Q(E.filterList);
+  }, b = async (t) => {
+    try {
+      const l = await a(Ct, { html: T(t) }), { status: c, message: d } = l.data, p = [];
+      return c || p.push({
+        rule: o.InvalidLinks,
+        type: r.Error,
+        ...c === void 0 ? { message: d } : { key: St }
+      }), d === 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), [];
+    }
+  }, D = async (t) => {
+    try {
+      const l = await a("/newsletter/contents/validate-syntax", [{
+        identifier: "default",
+        syntax: "liquid",
+        contents: {
+          subject: null,
+          preheader: null,
+          html: T(t),
+          ampHtml: null
+        }
+      }]);
+      if (!Array.isArray(l.data)) {
+        const d = l.data;
+        return [{
+          rule: o.LiquidSyntax,
+          type: r.Warning,
+          message: d.message ?? n(F)
+        }];
+      }
+      const [c] = l.data;
+      return Object.values((c == null ? void 0 : c.errors) ?? {}).map((d) => ({
+        rule: o.LiquidSyntax,
+        type: r.Warning,
+        message: d.replace(/^line \d+:\s*/, "")
+      }));
+    } catch {
+      return [{
+        rule: o.LiquidSyntax,
+        type: r.Error,
+        message: n(F)
+      }];
+    }
+  }, v = () => {
+    const t = E.invalidBlockIds().map((c) => ({
+      rule: o.RecommendationRequiredFields,
+      type: r.Error,
+      key: G,
+      detail: c
+    })), l = (f.recommendationConfigs ?? []).filter((c) => c.filters.some((d) => d.value === "")).map(() => ({
+      rule: o.RecommendationFilters,
+      type: r.Error,
+      key: ft
+    }));
+    return [...t, ...l];
+  }, K = async (t, l) => {
+    var _, h;
+    const c = [
+      ...l.map((w) => w.value),
+      ...M,
+      ...((h = (_ = e.value) == null ? void 0 : _.template) == null ? void 0 : h.customFieldAttributes) ?? []
+    ], d = B(t), p = await A(d), { isTransactional: C } = N;
+    return [
+      ...await b(t),
+      ...C ? [] : Nt(t, c),
+      ...Rt(t),
+      ...At(t),
+      ...bt(t),
+      ...C ? [] : Dt(t, c, d, p),
+      ...vt(t),
+      ...Kt(t),
+      ...wt(t),
+      ...v(),
+      ...Bt(t),
+      ...O(
+        t,
+        U,
+        o.CheckboxUnsubGroup,
+        Et
+      ),
+      ...O(
+        t,
+        P,
+        o.RadioButtonUnsubGroup,
+        It
+      )
+    ];
+  }, S = async (t, l) => [
+    ...Ft(t),
+    ...Ot(t),
+    ...Lt(t),
+    ...i("liquidSyntax") ? await D(t) : await K(t, l)
+  ].map(R);
+  return { collectSaveValidationErrors: S, validateCurrentTemplate: async () => {
+    const { html: t } = await s();
+    await y(t);
+    const { html: l } = await u({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: c } = m(l);
+    return S(c, g.getSelectedDynamicContentList);
+  } };
+};
+export {
+  se 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

@@ -16,22 +16,22 @@ import { useEditorStore as b } 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 } = q(), { handleError: p, showToaster: k } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: B } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+const Ct = () => {
+  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: T, getCustomFonts: v, getSyncModulesStatus: B } = K(), { handleEvent: F } = z(), { handleModuleAdd: M } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
     var l;
     if (document.getElementById("UiEditorScript")) {
       i();
       return;
     }
-    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.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}`));
-    }, document.body.appendChild(e);
+    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, t = document.createElement("script");
+    t.id = "UiEditorScript", t.type = "module", t.src = r, t.onload = () => i(), t.onerror = () => {
+      t.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
+    }, document.body.appendChild(t);
   }), n.catch(() => {
     n = null;
   }), n), _ = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const e = b(), { html: l, 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 = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
+    const t = b(), { html: l, 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 = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
     await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -57,7 +57,6 @@ const Ce = () => {
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
-        keepModuleStylesEnabled: !0,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
@@ -78,38 +77,38 @@ const Ce = () => {
             )
           }
         ],
-        async onTokenRefreshRequest(t) {
+        async onTokenRefreshRequest(e) {
           try {
-            const d = await M();
-            t(d);
+            const d = await T();
+            e(d);
           } catch (d) {
             p(d, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            t(), d(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
-              e.hasChanges = !1;
+            const { importCss: e } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
+            e(), d(), x(), I(), o.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
+              t.hasChanges = !1;
             }, 1e3);
-          } catch (t) {
-            p(t, "Failed to load custom interface appearance");
+          } catch (e) {
+            p(e, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(t) {
-          e.isCodeEditorOpen = t;
+        onCodeEditorVisibilityChanged(e) {
+          t.isCodeEditorOpen = e;
         },
-        onEditorVisualModeChanged(t) {
-          e.editorVisualMode = t.toLowerCase();
+        onEditorVisualModeChanged(e) {
+          t.editorVisualMode = e.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(t) {
-          e.isVersionHistoryOpen = t;
+        onVersionHistoryVisibilityChanged(e) {
+          t.isVersionHistoryOpen = e;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          t.hasChanges = !0;
         },
-        onEvent: B,
-        onModuleAdd: F,
+        onEvent: F,
+        onModuleAdd: M,
         notifications: V(),
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
@@ -125,11 +124,11 @@ const Ce = () => {
     const a = b();
     try {
       await f();
-      const [r, e] = await Promise.all([
-        T(),
-        v()
+      const [r, t] = await Promise.all([
+        v(),
+        B()
       ]);
-      a.syncModulesEnabled = e, await _(i, s, o, r, e);
+      a.syncModulesEnabled = t, await _(i, s, o, r, t);
     } catch {
       a.loadingStatus = !1, k({
         type: X.Error,
@@ -146,5 +145,5 @@ const Ce = () => {
   } };
 };
 export {
-  Ce as useStripo
+  Ct as useStripo
 };