@useinsider/guido 1.0.3-beta.cdff8ce → 1.0.3-beta.ce4cdcb

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

@@ -1,36 +1,35 @@
-import { defineComponent as H, ref as m, computed as _ } from "vue";
-import { useConfig as h } from "../../../composables/useConfig.js";
-import { useExport as V } from "../../../composables/useExport.js";
-import { useTestEmailClick as x } from "../../../composables/useGuidoActions.js";
-import { useSave as E } from "../../../composables/useSave.js";
-import { useTranslations as T } from "../../../composables/useTranslations.js";
+import { defineComponent as g, ref as l, computed as H } from "vue";
+import { useConfig as _ } from "../../../composables/useConfig.js";
+import { useExport as h } from "../../../composables/useExport.js";
+import { useSave as V } from "../../../composables/useSave.js";
+import { useTranslations as x } from "../../../composables/useTranslations.js";
 import { useVersionHistoryApi as w } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as C } from "../../../stores/editor.js";
-import { getTooltipOptions as O } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as A } from "@useinsider/design-system-vue";
-const J = /* @__PURE__ */ H({
+import { useEditorStore as T } from "../../../stores/editor.js";
+import { getTooltipOptions as E } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as O } from "@useinsider/design-system-vue";
+const z = /* @__PURE__ */ g({
   __name: "RightSlot",
-  setup(k, { expose: c }) {
-    const { config: u } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = C(), t = T(), e = m(!1), s = m(!1), f = x(), v = () => {
+  setup(A, { expose: m }) {
+    const { config: u } = _(), { exportHtml: r } = h(), { save: n } = V(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = T(), t = x(), e = l(!1), s = l(!1), c = () => {
       if (o.isVersionHistoryOpen) {
         a();
         return;
       }
       i();
-    }, d = async () => {
+    }, f = async () => {
       e.value = !0, await r(), e.value = !1;
-    }, y = () => {
+    }, v = () => {
       o.isSaveAsTemplateDrawerOpen = !0;
-    }, S = _(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), l = async (p) => {
+    }, d = H(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), p = async (y) => {
       s.value = !0, o.loadingStatus = !0;
-      const g = await n(p);
-      return s.value = !1, p && (o.loadingStatus = !1), g;
+      const S = await n(y);
+      return s.value = !1, o.loadingStatus = !1, S;
     };
-    return c({
-      handleSave: l
-    }), { __sfc: !0, config: u, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, testEmailClick: f, handleVersionHistory: v, handleExport: d, handleSaveAs: y, versionHistoryTooltipText: S, handleSave: l, getTooltipOptions: O, InButtonV2: A };
+    return m({
+      handleSave: p
+    }), { __sfc: !0, config: u, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, handleVersionHistory: c, handleExport: f, handleSaveAs: v, versionHistoryTooltipText: d, handleSave: p, getTooltipOptions: E, InButtonV2: O };
   }
 });
 export {
-  J as default
+  z as default
 };

package/dist/components/organisms/onboarding/NewVersionPopup.vue.js

@@ -1,17 +1,17 @@
-import t from "./NewVersionPopup.vue2.js";
+import s from "./NewVersionPopup.vue2.js";
 import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
-  var e = this, s = e._self._c, o = e._self._setupProxy;
-  return o.isVisible ? s(o.WpModal, { attrs: { id: "guido__new-version-popup", size: "medium", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.popupTitle }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [s("div", { staticClass: "d-f f-d-c" }, [s("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), s("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.popupDescription) } })])]) : e._e();
-}, r = [], a = /* @__PURE__ */ n(
-  t,
-  i,
+var r = function() {
+  var e = this, t = e._self._c, o = e._self._setupProxy;
+  return o.isVisible ? t(o.WpModal, { attrs: { id: "guido__new-version-popup", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.onboarding-title") }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [t("div", { staticClass: "d-f f-d-c" }, [t("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), t("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.trans("email-editor.onboarding-description")) } })])]) : e._e();
+}, i = [], a = /* @__PURE__ */ n(
+  s,
   r,
+  i,
   !1,
   null,
   null
 );
-const _ = a.exports;
+const p = a.exports;
 export {
-  _ as default
+  p as default
 };

package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js

@@ -1,43 +1,30 @@
-import { defineComponent as g, ref as b, computed as o } from "vue";
-import v from "../../wrappers/WpModal.vue.js";
-import { useConfig as D } from "../../../composables/useConfig.js";
-import { useTranslations as h } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINK as l } from "../../../enums/onboarding.js";
-import y from "../../../static/assets/onboarding-img.svg.js";
-import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
-import { isAfterDate as C, formatShortDate as L } from "../../../utils/dateUtil.js";
-const I = /* @__PURE__ */ g({
+import { defineComponent as s, ref as r } from "vue";
+import a from "../../wrappers/WpModal.vue.js";
+import { useTranslations as i } from "../../../composables/useTranslations.js";
+import l from "../../../static/assets/onboarding-img.svg.js";
+import { useOnboardingStore as m } from "../../../stores/onboarding.js";
+const w = /* @__PURE__ */ s({
   __name: "NewVersionPopup",
-  emits: ["onboarding-finished"],
-  setup(w, { emit: a }) {
-    const e = h(), t = _(), s = b(!0), { config: p } = D(), i = o(() => p.migrationDate), n = o(() => C(i.value || 0)), d = o(() => L(
-      i.value
-    )), m = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), c = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
-      sunsetDate: d.value,
-      academyLink: l
-    }) : e("email-editor.onboarding-description", {
-      academyLink: l
-    })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), f = o(() => ({
+  setup(p) {
+    const n = i(), e = m(), o = r(!0), t = r({
       primaryButton: {
         type: "primary",
-        labelText: e("left-menu.discover-now")
+        labelText: n("left-menu.discover-now")
       },
       secondaryButton: {
         type: "subtle-primary",
-        labelText: u.value
+        labelText: n("products.remind-me-later")
       }
-    })), r = () => {
-      s.value = !1, a("onboarding-finished");
-    };
-    return { __sfc: !0, emit: a, trans: e, onboardingStore: t, isVisible: s, config: p, migrationDate: i, isAfterMigrationDate: n, formattedSunsetDate: d, popupTitle: m, popupDescription: c, secondaryButtonLabel: u, footerButtonOptions: f, closePopup: r, handleDiscoverNow: () => {
-      t.onDiscoverNowClicked(), r();
+    });
+    return { __sfc: !0, trans: n, onboardingStore: e, isVisible: o, footerButtonOptions: t, handleDiscoverNow: () => {
+      e.onDiscoverNowClicked(), o.value = !1;
     }, handleRemindLater: () => {
-      t.onRemindMeLater(), r();
+      e.onRemindMeLater(), o.value = !1;
     }, handleClose: () => {
-      t.onNewVersionPopupClose(), r();
-    }, WpModal: v, onboardingImageSvg: y };
+      e.onNewVersionPopupClose(), o.value = !1;
+    }, WpModal: a, onboardingImageSvg: l };
   }
 });
 export {
-  I as default
+  w as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js

@@ -1,21 +1,19 @@
-import t from "./OnboardingWrapper.vue2.js";
-import i from "../../../_virtual/_plugin-vue2_normalizer.js";
+import o from "./OnboardingWrapper.vue2.js";
+import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
-  var n = this, e = n._self._c, r = n._self._setupProxy;
-  return e("div", n._l(r.visibleOnboardings, function(o) {
-    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
-      return r.emit("onboarding-finished");
-    } } });
+  var n = this, e = n._self._c, t = n._self._setupProxy;
+  return e("div", n._l(t.visibleOnboardings, function(r) {
+    return e(r.component, { key: r.type, tag: "component" });
   }), 1);
-}, _ = [], a = /* @__PURE__ */ i(
-  t,
+}, a = [], p = /* @__PURE__ */ _(
+  o,
   s,
-  _,
+  a,
   !1,
   null,
   null
 );
-const d = a.exports;
+const m = p.exports;
 export {
-  d as default
+  m as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,27 +1,24 @@
-import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
-import u from "./AMPOnboarding.vue.js";
-import v from "./GenericOnboarding.vue.js";
-import l from "./ItemsOnboarding.vue.js";
-import y from "./NewVersionPopup.vue.js";
-import S from "./TextBlockOnboarding.vue.js";
+import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
+import { usePartner as O } from "../../../composables/usePartner.js";
+import { useEditorStore as u } from "../../../stores/editor.js";
+import { useOnboardingStore as v } from "../../../stores/onboarding.js";
+import { usePreviewStore as l } from "../../../stores/preview.js";
+import y from "./AMPOnboarding.vue.js";
+import S from "./GenericOnboarding.vue.js";
+import w from "./NewVersionPopup.vue.js";
+import P from "./TextBlockOnboarding.vue.js";
 import h from "./VersionHistoryOnboarding.vue.js";
-import { usePartner as w } from "../../../composables/usePartner.js";
-import { useEditorStore as P } from "../../../stores/editor.js";
-import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
-import { usePreviewStore as A } from "../../../stores/preview.js";
-const G = /* @__PURE__ */ b({
+const E = /* @__PURE__ */ g({
   __name: "OnboardingWrapper",
-  emits: ["onboarding-finished"],
-  setup(H, { emit: f }) {
-    const o = _(), r = P(), s = A(), { isTestPartner: a } = w(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
-      { type: "newVersionPopup", component: y },
-      { type: "genericOnboarding", component: v },
-      { type: "textBlockOnboarding", component: S },
+  setup(_) {
+    const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+      { type: "newVersionPopup", component: w },
+      { type: "genericOnboarding", component: S },
+      { type: "textBlockOnboarding", component: P },
       { type: "versionHistoryOnboarding", component: h },
-      { type: "ampOnboarding", component: u },
-      { type: "itemsOnboarding", component: l }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
-    return O(async () => {
+      { type: "ampOnboarding", component: y }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
+    return b(async () => {
       await o.fetchUserModalState();
     }), t(
       () => r.isVersionHistoryOpen,
@@ -38,9 +35,9 @@ const G = /* @__PURE__ */ b({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
+    ), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
   }
 });
 export {
-  G as default
+  E as default
 };

package/dist/{src/components → components}/wrappers/WpDrawer.vue.d.ts

@@ -2,7 +2,7 @@ import type { FooterButtonGroupOptions } from '@@/Types/wrappers/wp-drawer';
 interface Props {
     id: string;
     className?: string;
-    size?: 'small' | 'medium' | 'large';
+    size?: string;
     closeOnOutsideClick?: boolean;
     descriptionStatus?: boolean;
     descriptionText?: string;
@@ -10,11 +10,9 @@ interface Props {
     status: boolean;
     titleText: string;
 }
-declare var __VLS_12: {}, __VLS_14: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    headerBottomSlot?: (props: typeof __VLS_12) => any;
-} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     className: string;
@@ -34,7 +32,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     descriptionText: string;
 }>>>, {
     className: string;
-    size: "small" | "medium" | "large";
+    size: string;
     closeOnOutsideClick: boolean;
     descriptionStatus: boolean;
     descriptionText: string;

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

@@ -1,6 +1,6 @@
 import r from "./WpDrawer.vue2.js";
 import s from "../../_virtual/_plugin-vue2_normalizer.js";
-var u = function() {
+var i = 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) {
     return e.emit("cancelOrBackButtonEvent");
@@ -8,15 +8,13 @@ var u = function() {
     return e.emit("onCloseEvent");
   }, primaryButtonEvent: function(o) {
     return e.emit("primaryButtonEvent");
-  } }, scopedSlots: t._u([t.$slots.headerBottomSlot ? { key: "headerBottomSlot", fn: function() {
-    return [t._t("headerBottomSlot")];
-  }, proxy: !0 } : null, { key: "contentSlot", fn: function() {
+  } }, scopedSlots: t._u([{ key: "contentSlot", fn: function() {
     return [n("div", [t._t("default")], 2)];
   }, proxy: !0 }], null, !0) });
-}, i = [], c = /* @__PURE__ */ s(
+}, u = [], c = /* @__PURE__ */ s(
   r,
-  u,
   i,
+  u,
   !1,
   null,
   null

package/dist/composables/useActionsApi.js

@@ -17,7 +17,7 @@ const A = () => {
         ]
       },
       mergeTags: ["Tag1", "Tag2"],
-      forceAmp: !1,
+      forseAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
     }, ...t }, m = {

package/dist/{src/composables → composables}/useGuidoActions.d.ts

@@ -3,11 +3,9 @@ import type { InjectionKey } from 'vue';
 export type BackHandler = () => void;
 export type SaveStartHandler = () => void;
 export type SaveCompleteHandler = (template: Omit<SavedTemplateDetails, 'forceRecreate'>) => void;
-export type TestEmailClickHandler = () => void;
 export declare const BACK_KEY: InjectionKey<BackHandler>;
 export declare const SAVE_START_KEY: InjectionKey<SaveStartHandler>;
 export declare const SAVE_COMPLETE_KEY: InjectionKey<SaveCompleteHandler>;
-export declare const TEST_EMAIL_CLICK_KEY: InjectionKey<TestEmailClickHandler>;
 /**
  * Provides Guido action handlers to child components
  */
@@ -15,7 +13,6 @@ export declare const provideGuidoActions: (actions: {
     onBack: BackHandler;
     onSaveStart: SaveStartHandler;
     onSaveComplete: SaveCompleteHandler;
-    onTestEmailClick: TestEmailClickHandler;
 }) => void;
 /**
  * Provides individual Guido action handlers
@@ -38,11 +35,6 @@ export declare const useSaveStart: () => SaveStartHandler;
  * @returns Save complete function
  */
 export declare const useSaveComplete: () => SaveCompleteHandler;
-/**
- * Hook to use the test email click handler
- * @returns Test email click function
- */
-export declare const useTestEmailClick: () => TestEmailClickHandler;
 /**
  * Convenience hook to get all Guido actions
  * @returns Object containing all action handlers
@@ -51,5 +43,4 @@ export declare const useGuidoActions: () => {
     back: BackHandler;
     saveStart: SaveStartHandler;
     saveComplete: SaveCompleteHandler;
-    testEmailClick: TestEmailClickHandler;
 };

package/dist/composables/useGuidoActions.js

@@ -1,6 +1,6 @@
 import { provideValue as o, useInjectedValue as t } from "./useProvideInject.js";
-const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), c = Symbol.for("guido.save.complete"), a = Symbol.for("guido.test.email.click"), i = (e) => {
-  o(r, e.onBack), o(n, e.onSaveStart), o(c, e.onSaveComplete), o(a, e.onTestEmailClick);
+const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), a = Symbol.for("guido.save.complete"), s = (e) => {
+  o(r, e.onBack), o(n, e.onSaveStart), o(a, e.onSaveComplete);
 }, u = () => {
   try {
     return t(r);
@@ -9,7 +9,7 @@ const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), c = Symb
       "useBack: No back handler provided. Make sure Guido component is in the component tree."
     );
   }
-}, l = () => {
+}, d = () => {
   try {
     return t(n);
   } catch {
@@ -17,31 +17,21 @@ const r = Symbol.for("guido.back"), n = Symbol.for("guido.save.start"), c = Symb
       "useSaveStart: No save start handler provided. Make sure Guido component is in the component tree."
     );
   }
-}, d = () => {
-  try {
-    return t(c);
-  } catch {
-    throw new Error(
-      "useSaveComplete: No save complete handler provided. Make sure Guido component is in the component tree."
-    );
-  }
-}, m = () => {
+}, i = () => {
   try {
     return t(a);
   } catch {
     throw new Error(
-      "useTestEmailClick: No test email click handler provided. Make sure Guido component is in the component tree."
+      "useSaveComplete: No save complete handler provided. Make sure Guido component is in the component tree."
     );
   }
 };
 export {
   r as BACK_KEY,
-  c as SAVE_COMPLETE_KEY,
+  a as SAVE_COMPLETE_KEY,
   n as SAVE_START_KEY,
-  a as TEST_EMAIL_CLICK_KEY,
-  i as provideGuidoActions,
+  s as provideGuidoActions,
   u as useBack,
-  d as useSaveComplete,
-  l as useSaveStart,
-  m as useTestEmailClick
+  i as useSaveComplete,
+  d as useSaveStart
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,27 +1,25 @@
 import { defaultHtmlCompilerRules as t } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as p } from "../config/compiler/itemsCompilerRules.js";
-import { outlookCompilerRules as s } from "../config/compiler/outlookCompilerRules.js";
-import { recommendationCompilerRules as u } from "../config/compiler/recommendationCompilerRules.js";
-import { socialCompilerRules as n } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as c } from "../config/compiler/unsubscribeCompilerRules.js";
-import { createHtmlCompiler as f } from "../utils/htmlCompiler.js";
-import { useConfig as R } from "./useConfig.js";
-const x = () => {
-  const { config: e } = R(), m = e.htmlCompilerRules || [], l = [
+import { outlookCompilerRules as p } from "../config/compiler/outlookCompilerRules.js";
+import { recommendationCompilerRules as s } from "../config/compiler/recommendationCompilerRules.js";
+import { socialCompilerRules as u } from "../config/compiler/socialCompilerRules.js";
+import { unsubscribeCompilerRules as n } from "../config/compiler/unsubscribeCompilerRules.js";
+import { createHtmlCompiler as c } from "../utils/htmlCompiler.js";
+import { useConfig as f } from "./useConfig.js";
+const h = () => {
+  const { config: e } = f(), l = e.htmlCompilerRules || [], m = [
     ...!!e.ignoreDefaultHtmlCompilerRules ? [] : t,
-    ...u,
-    ...c,
-    ...p,
     ...s,
     ...n,
-    ...m.map((o, i) => ({
+    ...p,
+    ...u,
+    ...l.map((o, i) => ({
       ...o,
       priority: o.priority + 1e3 + i
       // Ensure additional rules run after default rules
     }))
-  ], r = f(l);
+  ], r = c(m);
   return { compileHtml: (o) => r.compile(o) };
 };
 export {
-  x as useHtmlCompiler
+  h as useHtmlCompiler
 };

package/dist/composables/useHtmlValidator.js

@@ -1,19 +1,18 @@
-import { useConfig as V } from "./useConfig.js";
-import { TemplateTypes as D } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as H, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as P, CampaignCouldNotBeSavedKey as R, CanNotMakeAnyChangesForRunningKey as _ } from "../enums/html-validator.js";
+import { useConfig as H } from "./useConfig.js";
+import { TemplateTypes as V } from "../enums/defaults.js";
+import { DISPLAY_CONDITIONS_REGEX as D, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as P, CampaignCouldNotBeSavedKey as R, CanNotMakeAnyChangesForRunningKey as _ } from "../enums/html-validator.js";
 import { ToasterTypeOptions as l } from "../enums/toaster.js";
-import { itemsBlockDynamicVariables as G } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { useRecommendationStore as $ } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as j } from "../utils/base64.js";
-import { useHttp as q } from "./useHttp.js";
-import { useToaster as M } from "./useToaster.js";
-import { useTranslations as X } from "./useTranslations.js";
-const ie = () => {
+import { useRecommendationStore as G } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as $ } from "../utils/base64.js";
+import { useHttp as j } from "./useHttp.js";
+import { useToaster as q } from "./useToaster.js";
+import { useTranslations as M } from "./useTranslations.js";
+const se = () => {
   var d;
-  const { showToaster: c } = M(), { post: y } = q(), { config: h } = V(), a = X(), m = $(), u = ((d = h.partner) == null ? void 0 : d.messageType) === D.transactional, v = async (e) => {
+  const { showToaster: c } = q(), { post: y } = j(), { config: h } = H(), a = M(), m = G(), u = ((d = h.partner) == null ? void 0 : d.messageType) === V.transactional, v = async (e) => {
     const t = await y(
       "/newsletter/template-library/check-template-html-body",
-      { html: j(e) }
+      { html: $(e) }
     ), { status: n, message: r } = t.data;
     return n || c({
       type: l.Alert,
@@ -26,10 +25,10 @@ const ie = () => {
     const t = e.match(/({%(.*?)%})/g);
     let n = !0;
     return t !== null && !u && t.forEach((r) => {
-      const i = r.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
-      if (i && i.length > 0) {
-        const [o] = i;
-        C(o) && !s.includes(o) && (c({
+      const o = r.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
+      if (o && o.length > 0) {
+        const [i] = o;
+        C(i) && !s.includes(i) && (c({
           type: l.Warning,
           message: a("custom-fields.invalid-custom-fields")
         }), n = !1);
@@ -59,19 +58,19 @@ const ie = () => {
   }, k = (e, s) => {
     const t = e.match(/{{([a-zA-Z0-9_\s]*)}}/gm);
     if (t && !u) {
-      const n = new Set(s.map((i) => i.toLowerCase())), r = [];
-      if (t.forEach((i) => {
-        const o = i.slice(2, -2).trim().toLowerCase();
-        (!n.has(o) || o === "") && r.push(o);
+      const n = new Set(s.map((o) => o.toLowerCase())), r = [];
+      if (t.forEach((o) => {
+        const i = o.slice(2, -2).trim().toLowerCase();
+        (!n.has(i) || i === "") && r.push(i);
       }), r.length > 0) {
-        const i = `
+        const o = `
                     <ul>
-                        ${r.map((o) => `<li>${o}</li>`).join("")}
+                        ${r.map((i) => `<li>${i}</li>`).join("")}
                     </ul>
                 `;
         return c({
           type: l.Alert,
-          message: a("custom-fields.invalid-custom-fields") + i
+          message: a("custom-fields.invalid-custom-fields") + o
         }), !1;
       }
     }
@@ -80,11 +79,11 @@ const ie = () => {
     const s = e.match(/{%(.*?)%}/g), t = [];
     let n = !0;
     if (s && s.forEach((r) => {
-      const i = r.match(H), o = r.match(P), B = (i == null ? void 0 : i.join("")) || "";
-      (!i || r !== B) && !o && (c({
+      const o = r.match(D), i = r.match(P), B = (o == null ? void 0 : o.join("")) || "";
+      (!o || r !== B) && !i && (c({
         type: l.Alert,
         message: a("newsletter.display-conditions-invalid-syntax")
-      }), n = !1), i && i.forEach((f) => {
+      }), n = !1), o && o.forEach((f) => {
         f.trim() === "=" && (c({
           type: l.Alert,
           message: a("custom-conditions.wrong-equality-operators")
@@ -95,8 +94,8 @@ const ie = () => {
         });
       });
     }), t.length) {
-      const r = t.filter((o) => o === "if"), i = t.filter((o) => o === "endif");
-      r.length !== i.length && (c({
+      const r = t.filter((i) => i === "if"), o = t.filter((i) => i === "endif");
+      r.length !== o.length && (c({
         type: l.Alert,
         message: a("custom-conditions.missing-if-endif-tag")
       }), n = !1);
@@ -122,28 +121,28 @@ const ie = () => {
     }), !1);
   }, N = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
-    return Array.from(n).find((i) => {
-      var o;
-      return !((o = i.id) != null && o.trim());
+    return Array.from(n).find((o) => {
+      var i;
+      return !((i = o.id) != null && i.trim());
     }) ? (c({
       type: l.Alert,
       message: a("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
   }, O = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
-    return Array.from(n).find((i) => {
-      var o;
-      return !((o = i.id) != null && o.trim());
+    return Array.from(n).find((o) => {
+      var i;
+      return !((i = o.id) != null && i.trim());
     }) ? (c({
       type: l.Alert,
       message: a("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
   return { validateHtml: async (e, s, t = !1) => {
-    const n = [...s.map((i) => i.value), ...G];
+    const n = s.map((o) => o.value);
     return await b(e, n, t) && E(e) && A(e) && x(e) && k(e, n) && T(e) && F(e) && I(e) && W() && L(e) && N(e) && O(e);
   } };
 };
 export {
-  ie as useHtmlValidator
+  se as useHtmlValidator
 };