@useinsider/guido 1.0.3-beta.1cd6abc → 1.0.3-beta.1d07a49

package/dist/src/stores/onboarding.d.ts

@@ -1,5 +1,5 @@
 import type { OnboardingCardConfig, OnboardingType, OnboardingStoreState } from '@@/Types/onboarding';
-export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboarding", OnboardingStoreState, {
+export declare const useOnboardingStore: import("pinia").StoreDefinition<"guidoOnboarding", OnboardingStoreState, {
     getOnboarding: (state: {
         onboardings: {
             newVersionPopup: {
@@ -107,6 +107,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                     backButtonText?: string | undefined;
                 }[];
             };
+            itemsOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
         };
         userModalState: {
             Guido?: {
@@ -115,6 +136,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
+                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -246,6 +268,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                     backButtonText?: string | undefined;
                 }[];
             };
+            itemsOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
         };
         userModalState: {
             Guido?: {
@@ -254,6 +297,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
+                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -365,6 +409,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                     backButtonText?: string | undefined;
                 }[];
             };
+            itemsOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
         };
         userModalState: {
             Guido?: {
@@ -373,6 +438,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
+                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -500,6 +566,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                     backButtonText?: string | undefined;
                 }[];
             };
+            itemsOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
         };
         userModalState: {
             Guido?: {
@@ -508,6 +595,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
+                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -635,6 +723,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                     backButtonText?: string | undefined;
                 }[];
             };
+            itemsOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
         };
         userModalState: {
             Guido?: {
@@ -643,6 +752,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
+                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -770,6 +880,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                     backButtonText?: string | undefined;
                 }[];
             };
+            itemsOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
         };
         userModalState: {
             Guido?: {
@@ -778,6 +909,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
+                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -905,6 +1037,184 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                     backButtonText?: string | undefined;
                 }[];
             };
+            itemsOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
+        };
+        userModalState: {
+            Guido?: {
+                newVersionPopup?: boolean | undefined;
+                genericOnboarding?: boolean | undefined;
+                textBlockOnboarding?: boolean | undefined;
+                versionHistoryOnboarding?: boolean | undefined;
+                ampOnboarding?: boolean | undefined;
+                itemsOnboarding?: boolean | undefined;
+            } | undefined;
+        };
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<OnboardingStoreState>) => {
+        classes: string;
+        position: string;
+        left?: string | undefined;
+        right?: string | undefined;
+        top?: string | undefined;
+        bottom?: string | undefined;
+        title: string;
+        description: string;
+        imageSource: string;
+        backButtonClick: () => void;
+        nextButtonType: string;
+        nextButtonText: string;
+        nextButtonClick: () => void;
+        backButtonType?: string | undefined;
+        backButtonText?: string | undefined;
+    };
+    getItemsCurrentCard: (state: {
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
+            itemsOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
         };
         userModalState: {
             Guido?: {
@@ -913,6 +1223,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
+                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -1040,6 +1351,27 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                     backButtonText?: string | undefined;
                 }[];
             };
+            itemsOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: {
+                    classes: string;
+                    position: string;
+                    left?: string | undefined;
+                    right?: string | undefined;
+                    top?: string | undefined;
+                    bottom?: string | undefined;
+                    title: string;
+                    description: string;
+                    imageSource: string;
+                    backButtonClick: () => void;
+                    nextButtonType: string;
+                    nextButtonText: string;
+                    nextButtonClick: () => void;
+                    backButtonType?: string | undefined;
+                    backButtonText?: string | undefined;
+                }[];
+            };
         };
         userModalState: {
             Guido?: {
@@ -1048,6 +1380,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
                 textBlockOnboarding?: boolean | undefined;
                 versionHistoryOnboarding?: boolean | undefined;
                 ampOnboarding?: boolean | undefined;
+                itemsOnboarding?: boolean | undefined;
             } | undefined;
         };
         isFetched: boolean;
