@useinsider/guido 1.0.2-beta.80ac5e8 → 1.0.2-beta.833da0e

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

@@ -0,0 +1,68 @@
+const n = `ue-popup {
+    -webkit-backdrop-filter: unset;
+    backdrop-filter: unset;
+    background-color: rgba(44, 53, 70, 0.5);
+}
+
+ue-popup .popup-wrapper {
+    max-width: 400px;
+    border: 1px solid var(--guido-color-neutral-200);
+    box-shadow: none;
+    background: var(--guido-color-white);
+    font-size: 15px;
+    line-height: 24px;
+}
+
+ue-popup .popup-title {
+    padding: 32px 56px 0 32px;
+    line-height: 24px;
+    font-size: 20px;
+    font-weight: 400;
+    border-bottom: none;
+}
+
+ue-popup .confirmation .confirmation-wrapper {
+    padding: 32px;
+    gap: 16px;
+}
+
+ue-popup .confirmation .confirmation-actions {
+    flex-direction: row-reverse;
+    justify-content: space-between;
+}
+
+ue-popup .danger > .button {
+    font-size: 15px;
+    padding: 8px 16px;
+}
+
+ue-popup .e2e-cancel {
+    margin-left: unset;
+}
+
+ue-popup .e2e-cancel .button {
+    background-color: transparent;
+    border: none;
+    padding: 8px 0;
+    font-size: 15px;
+}
+
+ue-popup .e2e-cancel .button:hover:not(:disabled,.disabled) {
+    text-decoration: underline;
+    background-color: transparent;
+}
+
+ue-popup .popup-close {
+    top: 32px;
+    right: 32px;
+}
+
+ue-popup .popup-close .button {
+    padding: 0;
+    min-width: unset;
+    min-height: unset;
+}
+`;
+export {
+  n as default
+};

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

@@ -2,6 +2,10 @@ 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;
 }
@@ -17,7 +21,7 @@ ue-description a {
 }
 
 .stacked-panel {
-    overflow: scroll;
+    overflow: auto;
 }
 
 .stacked-panel-title {

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

@@ -12,6 +12,12 @@ 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,10 +12,20 @@ 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/onboarding.d.ts

@@ -108,7 +108,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => (type: OnboardingType) => {
         cardIndex: number;
@@ -239,7 +247,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => (type: OnboardingType) => boolean;
     getCurrentCard: (state: {
@@ -350,7 +366,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => (type: OnboardingType) => {
         classes: string;
@@ -477,7 +501,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
@@ -604,7 +636,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
@@ -731,7 +771,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
@@ -858,7 +906,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
         classes: string;
@@ -985,7 +1041,15 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 }[];
             };
         };
-        userModalState: Record<string, Record<string, boolean>>;
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+            } | undefined;
+        };
         isFetched: boolean;
     } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => (type: OnboardingType) => boolean;
 }, {

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.80ac5e8",
+  "version": "1.0.2-beta.833da0e",
   "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",