@useinsider/guido 3.3.0-beta.b7e5793 → 3.3.0-beta.d5c796a

package/dist/components/Guido.vue.js

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

package/dist/components/Guido.vue2.js

@@ -1,38 +1,40 @@
-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 { 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 { RIBBON_SELECTOR as ne } from "../enums/onboarding.js";
-import re from "./organisms/AutoSaveController.vue.js";
-import se from "./organisms/base/Toaster.vue.js";
-import ce from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import ae from "./organisms/header/HeaderWrapper.vue.js";
-import ie from "./organisms/LoadingWrapper.vue.js";
-import me from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import de from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as le } from "../services/stripoApi.js";
-import { useConfigStore as ue } from "../stores/config.js";
-import { useDynamicContentStore as pe } from "../stores/dynamic-content.js";
-import { useEditorStore as fe } from "../stores/editor.js";
-import { usePreviewStore as ve } from "../stores/preview.js";
-import { useUnsubscribeStore as ye } from "../stores/unsubscribe.js";
-const We = /* @__PURE__ */ J({
+import { defineComponent as J, defineAsyncComponent as R, ref as I, computed as W, watch as Q, onMounted as X, onUnmounted as Y } from "vue";
+import { useCortexBlueprintBridge as Z } from "../composables/useCortexBlueprintBridge.js";
+import { provideGuidoActions as ee } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as oe } from "../composables/useGuidoStateBridge.js";
+import { usePartner as te } from "../composables/usePartner.js";
+import { useStripo as ne } from "../composables/useStripo.js";
+import { useTimerClone as re } from "../composables/useTimerClone.js";
+import { migrate as x } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as G } from "../enums/defaults.js";
+import { RIBBON_SELECTOR as se } from "../enums/onboarding.js";
+import ce from "./organisms/AutoSaveController.vue.js";
+import ae from "./organisms/base/Toaster.vue.js";
+import ie from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import me from "./organisms/header/HeaderWrapper.vue.js";
+import de from "./organisms/LoadingWrapper.vue.js";
+import le from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ue from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as pe } from "../services/stripoApi.js";
+import { useConfigStore as fe } from "../stores/config.js";
+import { useDynamicContentStore as ve } from "../stores/dynamic-content.js";
+import { useEditorStore as ye } from "../stores/editor.js";
+import { usePreviewStore as he } from "../stores/preview.js";
+import { useUnsubscribeStore as Se } from "../stores/unsubscribe.js";
+const He = /* @__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(H, { expose: z, emit: n }) {
+    const g = H, q = R(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), K = I(
+    ), K = R(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), w = W(), u = W(), p = pe(), E = ye(), i = ue();
+    ), w = I(), u = I(), p = ve(), E = Se(), i = fe();
     i.init(g.config);
-    const f = fe(), V = ve(), m = B(() => f.hasChanges), { isTestPartner: $ } = ee(), D = () => {
+    const f = ye(), V = he(), m = W(() => f.hasChanges), { isTestPartner: $ } = te(), D = () => {
       var e;
       return (e = w.value) == null ? void 0 : e.handleSave(!0);
     }, {
@@ -42,8 +44,8 @@ const We = /* @__PURE__ */ J({
       username: k,
       template: o,
       editor: s
-    } = i, d = (o == null ? void 0 : o.html) || "", F = (o == null ? void 0 : o.css) || "", y = (o == null ? void 0 : o.preselectedDynamicContent) || [], L = (s == null ? void 0 : s.savedModulesFolderName) || x.SAVED_MODULES, U = (s == null ? void 0 : s.defaultModulesFolderName) || x.DEFAULT_MODULES;
-    f.templateId = v;
+    } = i, d = (o == null ? void 0 : o.html) || "", F = (o == null ? void 0 : o.css) || "", y = (o == null ? void 0 : o.preselectedDynamicContent) || [], L = (s == null ? void 0 : s.savedModulesFolderName) || G.SAVED_MODULES, U = (s == null ? void 0 : s.defaultModulesFolderName) || G.DEFAULT_MODULES;
+    f.templateId = v, Z(), oe();
     const h = {
       emailId: v,
       userId: C,
@@ -56,11 +58,11 @@ const We = /* @__PURE__ */ J({
       onReady: () => {
         console.debug("guido:ready"), n("ready");
       }
-    }, { initPlugin: M } = oe(h, _), { getDefaultTemplate: O } = le(), { cloneTimersOnSave: P, hasTimerBlocks: A } = te(), j = B(() => {
+    }, { initPlugin: M } = ne(h, _), { getDefaultTemplate: O } = pe(), { cloneTimersOnSave: P, hasTimerBlocks: A } = re(), j = W(() => {
       var e;
       return !((e = i.ui) != null && e.showHeader);
     });
-    Z({
+    ee({
       onBack: () => {
         console.debug("guido:back"), n("back");
       },
@@ -75,9 +77,9 @@ const We = /* @__PURE__ */ J({
         console.debug("guido:test-email:click"), n("test-email:click");
       }
     });
-    const N = (e) => {
+    const B = (e) => {
       console.debug("dynamic-content:close", e), p.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, R = () => {
+    }, N = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
     Q(() => m.value, () => {
@@ -90,7 +92,7 @@ const We = /* @__PURE__ */ J({
     let c = null;
     const b = () => {
       var t;
-      const e = document.querySelector(ne);
+      const e = document.querySelector(se);
       (t = u.value) == null || t.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
     };
     return X(async () => {
@@ -102,10 +104,10 @@ const We = /* @__PURE__ */ J({
         E.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         const a = ((l = o == null ? void 0 : o.migration) == null ? void 0 : l.recommendationConfigs) ?? {};
         let r = {
-          html: d && await H(d, a),
+          html: d && await x(d, a),
           css: F
         };
-        r.html || (r = await O(), r.html = await H(r.html, a)), A(r.html) && (r.html = await P(r.html)), await M(r), p.selectedDynamicContentList = y;
+        r.html || (r = await O(), r.html = await x(r.html, a)), A(r.html) && (r.html = await P(r.html)), await M(r), p.selectedDynamicContentList = y;
       } catch (a) {
         console.error("Failed to initialize Stripo editor:", a);
       }
@@ -120,14 +122,14 @@ const We = /* @__PURE__ */ J({
       i.reset();
     }), z({
       dynamicContent: {
-        insert: N,
-        close: R
+        insert: B,
+        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: s, html: d, css: F, preselectedDynamicContentList: y, savedModulesFolderName: L, defaultModulesFolderName: U, emit: n, metadata: h, options: _, initPlugin: M, getDefaultTemplate: O, cloneTimersOnSave: P, hasTimerBlocks: A, noHeader: j, insertDynamicContent: N, closeDynamicContent: R, handleDynamicContentOpen: S, ribbonObserver: c, updateRibbonOffset: b, AutoSaveController: re, Toaster: se, FilterSelectionDrawer: ce, HeaderWrapper: ae, LoadingWrapper: ie, SaveAsTemplateDrawer: me, UnsubscribeWrapper: de };
+    }), { __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: s, html: d, css: F, preselectedDynamicContentList: y, savedModulesFolderName: L, defaultModulesFolderName: U, emit: n, metadata: h, options: _, initPlugin: M, getDefaultTemplate: O, cloneTimersOnSave: P, hasTimerBlocks: A, noHeader: j, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: S, ribbonObserver: c, updateRibbonOffset: b, AutoSaveController: ce, Toaster: ae, FilterSelectionDrawer: ie, HeaderWrapper: me, LoadingWrapper: de, SaveAsTemplateDrawer: le, UnsubscribeWrapper: ue };
   }
 });
 export {
-  We as default
+  He as default
 };

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

@@ -0,0 +1,18 @@
+import l from "./AiStatusPill.vue2.js";
+/* empty css                  */
+import e from "../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var s = this, t = s._self._c, a = s._self._setupProxy;
+  return a.showStatusPill ? t("div", { staticClass: "ai-status-pill", attrs: { "aria-live": "polite", role: "status" } }, [t("span", { staticClass: "ai-status-pill__dot" }), t("span", { staticClass: "ai-status-pill__label" }, [s._v(s._s(a.statusLabel))])]) : s._e();
+}, _ = [], r = /* @__PURE__ */ e(
+  l,
+  i,
+  _,
+  !1,
+  null,
+  "dea97ab5"
+);
+const c = r.exports;
+export {
+  c as default
+};

package/dist/components/organisms/header/AiStatusPill.vue2.js

@@ -0,0 +1,13 @@
+import { defineComponent as e } from "vue";
+import { useAiStatusStore as r } from "../../../stores/ai-status.js";
+import { storeToRefs as a } from "pinia";
+const f = /* @__PURE__ */ e({
+  __name: "AiStatusPill",
+  setup(i) {
+    const t = r(), { showStatusPill: s, statusLabel: o } = a(t);
+    return { __sfc: !0, aiStatus: t, showStatusPill: s, statusLabel: o };
+  }
+});
+export {
+  f as default
+};

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

@@ -1,17 +1,17 @@
-import i from "./MiddleSlot.vue2.js";
+import r from "./MiddleSlot.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
-  var r = this, e = r._self._c, o = r._self._setupProxy;
-  return e("div", [o.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(o.VersionHistory), e(o.VersionHistoryViewOptions)], 1) : o.editorStore.isPreviewModeOpen ? e("div", { staticClass: "d-f" }, [e(o.EmailSizeIndicator), e(o.AmpToggle)], 1) : r._e(), e(o.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: o.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] })], 1);
-}, n = [], a = /* @__PURE__ */ s(
-  i,
+  var o = this, e = o._self._c, i = o._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [i.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(i.VersionHistory), e(i.VersionHistoryViewOptions)], 1) : i.editorStore.isPreviewModeOpen ? e("div", { staticClass: "d-f" }, [e(i.EmailSizeIndicator), e(i.AmpToggle)], 1) : o._e(), e(i.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: i.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] }), e(i.AiStatusPill)], 1);
+}, a = [], n = /* @__PURE__ */ s(
+  r,
   t,
-  n,
+  a,
   !1,
   null,
   null
 );
-const c = a.exports;
+const c = n.exports;
 export {
   c as default
 };

package/dist/components/organisms/header/MiddleSlot.vue2.js

@@ -2,15 +2,16 @@ import { defineComponent as o } from "vue";
 import r from "../email-preview/amp/AmpToggle.vue.js";
 import t from "../email-preview/desktop-preview/EmailSizeIndicator.vue.js";
 import { useEditorStore as i } from "../../../stores/editor.js";
-import e from "./EditorToolbar.vue.js";
-import m from "./version-history/VersionHistory.vue.js";
-import p from "./version-history/ViewOptions.vue.js";
-const S = /* @__PURE__ */ o({
+import e from "./AiStatusPill.vue.js";
+import m from "./EditorToolbar.vue.js";
+import p from "./version-history/VersionHistory.vue.js";
+import s from "./version-history/ViewOptions.vue.js";
+const V = /* @__PURE__ */ o({
   __name: "MiddleSlot",
-  setup(s) {
-    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, EditorToolbar: e, VersionHistory: m, VersionHistoryViewOptions: p };
+  setup(f) {
+    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, AiStatusPill: e, EditorToolbar: m, VersionHistory: p, VersionHistoryViewOptions: s };
   }
 });
 export {
-  S as default
+  V as default
 };

package/dist/composables/useCortexBlueprintBridge.js

@@ -0,0 +1,91 @@
+import { useEmailTemplateApplier as _, resetEmailTemplateApplier as k } from "./useEmailTemplateApplier.js";
+import { useToaster as g } from "./useToaster.js";
+import { useTranslations as I } from "./useTranslations.js";
+import { ToasterTypeOptions as T } from "../enums/toaster.js";
+import { useAiStatusStore as P } from "../stores/ai-status.js";
+import { getActivePinia as W } from "pinia";
+import { watch as B, onUnmounted as D } from "vue";
+const v = "email_template", x = "chat", L = "guido:debug:ai", M = () => {
+  if (typeof window > "u")
+    return !1;
+  try {
+    return window.localStorage.getItem(L) === "1";
+  } catch {
+    return !1;
+  }
+}, F = () => {
+  const u = W();
+  if (!u)
+    return;
+  const c = u._s, p = c == null ? void 0 : c.get(x);
+  if (!p)
+    return;
+  const { applyTemplate: E, applyTemplateDebounced: A } = _(), i = P(), { showToaster: f } = g(), y = I(), d = (t, r) => {
+    const e = y(t);
+    return e === t ? r : e;
+  }, l = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), h = M(), b = (t, r) => {
+    h && console.debug(`[guido:cortex] msg=${t ?? "?"} type=${(r == null ? void 0 : r.type) ?? "?"}`, r);
+  }, m = (t) => {
+    if (t.blueprintType !== v)
+      return;
+    const r = t.blueprintId, e = t.blueprintData;
+    if (!r || !(e != null && e.html))
+      return;
+    const n = l.get(r);
+    n === void 0 ? (l.set(r, e.html), E(r, e)) : n !== e.html && (l.set(r, e.html), A(r, e));
+  }, S = (t) => {
+    const r = t.toolCallId ?? "?", e = t.isRunning ? "run" : "done", n = t.error ? "err" : "ok", o = `tool:${r}:${e}:${n}`;
+    if (!s.has(o)) {
+      if (s.add(o), t.error === !0) {
+        i.$patch({ isWorking: !1, currentTool: "", lastError: "tool_error" });
+        return;
+      }
+      t.isRunning === !0 ? i.$patch({
+        isWorking: !0,
+        currentTool: t.name ?? "",
+        lastError: ""
+      }) : i.$patch({ isWorking: !1, currentTool: "" });
+    }
+  }, w = (t, r) => {
+    r && a.has(r) || (r && a.add(r), i.$patch({ isWorking: !1, currentTool: "", lastError: t.content ?? "error" }), f({
+      type: T.Alert,
+      message: d("newsletter.ai-template-failed", "AI couldn't generate the template. Please try again.")
+    }));
+  }, $ = B(
+    () => p.messages,
+    (t) => {
+      Array.isArray(t) && t.forEach((r) => {
+        const e = r == null ? void 0 : r.id;
+        (r == null ? void 0 : r.isError) === !0 && e && !a.has(e) && (a.add(e), i.$patch({ isWorking: !1, currentTool: "", lastError: "message_error" }), f({
+          type: T.Alert,
+          message: d(
+            "newsletter.ai-template-failed",
+            "AI couldn't generate the template. Please try again."
+          )
+        }), h && console.debug(`[guido:cortex] message-level error id=${e}`, r));
+        const n = r == null ? void 0 : r.segments;
+        Array.isArray(n) && n.forEach((o) => {
+          if (o)
+            switch (b(e, o), o.type) {
+              case "blueprint":
+                m(o);
+                break;
+              case "tool":
+                S(o);
+                break;
+              case "error":
+                w(o, e);
+                break;
+            }
+        });
+      });
+    },
+    { deep: !0, immediate: !0 }
+  );
+  D(() => {
+    $(), l.clear(), s.clear(), a.clear(), i.$patch({ isWorking: !1, currentTool: "", lastError: "" }), k();
+  });
+};
+export {
+  F 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/useGuidoStateBridge.js

@@ -0,0 +1,48 @@
+import { useActionsApi as g } from "./useActionsApi.js";
+import { useConfigStore as I } from "../stores/config.js";
+import { useEditorStore as b } from "../stores/editor.js";
+import { useGuidoEmailEditorStore as E } from "../stores/guido-email-editor.js";
+import { watch as c, onUnmounted as T } from "vue";
+const w = 500, z = () => {
+  const i = b(), a = E(), l = I(), { getTemplateData: m } = g();
+  let e = null, n = !1;
+  const r = () => {
+    e && (clearTimeout(e), e = null);
+  }, s = async () => {
+    var t, o;
+    if (!(n || !i.isStripoInitialized))
+      try {
+        const { html: f, css: h } = await m(), S = ((o = (t = l.config) == null ? void 0 : t.identity) == null ? void 0 : o.templateId) ?? "";
+        if (n)
+          return;
+        a.$patch({
+          html: f ?? "",
+          css: h ?? "",
+          templateId: S,
+          lastUpdatedAt: Date.now()
+        });
+      } catch {
+      }
+  }, u = () => {
+    r(), e = setTimeout(() => {
+      e = null, s();
+    }, w);
+  }, d = c(
+    () => i.isStripoInitialized,
+    (t) => {
+      t && s();
+    },
+    { immediate: !0 }
+  ), p = c(
+    () => i.hasChanges,
+    (t, o) => {
+      i.isStripoInitialized && (t ? u() : o && (r(), s()));
+    }
+  );
+  T(() => {
+    n = !0, r(), d(), p();
+  });
+};
+export {
+  z as useGuidoStateBridge
+};

package/dist/composables/useHtmlValidator.js

@@ -1,37 +1,35 @@
-import { useConfig as _ } from "./useConfig.js";
-import { TemplateTypes as H } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as P, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as G, CampaignCouldNotBeSavedKey as M, CanNotMakeAnyChangesForRunningKey as $ } from "../enums/html-validator.js";
+import { useConfig as L } from "./useConfig.js";
+import { TemplateTypes as V } from "../enums/defaults.js";
+import { DISPLAY_CONDITIONS_REGEX as _, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as P, CanNotMakeAnyChangesForRunningKey as G } from "../enums/html-validator.js";
 import { ToasterTypeOptions as c } from "../enums/toaster.js";
-import { itemsBlockDynamicVariables as q } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { useRecommendationExtensionStore as X } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { RecommendationRequiredFieldsKey as j } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
-import { useRecommendationStore as K } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as z } from "../utils/base64.js";
-import { useHttp as U } from "./useHttp.js";
-import { useToaster as Y } from "./useToaster.js";
-import { useTranslations as Z } from "./useTranslations.js";
-const J = /recommendation-id="(\d+)"/g;
-function Q(a) {
-  return [...a.matchAll(J)].map((u) => u[1]);
+import { itemsBlockDynamicVariables as M } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { useRecommendationStore as $ } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as X } from "../utils/base64.js";
+import { useHttp as j } from "./useHttp.js";
+import { useToaster as q } from "./useToaster.js";
+import { useTranslations as z } from "./useTranslations.js";
+const K = /recommendation-id="(\d+)"/g;
+function U(a) {
+  return [...a.matchAll(K)].map((u) => u[1]);
 }
