@useinsider/guido 3.17.0 → 3.18.0-beta.41e529d

package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue2.js

@@ -0,0 +1,57 @@
+import { defineComponent as u, computed as n } from "vue";
+import y from "../../../wrappers/WpModal.vue.js";
+import { useToaster as f } from "../../../../composables/useToaster.js";
+import { useTranslations as _ } from "../../../../composables/useTranslations.js";
+import { ToasterTypeOptions as v } from "../../../../enums/toaster.js";
+import { useRecommendationExtensionStore as T } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { commitBlockChangeOutsidePanel as h } from "../../../../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { escapeHtml as R } from "../../../../utils/htmlEscape.js";
+const P = /* @__PURE__ */ u({
+  __name: "RemoveStrategyModal",
+  setup(S) {
+    const t = _(), e = T(), { showToaster: a } = f(), i = n(() => ({
+      cancelOrBackButton: {
+        type: "secondary",
+        labelText: t("products.cancel"),
+        styling: "ghost"
+      },
+      primaryButton: {
+        type: "danger",
+        labelText: t("discovery-strategy.remove")
+      }
+    })), m = n(() => {
+      var o;
+      const { strategyId: r } = e.recommendationConfigs;
+      return ((o = e.assignedStrategy) == null ? void 0 : o.name) || `#${r}`;
+    }), s = "__STRATEGY_NAME__", d = n(() => t("email-editor.remove-strategy-confirm-message", { strategyName: s }).split(s)), c = () => {
+      e.closeRemoveStrategyModal();
+    };
+    return { __sfc: !0, trans: t, store: e, showToaster: a, footerButtonOptions: i, strategyName: m, NAME_TOKEN: s, messageParts: d, close: c, handleConfirm: async () => {
+      const r = m.value, o = e.currentRecommendationId;
+      e.removeStrategy(), c();
+      const { strategyId: l, size: g } = e.recommendationConfigs;
+      if (a({
+        type: v.Success,
+        // The toast renders through a sanitizing v-html, so the name is escaped first.
+        message: t("email-editor.strategy-removed-success", {
+          strategyName: `<b>${R(r)}</b>`
+        })
+      }), o !== null) {
+        try {
+          await e.fetchRecommendationProducts();
+        } catch (p) {
+          console.error("[RemoveStrategyModal] product refetch failed", p);
+        }
+        h(
+          o,
+          { strategyId: l, size: g },
+          e.recommendationProducts,
+          "Removed recommendation strategy"
+        );
+      }
+    }, WpModal: y };
+  }
+});
+export {
+  P as default
+};

package/dist/components/organisms/extensions/recommendation/StrategyInfoBoxContent.vue.js

@@ -0,0 +1,19 @@
+import r from "./StrategyInfoBoxContent.vue2.js";
+import _ from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var c = function() {
+  var t = this, s = t._self._c, n = t._self._setupProxy;
+  return s("div", { staticClass: "d-f f-d-c mt-3" }, t._l(n.details, function(e, a) {
+    return s("div", { key: e.title, staticClass: "d-f f-d-c", class: { "mt-2": a > 0 } }, [s("span", { staticClass: "f-s-1 f-w-600 l-h-1 t-c-52 mb-12" }, [t._v(t._s(e.title))]), s("span", { staticClass: "f-s-1 l-h-6 t-c-55 w-b-b-w" }, [t._v(t._s(e.value))])]);
+  }), 0);
+}, f = [], l = /* @__PURE__ */ _(
+  r,
+  c,
+  f,
+  !1,
+  null,
+  null
+);
+const p = l.exports;
+export {
+  p as default
+};

package/dist/components/organisms/extensions/recommendation/StrategyInfoBoxContent.vue2.js