@@ -1055,6 +1388,7 @@ export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboar
 }, {
     closeOtherOnboardings(exceptType: OnboardingType): void;
     start(type: OnboardingType): void;
+    startOnboarding(type: OnboardingType): void;
     close(type: OnboardingType): Promise<void>;
     next(type: OnboardingType): void;
     previous(type: OnboardingType): void;

package/dist/src/stores/preview.d.ts

@@ -1,5 +1,5 @@
 import type { PreviewState, EmailFormat } from '@@/Types/preview';
-export declare const usePreviewStore: import("pinia").StoreDefinition<"preview", PreviewState, {
+export declare const usePreviewStore: import("pinia").StoreDefinition<"guidoPreview", PreviewState, {
     isAMPModeEnabled: (state: {
         emailFormat: EmailFormat;
         ampHtml: string;

package/dist/src/stores/recommendation.d.ts

@@ -6,5 +6,5 @@ type RecommendationConfig = {
 interface StoreState {
     recommendationConfigs: RecommendationConfig[];
 }
-export declare const useRecommendationStore: import("pinia").StoreDefinition<"recommendation", StoreState, {}, {}>;
+export declare const useRecommendationStore: import("pinia").StoreDefinition<"guidoRecommendation", StoreState, {}, {}>;
 export {};

package/dist/src/stores/save-as-template.d.ts

@@ -17,7 +17,7 @@ interface StoreState {
         message: number;
     };
 }
-export declare const useSaveAsTemplateStore: import("pinia").StoreDefinition<"saveAsTemplate", StoreState, {
+export declare const useSaveAsTemplateStore: import("pinia").StoreDefinition<"guidoSaveAsTemplate", StoreState, {
     getTemplateName: (state: {
         templateName: string;
         categories: {

package/dist/src/stores/toaster.d.ts

@@ -1,5 +1,5 @@
 import type { ToasterState, ToasterOptions } from '@@/Types/toaster';
-export declare const useToasterStore: import("pinia").StoreDefinition<"toaster", ToasterState, {
+export declare const useToasterStore: import("pinia").StoreDefinition<"guidoToaster", ToasterState, {
     shouldAutoHide: (s: {
         status: boolean;
         type: import("@@/Types/toaster").ToasterType;

package/dist/src/stores/unsubscribe.d.ts

@@ -11,7 +11,7 @@ interface StoreState {
     isGlobalUnsubscribeDisabled: boolean;
     isSubscriptionPreferencesCenterDisabled: boolean;
 }
-export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"unsubscribe", StoreState, {
+export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guidoUnsubscribe", StoreState, {
     getSelectedCollection: (state: {
         templates: {
             id: number;

package/dist/src/stores/version-history.d.ts

@@ -2,7 +2,7 @@ import type { VersionHistoryState } from '@@/Types/version-history-api';
 export interface StoreState extends VersionHistoryState {
     editorVisualMode: 'desktop' | 'mobile';
 }
-export declare const useVersionHistoryStore: import("pinia").StoreDefinition<"versionHistory", StoreState, {
+export declare const useVersionHistoryStore: import("pinia").StoreDefinition<"guidoVersionHistory", StoreState, {
     hasPreviousPatch: (state: {
         editorVisualMode: "desktop" | "mobile";
         previousPatch: {

package/dist/src/utils/dateUtil.d.ts

@@ -1 +1,22 @@
+/**
+ * Locale List:
+ * en-US -> MM/DD/YYYY
+ * en-GB -> DD/MM/YYYY
+ * tr-TR -> DD.MM.YYYY
+ */
+export declare const convertToDateObject: (date: string | number | Date | null | undefined) => Date;
+export declare const locale: () => string;
+export declare const localTz: string;
+export declare const timezone: () => string;
+export declare const hour12: () => boolean;
+export declare const dateFormat: () => string;
+/**
+ * @example 04/22/2024
+ * @param date - The date or timestamp input
+ * @param specificLocale - Locale to use for formatting
+ * @param tz - Timezone [window.l10n.timezone]
+ * @returns Formatted date string
+ */
+export declare const formatShortDate: (date: string | number | Date, specificLocale?: string, tz?: string) => string;
 export declare const formatPatchDate: (timestamp: number) => string;
+export declare const isAfterDate: (timestamp: number) => boolean;

package/dist/src/utils/environmentUtil.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Gets the appropriate environment prefix by parsing from current hostname
+ * Extracts environment prefix from domains by splitting hostname
+ */
+export declare const getEnvironmentPrefix: () => string;

package/dist/src/utils/genericUtil.d.ts

@@ -1,4 +1,5 @@
 import type { DynamicContent, MergeTag } from '@@/Types/generic';
+export declare const mergeTagToDynamicContent: (mergeTag: MergeTag) => DynamicContent;
 export declare const dynamicContentToMergeTags: (dynamicContentList: DynamicContent[]) => MergeTag[];
 export declare const getCsrfToken: () => string;
 /**

package/dist/src/utils/pairProductVariables.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Transforms product-related HTML elements from default/dummy values to template variables.
+ * This method is called before saving email templates to ensure product data is properly templated.
+ * @param html - The HTML string containing product elements
+ * @returns The transformed HTML with template variables
+ */
+export declare function pairProductVariables(html: string): string;

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

@@ -32,6 +32,16 @@ ue-stripe-thumb:hover:not(.disabled),
     padding: 0 16px 16px;
     grid-row-gap: 16px;
 }
+
+/* TODO: will be removed after we find another way to hide stripo custom modules */
+#moduleTab_tab1,
+button[aria-label="Default Modules"],
+button[aria-controls="moduleTab_tab1_content"],
+#moduleTab_tab2,
+button[aria-label="Pre-Built AMP"],
+button[aria-controls="moduleTab_tab2_content"] {
+    display: none !important;
+}
 `;
 export {
   o as default

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

@@ -18,6 +18,11 @@ const n = `.esd-x,
     border-radius: 0;
     box-shadow: none;
 }
+.ins-product-cart ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
+    display: none !important;
+}
 `;
 export {
   n as default

package/dist/stores/config.js

@@ -1,8 +1,8 @@
-import { DefaultGuidoConfig as e } from "../enums/defaults.js";
-import { defineStore as i } from "pinia";
-const r = i("config", {
+import { DefaultGuidoConfig as i } from "../enums/defaults.js";
+import { defineStore as e } from "pinia";
+const n = e("guidoConfig", {
   state: () => ({
-    guidoConfig: e,
+    guidoConfig: i,
     templateConfig: {}
   }),
   getters: {
@@ -13,5 +13,5 @@ const r = i("config", {
   }
 });
 export {
-  r as useConfigStore
+  n as useConfigStore
 };

package/dist/stores/dynamic-content.js

@@ -1,8 +1,8 @@
 import { removeDuplicatesFromArray as n } from "../utils/arrayUtil.js";
 import { defineStore as a } from "pinia";
-const s = a("dynamicContent", {
+const s = a("guidoDynamicContent", {
   state: () => ({
-    selectedDynamicContent: { text: "", value: "", fallback: "" },
+    selectedDynamicContent: { text: "", value: "" },
     selectedDynamicContentList: []
   }),
   actions: {

package/dist/stores/editor.js

@@ -1,5 +1,5 @@
 import { defineStore as e } from "pinia";
-const o = e("editor", {
+const o = e("guidoEditor", {
   state: () => ({
     loadingStatus: !0,
     isCodeEditorOpen: !1,