@useinsider/guido 1.0.2-beta.94d67e3 → 1.0.2-beta.9fa711f

package/dist/stores/editor.d.ts

@@ -6,7 +6,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
     isPreviewModeOpen: boolean;
     editorVisualMode: string;
     hasChanges: boolean;
-    isStripoInitialized: boolean;
 }, {
     isUndoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -16,7 +15,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -25,7 +23,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     }>) => boolean;
     isRedoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -35,7 +32,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -44,7 +40,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     }>) => boolean;
     isCodeEditorButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -54,7 +49,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -63,7 +57,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     }>) => boolean;
     isPreviewButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -73,7 +66,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -82,7 +74,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     }>) => boolean;
     isViewOptionsDisabled: (state: {
         loadingStatus: boolean;
@@ -92,7 +83,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -101,7 +91,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     }>) => boolean;
     isVersionHistoryButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -111,7 +100,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -120,7 +108,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     }>) => boolean;
     isExportButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -130,7 +117,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -139,7 +125,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     }>) => boolean;
     isSaveAsButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -149,7 +134,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -158,7 +142,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     }>) => boolean;
     isTestButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -168,7 +151,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -177,7 +159,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     }>) => boolean;
     isSaveButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -187,7 +168,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -196,6 +176,5 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         isPreviewModeOpen: boolean;
         editorVisualMode: string;
         hasChanges: boolean;
-        isStripoInitialized: boolean;
     }>) => boolean;
 }, {}>;

package/dist/stores/editor.js