-function ee(a, u) {
+function Y(a, u) {
   return u.some((d) => a.startsWith(`${d}_`));
 }
-const ge = () => {
+const ce = () => {
   var y, h;
-  const { showToaster: a } = Y(), { post: u } = U(), { config: d } = _(), r = Z(), g = K(), S = X(), p = ((h = (y = d.value) == null ? void 0 : y.partner) == null ? void 0 : h.messageType) === H.transactional, b = async (e) => {
+  const { showToaster: a } = q(), { post: u } = j(), { config: d } = L(), r = z(), g = $(), p = ((h = (y = d.value) == null ? void 0 : y.partner) == null ? void 0 : h.messageType) === V.transactional, b = async (e) => {
     const t = await u(
       "/newsletter/template-library/check-template-html-body",
-      { html: z(e) }
+      { html: X(e) }
     ), { status: n, message: l } = t.data;
     return n || a({
       type: c.Alert,
       message: n === void 0 ? l : r("newsletter.invalid-url-link-for-toaster")
-    }), r(M), l === r($) && a({
+    }), r(P), l === r(G) && a({
       type: c.Alert,
       message: r("newsletter.already-in-progress")
     }), n;
-  }, w = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), E = (e) => ["if", "endif"].includes(e.toLowerCase()), A = (e, s) => {
+  }, w = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), S = (e) => ["if", "endif"].includes(e.toLowerCase()), E = (e, s) => {
     const t = e.match(/({%(.*?)%})/g);
     let n = !0;
     return t !== null && !p && t.forEach((l) => {
@@ -44,13 +42,13 @@ const ge = () => {
         }), n = !1);
       }
     }), n;