@@ -0,0 +1,63 @@
+import { defineComponent as f, computed as i } from "vue";
+import { useTranslations as _ } from "../../../../composables/useTranslations.js";
+import { asText as c } from "../../../../utils/genericUtil.js";
+const j = /* @__PURE__ */ f({
+  __name: "StrategyInfoBoxContent",
+  props: {
+    strategy: null
+  },
+  setup(p) {
+    const a = p, n = _(), s = i(() => n("recommendation-strategy.none")), u = i(() => {
+      const e = c(a.strategy.algorithm) === "MIXED" ? n("discovery-strategy.mixed-algorithm") : n("discovery-strategy.single-algorithm"), t = c(a.strategy.algorithm_used).split(",").map((r) => r.trim()).filter(Boolean).map((r) => n(`recommendation-algorithm-names.${r.replaceAll("_", "-").toLowerCase()}`));
+      return t.length ? `${e} · ${t.join(", ")}` : e;
+    }), d = i(() => [
+      [a.strategy.exclude_view, "discovery-strategy.exclude-recently-view-items"],
+      [a.strategy.exclude_purchase, "discovery-strategy.exclude-recently-purchased-items"],
+      [a.strategy.exclude_cart, "discovery-strategy.exclude-recently-added-cart-items"]
+    ].filter(([e]) => Number(e) === 1).map(([, e]) => n(e)).join(", ") || s.value), l = (e) => {
+      const t = c(e).trim();
+      if (!t)
+        return "";
+      let r;
+      try {
+        r = JSON.parse(t);
+      } catch {
+        return t;
+      }
+      if (Array.isArray(r))
+        return r.length ? String(r.length) : "";
+      if (r && typeof r == "object") {
+        const o = Object.keys(r).length;
+        return o ? String(o) : "";
+      }
+      return t;
+    }, m = i(() => l(a.strategy.manual_merchandising) || l(a.strategy.manual_merchandising_products) || s.value), g = (e) => {
+      if (Array.isArray(e))
+        return e.length;
+      const { conditionList: t } = e ?? {};
+      return Array.isArray(t) ? t.length : 1;
+    }, y = i(() => {
+      const e = a.strategy.filters;
+      if (!e)
+        return s.value;
+      try {
+        const t = typeof e == "string" ? JSON.parse(e) : e;
+        if (!t || typeof t != "object")
+          return s.value;
+        const r = Object.values(t).reduce((o, v) => o + g(v), 0);
+        return r ? String(r) : s.value;
+      } catch {
+        return s.value;
+      }
+    }), h = i(() => [
+      { title: n("gpt-app-builder.algorithms-and-method"), value: u.value },
+      { title: n("gpt-app-builder.exclusions"), value: d.value },
+      { title: n("discovery-strategy.filters"), value: y.value },
+      { title: n("action-builder.manual-merchandising"), value: m.value }
+    ]);
+    return { __sfc: !0, props: a, trans: n, none: s, algorithmsAndMethod: u, exclusions: d, asMerchandising: l, manualMerchandising: m, conditionsIn: g, filters: y, details: h };
+  }
+});
+export {
+  j as default
+};

package/dist/composables/useCustomInterfaceAppearance.js

