@useinsider/guido 1.0.2-beta.3acb77d → 1.0.2-beta.42b5b4a

package/dist/stores/onboarding.d.ts

@@ -0,0 +1,1998 @@
+import type { OnboardingCardConfig } from '@@/Types/onboarding';
+export type OnboardingType = 'newVersionPopup' | 'genericOnboarding' | 'textBlockOnboarding' | 'versionHistoryOnboarding' | 'ampOnboarding';
+export declare const useOnboardingStore: import("pinia").StoreDefinition<"onboarding", {
+    onboardings: {
+        newVersionPopup: {
+            cardIndex: number;
+            isActive: boolean;
+            config: OnboardingCardConfig[];
+        };
+        genericOnboarding: {
+            cardIndex: number;
+            isActive: boolean;
+            config: OnboardingCardConfig[];
+        };
+        textBlockOnboarding: {
+            cardIndex: number;
+            isActive: boolean;
+            config: OnboardingCardConfig[];
+        };
+        versionHistoryOnboarding: {
+            cardIndex: number;
+            isActive: boolean;
+            config: OnboardingCardConfig[];
+        };
+        ampOnboarding: {
+            cardIndex: number;
+            isActive: boolean;
+            config: OnboardingCardConfig[];
+        };
+    };
+    userModalState: Record<string, Record<string, boolean>>;
+    isFetched: boolean;
+}, {
+    get: (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;
+                }[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    }>) => (type: OnboardingType) => {
+        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;
+        }[];
+    } | {
+        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;
+        }[];
+    } | {
+        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;
+        }[];
+    } | {
+        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;
+        }[];
+    } | {
+        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;
+        }[];
+    };
+    isActive: (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;
+                }[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    }>) => (type: OnboardingType) => boolean;
+    getCurrentCard: (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;
+                }[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    }>) => (type: OnboardingType) => {
+        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: (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;
+                }[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    }>) => {
+        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: (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;
+                }[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    }>) => {
+        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: (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;
+                }[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    }>) => {
+        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: (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;
+                }[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    }>) => {
+        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;
+        }[];
+    };
+    genericCurrentCard: (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;
+                }[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    }>) => {
+        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;
+    };
+    textBlockCurrentCard: (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;
+                }[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    }>) => {
+        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;
+    };
+    versionHistoryCurrentCard: (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;
+                }[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    }>) => {
+        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;
+    };
+    ampCurrentCard: (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;
+                }[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    }>) => {
+        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;
+    };
+    shouldShowOnboarding: (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;
+                }[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    } & import("pinia").PiniaCustomStateProperties<{
+        onboardings: {
+            newVersionPopup: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            genericOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            textBlockOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            versionHistoryOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+            ampOnboarding: {
+                cardIndex: number;
+                isActive: boolean;
+                config: OnboardingCardConfig[];
+            };
+        };
+        userModalState: Record<string, Record<string, boolean>>;
+        isFetched: boolean;
+    }>) => (type: OnboardingType) => boolean;
+}, {
+    start(type: OnboardingType): void;
+    close(type: OnboardingType): Promise<void>;
+    next(type: OnboardingType): void;
+    previous(type: OnboardingType): void;
+    setConfig(type: OnboardingType, config: OnboardingCardConfig[]): void;
+    onDiscoverNowClicked(): Promise<void>;
+    onRemindMeLater(): void;
+    onNewVersionPopupClose(): Promise<void>;
+    isOnboardingActive(): boolean;
+    fetchUserModalState(): Promise<void>;
+    setUserModalState(modal: string, state: string, page: string): Promise<void>;
+}>;