@useinsider/guido 1.0.2-beta.bfb23c2 → 1.0.2-beta.c3f86dc

package/dist/static/styles/components/button.css.js

@@ -60,28 +60,8 @@ const o = `.control-shadow-wrapper:has(.button) {
     color: var(--guido-color-primary-500);
 }
 
-.primary > .button {
-    border: none;
-    background-color: var(--guido-color-neutral-200);
-    color: var(--guido-color-neutral-800);
-}
-
-.primary > .button .icon-button {
-    color: var(--guido-color-neutral-800);
-}
-
-.primary > .button:hover:not(:disabled,.disabled) {
-    background-color: var(--guido-color-neutral-100);
-}
-
-.danger > .button {
-    background-color: var(--guido-color-danger-500);
-    color: var(--guido-color-white);
-    border: none;
-}
-
-.danger > .button:hover:not(:disabled,.disabled) {
-    background-color: var(--guido-color-danger-300);
+.flat-white > .button:hover:not(:disabled,.disabled) {
+    color: var(--guido-color-primary-500);
 }
 
 ue-check-button.checked:not(.flat-white) input:checked + label {
@@ -120,16 +100,6 @@ ue-color {
 ue-color .base-input {
     width: 100%;
 }
-
-ue-select-text-input .select-text-input-toggle {
-    top: 0;
-    right: 0;
-}
-
-ue-select-text-input .select-text-input-toggle .button {
-    justify-content: center;
-    background-color: transparent !important;
-}
 `;
 export {
   o as default

package/dist/static/styles/components/wide-panel.css.js

@@ -2,10 +2,6 @@ const n = `ue-wide-panel {
     width: 425px;
 }
 
-ue-main-editor-container[panel-position=SETTINGS_BLOCKS] ue-wide-panel {
-    right: calc(100% - calc(var(--ue-spacing-step, 5px) * 3) - 425px);
-}
-
 ue-main-tabs-panel-component .fixed-panel-header {
     display: none;
 }
@@ -21,7 +17,7 @@ ue-description a {
 }
 
 .stacked-panel {
-    overflow: auto;
+    overflow: scroll;
 }
 
 .stacked-panel-title {

package/dist/static/styles/customEditorStyle.css.js

@@ -12,12 +12,6 @@ const n = `.esd-x,
 .ue-preview-control-wrapper ue-icon-component:not([disabled=true]):not(.stripo-static-icon):hover {
     background: none;
 }
-
-.ue-email-wrapper-rounded,
-.ue-email-wrapper-rounded-top {
-    border-radius: 0;
-    box-shadow: none;
-}
 `;
 export {
   n as default

package/dist/static/styles/variables.css.js

@@ -12,20 +12,10 @@ const o = `:host {
     --guido-color-neutral-800: #222938;
     --guido-color-neutral-200: #DCDFE6;
     --guido-color-neutral-100: #EFF2F4;
-    --guido-color-danger-300: #e84342;
     --guido-color-danger-500: #DC2A2A; 
     --guido-box-shadow: 0 4px 12px 0 rgba(44,53,70,0.15);
     --guido-color-background-onpage-message-info: #D3EEF8;
     --guido-color-border-onpage-message-info: #258DDE;
-    --guido-color-background-onpage-message-warn: #FCEFE5;
-    --guido-color-border-onpage-message-warn: #D37400;
-    --guido-color-background-onpage-message-success: #E9F9EB;
-    --guido-color-border-onpage-message-success: #128745;
-    --guido-color-background-onpage-message-error: #FCECEC;
-    --guido-color-border-onpage-message-error: var(--guido-color-danger-500);
-    --guido-color-background-toaster-success: #128745;
-    --guido-color-background-toaster-error: var(--guido-color-danger-500);
-    --guido-color-background-toaster-warn: #D37400;
 }
 `;
 export {

package/dist/stores/dynamic-content.d.ts

@@ -8,19 +8,11 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
             value: string;
             text: string;
             fallback?: string | undefined;
-            format?: {
-                key: string;
-                value: string;
-            } | undefined;
         };
         selectedDynamicContentList: {
             value: string;
             text: string;
             fallback?: string | undefined;
-            format?: {
-                key: string;
-                value: string;
-            } | undefined;
         }[];
     } & import("pinia").PiniaCustomStateProperties<{
         selectedDynamicContent: DynamicContent;
@@ -29,10 +21,6 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
         text: string;
         value: string;
         fallback: string | undefined;
-        format: {
-            key: string;
-            value: string;
-        } | undefined;
     }[];
 }, {
     setSelectedDynamicContent(dynamicContent: DynamicContent): void;

package/dist/stores/dynamic-content.js

@@ -6,16 +6,15 @@ const s = a("dynamicContent", {
     selectedDynamicContentList: []
   }),
   actions: {
-    setSelectedDynamicContent(t) {
-      this.selectedDynamicContent = t, this.selectedDynamicContentList.push(t);
+    setSelectedDynamicContent(e) {
+      this.selectedDynamicContent = e, this.selectedDynamicContentList.push(e);
     }
   },
   getters: {
-    getSelectedDynamicContentList: (t) => n(t.selectedDynamicContentList).map((e) => ({
-      text: e.text,
-      value: e.value,
-      fallback: e.fallback,
-      format: e.format
+    getSelectedDynamicContentList: (e) => n(e.selectedDynamicContentList).map((t) => ({
+      text: t.text,
+      value: t.value,
+      fallback: t.fallback
     })) || []
   }
 });

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/utils/genericUtil.js

@@ -1,14 +1,11 @@
-const e = (l) => l.map((a) => a.format ? {
-  label: `${a.text} | ${a.format.key}=${a.format.value}`,
-  value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
-} : {
+const l = (e) => e.map((a) => ({
   label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
   value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
-}), r = () => {
-  var l;
-  return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
+})), t = () => {
+  var e;
+  return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
 };
 export {
-  e as dynamicContentToMergeTags,
-  r as getCsrfToken
+  l as dynamicContentToMergeTags,
+  t as getCsrfToken
 };

package/dist/utils/templatePreparation.js

@@ -1,28 +1,21 @@
-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();
+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();
   return {
     prepareTemplateDetails: async () => {
-      const { html: a, ampHtml: s = "", ampErrors: m = [] } = await i({
+      const { html: n, ampHtml: s = "", ampErrors: o = [] } = await e({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { 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,
+      }), { html: m, css: i, syncModulesIds: r = [] } = await a();
+      return {
+        dynamicContentList: t.getSelectedDynamicContentList,
+        compiledHtml: n,
+        rawHtml: m,
+        css: i,
         ampHtml: s,
-        ampErrors: m,
-        modules: l,
+        ampErrors: o,
+        modules: r,
         recommendation: {
           campaignUrls: {},
           configs: {}
@@ -36,5 +29,5 @@ const H = () => {
   };
 };
 export {
-  H as useTemplatePreparation
+  y as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.2-beta.bfb23c2",
+  "version": "1.0.2-beta.c3f86dc",
   "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,14 +24,13 @@
     "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",
-    "prepare": "husky"
+    "test:visual-update": "npx playwright test --update-snapshots --reporter html"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "2.0.2",
+    "@stripoinc/ui-editor-extensions": "1.0.6",
     "@useinsider/design-system-vue": "0.14.8",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
@@ -66,7 +65,6 @@
     "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 d from "./AMPOnboarding.vue2.js";
-import g from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var t, r, e, i, a, s;
-  var n = this, p = n._self._c, o = n._self._setupProxy;
-  return o.isVisible ? p(o.InOnboard, { key: "guido__amp-onboard", staticClass: "w-21-s p-a z-11", class: (t = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : t.classes, attrs: { id: "guido__amp-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (r = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : r.bottom, "left-position": (e = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : e.left, "pages-config": o.onboardingStore.onboardings.ampOnboarding.config, "pointer-position": (i = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : i.position, "right-position": (a = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : a.right, "top-position": (s = o.onboardingStore.getAmpCurrentCard) == null ? void 0 : s.top }, on: { backButtonClick: o.handleBack, close: function(u) {
-    return o.onboardingStore.close("ampOnboarding");
-  }, nextButtonClick: o.handleNext } }) : n._e();
-}, m = [], c = /* @__PURE__ */ g(
-  d,
-  l,
-  m,
-  !1,
-  null,
-  null
-);
-const f = c.exports;
-export {
-  f as default
-};

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

@@ -1,37 +0,0 @@
-import { defineComponent as p, computed as e, watch as m } from "vue";
-import { useTranslations as g } from "../../../composables/useTranslations.js";
-import { useOnboardingStore as u } from "../../../stores/onboarding.js";
-import { InOnboard as b } from "@useinsider/design-system-vue";
-const O = /* @__PURE__ */ p({
-  __name: "AMPOnboarding",
-  setup(l) {
-    const i = g(), o = u(), r = e(() => `${window.innerWidth / 2 - 110}px`), a = e(() => [
-      {
-        classes: "guido-amp-onboarding",
-        left: r.value,
-        top: "70px",
-        position: "Top Center",
-        title: i("email-editor.onboarding-amp-title"),
-        description: i("email-editor.onboarding-amp-description"),
-        imageSource: "",
-        backButtonClick: () => {
-        },
-        nextButtonType: "text",
-        nextButtonText: i("action-builder.ok"),
-        nextButtonClick: () => void o.close("ampOnboarding")
-      }
-    ]), d = e(() => o.onboardings.ampOnboarding.config.length > 0 && o.onboardings.ampOnboarding.isActive), s = () => {
-      var n, t;
-      (t = (n = o.getAmpCurrentCard) == null ? void 0 : n.nextButtonClick) == null || t.call(n);
-    }, c = () => {
-      var n, t;
-      (t = (n = o.getAmpCurrentCard) == null ? void 0 : n.backButtonClick) == null || t.call(n);
-    };
-    return m(() => o.onboardings.ampOnboarding.isActive, (n) => {
-      n && o.setConfig("ampOnboarding", a.value);
-    }, { immediate: !0 }), { __sfc: !0, trans: i, onboardingStore: o, centerLeft: r, onboardingCardsConfig: a, isVisible: d, handleNext: s, handleBack: c, InOnboard: b };
-  }
-});
-export {
-  O 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 c from "./GenericOnboarding.vue2.js";
-/* empty css                       */
-import g from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var r, n, t, i, a, s;
-  var o = this, d = o._self._c, e = o._self._setupProxy;
-  return e.isVisible ? d(e.InOnboard, { key: "guido__editor-onboard", staticClass: "w-21-s p-a z-11", class: (r = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : r.classes, attrs: { id: "guido__editor-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : n.bottom, "left-position": (t = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : t.left, "pages-config": e.onboardingStore.onboardings.genericOnboarding.config, "pointer-position": (i = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : i.position, "right-position": (a = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : a.right, "top-position": (s = e.onboardingStore.getGenericCurrentCard) == null ? void 0 : s.top }, on: { backButtonClick: e.handleBack, close: function(u) {
-    return e.onboardingStore.close("genericOnboarding");
-  }, nextButtonClick: e.handleNext } }) : o._e();
-}, p = [], _ = /* @__PURE__ */ g(
-  c,
-  l,
-  p,
-  !1,
-  null,
-  "d3c52b44"
-);
-const S = _.exports;
-export {
-  S as default
-};

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

@@ -1,83 +0,0 @@
-import { defineComponent as l, computed as i, watch as b } from "vue";
-import { useTranslations as x } from "../../../composables/useTranslations.js";
-import { SERVICE_HOVER_SELECTORS as m } from "../../../enums/onboarding.js";
-import { useOnboardingStore as k } from "../../../stores/onboarding.js";
-import { InOnboard as f } from "@useinsider/design-system-vue";
-const S = /* @__PURE__ */ l({
-  __name: "GenericOnboarding",
-  setup(B) {
-    const e = x(), o = k(), r = i(() => `${window.innerWidth / 2 - 160}px`), c = () => {
-      const t = document.querySelector("ui-editor");
-      t != null && t.shadowRoot && m.forEach((n) => {
-        var d;
-        const a = (d = t.shadowRoot) == null ? void 0 : d.querySelector(n);
-        a && a.classList.add("hover");
-      });
-    }, s = 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: "38px",
-        position: "Right Bottom",
-        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: r.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("action-builder.ok"),
-        nextButtonClick: () => {
-          o.close("genericOnboarding");
-        }
-      }
-    ]), g = i(() => o.onboardings.genericOnboarding.config.length > 0 && o.onboardings.genericOnboarding.isActive), p = () => {
-      var t, n;
-      (n = (t = o.getGenericCurrentCard) == null ? void 0 : t.nextButtonClick) == null || n.call(t);
-    }, u = () => {
-      var t, n;
-      (n = (t = o.getGenericCurrentCard) == null ? void 0 : t.backButtonClick) == null || n.call(t);
-    };
-    return b(() => o.onboardings.genericOnboarding.isActive, (t) => {
-      t && o.setConfig("genericOnboarding", s.value);
-    }, { immediate: !0 }), { __sfc: !0, trans: e, onboardingStore: o, centerLeft: r, addHoverToServiceElements: c, onboardingCardsConfig: s, isVisible: g, handleNext: p, handleBack: u, InOnboard: f };
-  }
-});
-export {
-  S 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: "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 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
-};