@useinsider/guido 3.2.0-beta.caa22bf → 3.2.0-beta.ccaf9f5

package/dist/components/Guido.vue2.js

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

package/dist/composables/useCortexBlueprintBridge.js

@@ -0,0 +1,38 @@
+import { useEmailTemplateApplier as T, resetEmailTemplateApplier as E } from "./useEmailTemplateApplier.js";
+import { getActivePinia as h } from "pinia";
+import { watch as d, onUnmounted as y } from "vue";
+const _ = "email_template", b = "chat", B = () => {
+  const l = h();
+  if (!l)
+    return;
+  const p = l._s, c = p == null ? void 0 : p.get(b);
+  if (!c)
+    return;
+  const { applyTemplate: m, applyTemplateDebounced: f } = T(), e = /* @__PURE__ */ new Map(), A = d(
+    () => c.messages,
+    (a) => {
+      Array.isArray(a) && a.forEach((n) => {
+        const u = n == null ? void 0 : n.segments;
+        Array.isArray(u) && u.forEach((i) => {
+          if ((i == null ? void 0 : i.type) !== "blueprint")
+            return;
+          const o = i;
+          if (o.blueprintType !== _)
+            return;
+          const r = o.blueprintId, t = o.blueprintData;
+          if (!r || !(t != null && t.html))
+            return;
+          const s = e.get(r);
+          s === void 0 ? (e.set(r, t.html), m(r, t)) : s !== t.html && (e.set(r, t.html), f(r, t));
+        });
+      });
+    },
+    { deep: !0, immediate: !0 }
+  );
+  y(() => {
+    A(), e.clear(), E();
+  });
+};
+export {
+  B as useCortexBlueprintBridge
+};

package/dist/composables/useEmailTemplateApplier.js

@@ -0,0 +1,41 @@
+import { useActionsApi as u } from "./useActionsApi.js";
+import { useToaster as T } from "./useToaster.js";
+import { useTranslations as f } from "./useTranslations.js";
+import { ToasterTypeOptions as n } from "../enums/toaster.js";
+import { ref as y } from "vue";
+const h = 250, s = y({}), o = {}, j = () => {
+  const { updateHtmlAndCss: l } = u(), { showToaster: r } = T(), i = f(), c = (e, t, p) => {
+    s.value = { ...s.value, [e]: "applying" };
+    try {
+      l(t, p), s.value = { ...s.value, [e]: "applied" }, r({
+        type: n.Success,
+        message: i("newsletter.ai-template-applied")
+      });
+    } catch (a) {
+      s.value = { ...s.value, [e]: "failed" }, r({
+        type: n.Alert,
+        message: a instanceof Error ? a.message : "Failed to apply template"
+      });
+    }
+  }, m = (e) => {
+    const t = o[e];
+    t && (clearTimeout(t), delete o[e]);
+  };
+  return { applyStatus: s, applyTemplate: (e, t) => {
+    t.html && (m(e), c(e, t.html, t.css ?? ""));
+  }, applyTemplateDebounced: (e, t) => {
+    if (!t.html)
+      return;
+    m(e);
+    const { html: p } = t, a = t.css ?? "";
+    o[e] = setTimeout(() => {
+      delete o[e], c(e, p, a);
+    }, h);
+  } };
+}, w = () => {
+  Object.values(o).forEach(clearTimeout), Object.keys(o).forEach((l) => delete o[l]), s.value = {};
+};
+export {
+  w as resetEmailTemplateApplier,
+  j as useEmailTemplateApplier
+};

package/dist/composables/useRecommendation.js

@@ -1,21 +1,21 @@
-import { RecommendationFeedSourceMaps as I, URLS as C } from "../enums/extensions/recommendationBlock.js";
+import { RecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as m } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
-import { useConfigStore as x } from "../stores/config.js";
-const w = () => ({
+import { useRecommendationExtensionStore as u } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { generateCompleteFilterQuery as x } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
+import { useConfigStore as I } from "../stores/config.js";
+const N = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: s,
-    mobileRightPadding: a,
-    cardsInRow: c,
-    unresponsive: n
+    mobileLeftPadding: i,
+    mobileRightPadding: n,
+    cardsInRow: o,
+    unresponsive: a
   }) => {
-    const r = n ? c : 1, e = s + a + (r - 1) * b;
+    const r = a ? o : 1, e = i + n + (r - 1) * b;
     return (R - e) / r;
   },
