@useinsider/guido 1.0.2-beta.3996a64 → 1.0.2-beta.3acb77d

package/dist/@types/events.d.ts

@@ -1,7 +1 @@
 export type StripoEventType = 'save' | 'export' | 'close' | 'autosave' | 'publish' | 'export:requested' | 'export:ready';
-export interface EventHandler {
-    (params: Record<string, string>): void | Promise<void>;
-}
-export interface EventHandlers {
-    [eventType: string]: EventHandler;
-}

package/dist/@types/generic.d.ts

@@ -22,6 +22,10 @@ export type DynamicContent = {
     value: string;
     text: string;
     fallback?: string;
+    format?: {
+        key: string;
+        value: string;
+    };
 };
 export interface EmailHeader {
     senderName: string;

package/dist/components/Guido.vue.js

@@ -3,14 +3,14 @@ import a from "./Guido.vue2.js";
 import i from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.SaveAsTemplateDrawer), r(e.OnboardingWrapper), r(e.LoadingWrapper)], 1);
+  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.SaveAsTemplateDrawer), r(e.LoadingWrapper)], 1);
 }, s = [], d = /* @__PURE__ */ i(
   a,
   t,
   s,
   !1,
   null,
-  "b74952a6"
+  "aef3bfa0"
 );
 const v = d.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as k, defineAsyncComponent as b, computed as E, watch as A, onMounted as W, onUnmounted as H } from "vue";
+import { defineComponent as P, defineAsyncComponent as _, computed as b, watch as k, onMounted as A, onUnmounted as H } from "vue";
 import { provideGuidoActions as N } from "../composables/useGuidoActions.js";
 import { usePartner as U } from "../composables/usePartner.js";
-import { useStripo as x } from "../composables/useStripo.js";
-import { DefaultUsername as M, DefaultMessageType as z, DefaultGuidoConfig as B } from "../enums/defaults.js";
-import F from "./organisms/base/Toaster.vue.js";
-import K from "./organisms/header/HeaderWrapper.vue.js";
-import O from "./organisms/LoadingWrapper.vue.js";
+import { useStripo as W } from "../composables/useStripo.js";
+import { DefaultUsername as x, DefaultMessageType as M, DefaultGuidoConfig as z } from "../enums/defaults.js";
+import B from "./organisms/base/Toaster.vue.js";
+import F from "./organisms/header/HeaderWrapper.vue.js";
+import K from "./organisms/LoadingWrapper.vue.js";
 import R from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
 import { useStripoApi as j } from "../services/stripoApi.js";
 import { useDynamicContentStore as q } from "../stores/dynamic-content.js";
 import { useEditorStore as J } from "../stores/editor.js";
