@designcrowd/library.brand-page 5.16.48 → 5.16.49

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="types/lodash-shims" />
 import type { PropType } from 'vue';
 import type { DebounceHandle } from 'lodash.debounce';
-import { type BrandPageData, type BrandPageType, type ViewportsType, type UserPersonalisationContent } from '../../../brand-page';
-import type { InitialCategories, TemplateCategory } from '../../../shared/template-settings/models';
-import type { UserFeatures } from '../../stores';
-import { type LogoDesignAttributesModel } from '../../../shared/models';
-import type { AdminPreviewLogoTemplateModel } from '../../stores/admin-logo-settings';
-import type { UpdateItemValuePayload } from '../../../shared/content-settings/models';
+import { type BrandPageData, type BrandPageType, type ViewportsType, type UserPersonalisationContent } from '@brand-page';
+import type { InitialCategories, TemplateCategory } from '@shared/template-settings/models';
+import type { UserFeatures } from '@brand-page-maker/stores';
+import { type LogoDesignAttributesModel } from '@shared/models';
+import type { AdminPreviewLogoTemplateModel } from '@brand-page-maker/stores/admin-logo-settings';
+import type { UpdateItemValuePayload } from '@shared/content-settings/models';
 export interface BrandPageMakerViewModel {
     adminPreviewLogoTemplateModels?: AdminPreviewLogoTemplateModel[];
     brandPageData?: string;
@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isPublishing: import("vue").ComputedRef<boolean>;
     isPublished: import("vue").ComputedRef<boolean>;
     isBrandPageOrIsBrandContact: import("vue").ComputedRef<boolean>;
-    brandPageViewModel: import("vue").ComputedRef<import("../../../brand-page").BrandPageViewModel>;
+    brandPageViewModel: import("vue").ComputedRef<import("@brand-page").BrandPageViewModel>;
     backUrl: import("vue").ComputedRef<string>;
     backButtonLabel: import("vue").ComputedRef<string>;
     isDesignCom: import("vue").ComputedRef<boolean>;
@@ -58,17 +58,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isAdmin: import("vue").ComputedRef<boolean>;
     contentErrorCount: import("vue").ComputedRef<number>;
     mode: import("vue").ComputedRef<"images" | "add" | "pages" | "edit" | "focusedContentItem">;
-    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../stores").BrandPageMakerState, {
+    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;
         brandPageContentTypes(): string[];
-        brandPageData(): import("../../../brand-page").BrandPageModel;
+        brandPageData(): import("@brand-page").BrandPageModel;
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
         brandPageTemplate(): any;
         brandPageTitle(): string;
-        brandPageViewModel(): import("../../../brand-page").BrandPageViewModel;
+        brandPageViewModel(): import("@brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
         isInteractivePreviewEnabled(): boolean;
         isProduction(): boolean;
@@ -117,17 +117,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isCookiePreviewEnabled: boolean;
         }): void;
         setFieldSettings(payload: {
-            settings: import("../../../shared/content-settings/models").FieldSettingsBase;
+            settings: import("@shared/content-settings/models").FieldSettingsBase;
         }): void;
         enqueueNotificationMessage({ message, }: {
-            message: import("../../stores").NotificationMessage;
+            message: import("@brand-page-maker/stores").NotificationMessage;
         }): void;
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: false | import("../../stores").NotificationMessage;
+            message: false | import("@brand-page-maker/stores").NotificationMessage;
         }): void;
-        setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
@@ -136,7 +136,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isInitialising: boolean;
         }): void;
         setIsBrandPageLoaded(isLoaded: boolean): void;
-        setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
+        setIsModifiedAfterTemplateApplied({ isModified, }?: import("@brand-page-maker/stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;
         }): void;