@@ -1,53 +1,71 @@
-import S from "../static/styles/base.css.js";
-import m from "../static/styles/components/alert-message.css.js";
-import e from "../static/styles/components/amp-block.css.js";
-import i from "../static/styles/components/base-input.css.js";
-import p from "../static/styles/components/button-group.css.js";
-import n from "../static/styles/components/button.css.js";
-import s from "../static/styles/components/combobox.css.js";
-import C from "../static/styles/components/counter.css.js";
-import f from "../static/styles/components/dropdown-menu.css.js";
-import a from "../static/styles/components/loader.css.js";
-import u from "../static/styles/components/narrow-panel.css.js";
-import c from "../static/styles/components/popup.css.js";
-import d from "../static/styles/components/switcher.css.js";
-import l from "../static/styles/components/tabs.css.js";
-import h from "../static/styles/components/tools.css.js";
-import w from "../static/styles/components/version-history.css.js";
-import y from "../static/styles/components/wide-panel.css.js";
-import B from "../static/styles/variables.css.js";
-const b = [
-  B,
+import i from "../static/assets/icons/filled-arrow-rising.svg.js";
+import n from "../static/assets/icons/line-change.svg.js";
+import S from "../static/assets/icons/line-delete.svg.js";
+import p from "../static/assets/icons/line-info.svg.js";
+import s from "../static/assets/icons/line-plus.svg.js";
+import f from "../static/styles/base.css.js";
+import C from "../static/styles/components/alert-message.css.js";
+import a from "../static/styles/components/amp-block.css.js";
+import c from "../static/styles/components/base-input.css.js";
+import l from "../static/styles/components/button-group.css.js";
+import u from "../static/styles/components/button.css.js";
+import d from "../static/styles/components/combobox.css.js";
+import I from "../static/styles/components/counter.css.js";
+import g from "../static/styles/components/dropdown-menu.css.js";
+import h from "../static/styles/components/loader.css.js";
+import w from "../static/styles/components/narrow-panel.css.js";
+import $ from "../static/styles/components/popup.css.js";
+import y from "../static/styles/components/recommendation-strategy.css.js";
+import b from "../static/styles/components/switcher.css.js";
+import B from "../static/styles/components/tabs.css.js";
+import A from "../static/styles/components/tools.css.js";
+import P from "../static/styles/components/version-history.css.js";
+import R from "../static/styles/components/wide-panel.css.js";
+import x from "../static/styles/variables.css.js";
+function o(t, r) {
+  return `--guido-icon-${t}: url("data:image/svg+xml,${encodeURIComponent(r.trim())}");`;
+}
+const V = `:host {
+    ${o("line-change", n)}
+    ${o("line-delete", S)}
+    ${o("filled-arrow-rising", i)}
+    ${o("line-info", p)}
+    ${o("line-plus", s)}
+}`, D = [
+  x,
   // Must be on top
-  S,
+  V,
+  f,
   // Must be on top
-  m,
-  e,
-  i,
-  p,
-  n,
-  s,
   C,
-  f,
   a,
-  u,
   c,
-  d,
   l,
+  u,
+  d,
+  I,
+  g,
   h,
   w,
+  $,
+  b,
+  B,
+  A,
+  P,
+  R,
   y
+  // Last: overrides button.css / wide-panel.css defaults
 ].join(`
 
-`), v = () => ({ importCss: () => {
-  const o = new CSSStyleSheet();
-  o.replaceSync(b);
-  const r = document.querySelector("ui-editor");
-  if (!r)
+`), ro = () => ({ importCss: () => {
+  const r = new CSSStyleSheet();
+  r.replaceSync(D);
+  const e = document.querySelector("ui-editor");
+  if (!e)
     return;
-  const t = r.shadowRoot;
-  t && (t.adoptedStyleSheets = [o]);
+  const m = e.shadowRoot;
+  m && (m.adoptedStyleSheets = [r]);
 } });
 export {
-  v as useCustomInterfaceAppearance
+  ro as useCustomInterfaceAppearance
 };

package/dist/composables/useLegacyStrategyConversion.js

@@ -0,0 +1,52 @@
+import { useRecommendation as l } from "./useRecommendation.js";
+import { useToaster as u } from "./useToaster.js";
+import { useTranslations as p } from "./useTranslations.js";
+import { ToasterTypeOptions as f } from "../enums/toaster.js";
+import "../extensions/Blocks/Recommendation/constants/selectors.js";
+import { CURRENT_CONFIG_VERSION as S } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { buildLegacyMigrationPayload as L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
+import { commitBlockChangeOutsidePanel as v } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { useConfigStore as I } from "../stores/config.js";
+const x = () => {
+  const t = C(), a = I(), { buildCampaignUrl: n } = l(), { showToaster: i } = u(), c = p();
+  return { convertLegacyStrategy: async () => {
+    const o = t.currentRecommendationId;
+    if (o === null || !t.isLegacyStrategyBlock || t.legacyConversionLoading)
+      return "";
+    const { strategy: s, productIds: m, filters: g } = t.recommendationConfigs, d = L({
+      blockId: o,
+      url: n(String(o)),
+      campaignId: a.campaignId,
+      variationId: a.variationId,
+      strategy: s,
+      productIds: m,
+      filters: g,
+      attributes: t.getFilterList
+    });
+    let e;
+    try {
+      e = await t.convertLegacyStrategy(d);
+    } catch (r) {
+      return console.error("[useLegacyStrategyConversion] migration failed", r), i({
+        type: f.Error,
+        message: c("email-editor.legacy-strategy-update-failed")
+      }), "";
+    }
+    const { size: y } = t.recommendationConfigs;
+    try {
+      await t.fetchRecommendationProducts();
+    } catch (r) {
+      console.error("[useLegacyStrategyConversion] product refetch failed", r);
+    }
+    return v(
+      o,
+      { strategyId: e, size: y, configVersion: S },
+      t.recommendationProducts,
+      "Converted legacy recommendation strategy"
+    ), t.openLegacyStrategyUpdatedModal(), e;
+  } };
+};
+export {
+  x as useLegacyStrategyConversion
+};

package/dist/composables/useModuleRepair.js

@@ -0,0 +1,33 @@
+import { useConfig as C } from "./useConfig.js";
+import { useToaster as T } from "./useToaster.js";
+import { useTranslations as g } from "./useTranslations.js";
+import { ToasterTypeOptions as D } from "../enums/toaster.js";
+import { buildDynamicContentLookup as f, convertModuleDynamicContent as h } from "../utils/dynamicContentConverter.js";
+import { flattenDynamicContentList as O } from "../utils/genericUtil.js";
+import { repairItemsCurrencyAttributes as M } from "../utils/itemsCurrencyRepair.js";
+const N = "dynamic-content.unresolved-attributes-on-drop", R = () => {
+  const { template: p, isFeatureEnabled: m } = C(), { showToaster: a } = T(), y = g();
+  return { handleModuleAdd: (e, o) => {
+    var s, l, u;
+    try {
+      if ((e == null ? void 0 : e.action) !== "ADD" && (e == null ? void 0 : e.action) !== "COPY")
+        return;
+      const t = (s = o == null ? void 0 : o.getTargetNode) == null ? void 0 : s.call(o), r = (l = t == null ? void 0 : t.getOuterHTML) == null ? void 0 : l.call(t);
+      if (!t || typeof r != "string")
+        return;
+      let n = M(r);
+      const c = f(O((u = p.value) == null ? void 0 : u.dynamicContentList));
+      let i = [];
+      c.size > 0 && ({ html: n, unresolved: i } = h(n, c, m("liquidSyntax"))), n !== r && o.modifyHtml(t).replaceWith(n), i.length > 0 && a({
+        type: D.Warning,
+        message: y(N)
+      });
+    } catch (t) {
+      console.error("Failed to repair module on add:", t);
+    }
+  } };
+};
+export {
+  N as UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY,
+  R as useModuleRepair
+};

package/dist/composables/useRecommendation.js

@@ -1,22 +1,22 @@
-import { getRecommendationFeedSourceMaps as I, URLS as R } from "../enums/extensions/recommendationBlock.js";
-import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommendation.js";
+import { getRecommendationFeedSourceMaps as y, URLS as I } from "../enums/extensions/recommendationBlock.js";
+import { MinDeviceViewport as C, DefaultPadding as R } from "../enums/recommendation.js";
 import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
-import { getPartnerRecommendationParams as y } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
+import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
+import { getPartnerRecommendationParams as h } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
 import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
 import { useConfigStore as P } from "../stores/config.js";
 const B = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: a,
-    mobileRightPadding: s,
-    cardsInRow: c,
+    mobileLeftPadding: i,
+    mobileRightPadding: c,
+    cardsInRow: s,
     unresponsive: n
   }) => {
-    const r = n ? c : 1, e = a + s + (r - 1) * b;
-    return (C - e) / r;
+    const o = n ? s : 1, e = i + c + (o - 1) * R;
+    return (C - e) / o;
   },
-  getRecommendationCampaignData: (a) => {
-    const s = l(), c = Number(a), n = s.blockStates[c];
+  getRecommendationCampaignData: (i) => {
+    const c = l(), s = Number(i), n = c.blockStates[s];
     if (!n)
       return {
         textTrimming: !1,
@@ -30,47 +30,54 @@ const B = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: o } = n, e = o.orientation === "grid" ? "vertical" : "horizontal";
     return {
-      textTrimming: r.textTrimming,
+      textTrimming: o.textTrimming,
       orientation: e,
       mobileLeftPadding: 0,
       mobileRightPadding: 0,
-      cardsInRow: r.cardsInRow,
-      unresponsive: r.unresponsive,
+      cardsInRow: o.cardsInRow,
+      unresponsive: o.unresponsive,
       priceBeforeTextValue: "",
       priceAfterTextValue: "",
       discountBeforeTextValue: "",
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (a, s) => {
+  buildCampaignUrl: (i, c) => {
     var m;
-    const c = l(), n = P(), r = Number(a);
+    const s = l(), n = P(), o = Number(i);
     let e;
-    if (s)
-      e = s;
+    if (c)
+      e = c;
     else {
-      const i = c.blockStates[r];
-      if (!i)
+      const a = s.blockStates[o];
+      if (!a)
         return "";
-      const { recommendationConfigs: o } = i;
+      const { recommendationConfigs: r } = a;
       e = {
-        strategy: o.strategy,
-        language: o.language,
-        currencyCode: o.currencySettings.value,
-        size: o.size,
-        productIds: o.productIds,
-        filters: o.filters,
-        shuffleProducts: o.shuffleProducts
+        strategy: r.strategy,
+        strategyId: r.strategyId,
+        language: r.language,
+        currencyCode: r.currencySettings.value,
+        size: r.size,
+        productIds: r.productIds,
+        filters: r.filters,
+        shuffleProducts: r.shuffleProducts
       };
     }
-    const f = ((m = I().find((i) => i.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    if (e.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy"))
+      return s.recommendationCampaignUrls[i] = {
+        strategyId: e.strategyId,
+        locale: e.language,
+        currency: e.currencyCode
+      }, "";
+    const g = ((m = y().find((a) => a.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
     t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
-    const g = e.filters.filter((i) => i.isValid), d = h(g);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(n.partnerName, e.strategy)).forEach(([i, o]) => t.set(i, o));
-    const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
-    return c.recommendationCampaignUrls[a] = u, u;
+    const f = e.filters.filter((a) => a.isValid), d = b(f);
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(n.partnerName, e.strategy)).forEach(([a, r]) => t.set(a, r));
+    const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${g}?${p}`;
+    return s.recommendationCampaignUrls[i] = u, u;
   }
 });
 export {

package/dist/composables/useSave.js

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

package/dist/composables/useStripo.js

@@ -3,7 +3,7 @@ import { useBlocksConfig as O } from "./useBlocksConfig.js";
 import { useConfig as q } from "./useConfig.js";
 import { useCustomInterfaceAppearance as H } from "./useCustomInterfaceAppearance.js";
 import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
-import { useModuleDynamicContentRepair as j } from "./useModuleDynamicContentRepair.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";
@@ -17,13 +17,13 @@ import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../ut
 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) => {
-    var l;
+  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+    var d;
     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");
+    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}`));
     }, document.body.appendChild(e);
@@ -31,12 +31,12 @@ const Ce = () => {
     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 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(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
-        html: l,
+        html: d,
         css: D,
         forceRecreate: U,
         locale: "en",
@@ -80,16 +80,16 @@ const Ce = () => {
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const d = await M();
-            t(d);
-          } catch (d) {
-            p(d, "Failed to refresh token");
+            const l = await B();
+            t(l);
+          } catch (l) {
+            p(l, "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(() => {
+            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
+            t(), l(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -108,7 +108,7 @@ const Ce = () => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: B,
+        onEvent: v,
         onModuleAdd: F,
         notifications: V(),
         ignoreClickOutsideSelectors: [
@@ -126,8 +126,8 @@ const Ce = () => {
     try {
       await f();
       const [r, e] = await Promise.all([
-        T(),
-        v()
+        M(),
+        T()
       ]);
       a.syncModulesEnabled = e, await _(i, s, o, r, e);
     } catch {