-  getRecommendationCampaignData: (s) => {
-    const a = m(), c = Number(s), n = a.blockStates[c];
-    if (!n)
+  getRecommendationCampaignData: (i) => {
+    const n = u(), o = Number(i), a = n.blockStates[o];
+    if (!a)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -28,7 +28,7 @@ const w = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = a, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
       textTrimming: r.textTrimming,
       orientation: e,
@@ -42,39 +42,19 @@ const w = () => ({
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (s, a) => {
-    var l;
-    const c = m(), n = x(), r = Number(s);
-    let e;
-    if (a)
-      e = a;
-    else {
-      const i = c.blockStates[r];
-      if (!i)
-        return "";
-      const { recommendationConfigs: o } = i;
-      e = {
-        strategy: o.strategy,
-        language: o.language,
-        currencyCode: o.currencySettings.value,
-        size: o.size,
-        productIds: o.productIds,
-        filters: o.filters,
-        shuffleProducts: o.shuffleProducts
-      };
-    }
-    const f = ((l = I.find((i) => i.key === e.strategy)) == null ? void 0 : l.path) || "", t = new URLSearchParams();
-    if (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") {
-      const i = parseInt(e.size) || 6;
-      t.set("productId", e.productIds.slice(0, i).join(","));
-    } else 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");
-    const p = decodeURIComponent(t.toString()), u = `${C.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
-    return c.recommendationCampaignUrls[s] = u, u;
+  buildCampaignUrl: (i) => {
+    var m;
+    const n = u(), o = I(), a = Number(i), r = n.blockStates[a];
+    if (!r)
+      return "";
+    const { recommendationConfigs: e } = r, l = ((m = g.find((s) => s.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    t.set("locale", e.language), t.set("currency", e.currencySettings.value), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    const f = e.filters.filter((s) => s.isValid), c = x(f);
+    c && t.set("filter", c), e.shuffleProducts && t.set("shuffle", "true");
+    const d = `${p.RECOMMENDATION_API_URL}/v2/${l}?${t.toString()}`;
+    return n.recommendationCampaignUrls[i] = d, d;
   }
 });
 export {
-  w as useRecommendation
+  N as useRecommendation
 };

package/dist/composables/useSave.js

@@ -1,32 +1,29 @@
-import { useActionsApi as V } from "./useActionsApi.js";
-import { useConfig as x } from "./useConfig.js";
-import { useSaveStart as y, useSaveComplete as w } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as C } from "./useSyncModuleExtractor.js";
-import { useStripoApi as H } from "../services/stripoApi.js";
-import { useTemplatePreparation as b } from "../utils/templatePreparation.js";
-import { useHtmlValidator as q } from "./useHtmlValidator.js";
-import { useCouponBlockValidator as L } from "./validators/useCouponBlockValidator.js";
-import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
-const h = () => {
-  const o = y(), s = w(), { validateHtml: r } = q(), { validateLiquidSyntax: l } = P(), { validateCouponBlockTags: n } = L(), { callbacks: a, isFeatureEnabled: d } = x(), { extractSyncModuleData: u } = C(), { setSyncModuleUnsubscriptionPages: c } = H(), { editorSave: m } = V();
-  return { save: async (p = !1) => {
+import { useActionsApi as S } from "./useActionsApi.js";
+import { useConfig as V } from "./useConfig.js";
+import { useSaveStart as x, useSaveComplete as y } from "./useGuidoActions.js";
+import { useSyncModuleExtractor as w } from "./useSyncModuleExtractor.js";
+import { useStripoApi as b } from "../services/stripoApi.js";
+import { useTemplatePreparation as q } from "../utils/templatePreparation.js";
+import { useHtmlValidator as H } from "./useHtmlValidator.js";
+import { useLiquidValidator as L } from "./validators/useLiquidValidator.js";
+const F = () => {
+  const o = x(), s = y(), { validateHtml: r } = H(), { validateLiquidSyntax: n } = L(), { callbacks: a, isFeatureEnabled: l } = V(), { extractSyncModuleData: d } = w(), { setSyncModuleUnsubscriptionPages: u } = b(), { editorSave: c } = S();
+  return { save: async (m = !1) => {
     var i;
     o();
-    const { prepareTemplateDetails: f } = b(), t = await f();
-    if (!n(t.compiledHtml))
-      return;
-    if (d("liquidSyntax")) {
-      if (!await l(t.compiledHtml))
+    const { prepareTemplateDetails: p } = q(), t = await p();
+    if (l("liquidSyntax")) {
+      if (!await n(t.compiledHtml))
         return;
     } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
       return;
     if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t))
       return;
-    await m();
-    const { unsubscribePayload: v, stripoModules: S } = u(t.rawHtml);
-    return await c(v), t.modules = S, p || s(t), t;
+    await c();
+    const { unsubscribePayload: f, stripoModules: v } = d(t.rawHtml);
+    return await u(f), t.modules = v, m || s(t), t;
   } };
 };
 export {
-  h as useSave
+  F as useSave
 };

package/dist/composables/useStripo.js

@@ -6,19 +6,20 @@ import { useFullStoryBridge as R } from "./useFullStoryBridge.js";
 import { useStripoEventHandler as q } from "./useStripoEventHandler.js";
 import { useToaster as x } from "./useToaster.js";
 import { localePatch as H } from "../config/i18n/index.js";
-import { useStripoApi as O } from "../services/stripoApi.js";
-import j from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as E } from "../stores/editor.js";
-import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
-import $ from "../package.json.js";
-const se = (C, l) => {
-  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = O(), { handleEvent: B } = q(), { getStripoBlocksConfig: T } = I(), V = async (i, r = [], s = !1) => {
+import { displayConditions as O } from "../enums/displayConditions.js";
+import { useStripoApi as j } from "../services/stripoApi.js";
+import L from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as C } from "../stores/editor.js";
+import { dynamicContentToMergeTags as $ } from "../utils/genericUtil.js";
+import z from "../package.json.js";
+const ae = (E, l) => {
+  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = j(), { handleEvent: B } = q(), { getStripoBlocksConfig: T } = I(), V = async (i, r = [], s = !1) => {
     var g, S, y;
-    const e = E(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await T(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, F = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
+    const e = C(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await T(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, F = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: C,
+        metadata: E,
         html: p,
         css: a,
         forceRecreate: v,
@@ -31,9 +32,10 @@ const se = (C, l) => {
         customAppearanceMergetags: !u("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: j,
+        customViewStyles: L,
         conditionsEnabled: f,
         customConditionsEnabled: f,
+        conditionCategories: O,
         enableXSSSecurity: !0,
         modulesDisabled: F,
         syncModulesEnabled: s,
@@ -52,7 +54,7 @@ const se = (C, l) => {
         },
         mergeTags: [
           {
-            entries: L(
+            entries: $(
               l.preselectedDynamicContentList,
               u("liquidSyntax")
             )
@@ -104,7 +106,7 @@ const se = (C, l) => {
       i(), r();
       return;
     }
-    const e = $.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    const e = z.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
       i(), r();
     }, o.onerror = () => {
@@ -113,7 +115,7 @@ const se = (C, l) => {
   });
   return { initPlugin: async (i) => {
     await _(async () => {
-      const r = E(), [s, e] = await Promise.all([
+      const r = C(), [s, e] = await Promise.all([
         b(),
         k()
       ]);
@@ -122,5 +124,5 @@ const se = (C, l) => {
   } };
 };
 export {
-  se as useStripo
+  ae as useStripo
 };