-  }, k = async (e, s, t) => {
+  }, A = async (e, s, t) => {
     const n = t ? await b(e) : !0;
-    return A(e, s) && n;
-  }, x = (e) => e.length > 0 ? !0 : (a({
+    return E(e, s) && n;
+  }, I = (e) => e.length > 0 ? !0 : (a({
     type: c.Warning,
     message: r("newsletter.html-content-is-empty")
-  }), !1), I = (e) => {
+  }), !1), k = (e) => {
     const s = (e.match(/{/gm) || []).length, t = (e.match(/}/gm) || []).length;
     return s > t && a({
       type: c.Warning,
@@ -59,7 +57,7 @@ const ge = () => {
       type: c.Warning,
       message: r("custom-fields.missing-opening-braces")
     }), s === t;
-  }, F = (e) => {
+  }, x = (e) => {
     const s = e.match(/{{\s*(\w+\s+((\w+\|\w+)|(\w+)))\s*}}/gm) === null;
     return s || a({
       type: c.Warning,
@@ -68,10 +66,10 @@ const ge = () => {
   }, T = (e, s) => {
     const t = e.match(/{{([a-zA-Z0-9_\s]*)}}/gm);
     if (t && !p) {
-      const n = new Set(s.map((i) => i.toLowerCase())), l = Q(e), o = [];
+      const n = new Set(s.map((i) => i.toLowerCase())), l = U(e), o = [];
       if (t.forEach((i) => {
         const m = i.slice(2, -2).trim().toLowerCase();
-        (!n.has(m) || m === "") && !ee(m, l) && o.push(m);
+        (!n.has(m) || m === "") && !Y(m, l) && o.push(m);
       }), o.length > 0) {
         const i = `
                     <ul>
@@ -85,11 +83,11 @@ const ge = () => {
       }
     }
     return !0;
-  }, R = (e) => {
+  }, F = (e) => {
     const s = e.match(/{%(.*?)%}/g), t = [];
     let n = !0;
     if (s && s.forEach((l) => {
-      const o = l.match(P), i = l.match(G), m = (o == null ? void 0 : o.join("")) || "";
+      const o = l.match(_), i = l.match(H), m = (o == null ? void 0 : o.join("")) || "";
       (!o || l !== m) && !i && (a({
         type: c.Alert,
         message: r("newsletter.display-conditions-invalid-syntax")
@@ -100,7 +98,7 @@ const ge = () => {
         }), n = !1);
         const v = f.match(/^[a-zA-Z]*$/g);
         v && v.forEach((C) => {
-          E(C) && t.push(C);
+          S(C) && t.push(C);
         });
       });
     }), t.length) {
@@ -111,28 +109,25 @@ const ge = () => {
       }), n = !1);
     }
     return n;
-  }, B = (e) => {
+  }, W = (e) => {
     const s = (e.match(/{% /gm) || []).length, t = (e.match(/ %}/gm) || []).length, n = s === t;
     return n || a({
       type: c.Warning,
       message: r("custom-conditions.no-space-after-braces")
     }), n;
-  }, W = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (a({
+  }, N = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (a({
     type: c.Warning,
     message: r("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, N = () => S.hasInvalidBlock() ? (a({
-    type: c.Alert,
-    message: r(j)
   }), !1) : !0, O = () => g.recommendationConfigs && Object.values(g.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (a({
     type: c.Alert,
     message: r("newsletter.fill-all-necessary-fields")
-  }), !1) : !0, D = (e) => {
+  }), !1) : !0, B = (e) => {
     const s = /src="[^"]*\.(svg|pst)"/gm;
     return e.match(s) === null ? !0 : (a({
       type: c.Alert,
       message: r("newsletter.invalid-image-type")
     }), !1);
-  }, L = (e) => {
+  }, R = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
     return Array.from(n).find((o) => {
       var i;
@@ -141,7 +136,7 @@ const ge = () => {
       type: c.Alert,
       message: r("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
-  }, V = (e) => {
+  }, D = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
     return Array.from(n).find((o) => {
       var i;
@@ -155,12 +150,12 @@ const ge = () => {
     var o, i;
     const n = [
       ...s.map((m) => m.value),
-      ...q,
+      ...M,
       ...((i = (o = d.value) == null ? void 0 : o.template) == null ? void 0 : i.customFieldAttributes) ?? []
     ];
-    return await k(e, n, t) && x(e) && I(e) && F(e) && T(e, n) && R(e) && B(e) && W(e) && N() && O() && D(e) && L(e) && V(e);
+    return await A(e, n, t) && I(e) && k(e) && x(e) && T(e, n) && F(e) && W(e) && N(e) && O() && B(e) && R(e) && D(e);
   } };
 };
 export {
-  ge as useHtmlValidator
+  ce as useHtmlValidator
 };

package/dist/composables/useRecommendation.js

@@ -1,4 +1,4 @@
-import { getRecommendationFeedSourceMaps as I, URLS as C } from "../enums/extensions/recommendationBlock.js";
+import { RecommendationFeedSourceMaps as I, URLS as C } 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";
@@ -63,7 +63,7 @@ const w = () => ({
         shuffleProducts: o.shuffleProducts
       };
     }
-    const f = ((l = I().find((i) => i.key === e.strategy)) == null ? void 0 : l.path) || "", t = new URLSearchParams();
+    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(","));