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

package/dist/enums/recommendation.js

@@ -0,0 +1,56 @@
+const s = 20, e = 320, t = {
+  CART_ABANDONMENT: {
+    ins_apr_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_1.png",
+    ins_apr_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_2.png",
+    ins_apr_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_3.png",
+    ins_apr_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_4.png"
+  },
+  BROWSE_ABANDONMENT: {
+    browsed_item_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_1.jpg",
+    browsed_item_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_2.jpg",
+    browsed_item_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_3.jpg",
+    browsed_item_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_4.jpg"
+  }
+}, i = {
+  DISCOUNT: "discount",
+  OMNIBUS_DISCOUNT: "omnibus_discount",
+  OMNIBUS_PRICE: "omnibus_price"
+}, m = {
+  IF: {
+    discount: `{% if {${i.DISCOUNT}} != "0%" and {${i.DISCOUNT}} != "" %}`,
+    omnibus_discount: `{% if {${i.DISCOUNT}} != "0%" and {${i.DISCOUNT}} != "" and {${i.OMNIBUS_DISCOUNT}} != "0%" and {${i.OMNIBUS_DISCOUNT}} != "" %}`,
+    omnibus_price: `{% if {${i.DISCOUNT}} != "0%" and {${i.DISCOUNT}} != "" and {${i.OMNIBUS_PRICE}} != "" %}`
+  },
+  ELSE: "{% else %}",
+  END_IF: "{% endif %}"
+}, _ = {
+  ID: /ins-recommendation-v3-campaign-id="(.*?)"/gi,
+  ATTRIBUTE_PARAGRAPH: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)">[\S\s]*?<\/p>/gm,
+  ATTRIBUTE_PARAGRAPH_START_TAG: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)">/gm,
+  COMPOSITION: /composition="true"/gm,
+  CUSTOM_FIELD: /{{[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
+  CUSTOM_FIELD_INDEXES_PART: /{{[0-9]+_[0-8]_/gm,
+  CUSTOM_FIELD_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
+}, a = {
+  PARAGRAPH_END_TAG: "</p>"
+}, n = {
+  REGULAR_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:90px!important;",
+  TRIMMED_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:18px!important;",
+  ELLIPSIS: "text-overflow:ellipsis!important; white-space:nowrap!important;",
+  REGULAR_NAME_CONTAINER_HEIGHT: ".ext-product-name.ins-vertical { height:100px!important",
+  TRIMMED_NAME_CONTAINER_CSS: ".ext-product-name.ins-vertical { height:38px!important; padding:0px!important",
+  RESPONSIVE_NAME_SIZE: ".ext-product-name p { height:unset!important; width:100%!important;",
+  RESPONSIVE_NAME_HEIGHT: ".ext-product-name p { height:24px!important;",
+  RESPONSIVE_NAME_CONTAINER_HEIGHT: ".ext-product-name { height:unset!important",
+  TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS: ".ext-product-name { height:44px!important; padding:0px!important"
+};
+export {
+  i as ATTRIBUTES,
+  m as CONDITIONS,
+  n as CSS,
+  t as DUMMY_IMAGE_MAPPINGS,
+  s as DefaultPadding,
+  a as HTML,
+  e as MinDeviceViewport,
+  _ as REGEX
+};

package/dist/enums/unsubscribe.d.ts

@@ -0,0 +1,15 @@
+export declare const LINK_TYPES: {
+    UNSUBSCRIBE_LINK_TYPE: number;
+    PREFERENCES_LINK_TYPE: number;
+};
+export declare const LINK_REGEXES: {
+    UNSUBSCRIBE_LINK_REGEX: RegExp;
+    DATA_OGSB_BUTTON_CSS_REGEX: string;
+    GLOBAL_UNSUBSCRIBE_LINK_REGEX: RegExp;
+    PREFERENCES_UNSUBSCRIBE_LINK_REGEX: RegExp;
+};
+export declare const URLS: {
+    UNSUBSCRIBE_URL: string;
+    PREFERENCES_URL: string;
+};
+export declare const INSIDER_ID = "iid";

package/dist/enums/unsubscribe.js

@@ -0,0 +1,17 @@
+const E = {
+  UNSUBSCRIBE_LINK_TYPE: 1,
+  PREFERENCES_LINK_TYPE: 3
+}, s = {
+  UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
+  DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
+  GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
+  PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
+}, _ = {
+  UNSUBSCRIBE_URL: "https://mail.useinsider.com/user/v1/unsub",
+  PREFERENCES_URL: "https://mail.useinsider.com/user/v1/prefs"
+};
+export {
+  s as LINK_REGEXES,
+  E as LINK_TYPES,
+  _ as URLS
+};

package/dist/guido.css

@@ -1 +1 @@
-[data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-c144e1e3]{position:relative;display:inline-block}.new-tag[data-v-c144e1e3]{height:24px;position:absolute;top:-8px;right:-16px;background-color:#dae1fb;color:#0a2ecc;font-size:13px;font-weight:400;padding:4px;border-radius:4px;z-index:10;pointer-events:none;border:1px solid #B5C1F1;line-height:16px}[data-v-c144e1e3] .guido__verion-history-view-option-selection-desktop svg,[data-v-c144e1e3] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-c144e1e3] .in-segments-wrapper__button_selected,[data-v-c144e1e3] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-c144e1e3] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-99e4d32b]{position:relative;display:inline-block}.new-tag[data-v-99e4d32b]{height:24px;position:absolute;top:-8px;right:-16px;background-color:#dae1fb;color:#0a2ecc;font-size:13px;font-weight:400;padding:4px;border-radius:4px;z-index:10;pointer-events:none;border:1px solid #B5C1F1;line-height:16px}[data-v-99e4d32b] .guido__view-option-selection-desktop svg,[data-v-99e4d32b] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-99e4d32b] .in-segments-wrapper__button_selected,[data-v-99e4d32b] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-99e4d32b] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-2d4cd446]{height:calc(100% - 75px);top:75px}.guido-editor__wrapper[data-v-b74952a6],.guido-editor__container[data-v-b74952a6]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-b74952a6]{height:calc(100vh - 75px)}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-acae5543] .vueperslides__bullets,[data-v-bccb3b50] .vueperslides__bullets{pointer-events:none!important}
+[data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-cebb8ab0],.guido-editor__container[data-v-cebb8ab0]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-cebb8ab0]{height:calc(100vh - 75px)}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/mock/api/validator.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("msw").HttpHandler[];
+export default _default;

package/dist/static/styles/components/alert-message.css.js

@@ -1,4 +1,4 @@
-const n = `.alert-message-wrapper {
+const r = `.alert-message-wrapper {
     box-shadow: none;
     border: 1px solid var(--guido-color-gray-300);
     color: var(--guido-color-gray-600);
@@ -16,6 +16,36 @@ const n = `.alert-message-wrapper {
     color: var(--guido-color-border-onpage-message-info);
 }
 
+.alert-message-wrapper.warn {
+    background: var(--guido-color-background-onpage-message-warn);
+    border-color: var(--guido-color-border-onpage-message-warn);
+    color: inherit;
+}
+
+.alert-message-wrapper.warn ue-icon-component.icon {
+    color: var(--guido-color-border-onpage-message-warn);
+}
+
+.alert-message-wrapper.success {
+    background: var(--guido-color-background-onpage-message-success);
+    border-color: var(--guido-color-border-onpage-message-success);
+    color: inherit;
+}
+
+.alert-message-wrapper.success ue-icon-component.icon {
+    color: var(--guido-color-border-onpage-message-success);
+}
+
+.alert-message-wrapper.error {
+    background: var(--guido-color-background-onpage-message-error);
+    border-color: var(--guido-color-border-onpage-message-error);
+    color: inherit;
+}
+
+.alert-message-wrapper.error ue-icon-component.icon {
+    color: var(--guido-color-border-onpage-message-error);
+}
+
 .alert-message-wrapper ue-button {
     padding: 0;
 }
@@ -35,5 +65,5 @@ const n = `.alert-message-wrapper {
 }
 `;
 export {
-  n as default
+  r as default
 };

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

@@ -60,8 +60,28 @@ const o = `.control-shadow-wrapper:has(.button) {
     color: var(--guido-color-primary-500);
 }
 
-.flat-white > .button:hover:not(:disabled,.disabled) {
-    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);
 }
 
 ue-check-button.checked:not(.flat-white) input:checked + label {
@@ -100,6 +120,16 @@ 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/notification.css.js

@@ -0,0 +1,55 @@
+const n = `ue-notifications-container {
+    left: 96px;
+    margin: 0;
+    bottom: 32px;
+    top: unset;
+    width: unset;
+}
+
+ue-notifications-container ue-message + ue-message {
+    margin-bottom: 24px;
+}
+
+ue-notifications-container .alert-message-wrapper {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
+    border: none;
+    padding: 16px 24px;
+}
+
+ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-content {
+    width: calc(100% - 64px);
+}
+
+ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-text {
+    font-size: 15px;
+    font-weight: 600;
+}
+
+ue-notifications-container .alert-message-text,
+ue-notifications-container .alert-message-wrapper ue-icon-component.icon,
+ue-notifications-container .alert-message-wrapper ue-icon-component.icon-button {
+    color: var(--guido-color-white);
+}
+
+ue-notifications-container ue-message ue-button.close {
+    margin: 0 0 0 16px;
+}
+
+ue-notifications-container .alert-message-wrapper.success {
+    background: var(--guido-color-background-toaster-success);
+    color: inherit;
+}
+
+ue-notifications-container .alert-message-wrapper.error {
+    background: var(--guido-color-background-toaster-error);
+    color: inherit;
+}
+
+ue-notifications-container .alert-message-wrapper.warn {
+    background: var(--guido-color-background-toaster-warn);
+    color: inherit;
+}
+`;
+export {
+  n as default
+};

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/dynamic-content.d.ts

@@ -8,11 +8,19 @@ 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;
@@ -21,6 +29,10 @@ 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,15 +6,16 @@ const s = a("dynamicContent", {
     selectedDynamicContentList: []
   }),
   actions: {
-    setSelectedDynamicContent(e) {
-      this.selectedDynamicContent = e, this.selectedDynamicContentList.push(e);
+    setSelectedDynamicContent(t) {
+      this.selectedDynamicContent = t, this.selectedDynamicContentList.push(t);
     }
   },
   getters: {
-    getSelectedDynamicContentList: (e) => n(e.selectedDynamicContentList).map((t) => ({
-      text: t.text,
-      value: t.value,
-      fallback: t.fallback
+    getSelectedDynamicContentList: (t) => n(t.selectedDynamicContentList).map((e) => ({
+      text: e.text,
+      value: e.value,
+      fallback: e.fallback,
+      format: e.format
     })) || []
   }
 });

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/preview.js

@@ -27,9 +27,7 @@ const s = () => ({
   },
   actions: {
     updateAMPData(t) {
-      this.ampHtml = t.ampHtml ?? "", this.ampErrors = t.ampErrors ?? [];
-      const r = t.ampHtml ? "AMP" : "html";
-      this.emailFormat = r;
+      this.ampHtml = t.ampHtml ?? "", this.ampErrors = t.ampErrors ?? [], this.emailFormat = t.ampHtml ? "AMP" : "html";
     },
     setEmailFormat(t) {
       this.emailFormat = t;

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

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