@@ -154,29 +154,29 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
-        updateContent<TContent extends import("../../../brand-page").Content, P extends {
+        updateContent<TContent extends import("@brand-page").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        export(): import("../../../brand-page").BrandPageModel;
+        export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
-            pages: import("../../../brand-page").PageModel[];
-            sections: import("../../../shared/page-settings/store").PageSettingsStateSections;
+            pages: import("@brand-page").PageModel[];
+            sections: import("@shared/page-settings/store").PageSettingsStateSections;
         }): void;
         initialiseAdminMaker(payload: {
             models: AdminPreviewLogoTemplateModel[];
         }): void;
-        setIsSaving(payload: import("../../stores").SetIsSavingPayload): Promise<void>;
+        setIsSaving(payload: import("@brand-page-maker/stores").SetIsSavingPayload): Promise<void>;
         showBrandPageSlugEditModal(): Promise<void>;
-        updateBrandPageSettings(payload: import("../../stores").UpdateBrandPageSettingsPayload): Promise<void>;
-        updateSensitiveContentSettings(payload: import("../../stores").UpdateSensitiveContentPayload): Promise<void>;
+        updateBrandPageSettings(payload: import("@brand-page-maker/stores").UpdateBrandPageSettingsPayload): Promise<void>;
+        updateSensitiveContentSettings(payload: import("@brand-page-maker/stores").UpdateSensitiveContentPayload): Promise<void>;
         updateAndSaveMeasurementID(payload: {
             measurementID: string | undefined;
         }): Promise<void>;
@@ -191,7 +191,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showStripeOnboardingModal(): Promise<void>;
         selectInitialCategories(payload: InitialCategories): void;
     }>;
-    uiSideBarStore: import("pinia").Store<"uiSideBar", import("../../../shared/side-bar/store").SideBarState, {}, {
+    uiSideBarStore: import("pinia").Store<"uiSideBar", import("@shared/side-bar/store").SideBarState, {}, {
         setBrandPageSettingsTabVisibility(payload: {
             isVisible: boolean;
         }): void;
@@ -200,7 +200,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sectionName?: string | undefined;
         }): void;
     }>;
-    userStore: import("pinia").Store<"brandPageMakerUser", import("../../stores").UserState, {}, {
+    userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
             emailAddress?: string | undefined;
             userToken?: string | undefined;
@@ -210,7 +210,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
-    containerStore: import("pinia").Store<"brandPageContainer", import("../../stores").BrandPageContainerState, {
+    containerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
         isPublished: (state: {
@@ -274,7 +274,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
             brandPageBaseUrl: string;
@@ -336,7 +336,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../stores/brandpage-container").InitialisePayload): void;
         setDesignTemplateToken(payload: any): void;
@@ -364,7 +364,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             customDomainConfig: any;
         }): void;
         setBrandPageCustomDomain(payload: {
-            customDomain: import("../../models").CustomDomainModel | null;
+            customDomain: import("@brand-page-maker/models").CustomDomainModel | null;
         }): void;
         setCreateCustomDomainErrorMessage(payload: any): void;
         setBrandPageIsCustomDomainEnabled(payload: any): void;
@@ -437,13 +437,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isCustomDomainEnabled: any;
         }): Promise<void>;
     }>;