-import { usePreviewStore as Q } from "../stores/preview.js";
-import V from "../node_modules/lodash-es/merge.js";
-const de = /* @__PURE__ */ k({
+import { usePreviewStore as O } from "../stores/preview.js";
+import Q from "../node_modules/lodash-es/merge.js";
+const me = /* @__PURE__ */ P({
   __name: "Guido",
   props: {
     templateId: null,
@@ -27,35 +27,33 @@ const de = /* @__PURE__ */ k({
     guidoConfig: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change"],
-  setup(T, { expose: G, emit: o }) {
-    const t = T, I = b(
+  setup(E, { expose: T, emit: o }) {
+    const t = E, G = _(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), L = b(
-      () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), n = q(), c = J(), P = Q(), r = E(() => c.hasChanges), a = t.preselectedDynamicContentList || [], { getPartnerName: m, getProductType: d } = U(), {
+    ), n = q(), c = J(), I = O(), r = b(() => c.hasChanges), a = t.preselectedDynamicContentList || [], { getPartnerName: m, getProductType: d } = U(), {
       templateId: l,
-      userId: p,
-      guidoConfig: u,
+      userId: u,
+      guidoConfig: p,
       html: g = "",
       css: f = "",
       partnerName: i = m(),
       productType: s = d(),
-      messageType: y = z,
-      username: C = M
+      messageType: y = M,
+      username: C = x
     } = t;
-    window.GuidoConfig = V(B, u), window.GuidoConfig.partner = {
+    window.GuidoConfig = Q(z, p), window.GuidoConfig.partner = {
       partnerName: i,
       productType: s,
       messageType: y
     };
-    const { initPlugin: v } = x({
+    const { initPlugin: v } = W({
       emailId: l,
-      userId: p,
+      userId: u,
       username: C,
       partnerName: i,
       productType: s,
       preselectedDynamicContentList: a
-    }), { getDefaultTemplate: w } = j(), _ = E(() => {
+    }), { getDefaultTemplate: w } = j(), L = b(() => {
       var e;
       return !((e = window.GuidoConfig) != null && e.useHeader);
     });
@@ -75,9 +73,9 @@ const de = /* @__PURE__ */ k({
     }, D = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    return A(() => r.value, () => {
+    return k(() => r.value, () => {
       o("on-change");
-    }), W(async () => {
+    }), A(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
         let e = {
@@ -96,15 +94,15 @@ const de = /* @__PURE__ */ k({
       });
     }), H(() => {
       window.UIEditor.removeEditor();
-    }), G({
+    }), T({
       dynamicContent: {
         insert: h,
         close: D
       },
       hasChanges: r
-    }), { __sfc: !0, PreviewContainer: I, OnboardingWrapper: L, dynamicContentStore: n, props: t, editorStore: c, previewStore: P, hasChanges: r, preselectedDynamicContentList: a, getPartnerName: m, getProductType: d, templateId: l, userId: p, guidoConfig: u, html: g, css: f, partnerName: i, productType: s, messageType: y, username: C, emit: o, initPlugin: v, getDefaultTemplate: w, noHeader: _, insertDynamicContent: h, closeDynamicContent: D, Toaster: F, HeaderWrapper: K, LoadingWrapper: O, SaveAsTemplateDrawer: R };
+    }), { __sfc: !0, PreviewContainer: G, dynamicContentStore: n, props: t, editorStore: c, previewStore: I, hasChanges: r, preselectedDynamicContentList: a, getPartnerName: m, getProductType: d, templateId: l, userId: u, guidoConfig: p, html: g, css: f, partnerName: i, productType: s, messageType: y, username: C, emit: o, initPlugin: v, getDefaultTemplate: w, noHeader: L, insertDynamicContent: h, closeDynamicContent: D, Toaster: B, HeaderWrapper: F, LoadingWrapper: K, SaveAsTemplateDrawer: R };
   }
 });
 export {
-  de as default
+  me as default
 };

package/dist/components/organisms/email-preview/amp/AmpToggle.vue2.js

@@ -1,30 +1,29 @@
-import { defineComponent as r, computed as i } from "vue";
-import { useTranslations as m } from "../../../../composables/useTranslations.js";
-import { useOnboardingStore as s } from "../../../../stores/onboarding.js";
-import { usePreviewStore as p } from "../../../../stores/preview.js";
-import { InButtonV2 as l, InSegments as d } from "@useinsider/design-system-vue";
-const v = /* @__PURE__ */ r({
+import { defineComponent as m, computed as n } from "vue";
+import { useTranslations as r } from "../../../../composables/useTranslations.js";
+import { usePreviewStore as i } from "../../../../stores/preview.js";
+import { InButtonV2 as s, InSegments as l } from "@useinsider/design-system-vue";
+const _ = /* @__PURE__ */ m({
   __name: "AmpToggle",
-  setup(u) {
-    const t = p(), e = s(), o = m(), a = i(() => [
+  setup(p) {
+    const t = i(), e = r(), o = n(() => [
       {
-        text: o("dynamic-creatives.html"),
+        text: e("dynamic-creatives.html"),
         value: "html"
       },
       {
-        text: o("email-editor.amp-html"),
+        text: e("email-editor.amp-html"),
         value: "AMP",
-        tooltipText: t.hasAMP ? "" : o("email-editor.preview-amp-unavailable-tooltip"),
+        tooltipText: t.hasAMP ? "" : e("email-editor.preview-amp-unavailable-tooltip"),
         position: "bottom",
         align: "center",
         disable: !t.hasAMP
       }
     ]);
-    return { __sfc: !0, previewStore: t, onboardingStore: e, trans: o, segmentList: a, handleFormatChange: (n) => {
-      t.setEmailFormat(n), n === "AMP" && e.shouldShowOnboarding("ampOnboarding") && e.start("ampOnboarding");
-    }, InSegments: d, InButtonV2: l };
+    return { __sfc: !0, previewStore: t, trans: e, segmentList: o, handleFormatChange: (a) => {
+      t.setEmailFormat(a);
+    }, InSegments: l, InButtonV2: s };
   }
 });
 export {
-  v as default
+  _ as default
 };

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

@@ -3,7 +3,7 @@ import a from "../../../_virtual/_plugin-vue2_normalizer.js";
 var l = function() {
   var s, i;
   var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f" }, [(s = t.config.features) != null && s.versionHistory ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.exportHtml } }), (i = t.config.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button"), "tooltip-text": t.trans("newsletter.test-email") } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: t.handleSave } })], 1);
+  return e("div", { staticClass: "d-f" }, [(s = t.config.features) != null && s.versionHistory ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = t.config.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button"), "tooltip-text": t.trans("newsletter.test-email") } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: t.handleSave } })], 1);
 }, r = [], d = /* @__PURE__ */ a(
   n,
   l,

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

@@ -1,36 +1,31 @@
-import { defineComponent as v, ref as S, computed as d } from "vue";
+import { defineComponent as v, ref as p, computed as d } from "vue";
 import { useConfig as y } from "../../../composables/useConfig.js";
-import { useExport as g } from "../../../composables/useExport.js";
-import { useSaveStart as h, useSaveComplete as H } from "../../../composables/useGuidoActions.js";
-import { useTranslations as _ } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as T } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as V } from "../../../stores/editor.js";
-import { useTemplatePreparation as w } from "../../../utils/templatePreparation.js";
-import { getTooltipOptions as x } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as C } from "@useinsider/design-system-vue";
-const q = /* @__PURE__ */ v({
+import { useExport as S } from "../../../composables/useExport.js";
+import { useSave as g } from "../../../composables/useSave.js";
+import { useTranslations as h } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as H } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as _ } from "../../../stores/editor.js";
+import { getTooltipOptions as V } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as x } from "@useinsider/design-system-vue";
+const j = /* @__PURE__ */ v({
   __name: "RightSlot",
-  setup(O) {
-    const { config: p } = y(), { exportHtml: m } = g(), s = h(), n = H(), { openVersionHistory: i, closeVersionHistory: a } = T(), t = V(), e = _(), o = S(!1), l = () => {
-      if (t.isVersionHistoryOpen) {
+  setup(w) {
+    const { config: l } = y(), { exportHtml: r } = S(), { save: n } = g(), { openVersionHistory: i, closeVersionHistory: a } = H(), o = _(), t = h(), e = p(!1), s = p(!1), m = () => {
+      if (o.isVersionHistoryOpen) {
         a();
         return;
       }
       i();
+    }, u = async () => {
+      e.value = !0, await r(), e.value = !1;
     }, c = () => {
-      t.isSaveAsTemplateDrawerOpen = !0;
-    }, f = d(() => t.isVersionHistoryOpen ? e("newsletter.close-version-history") : e("newsletter.version-history"));
-    return { __sfc: !0, config: p, exportHtml: m, saveStart: s, saveComplete: n, openVersionHistory: i, closeVersionHistory: a, editorStore: t, trans: e, isSaving: o, handleVersionHistory: l, handleSaveAs: c, versionHistoryTooltipText: f, handleSave: async () => {
-      o.value = !0, t.loadingStatus = !0, s();
-      try {
-        const { prepareTemplateDetails: r } = w(), u = await r();
-        n(u), o.value = !1, t.loadingStatus = !1;
-      } catch (r) {
-        console.error("Failed to get template data for save:", r);
-      }
-    }, getTooltipOptions: x, InButtonV2: C };
+      o.isSaveAsTemplateDrawerOpen = !0;
+    }, f = d(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history"));
+    return { __sfc: !0, config: l, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, handleVersionHistory: m, handleExport: u, handleSaveAs: c, versionHistoryTooltipText: f, handleSave: async () => {
+      s.value = !0, o.loadingStatus = !0, await n(), s.value = !1, o.loadingStatus = !1;
+    }, getTooltipOptions: V, InButtonV2: x };
   }
 });
 export {
-  q as default
+  j as default
 };

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

@@ -1,18 +1,18 @@
-import i from "./ViewOptions.vue2.js";
+import o from "./ViewOptions.vue2.js";
 /* empty css                 */
-import o from "../../../_virtual/_plugin-vue2_normalizer.js";
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var r = function() {
-  var t = this, s = t._self._c, e = t._self._setupProxy;
-  return s("div", { staticClass: "view-options-wrapper" }, [s(e.InSegments, { attrs: { id: "guido__view-option-selection", "with-icon": "", disable: e.editorStore.isViewOptionsDisabled, "segment-list": e.segmentList, selected: e.editorStore.editorVisualMode } }), e.editorStore.isViewOptionsDisabled ? t._e() : s("div", { staticClass: "new-tag" }, [t._v(" " + t._s(e.trans("settings.new")) + " ")])], 1);
-}, n = [], a = /* @__PURE__ */ o(
-  i,
+  var t = this, i = t._self._c, e = t._self._setupProxy;
+  return i(e.InSegments, { attrs: { id: "guido__view-option-selection", "with-icon": "", disable: e.editorStore.isViewOptionsDisabled, "segment-list": e.segmentList, selected: e.editorStore.editorVisualMode } });
+}, n = [], _ = /* @__PURE__ */ s(
+  o,
   r,
   n,
   !1,
   null,
-  "99e4d32b"
+  "ad3cf7cc"
 );
-const c = a.exports;
+const m = _.exports;
 export {
-  c as default
+  m as default
 };

package/dist/components/organisms/header/version-history/ViewOptions.vue.js

@@ -1,18 +1,18 @@
-import i from "./ViewOptions.vue2.js";
+import s from "./ViewOptions.vue2.js";
 /* empty css                 */
-import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var t = this, s = t._self._c, e = t._self._setupProxy;
-  return s("div", { staticClass: "view-options-wrapper" }, [s(e.InSegments, { attrs: { id: "guido__verion-history-view-option-selection", "with-icon": "", "segment-list": e.segmentList, selected: e.versionHistoryStore.editorVisualMode }, on: { click: e.changeVisualMode } }), s("div", { staticClass: "new-tag" }, [t._v(" " + t._s(e.trans("settings.new")) + " ")])], 1);
-}, r = [], a = /* @__PURE__ */ o(
-  i,
-  n,
+import i from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var t = this, o = t._self._c, e = t._self._setupProxy;
+  return o(e.InSegments, { attrs: { id: "guido__verion-history-view-option-selection", "with-icon": "", "segment-list": e.segmentList, selected: e.versionHistoryStore.editorVisualMode }, on: { click: e.changeVisualMode } });
+}, n = [], _ = /* @__PURE__ */ i(
+  s,
   r,
+  n,
   !1,
   null,
-  "c144e1e3"
+  "421ffc13"
 );
-const m = a.exports;
+const f = _.exports;
 export {
-  m as default
+  f as default
 };

package/dist/composables/useHtmlCompiler.js

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

package/dist/composables/useHtmlValidator.d.ts

@@ -0,0 +1,3 @@
+export declare const useHtmlValidator: () => {
+    validateHtml: (html: string, customFields: string[], isOnSaveValidation?: boolean) => Promise<boolean>;
+};

package/dist/composables/useHtmlValidator.js

@@ -0,0 +1,120 @@
+import { useConfig as V } from "./useConfig.js";
+import { TemplateTypes as H } from "../enums/defaults.js";
+import { DISPLAY_CONDITIONS_REGEX as O, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as B, CampaignCouldNotBeSavedKey as _, CanNotMakeAnyChangesForRunningKey as R } from "../enums/html-validator.js";
+import { ToasterTypeOptions as r } from "../enums/toaster.js";
+import { useRecommendationStore as D } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as P } from "../utils/base64.js";
+import { useHttp as X } from "./useHttp.js";
+import { useToaster as j } from "./useToaster.js";
+import { useTranslations as z } from "./useTranslations.js";
+const tt = () => {
+  var d;
+  const { showToaster: a } = j(), { post: y } = X(), { config: C } = V(), i = z(), m = D(), f = ((d = C.partner) == null ? void 0 : d.messageType) === H.transactional, h = async (t) => {
+    const e = await y(
+      "/newsletter/template-library/check-template-html-body",
+      { html: P(t) }
+    ), { status: n, message: c } = e.data;
+    return n || a({
+      type: r.Alert,
+      message: n === void 0 ? c : i("newsletter.invalid-url-link-for-toaster")
+    }), i(_), c === i(R) && a({
+      type: r.Alert,
+      message: i("newsletter.already-in-progress")
+    }), n;
+  }, v = (t) => !["if", "endif", "else", "elif", "now"].includes(t.toLowerCase()), w = (t) => ["if", "endif"].includes(t.toLowerCase()), S = (t, s) => {
+    const e = t.match(/({%(.*?)%})/g);
+    let n = !0;
+    return e !== null && !f && e.forEach((c) => {
+      const o = c.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
+      if (o && o.length > 0) {
+        const [l] = o;
+        v(l) && !s.includes(l) && (a({
+          type: r.Warning,
+          message: i("custom-fields.invalid-custom-fields")
+        }), n = !1);
+      }
+    }), n;
+  }, E = async (t, s, e) => {
+    const n = e ? await h(t) : !0;
+    return S(t, s) && n;
+  }, T = (t) => t.length > 0 ? !0 : (a({
+    type: r.Warning,
+    message: i("newsletter.html-content-is-empty")
+  }), !1), I = (t) => {
+    const s = (t.match(/{/gm) || []).length, e = (t.match(/}/gm) || []).length;
+    return s > e && a({
+      type: r.Warning,
+      message: i("custom-fields.missing-closing-braces")
+    }), s < e && a({
+      type: r.Warning,
+      message: i("custom-fields.missing-opening-braces")
+    }), s === e;
+  }, A = (t) => {
+    const s = t.match(/{{\s*(\w+\s+((\w+\|\w+)|(\w+)))\s*}}/gm) === null;
+    return s || a({
+      type: r.Warning,
+      message: i("custom-fields.invalid-custom-fields")
+    }), s;
+  }, W = (t, s) => {
+    const e = t.match(/{{([a-zA-Z0-9_\s]*)}}/gm);
+    if (e && !f) {
+      const n = s.map((o) => o.toLowerCase()), c = e.some((o) => {
+        const l = o.replace("{{", "").replace("}}", "").trim().toLowerCase();
+        return !n.includes(l) || l === "";
+      });
+      return c && a({
+        type: r.Warning,
+        message: i("custom-fields.invalid-custom-fields")
+      }), !c;
+    }
+    return !0;
+  }, x = (t) => {
+    const s = t.match(/{%(.*?)%}/g), e = [];
+    let n = !0;
+    if (s && s.forEach((c) => {
+      const o = c.match(O), l = c.match(B), L = (o == null ? void 0 : o.join("")) || "";
+      (!o || c !== L) && !l && (a({
+        type: r.Alert,
+        message: i("newsletter.display-conditions-invalid-syntax")
+      }), n = !1), o && o.forEach((u) => {
+        u.trim() === "=" && (a({
+          type: r.Alert,
+          message: i("custom-conditions.wrong-equality-operators")
+        }), n = !1);
+        const g = u.match(/^[a-zA-Z]*$/g);
+        g && g.forEach((p) => {
+          w(p) && e.push(p);
+        });
+      });
+    }), e.length) {
+      const c = e.filter((l) => l === "if"), o = e.filter((l) => l === "endif");
+      c.length !== o.length && (a({
+        type: r.Alert,
+        message: i("custom-conditions.missing-if-endif-tag")
+      }), n = !1);
+    }
+    return n;
+  }, b = (t) => {
+    const s = (t.match(/{% /gm) || []).length, e = (t.match(/ %}/gm) || []).length, n = s === e;
+    return n || a({
+      type: r.Warning,
+      message: i("custom-conditions.no-space-after-braces")
+    }), n;
+  }, N = (t) => (t.match(/({%(.*?)%})/g) || []).filter((e) => e.includes("if")).map((e) => (e.match(/{{.*}}/gm) || []).length).reduce((e, n) => e + n, 0) > 0 ? (a({
+    type: r.Warning,
+    message: i("custom-conditions.no-braces-inside-if-tag")
+  }), !1) : !0, k = () => m.recommendationConfigs && Object.values(m.recommendationConfigs).find((s) => s.filters.find((e) => e.value === "")) !== void 0 ? (a({
+    type: r.Alert,
+    message: i("newsletter.fill-all-necessary-fields")
+  }), !1) : !0, F = (t) => {
+    const s = /src="[^"]*\.(svg|pst)"/gm;
+    return t.match(s) === null ? !0 : (a({
+      type: r.Alert,
+      message: i("newsletter.invalid-image-type")
+    }), !1);
+  };
+  return { validateHtml: async (t, s, e = !1) => await E(t, s, e) && T(t) && I(t) && A(t) && W(t, s) && x(t) && b(t) && N(t) && k() && F(t) };
+};
+export {
+  tt as useHtmlValidator
+};

package/dist/composables/usePartner.d.ts

@@ -1,5 +1,4 @@
 export declare const usePartner: () => {
     getPartnerName: () => string;
     getProductType: () => number;
-    isTestPartner: () => boolean;
 };

package/dist/composables/usePartner.js

@@ -1,18 +1,11 @@
-import { TEST_PARTNER_LIST as r, DefaultProductType as o, ProductIds as n } from "../enums/defaults.js";
-const i = () => {
-  const e = () => window.location.hostname.split(".")[0] || "";
-  return {
-    getPartnerName: e,
-    getProductType: () => {
-      const t = window.location.pathname.split("/").filter(Boolean)[0] || o;
-      return n[t] || 0;
-    },
-    isTestPartner: () => {
-      const t = e();
-      return r.includes(t);
-    }
-  };
-};
+import { DefaultProductType as e, ProductIds as o } from "../enums/defaults.js";
+const c = () => ({
+  getPartnerName: () => window.location.hostname.split(".")[0] || "",
+  getProductType: () => {
+    const t = window.location.pathname.split("/").filter(Boolean)[0] || e;
+    return o[t] || 0;
+  }
+});
 export {
-  i as usePartner
+  c as usePartner
 };

package/dist/composables/usePreviewMode.js

@@ -1,27 +1,26 @@
-import { useEditorStore as p } from "../stores/editor.js";
-import { useOnboardingStore as m } from "../stores/onboarding.js";
+import { useEditorStore as n } from "../stores/editor.js";
 import { usePreviewStore as l } from "../stores/preview.js";
-import { useActionsApi as c } from "./useActionsApi.js";
-import { useCodeEditorApi as u } from "./useCodeEditorApi.js";
+import { useActionsApi as m } from "./useActionsApi.js";
+import { useCodeEditorApi as p } from "./useCodeEditorApi.js";
 const E = () => {
-  const e = p(), o = l(), t = m(), { closeCodeEditor: a } = u(), { getPreviewData: s } = c(), i = () => {
-    t.isActive("ampOnboarding") && t.close("ampOnboarding"), e.isPreviewModeOpen = !1, o.$reset();
+  const o = n(), e = l(), { closeCodeEditor: a } = p(), { getPreviewData: s } = m(), r = () => {
+    o.isPreviewModeOpen = !1, e.$reset();
   };
   return {
-    closePreviewMode: i,
+    closePreviewMode: r,
     openPreviewMode: () => {
-      e.isCodeEditorOpen && a(), e.isPreviewModeOpen = !0;
+      o.isCodeEditorOpen && a(), o.isPreviewModeOpen = !0;
     },
     loadPreviewData: async () => {
-      if (!(e.loadingStatus || o.isLoaded)) {
-        e.loadingStatus = !0;
+      if (!(o.loadingStatus || e.isLoaded)) {
+        o.loadingStatus = !0;
         try {
-          const { html: r, ampHtml: d, ampErrors: n } = await s();
-          o.templateHtml = r || "", o.updateAMPData({ ampHtml: d || "", ampErrors: n || [] }), o.isLoaded = !0;
-        } catch (r) {
-          console.error("Failed to load preview data:", r), i();
+          const { html: t, ampHtml: i, ampErrors: d } = await s();
+          e.templateHtml = t || "", e.ampHtml = i || "", e.ampErrors = d || [], e.setEmailFormat(i ? "AMP" : "html"), e.isLoaded = !0;
+        } catch (t) {
+          console.error("Failed to load preview data:", t), r();
         } finally {
-          e.loadingStatus = !1;
+          o.loadingStatus = !1;
         }
       }
     }

package/dist/composables/useRecommendation.d.ts

@@ -0,0 +1,19 @@
+type CardWidthParams = {
+    mobileLeftPadding: number;
+    mobileRightPadding: number;
+    cardsInRow: number;
+    unresponsive: boolean;
+};
+interface CampaignData extends CardWidthParams {
+    textTrimming: boolean;
+    orientation: string;
+    priceBeforeTextValue: string;
+    priceAfterTextValue: string;
+    discountBeforeTextValue: string;
+    discountAfterTextValue: string;
+}
+export declare const useRecommendation: () => {
+    calculateCardWidth: ({ mobileLeftPadding, mobileRightPadding, cardsInRow, unresponsive, }: CardWidthParams) => number;
+    getRecommendationCampaignData: (id: string) => CampaignData;
+};
+export {};

package/dist/composables/useRecommendation.js

@@ -0,0 +1,27 @@
+import { MinDeviceViewport as r, DefaultPadding as c } from "../enums/recommendation.js";
+const m = () => ({
+  calculateCardWidth: ({
+    mobileLeftPadding: e,
+    mobileRightPadding: a,
+    cardsInRow: n,
+    unresponsive: i
+  }) => {
+    const t = i ? n : 1, o = e + a + (t - 1) * c;
+    return (r - o) / t;
+  },
+  getRecommendationCampaignData: (e) => (console.debug(e), {
+    textTrimming: !1,
+    orientation: "vertical",
+    mobileLeftPadding: 0,
+    mobileRightPadding: 0,
+    cardsInRow: 2,
+    unresponsive: !1,
+    priceBeforeTextValue: "",
+    priceAfterTextValue: "",
+    discountBeforeTextValue: "",
+    discountAfterTextValue: ""
+  })
+});
+export {
+  m as useRecommendation
+};

package/dist/composables/useSave.d.ts

@@ -0,0 +1,3 @@
+export declare const useSave: () => {
+    save: () => Promise<void>;
+};