@@ -7,8 +7,7 @@ const o = e("editor", {
     isVersionHistoryOpen: !1,
     isPreviewModeOpen: !1,
     editorVisualMode: "desktop",
-    hasChanges: !1,
-    isStripoInitialized: !1
+    hasChanges: !1
   }),
   getters: {
     // Middle Slot

package/dist/stores/preview.js

@@ -1,14 +1,13 @@
-import { useOnboardingStore as i } from "./onboarding.js";
-import { defineStore as a } from "pinia";
-const m = () => ({
+import { defineStore as e } from "pinia";
+const s = () => ({
   emailFormat: "html",
   ampHtml: "",
   ampErrors: [],
   templateHtml: "",
   isLoaded: !1,
   isAMPErrorModalVisible: !1
-}), h = a("preview", {
-  state: () => m(),
+}), a = e("preview", {
+  state: () => s(),
   getters: {
     isAMPModeEnabled: (t) => t.emailFormat === "AMP",
     previewHtml() {
@@ -28,14 +27,7 @@ const m = () => ({
   },
   actions: {
     updateAMPData(t) {
-      var s;
-      const r = !!((s = this.ampHtml) != null && s.trim());
-      this.ampHtml = t.ampHtml ?? "", this.ampErrors = t.ampErrors ?? [];
-      const o = t.ampHtml ? "AMP" : "html";
-      if (this.emailFormat = o, !r && o === "AMP") {
-        const e = i();
-        e.shouldShowOnboarding("ampOnboarding") && e.start("ampOnboarding");
-      }
+      this.ampHtml = t.ampHtml ?? "", this.ampErrors = t.ampErrors ?? [], this.emailFormat = t.ampHtml ? "AMP" : "html";
     },
     setEmailFormat(t) {
       this.emailFormat = t;
@@ -49,5 +41,5 @@ const m = () => ({
   }
 });
 export {
-  h as usePreviewStore
+  a as usePreviewStore
 };

package/dist/stores/recommendation.d.ts

@@ -0,0 +1,10 @@
+type RecommendationConfig = {
+    filters: {
+        value: string;
+    }[];
+};
+interface StoreState {
+    recommendationConfigs: RecommendationConfig[];
+}
+export declare const useRecommendationStore: import("pinia").StoreDefinition<"recommendation", StoreState, {}, {}>;
+export {};

package/dist/stores/recommendation.js

@@ -0,0 +1,9 @@
+import { defineStore as e } from "pinia";
+const t = () => ({
+  recommendationConfigs: []
+}), n = e("recommendation", {
+  state: () => t()
+});
+export {
+  n as useRecommendationStore
+};

package/dist/stores/unsubscribe.d.ts

@@ -0,0 +1,8 @@
+type UnsubscribePage = {
+    type: number;
+};
+interface StoreState {
+    selectedUnsubscribePages: UnsubscribePage[];
+}
+export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"unsubscribe", StoreState, {}, {}>;
+export {};

package/dist/stores/unsubscribe.js

@@ -0,0 +1,9 @@
+import { defineStore as e } from "pinia";
+const t = () => ({
+  selectedUnsubscribePages: []
+}), r = e("unsubscribe", {
+  state: () => t()
+});
+export {
+  r as useUnsubscribeStore
+};

package/dist/utils/templatePreparation.js

@@ -1,21 +1,28 @@
-import { useActionsApi as c } from "../composables/useActionsApi.js";
-import { useDynamicContentStore as l } from "../stores/dynamic-content.js";
-const y = () => {
-  const t = l(), { getCompiledEmail: e, getTemplateData: a } = c();
+import { useActionsApi as g } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as S } from "../composables/useHtmlCompiler.js";
+import { useDynamicContentStore as f } from "../stores/dynamic-content.js";
+const H = () => {
+  const t = f(), { getCompiledEmail: i, getTemplateData: o } = g(), { compileHtml: n } = S();
   return {
     prepareTemplateDetails: async () => {
-      const { html: n, ampHtml: s = "", ampErrors: o = [] } = await e({
+      const { html: a, ampHtml: s = "", ampErrors: m = [] } = await i({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: m, css: i, syncModulesIds: r = [] } = await a();
-      return {
-        dynamicContentList: t.getSelectedDynamicContentList,
-        compiledHtml: n,
-        rawHtml: m,
-        css: i,
+      }), { html: r, css: c, syncModulesIds: l = [] } = await o(), { compiledHtml: p, stats: e, appliedRules: d } = n(a), u = t.getSelectedDynamicContentList;
+      return console.debug("HTML Compilation Stats:", {
+        originalSize: e.originalSize,
+        compiledSize: e.compiledSize,
+        reduction: `${e.reductionPercentage.toFixed(2)}%`,
+        appliedRules: d,
+        executionTime: `${e.executionTime.toFixed(2)}ms`
+      }), {
+        dynamicContentList: u,
+        compiledHtml: p,
+        rawHtml: r,
+        css: c,
         ampHtml: s,
-        ampErrors: o,
-        modules: r,
+        ampErrors: m,
+        modules: l,
         recommendation: {
           campaignUrls: {},
           configs: {}
@@ -29,5 +36,5 @@ const y = () => {
   };
 };
 export {
-  y as useTemplatePreparation
+  H as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.2-beta.94d67e3",
+  "version": "1.0.2-beta.9fa711f",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -24,7 +24,8 @@
     "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
     "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json",
-    "test:visual-update": "npx playwright test --update-snapshots --reporter html"
+    "test:visual-update": "npx playwright test --update-snapshots --reporter html",
+    "prepare": "husky"
   },
   "keywords": [],
   "author": "",
@@ -65,6 +66,7 @@
     "eslint-plugin-vue": "10.1.0",
     "eslint-plugin-vue-scoped-css": "2.6.1",
     "globals": "16.0.0",
+    "husky": "9.1.7",
     "msw": "2.10.3",
     "sass": "1.69.7",
     "typescript": "5.5.4",

package/dist/components/organisms/onboarding/AMPOnboarding.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1,20 +0,0 @@
-import l from "./AMPOnboarding.vue2.js";
-import p from "../../../_virtual/_plugin-vue2_normalizer.js";
-var u = function() {
-  var r, n, e, i, s, a;
-  var o = this, c = o._self._c, t = o._self._setupProxy;
-  return t.isVisible && t.status ? c(t.InOnboard, { key: "guido-amp-onboard", staticClass: "w-21-s p-a z-11", class: (r = t.currentCard) == null ? void 0 : r.classes, attrs: { id: "guido-amp-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = t.currentCard) == null ? void 0 : n.bottom, "left-position": (e = t.currentCard) == null ? void 0 : e.left, "pages-config": t.config, "pointer-position": (i = t.currentCard) == null ? void 0 : i.position, "right-position": (s = t.currentCard) == null ? void 0 : s.right, "top-position": (a = t.currentCard) == null ? void 0 : a.top }, on: { backButtonClick: t.handleBack, close: function(f) {
-    return t.store.close("ampOnboarding");
-  }, nextButtonClick: t.handleNext } }) : o._e();
-}, d = [], _ = /* @__PURE__ */ p(
-  l,
-  u,
-  d,
-  !1,
-  null,
-  null
-);
-const C = _.exports;
-export {
-  C as default
-};

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

@@ -1,39 +0,0 @@
-import { defineComponent as l, computed as o, watch as g } from "vue";
-import { useTranslations as f } from "../../../composables/useTranslations.js";
-import { useOnboardingStore as b } from "../../../stores/onboarding.js";
-import { InOnboard as C } from "@useinsider/design-system-vue";
-const h = /* @__PURE__ */ l({
-  __name: "AMPOnboarding",
-  setup(x) {
-    const e = f(), n = b(), r = o(() => `${window.innerWidth / 2 - 110}px`), s = o(() => [
-      {
-        classes: "guido-amp-onboarding",
-        left: r.value,
-        top: "70px",
-        position: "Top Center",
-        title: e("email-editor.onboarding-amp-title"),
-        description: e("email-editor.onboarding-amp-description"),
-        imageSource: "",
-        backButtonClick: () => {
-        },
-        nextButtonType: "text",
-        nextButtonText: e("roi-statistics.onboard-modal-finish"),
-        nextButtonClick: () => void n.close("ampOnboarding")
-      }
-    ]), d = o(() => n.ampOnboarding.config.length > 0), c = o(() => n.ampOnboarding.isActive), m = o(() => n.ampOnboarding.config), a = o(() => n.ampCurrentCard), p = () => {
-      var t, i;
-      (i = (t = a.value) == null ? void 0 : t.nextButtonClick) == null || i.call(t);
-    }, u = () => {
-      var t, i;
-      (i = (t = a.value) == null ? void 0 : t.backButtonClick) == null || i.call(t);
-    };
-    return g(c, (t) => {
-      t && setTimeout(() => {
-        n.setConfig("ampOnboarding", s.value);
-      }, 500);
-    }, { immediate: !0 }), { __sfc: !0, trans: e, store: n, centerLeft: r, onboardingCardsConfig: s, isVisible: d, status: c, config: m, currentCard: a, handleNext: p, handleBack: u, InOnboard: C };
-  }
-});
-export {
-  h as default
-};

package/dist/components/organisms/onboarding/GenericOnboarding.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1,21 +0,0 @@
-import d from "./GenericOnboarding.vue2.js";
-/* empty css                       */
-import l from "../../../_virtual/_plugin-vue2_normalizer.js";
-var p = function() {
-  var r, e, n, i, s, a;
-  var o = this, c = o._self._c, t = o._self._setupProxy;
-  return t.isVisible && t.status ? c(t.InOnboard, { key: "guido-editor-onboard", staticClass: "w-21-s p-a z-11", class: (r = t.currentCard) == null ? void 0 : r.classes, attrs: { id: "guido-editor-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (e = t.currentCard) == null ? void 0 : e.bottom, "left-position": (n = t.currentCard) == null ? void 0 : n.left, "pages-config": t.config, "pointer-position": (i = t.currentCard) == null ? void 0 : i.position, "right-position": (s = t.currentCard) == null ? void 0 : s.right, "top-position": (a = t.currentCard) == null ? void 0 : a.top }, on: { backButtonClick: t.handleBack, close: function(m) {
-    return t.onboardingStore.close("genericOnboarding");
-  }, nextButtonClick: t.handleNext } }) : o._e();
-}, u = [], _ = /* @__PURE__ */ l(
-  d,
-  p,
-  u,
-  !1,
-  null,
-  "037dda0b"
-);
-const v = _.exports;
-export {
-  v as default
-};

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

@@ -1,85 +0,0 @@
-import { defineComponent as m, computed as i, watch as f } from "vue";
-import { useTranslations as k } from "../../../composables/useTranslations.js";
-import { SERVICE_HOVER_SELECTORS as B } from "../../../enums/onboarding.js";
-import { useOnboardingStore as C } from "../../../stores/onboarding.js";
-import { InOnboard as T } from "@useinsider/design-system-vue";
-const y = /* @__PURE__ */ m({
-  __name: "GenericOnboarding",
-  setup(O) {
-    const e = k(), o = C(), s = i(() => `${window.innerWidth / 2 - 160}px`), c = () => {
-      const t = document.querySelector("ui-editor");
-      t != null && t.shadowRoot && B.forEach((n) => {
-        var u;
-        const p = (u = t.shadowRoot) == null ? void 0 : u.querySelector(n);
-        p && p.classList.add("hover");
-      });
-    }, a = i(() => [
-      {
-        classes: "guido-onboarding-blocks",
-        left: "90px",
-        top: "90px",
-        position: "Left Top",
-        title: e("email-editor.onboarding-blocks-title"),
-        description: e("email-editor.onboarding-blocks-description"),
-        imageSource: "",
-        backButtonClick: () => {
-        },
-        nextButtonType: "text",
-        nextButtonText: e("products.next"),
-        nextButtonClick: () => {
-          c(), o.next("genericOnboarding");
-        }
-      },
-      {
-        classes: "guido-onboarding-stripes",
-        right: "450px",
-        bottom: "50px",
-        position: "Right Top",
-        title: e("email-editor.onboarding-stripes-title"),
-        description: e("email-editor.onboarding-stripes-description"),
-        imageSource: "",
-        backButtonType: "text",
-        backButtonText: e("ds-steps.back"),
-        backButtonClick: () => {
-          o.previous("genericOnboarding");
-        },
-        nextButtonType: "text",
-        nextButtonText: e("products.next"),
-        nextButtonClick: () => {
-          o.next("genericOnboarding");
-        }
-      },
-      {
-        classes: "guido-onboarding-preview",
-        left: s.value,
-        top: "90px",
-        position: "Top Center",
-        title: e("email-editor.onboarding-preview-title"),
-        description: e("email-editor.onboarding-preview-description"),
-        imageSource: "",
-        backButtonType: "text",
-        backButtonText: e("ds-steps.back"),
-        backButtonClick: () => o.previous("genericOnboarding"),
-        nextButtonType: "text",
-        nextButtonText: e("roi-statistics.onboard-modal-finish"),
-        nextButtonClick: () => {
-          o.close("genericOnboarding");
-        }
-      }
-    ]), g = i(() => o.genericOnboarding.config.length > 0), d = i(() => o.genericOnboarding.isActive), l = i(() => o.genericOnboarding.config), r = i(() => o.genericCurrentCard), b = () => {
-      var t, n;
-      (n = (t = r.value) == null ? void 0 : t.nextButtonClick) == null || n.call(t);
-    }, x = () => {
-      var t, n;
-      (n = (t = r.value) == null ? void 0 : t.backButtonClick) == null || n.call(t);
-    };
-    return f(d, (t) => {
-      t && setTimeout(() => {
-        o.setConfig("genericOnboarding", a.value);
-      }, 500);
-    }, { immediate: !0 }), { __sfc: !0, trans: e, onboardingStore: o, centerLeft: s, addHoverToServiceElements: c, onboardingCardsConfig: a, isVisible: g, status: d, config: l, currentCard: r, handleNext: b, handleBack: x, InOnboard: T };
-  }
-});
-export {
-  y as default
-};

package/dist/components/organisms/onboarding/NewVersionPopup.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1,17 +0,0 @@
-import s from "./NewVersionPopup.vue2.js";
-import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var e = this, t = e._self._c, o = e._self._setupProxy;
-  return o.isVisible ? t(o.WpModal, { attrs: { id: "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 p = a.exports;
-export {
-  p as default
-};

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

@@ -1,30 +0,0 @@
-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",
-  setup(p) {
-    const n = i(), e = m(), o = r(!0), t = r({
-      primaryButton: {
-        type: "primary",
-        labelText: n("left-menu.discover-now")
-      },
-      secondaryButton: {
-        type: "subtle-primary",
-        labelText: n("products.remind-me-later")
-      }
-    });
-    return { __sfc: !0, trans: n, onboardingStore: e, isVisible: o, footerButtonOptions: t, handleDiscoverNow: () => {
-      e.onDiscoverNowClicked(), o.value = !1;
-    }, handleRemindLater: () => {
-      e.onRemindMeLater(), o.value = !1;
-    }, handleClose: () => {
-      e.onNewVersionPopupClose(), o.value = !1;
-    }, WpModal: a, onboardingImageSvg: l };
-  }
-});
-export {
-  w as default
-};

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1,19 +0,0 @@
-import o from "./OnboardingWrapper.vue2.js";
-import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
-  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 = [], p = /* @__PURE__ */ _(
-  o,
-  s,
-  a,
-  !1,
-  null,
-  null
-);
-const m = p.exports;
-export {
-  m as default
-};

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

@@ -1,27 +0,0 @@
-import { defineComponent as c, computed as r, onMounted as d } from "vue";
-import { usePartner as f } from "../../../composables/usePartner.js";
-import { useEditorStore as u } from "../../../stores/editor.js";
-import { useOnboardingStore as g } from "../../../stores/onboarding.js";
-import b from "./AMPOnboarding.vue.js";
-import l from "./GenericOnboarding.vue.js";
-import O from "./NewVersionPopup.vue.js";
-import S from "./TextBlockOnboarding.vue.js";
-import y from "./VersionHistoryOnboarding.vue.js";
-const k = /* @__PURE__ */ c({
-  __name: "OnboardingWrapper",
-  setup(_) {
-    const n = g(), e = u(), { isTestPartner: t } = f(), i = r(() => e.isStripoInitialized), s = r(() => t()), p = [
-      { type: "newVersionPopup", component: O },
-      { type: "genericOnboarding", component: l },
-      { type: "textBlockOnboarding", component: S },
-      { type: "versionHistoryOnboarding", component: y },
-      { type: "ampOnboarding", component: b }
-    ], a = (o) => s.value || !i.value ? !1 : o === "newVersionPopup" ? n.shouldShowOnboarding(o) : n.isActive(o), m = r(() => p.filter((o) => a(o.type)));
-    return d(async () => {
-      await n.fetchUserModalState();
-    }), { __sfc: !0, onboardingStore: n, editorStore: e, isTestPartner: t, isStripoReady: i, isTestPartnerActive: s, onboardingConfigs: p, shouldShow: a, visibleOnboardings: m };
-  }
-});
-export {
-  k as default
-};

package/dist/components/organisms/onboarding/TextBlockOnboarding.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1,21 +0,0 @@
-import l from "./TextBlockOnboarding.vue2.js";
-/* empty css                         */
-import p from "../../../_virtual/_plugin-vue2_normalizer.js";
-var d = function() {
-  var e, r, n, i, s, a;
-  var o = this, c = o._self._c, t = o._self._setupProxy;
-  return t.isVisible && t.status ? c(t.InOnboard, { key: "guido-text-block-onboard", staticClass: "w-21-s p-a z-11", class: (e = t.currentCard) == null ? void 0 : e.classes, attrs: { id: "guido-text-block-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (r = t.currentCard) == null ? void 0 : r.bottom, "left-position": (n = t.currentCard) == null ? void 0 : n.left, "pages-config": t.config, "pointer-position": (i = t.currentCard) == null ? void 0 : i.position, "right-position": (s = t.currentCard) == null ? void 0 : s.right, "top-position": (a = t.currentCard) == null ? void 0 : a.top }, on: { backButtonClick: t.handleBack, close: function(m) {
-    return t.store.close("textBlockOnboarding");
-  }, nextButtonClick: t.handleNext } }) : o._e();
-}, u = [], _ = /* @__PURE__ */ p(
-  l,
-  d,
-  u,
-  !1,
-  null,
-  "ff363cd1"
-);
-const k = _.exports;
-export {
-  k as default
-};