-    contentSettingsStore: import("pinia").Store<"uiContentSettings", import("../../../shared/content-settings/store").ContentSettingsState, {
+    contentSettingsStore: import("pinia").Store<"uiContentSettings", import("@shared/content-settings/store").ContentSettingsState, {
         contentErrorCount(): number;
         getContent(state: {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("../../../brand-page").Content;
+                createInitialContent: (options: import("@shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -471,10 +471,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         textOverride?: string | undefined;
                         paragraphOverride?: string | undefined;
                     };
-                    fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
+                    fields: Record<string, import("@shared/content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
-            itemStates: Record<string, import("../../../shared/content-settings/models").ContentSettingsItemState>;
+            itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
                 mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
@@ -487,12 +487,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string) => import("../../../brand-page").Content | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("../../../brand-page").Content;
+                createInitialContent: (options: import("@shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -520,10 +520,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         textOverride?: string | undefined;
                         paragraphOverride?: string | undefined;
                     };
-                    fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
+                    fields: Record<string, import("@shared/content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
-            itemStates: Record<string, import("../../../shared/content-settings/models").ContentSettingsItemState>;
+            itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
                 mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
@@ -536,12 +536,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("../../../shared/content-settings/models").ContentItemFieldSettings | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("@shared/content-settings/models").ContentItemFieldSettings | undefined;
         getItem(state: {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("../../../brand-page").Content;
+                createInitialContent: (options: import("@shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -569,10 +569,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         textOverride?: string | undefined;
                         paragraphOverride?: string | undefined;
                     };
-                    fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
+                    fields: Record<string, import("@shared/content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
-            itemStates: Record<string, import("../../../shared/content-settings/models").ContentSettingsItemState>;
+            itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
                 mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
@@ -585,12 +585,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string) => import("../../../shared/content-settings/models").ContentItem<any> | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string) => import("@shared/content-settings/models").ContentItem<any> | undefined;
         getValue(state: {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("../../../brand-page").Content;
+                createInitialContent: (options: import("@shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -618,10 +618,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         textOverride?: string | undefined;
                         paragraphOverride?: string | undefined;
                     };
-                    fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
+                    fields: Record<string, import("@shared/content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
-            itemStates: Record<string, import("../../../shared/content-settings/models").ContentSettingsItemState>;
+            itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
                 mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
@@ -634,12 +634,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | import("../../../brand-page").Content | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | import("@brand-page").Content | undefined;
         getItemState(state: {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("../../../brand-page").Content;
+                createInitialContent: (options: import("@shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -667,10 +667,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         textOverride?: string | undefined;
                         paragraphOverride?: string | undefined;
                     };
-                    fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
+                    fields: Record<string, import("@shared/content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
-            itemStates: Record<string, import("../../../shared/content-settings/models").ContentSettingsItemState>;
+            itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
                 mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
@@ -683,12 +683,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string) => import("../../../shared/content-settings/models").ContentSettingsItemState;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string) => import("@shared/content-settings/models").ContentSettingsItemState;
         getItemGroupState(state: {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("../../../brand-page").Content;
+                createInitialContent: (options: import("@shared/content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -716,10 +716,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         textOverride?: string | undefined;
                         paragraphOverride?: string | undefined;
                     };
-                    fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
+                    fields: Record<string, import("@shared/content-settings/models").ContentItemFieldSettings>;
                 };
             }[];
-            itemStates: Record<string, import("../../../shared/content-settings/models").ContentSettingsItemState>;
+            itemStates: Record<string, import("@shared/content-settings/models").ContentSettingsItemState>;
             modeStack: {
                 mode: "images" | "add" | "pages" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
@@ -732,18 +732,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string, groupId: string) => import("../../../shared/content-settings/models").ContentSettingsItemGroupState;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/content-settings/store").ContentSettingsState>): (id: string, groupId: string) => import("@shared/content-settings/models").ContentSettingsItemGroupState;
         mode(): "images" | "add" | "pages" | "edit" | "focusedContentItem";
-        selectedItem(): import("../../../shared/content-settings/models").ContentItem<any> | undefined;
-        selectedItemTemplate(): import("../../models").ContentSettingsConfig<any, {}> | undefined;
+        selectedItem(): import("@shared/content-settings/models").ContentItem<any> | undefined;
+        selectedItemTemplate(): import("@brand-page-maker/models").ContentSettingsConfig<any, {}> | undefined;
     }, {
         onContentChanged(): void;
         _addItem({ item, index, }: {
-            item: import("../../../shared/content-settings/models").ContentItem<any>;
+            item: import("@shared/content-settings/models").ContentItem<any>;
             index?: number | undefined;
         }): void;
         setState(payload: {
-            newState: Partial<import("../../../shared/content-settings/store").ContentSettingsState>;
+            newState: Partial<import("@shared/content-settings/store").ContentSettingsState>;
         }): Promise<void>;
         _deleteItem({ id: id }: {
             id: string;
@@ -752,9 +752,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             id: string;
         }): void;
         _setAddContentOptions({ addContentOptions, }: {
-            addContentOptions: import("../../../shared/content-settings/models").AddContentOption<any>[];
+            addContentOptions: import("@shared/content-settings/models").AddContentOption<any>[];
         }): void;
-        _setItemSettingsFieldErrorState(payload: import("../../../shared/content-settings/models").SetItemSettingsFieldErrorMessagePayload): void;
+        _setItemSettingsFieldErrorState(payload: import("@shared/content-settings/models").SetItemSettingsFieldErrorMessagePayload): void;
         _setSelectedItemId({ id, eventSource, }: {
             id: string | null;
             eventSource: "preview" | "contentSettings" | "pageSettings" | null;
@@ -773,41 +773,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             imageUrl: string;
             width?: number | undefined;
             height?: number | undefined;
-            colorReplacements?: import("../../../brand-page").ColorReplacement[] | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
         _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../shared/my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
-            items: import("../../../shared/content-settings/models").ContentItem<any>[];
+            items: import("@shared/content-settings/models").ContentItem<any>[];
         }): void;
-        updateContent<T extends import("../../../brand-page").Content>({ id, content, }: {
+        updateContent<T extends import("@brand-page").Content>({ id, content, }: {
             id: string;
             content: T;
         }): void;
         popMode(): void;
-        pushMode(item: import("../../../shared/content-settings/store").ContentSettingsModeStackItem): void;
+        pushMode(item: import("@shared/content-settings/store").ContentSettingsModeStackItem): void;
         resetMode(): void;
         updateItemValue(payload: UpdateItemValuePayload<unknown>): void;
-        updateMultipleItemValues({ id, name, value, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
-        updateTextStyleType({ id, name, value, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
-        updateTextStyles({ id, name, value, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateMultipleItemValues({ id, name, value, }: import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateTextStyleType({ id, name, value, }: import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateTextStyles({ id, name, value, }: import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
         getTextStyles({ id, name }: {
             id: string;
             name: string;
         }): unknown;
-        updateTextItemTextStyleType({ id, name, value, index, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
-        updateTextItemTextStyleTypeWithStyles({ id, name, value, index, }: import("../../../shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateTextItemTextStyleType({ id, name, value, index, }: import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
+        updateTextItemTextStyleTypeWithStyles({ id, name, value, index, }: import("@shared/content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
             activeCategoryTab: string;
         }): void;
         setItemState({ id, itemState, }: {
             id: string;
-            itemState: import("../../../shared/content-settings/models").ContentSettingsItemState;
+            itemState: import("@shared/content-settings/models").ContentSettingsItemState;
         }): void;
         setItemGroupState({ id, groupId, groupState, }: {
             id: string;
             groupId: string;
-            groupState: import("../../../shared/content-settings/models").ContentSettingsItemGroupState;
+            groupState: import("@shared/content-settings/models").ContentSettingsItemGroupState;
         }): void;
         collapseAllItems(): void;
         setItemIsCollapsed({ id, isCollapsed, }: {
@@ -822,13 +822,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         addItemByType({ type, index, }: {
             type: string;
             index?: number | undefined;
-        }): import("../../../shared/content-settings/models").ContentItem<import("../../../brand-page").Content> | undefined;
+        }): import("@shared/content-settings/models").ContentItem<import("@brand-page").Content> | undefined;
         deleteItem(payload: {
             id: string;
         }): void;
         getContentCategory(type: string): any;
         setAddContentOptions(payload: {
-            addContentOptions: import("../../../shared/content-settings/models").AddContentOption<any>[];
+            addContentOptions: import("@shared/content-settings/models").AddContentOption<any>[];
         }): void;
         updateIsDefaultTextColorRequired(): void;
         setSelectedItemId(payload: {
@@ -849,14 +849,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             imageUrl: string;
             width?: number | undefined;
             height?: number | undefined;
-            colorReplacements?: import("../../../brand-page").ColorReplacement[] | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
         setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../shared/my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
-            items: import("../../../shared/content-settings/models").ContentItem<import("../../../brand-page").Content>[];
+            items: import("@shared/content-settings/models").ContentItem<import("@brand-page").Content>[];
         }): void;
-        validateItem(payload: import("../../../shared/content-settings/models").ValidateItemPayload): void;
+        validateItem(payload: import("@shared/content-settings/models").ValidateItemPayload): void;
         validateItems(): Promise<void>;
         triggerLockedContentClickedEvent(payload: {
             type: string;
@@ -868,26 +868,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedCategory: string;
         }): void;
         initialiseItemState({ item, itemState, }: {
-            item: import("../../../shared/content-settings/models").ContentItem<import("../../../brand-page").Content>;
-            itemState?: Partial<import("../../../shared/content-settings/store").ContentSettingsState> | undefined;
+            item: import("@shared/content-settings/models").ContentItem<import("@brand-page").Content>;
+            itemState?: Partial<import("@shared/content-settings/store").ContentSettingsState> | undefined;
         }): void;
         initialiseItemGroupState({ id, groupId, groupState, }: {
             id: string;
             groupId: string;
-            groupState?: import("../../../shared/content-settings/models").ContentSettingsItemGroupState | undefined;
+            groupState?: import("@shared/content-settings/models").ContentSettingsItemGroupState | undefined;
         }): void;
     }>;
-    uiStore: import("pinia").Store<"ui", import("../../../shared/models").UIRootState, {
-        endpoints: () => import("../../../shared/models").Endpoints;
+    uiStore: import("pinia").Store<"ui", import("@shared/models").UIRootState, {
+        endpoints: () => import("@shared/models").Endpoints;
     }, {
         setLogoTheme(payload: {
-            logoTheme: import("../../../brand-page").LogoTheme;
+            logoTheme: import("@brand-page").LogoTheme;
         }): void;
         setIsDefaultTextColorRequired(payload: {
             isDefaultTextColorRequired: boolean;
         }): void;
         setThirdPartySettings({ thirdPartySettings, }: {
-            thirdPartySettings: import("../../../shared/models").UIRootStateThirdPartySettings;
+            thirdPartySettings: import("@shared/models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
             mode: "desktop" | "mobile";
@@ -909,24 +909,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         triggerLockedContentClickedEvent(payload: {
             type: string;
         }): Promise<void>;
-        onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): Promise<void>;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
         showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;
     }>;
-    pageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../../shared/page-settings/store").PageSettingsState, {
+    pageSettingsStore: import("pinia").Store<"uiPageSettings", import("@shared/page-settings/store").PageSettingsState, {
         pageIndex(): number;
     }, {
         setCurrentPageIndex({ pageIndex }: {
             pageIndex: number;
         }): void;
         setState({ newState, }: {
-            newState: Omit<import("../../../shared/page-settings/store").PageSettingsState, "sectionCollapsedStates">;
+            newState: Omit<import("@shared/page-settings/store").PageSettingsState, "sectionCollapsedStates">;
         }): void;
         setPageContents({ pageIndex, contents, }: {
             pageIndex: number;
-            contents: import("../../../shared/content-settings/models").ContentItem<import("../../../brand-page").Content>[];
+            contents: import("@shared/content-settings/models").ContentItem<import("@brand-page").Content>[];
         }): void;
         setPages({ pages }: {
             pages: import("../../../shared/page-settings/models").ContentPage[];
@@ -950,13 +950,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sectionName: "footer" | "header" | "pages";
             propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
             index?: number | undefined;
-            value: string | number | boolean | BrandPageCssStyle | import("../../../brand-page").LinksItem[] | Partial<import("../../../brand-page").ImageItem> | null | undefined;
+            value: string | number | boolean | BrandPageCssStyle | import("@brand-page").LinksItem[] | Partial<import("@brand-page").ImageItem> | null | undefined;
             merge?: boolean | undefined;
             viewport: ViewportsType;
         }): void;
         setPageSettingsSectionLogoImage({ sectionName, logoImage, logoTemplateImage, logoImageBase64Url, viewport, keepLogoVariation, logoImageHeight, logoImageWidth, }: {
-            logoImage: import("../../../brand-page").LogoImageModel;
-            logoTemplateImage?: import("../../../brand-page").LogoTemplateImageModel | undefined;
+            logoImage: import("@brand-page").LogoImageModel;
+            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel | undefined;
             logoImageBase64Url: string | undefined;
             sectionName: "footer" | "header" | "pages";
             viewport: ViewportsType;
@@ -970,7 +970,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             logoImageHeight: string | undefined;
             logoImageWidth: string | undefined;
         }): void;
-        updatePaymentConfigCurrency(updatedPaymentConfig: import("../../../brand-page").BrandPagePaymentConfig, newCurrency: import("../../../brand-page").BrandPagePaymentConfigCurrency): void;
+        updatePaymentConfigCurrency(updatedPaymentConfig: import("@brand-page").BrandPagePaymentConfig, newCurrency: import("@brand-page").BrandPagePaymentConfigCurrency): void;
         setPageTitle({ pageTitle, pageIndex, }: {
             pageTitle: string;
             pageIndex: number;
@@ -991,14 +991,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         collapseAllSections(): void;
         setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
     }>;
-    uiTemplateSettingsStore: import("pinia").Store<"uiTemplateSettings", import("../../../shared/template-settings/store").TemplatesSettingState, {
+    uiTemplateSettingsStore: import("pinia").Store<"uiTemplateSettings", import("@shared/template-settings/store").TemplatesSettingState, {
         renderAsImage(): boolean;
     }, {
         _addTemplates({ templates }: {
-            templates: import("../../../shared/template-settings/models").TemplateSettingsTemplate[];
+            templates: import("@shared/template-settings/models").TemplateSettingsTemplate[];
         }): void;
         _setTemplates({ templates }: {
-            templates: import("../../../shared/template-settings/models").TemplateSettingsTemplate[];
+            templates: import("@shared/template-settings/models").TemplateSettingsTemplate[];
         }): void;
         _setIsBusy({ isBusy }: {
             isBusy: boolean;
@@ -1026,19 +1026,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         gotoNextPage(): Promise<void>;
         gotoPreviousPage(): Promise<void>;
-        safeMapToTemplateSettingsTemplate(template: import("../../../clients/models").DesignTemplate | null): Promise<import("../../../shared/template-settings/models").TemplateSettingsTemplate | null>;
+        safeMapToTemplateSettingsTemplate(template: import("../../../clients/models").DesignTemplate | null): Promise<import("@shared/template-settings/models").TemplateSettingsTemplate | null>;
         loadPageNo({ pageNo }: {
             pageNo: number;
         }): Promise<void>;
-        getCachedTemplateByTokenAsync(token: string): Promise<import("../../../shared/template-settings/models").TemplateSettingsTemplate | undefined>;
-        onTemplateSelected(payload: import("../../../shared/template-settings/models").OnTemplateSelectedPayload): Promise<void>;
-        onCategorySelected(payload: import("../../../shared/template-settings/models").OnCategorySelectedPayload): Promise<void>;
-        onSearch(payload: import("../../../shared/template-settings/models").OnSearchPayload): Promise<void>;
-        onTabSelected(payload: import("../../../shared/template-settings/models").OnTabSelectedPayload): Promise<void>;
+        getCachedTemplateByTokenAsync(token: string): Promise<import("@shared/template-settings/models").TemplateSettingsTemplate | undefined>;
+        onTemplateSelected(payload: import("@shared/template-settings/models").OnTemplateSelectedPayload): Promise<void>;
+        onCategorySelected(payload: import("@shared/template-settings/models").OnCategorySelectedPayload): Promise<void>;
+        onSearch(payload: import("@shared/template-settings/models").OnSearchPayload): Promise<void>;
+        onTabSelected(payload: import("@shared/template-settings/models").OnTabSelectedPayload): Promise<void>;
         setTemplateType({ templateType }: {
-            templateType: import("../../../shared/template-settings/models").DesignTemplateType;
+            templateType: import("@shared/template-settings/models").DesignTemplateType;
         }): void;
-        setTemplateCategories(payload: import("../../../shared/template-settings/models").SetTemplateCategoriesPayload): Promise<void>;
+        setTemplateCategories(payload: import("@shared/template-settings/models").SetTemplateCategoriesPayload): Promise<void>;
         selectInitialTemplateCategory(payload: {
             selectedCategory: string;
         }): void;
@@ -1046,10 +1046,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             initialSearchTerm: string;
         }): void;
         clearTemplates(): void;
-        getTemplateByTemplateId(id: string): import("../../../shared/template-settings/models").TemplateSettingsTemplate | undefined;
+        getTemplateByTemplateId(id: string): import("@shared/template-settings/models").TemplateSettingsTemplate | undefined;
         setupLogoChangeWatcher(): void;
     }>;
-    shopSettingStore: import("pinia").Store<"shopConfig", import("../../../shared/ecommerce-settings/store/shop-settings-store").ShopConfigState, {
+    shopSettingStore: import("pinia").Store<"shopConfig", import("@shared/ecommerce-settings/store/shop-settings-store").ShopConfigState, {
         productsJson(state: {
             paymentConfig: {
                 id: string;
@@ -1093,7 +1093,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 hasVariants: boolean;
                 enableNotes: boolean;
             }[];
-        } & import("pinia").PiniaCustomStateProperties<import("../../../shared/ecommerce-settings/store/shop-settings-store").ShopConfigState>): string;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/ecommerce-settings/store/shop-settings-store").ShopConfigState>): string;
         currencySymbol(state: {
             paymentConfig: {
                 id: string;
@@ -1137,28 +1137,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 hasVariants: boolean;
                 enableNotes: boolean;
             }[];
-        } & import("pinia").PiniaCustomStateProperties<import("../../../shared/ecommerce-settings/store/shop-settings-store").ShopConfigState>): string;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/ecommerce-settings/store/shop-settings-store").ShopConfigState>): string;
     }, {
         initialiseShopStore(options: {
-            paymentConfig: import("../../../brand-page").BrandPagePaymentConfig | undefined;
-            pages: import("../../../brand-page").PageModel[];
+            paymentConfig: import("@brand-page").BrandPagePaymentConfig | undefined;
+            pages: import("@brand-page").PageModel[];
         }): void;
-        setPaymentConfig(value: import("../../../brand-page").BrandPagePaymentConfig): void;
-        getProductById(id: string): import("../../../brand-page/models/shop.model").ProductModel | undefined;
-        addProduct(product: import("../../../brand-page/models/shop.model").ProductModel): void;
-        updateProduct(id: string, updatedProduct: import("../../../brand-page/models/shop.model").ProductModel): void;
+        setPaymentConfig(value: import("@brand-page").BrandPagePaymentConfig): void;
+        getProductById(id: string): import("@brand-page/models/shop.model").ProductModel | undefined;
+        addProduct(product: import("@brand-page/models/shop.model").ProductModel): void;
+        updateProduct(id: string, updatedProduct: import("@brand-page/models/shop.model").ProductModel): void;
         updateProductDetails(id: string, imageUrl: string, enableNotes: boolean): void;
         updateProductImage(id: string, imageUrl: string): void;
         updateProductNotes(id: string, enableNotes: boolean): void;
         updateProductVariantOptionPrice(id: string): void;
         deleteProduct(id: any): void;
-        getVariantCombinations(variants: import("../../../brand-page/models/shop.model").VariantModel[]): import("../../../brand-page/models/shop.model").VariantOptionModel[][];
+        getVariantCombinations(variants: import("@brand-page/models/shop.model").VariantModel[]): import("@brand-page/models/shop.model").VariantOptionModel[][];
     }>;
-    productSettingStore: import("pinia").Store<"productConfig", import("../../../brand-page-maker/stores/product-config/product-config-store").ProductConfigState, {}, {
+    productSettingStore: import("pinia").Store<"productConfig", import("@brand-page-maker/stores/product-config/product-config-store").ProductConfigState, {}, {
         reset(): void;
-        openModal(product: import("../../../brand-page/models/shop.model").ProductModel | undefined): void;
+        openModal(product: import("@brand-page/models/shop.model").ProductModel | undefined): void;
         closeModal(): void;
-        getEmptyVariant(): import("../../../brand-page/models/shop.model").VariantModel;
+        getEmptyVariant(): import("@brand-page/models/shop.model").VariantModel;
         addDefaultVariantOptions(variantIndex: number): void;
         deleteVariantOptions(index: number): void;
         reorderProducts(item: any): void;
@@ -1166,45 +1166,45 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setEnabledNotes(enableNotes: any): void;
         setVariantToggle(option: any): void;
         setImageUpload(option: any): void;
-        getProductModel(): import("../../../brand-page/models/shop.model").ProductModel;
+        getProductModel(): import("@brand-page/models/shop.model").ProductModel;
     }>;
     router: import("vue-router").Router;
-    snapshotStore: import("pinia").Store<"snapshot", import("../../stores").SnapshotState, {
+    snapshotStore: import("pinia").Store<"snapshot", import("@brand-page-maker/stores").SnapshotState, {
         hasSnapshot: (state: {
             snapshotBase64: string | null;
             isCapturing: boolean;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").SnapshotState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").SnapshotState>) => boolean;
     }, {
         setBase64Snapshot(base64: string | null): void;
         setIsCapturing(isCapturing: boolean): void;
         clearSnapshot(): void;
     }>;
     captureSnapshot: (element: HTMLElement | null) => Promise<string | null>;
-    videoStore: import("pinia").Store<"video", import("../../stores").videoStoreState, {
+    videoStore: import("pinia").Store<"video", import("@brand-page-maker/stores").videoStoreState, {
         getVideoUrlsForToken: (state: {
             videoUrls: {
-                [x: string]: import("../../stores").VideoUrlData;
+                [x: string]: import("@brand-page-maker/stores").VideoUrlData;
             };
             gettyImagesKeyPrefix: string;
             shouldPlayVideos: boolean;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").videoStoreState>) => (token: string) => import("../../stores").VideoUrlData;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").videoStoreState>) => (token: string) => import("@brand-page-maker/stores").VideoUrlData;
         getPreviewS3VideoUrlsForToken: (state: {
             videoUrls: {
-                [x: string]: import("../../stores").VideoUrlData;
+                [x: string]: import("@brand-page-maker/stores").VideoUrlData;
             };
             gettyImagesKeyPrefix: string;
             shouldPlayVideos: boolean;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").videoStoreState>) => (token: string) => {
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").videoStoreState>) => (token: string) => {
             videoUrl: string;
             previewImageUrl: string;
         };
         getOptimisedS3VideoUrlsForToken: (state: {
             videoUrls: {
-                [x: string]: import("../../stores").VideoUrlData;
+                [x: string]: import("@brand-page-maker/stores").VideoUrlData;
             };
             gettyImagesKeyPrefix: string;
             shouldPlayVideos: boolean;
-        } & import("pinia").PiniaCustomStateProperties<import("../../stores").videoStoreState>) => (token: string) => {
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").videoStoreState>) => (token: string) => {
             videoUrl: string;
             previewImageUrl: string;
         };