@designcrowd/library.brand-page 5.19.2 → 6.0.0

package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         readonly id: string;
         readonly hasShadow: boolean;
         readonly hasSoftShadow?: boolean | undefined;
-        readonly options: ("buttonBorderColor" | "buttonFillColor" | "buttonShadowColor" | "buttonSoftShadowColor" | "buttonIconColor")[];
+        readonly options: ButtonStyleConfigOption[];
         readonly style: {
             borderRadius?: string | undefined;
             borderStyle?: string | undefined;
@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             width?: string | undefined;
             wordBreak?: string | undefined;
         };
-        readonly brandPageType: ("default" | "brandSite" | "brandContact")[] | undefined;
+        readonly brandPageType: import("@brand-page").BrandPageType[] | undefined;
         readonly iconName: string | undefined;
         readonly iconViewBox: string | undefined;
         iconStyle: {
@@ -275,10 +275,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             width?: string | undefined;
             wordBreak?: string | undefined;
         };
-        textFontFamily: "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "afacad" | "aleo" | "abhayaLibre" | "caladea" | "rokkitt" | "rubik" | "frankRuhlLibre" | "spectral" | "abrilFatface" | "courgette" | "kiteOne" | "amarante" | "satisfy" | "lilitaOne" | "lobster" | "titanOne" | "cookie" | "bungee" | "poppins" | "staatliches" | "patuaOne" | "calistoga" | "suezOne" | "caprasimo" | "rubikMonoOne" | "silkscreen" | "alfaSlabOne" | "orelegaOne" | "audiowide" | "redRose" | "kalnia" | "imbue" | "climateCrisis" | "gluten" | "madimiOne" | "anta" | "trykker" | "moul" | "bevan" | "wendyOne" | "lexendDeca" | "vinaSans" | "chango" | "changaOne" | "protestGuerrilla" | "londrinaShadow" | "candal" | "borel" | "rockNRollOne" | "bungeeInline" | "rampartOne" | "manrope" | "yuseiMagic" | "patrickHandSC" | "farsan" | "handlee" | "lemonada" | "arsenal" | "bakbakOne" | "belleza" | "blackHanSans" | "bowlbyOne" | "brunoAceSC" | "castoroTitling" | "contrailOne" | "delaGothicOne" | "dotGothic16" | "fahkwang" | "francoisOne" | "gloock" | "graduate" | "jersey10" | "kavoon" | "kronaOne" | "notable" | "pavanam" | "phudu" | "poetsenOne" | "pollerOne" | "questrial" | "racingSansOne" | "rammettoOne" | "rubikGlitch" | "shrikhand" | "spicyRice" | "syncopate" | "urbanist" | "yesevaOne" | "zenDots" | "ballet" | "luxuriousScript" | "windSong" | "calSans" | "specialGothicExpandedOne" | "imperialScript" | "greatVibes" | "limelight" | "bodoniModaSc" | "zillaSlab" | "righteous" | "cherryBombOne" | "barlow" | "comfortaa" | "cormorant" | "msMadi" | "tektur" | "spaceGrotesk" | "leagueSpartan" | "cormorantGaramond" | "gwendolyn" | "playwriteOsterreich" | "sourceCodePro" | "commissioner" | "lora" | "sairaCondensed" | "fruktur" | "caudex" | "cascadiaCode" | "merriweather" | "unbounded" | "nataSans" | "museoModerno" | "geologica" | "tomorrow" | "fraunces" | "notoSerifDisplay" | "coiny" | "sriracha" | "redditSans" | "heptaSlab" | "parisienne" | "monteCarlo" | "georama" | "goldman" | "montaguSlab" | "ephesis" | "sigmar" | "knewave";
+        textFontFamily: import("@brand-page").FontFamilyKey;
         textStyleOptions: {
             buttons: {
-                type: "buttons" | "titles" | "headings" | "paragraphs";
+                type: import("@brand-page").TextStyleType;
                 title: string;
                 style: {
                     color: string | undefined;
@@ -289,12 +289,12 @@ declare const _default: import("vue").DefineComponent<{}, {
                     letterSpacing: string | undefined;
                     lineHeight: string | undefined;
                     textDecoration: string | undefined;
-                    textStyleType: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                    textStyleType: import("@brand-page").TextStyleType | undefined;
                 };
                 isModified: boolean;
             };
             titles: {
-                type: "buttons" | "titles" | "headings" | "paragraphs";
+                type: import("@brand-page").TextStyleType;
                 title: string;
                 style: {
                     color: string | undefined;
@@ -305,12 +305,12 @@ declare const _default: import("vue").DefineComponent<{}, {
                     letterSpacing: string | undefined;
                     lineHeight: string | undefined;
                     textDecoration: string | undefined;
-                    textStyleType: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                    textStyleType: import("@brand-page").TextStyleType | undefined;
                 };
                 isModified: boolean;
             };
             headings: {
-                type: "buttons" | "titles" | "headings" | "paragraphs";
+                type: import("@brand-page").TextStyleType;
                 title: string;
                 style: {
                     color: string | undefined;
@@ -321,12 +321,12 @@ declare const _default: import("vue").DefineComponent<{}, {
                     letterSpacing: string | undefined;
                     lineHeight: string | undefined;
                     textDecoration: string | undefined;
-                    textStyleType: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                    textStyleType: import("@brand-page").TextStyleType | undefined;
                 };
                 isModified: boolean;
             };
             paragraphs: {
-                type: "buttons" | "titles" | "headings" | "paragraphs";
+                type: import("@brand-page").TextStyleType;
                 title: string;
                 style: {
                     color: string | undefined;
@@ -337,7 +337,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     letterSpacing: string | undefined;
                     lineHeight: string | undefined;
                     textDecoration: string | undefined;
-                    textStyleType: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                    textStyleType: import("@brand-page").TextStyleType | undefined;
                 };
                 isModified: boolean;
             };
@@ -373,10 +373,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             thirdPartySettings: import("../../models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../../models").UiDeviceMode;
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../../models").UiScreenSizeMode;
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: import("@brand-page").UserPersonalisationContent[];
@@ -399,7 +399,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: string;
         }): Promise<void>;
         onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;
@@ -414,13 +414,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         defaultTextColor(): string | undefined;
         logoBackgroundColor(): string | undefined;
         selectedButtonStyleConfig(): import("@brand-page-maker/models").ButtonStyleConfig | undefined;
-        selectedTextFontFamily(): "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "afacad" | "aleo" | "abhayaLibre" | "caladea" | "rokkitt" | "rubik" | "frankRuhlLibre" | "spectral" | "abrilFatface" | "courgette" | "kiteOne" | "amarante" | "satisfy" | "lilitaOne" | "lobster" | "titanOne" | "cookie" | "bungee" | "poppins" | "staatliches" | "patuaOne" | "calistoga" | "suezOne" | "caprasimo" | "rubikMonoOne" | "silkscreen" | "alfaSlabOne" | "orelegaOne" | "audiowide" | "redRose" | "kalnia" | "imbue" | "climateCrisis" | "gluten" | "madimiOne" | "anta" | "trykker" | "moul" | "bevan" | "wendyOne" | "lexendDeca" | "vinaSans" | "chango" | "changaOne" | "protestGuerrilla" | "londrinaShadow" | "candal" | "borel" | "rockNRollOne" | "bungeeInline" | "rampartOne" | "manrope" | "yuseiMagic" | "patrickHandSC" | "farsan" | "handlee" | "lemonada" | "arsenal" | "bakbakOne" | "belleza" | "blackHanSans" | "bowlbyOne" | "brunoAceSC" | "castoroTitling" | "contrailOne" | "delaGothicOne" | "dotGothic16" | "fahkwang" | "francoisOne" | "gloock" | "graduate" | "jersey10" | "kavoon" | "kronaOne" | "notable" | "pavanam" | "phudu" | "poetsenOne" | "pollerOne" | "questrial" | "racingSansOne" | "rammettoOne" | "rubikGlitch" | "shrikhand" | "spicyRice" | "syncopate" | "urbanist" | "yesevaOne" | "zenDots" | "ballet" | "luxuriousScript" | "windSong" | "calSans" | "specialGothicExpandedOne" | "imperialScript" | "greatVibes" | "limelight" | "bodoniModaSc" | "zillaSlab" | "righteous" | "cherryBombOne" | "barlow" | "comfortaa" | "cormorant" | "msMadi" | "tektur" | "spaceGrotesk" | "leagueSpartan" | "cormorantGaramond" | "gwendolyn" | "playwriteOsterreich" | "sourceCodePro" | "commissioner" | "lora" | "sairaCondensed" | "fruktur" | "caudex" | "cascadiaCode" | "merriweather" | "unbounded" | "nataSans" | "museoModerno" | "geologica" | "tomorrow" | "fraunces" | "notoSerifDisplay" | "coiny" | "sriracha" | "redditSans" | "heptaSlab" | "parisienne" | "monteCarlo" | "georama" | "goldman" | "montaguSlab" | "ephesis" | "sigmar" | "knewave";
+        selectedTextFontFamily(): import("@brand-page").FontFamilyKey;
         doesLogoHaveBackground(): boolean;
         activeLogoStyles(): import("@brand-page").LogoStyles;
     }, {
         initialise(options: {
             reset: boolean;
-            brandPageType: "default" | "brandSite" | "brandContact";
+            brandPageType: import("@brand-page").BrandPageType;
         }): void;
         setState(payload: {
             newState: Omit<import("../store").StyleSettingsState, "availableButtonStyleConfigs" | "availableGalleryTypes">;
@@ -438,16 +438,16 @@ declare const _default: import("vue").DefineComponent<{}, {
             id: string;
         }): void;
         _setTextFontFamily(payload: {
-            fontFamily: "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "afacad" | "aleo" | "abhayaLibre" | "caladea" | "rokkitt" | "rubik" | "frankRuhlLibre" | "spectral" | "abrilFatface" | "courgette" | "kiteOne" | "amarante" | "satisfy" | "lilitaOne" | "lobster" | "titanOne" | "cookie" | "bungee" | "poppins" | "staatliches" | "patuaOne" | "calistoga" | "suezOne" | "caprasimo" | "rubikMonoOne" | "silkscreen" | "alfaSlabOne" | "orelegaOne" | "audiowide" | "redRose" | "kalnia" | "imbue" | "climateCrisis" | "gluten" | "madimiOne" | "anta" | "trykker" | "moul" | "bevan" | "wendyOne" | "lexendDeca" | "vinaSans" | "chango" | "changaOne" | "protestGuerrilla" | "londrinaShadow" | "candal" | "borel" | "rockNRollOne" | "bungeeInline" | "rampartOne" | "manrope" | "yuseiMagic" | "patrickHandSC" | "farsan" | "handlee" | "lemonada" | "arsenal" | "bakbakOne" | "belleza" | "blackHanSans" | "bowlbyOne" | "brunoAceSC" | "castoroTitling" | "contrailOne" | "delaGothicOne" | "dotGothic16" | "fahkwang" | "francoisOne" | "gloock" | "graduate" | "jersey10" | "kavoon" | "kronaOne" | "notable" | "pavanam" | "phudu" | "poetsenOne" | "pollerOne" | "questrial" | "racingSansOne" | "rammettoOne" | "rubikGlitch" | "shrikhand" | "spicyRice" | "syncopate" | "urbanist" | "yesevaOne" | "zenDots" | "ballet" | "luxuriousScript" | "windSong" | "calSans" | "specialGothicExpandedOne" | "imperialScript" | "greatVibes" | "limelight" | "bodoniModaSc" | "zillaSlab" | "righteous" | "cherryBombOne" | "barlow" | "comfortaa" | "cormorant" | "msMadi" | "tektur" | "spaceGrotesk" | "leagueSpartan" | "cormorantGaramond" | "gwendolyn" | "playwriteOsterreich" | "sourceCodePro" | "commissioner" | "lora" | "sairaCondensed" | "fruktur" | "caudex" | "cascadiaCode" | "merriweather" | "unbounded" | "nataSans" | "museoModerno" | "geologica" | "tomorrow" | "fraunces" | "notoSerifDisplay" | "coiny" | "sriracha" | "redditSans" | "heptaSlab" | "parisienne" | "monteCarlo" | "georama" | "goldman" | "montaguSlab" | "ephesis" | "sigmar" | "knewave";
+            fontFamily: import("@brand-page").FontFamilyKey;
         }): void;
         _setTextStyles(payload: Partial<import("@brand-page").TextStyles>): void;
         setAdminStyleOptionDefaultValues(): void;
         setTextStyleOption(payload: {
-            type: "buttons" | "titles" | "headings" | "paragraphs";
+            type: import("@brand-page").TextStyleType;
             style: import("@brand-page").TextStyleDeclaration;
         }): void;
         setStyleOptionValue(payload: {
-            option: "buttonBorderColor" | "buttonFillColor" | "buttonShadowColor" | "buttonSoftShadowColor" | "buttonIconColor" | "logoBackgroundColor" | "defaultTextColor";
+            option: ButtonStyleConfigOption | OtherStyleConfigOption;
             value: string;
         }): void;
         setButtonStyles(payload: import("@brand-page").ButtonStyles): void;
@@ -464,18 +464,18 @@ declare const _default: import("vue").DefineComponent<{}, {
             id: string;
         }): void;
         setTextFontFamily(payload: {
-            fontFamily: "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "afacad" | "aleo" | "abhayaLibre" | "caladea" | "rokkitt" | "rubik" | "frankRuhlLibre" | "spectral" | "abrilFatface" | "courgette" | "kiteOne" | "amarante" | "satisfy" | "lilitaOne" | "lobster" | "titanOne" | "cookie" | "bungee" | "poppins" | "staatliches" | "patuaOne" | "calistoga" | "suezOne" | "caprasimo" | "rubikMonoOne" | "silkscreen" | "alfaSlabOne" | "orelegaOne" | "audiowide" | "redRose" | "kalnia" | "imbue" | "climateCrisis" | "gluten" | "madimiOne" | "anta" | "trykker" | "moul" | "bevan" | "wendyOne" | "lexendDeca" | "vinaSans" | "chango" | "changaOne" | "protestGuerrilla" | "londrinaShadow" | "candal" | "borel" | "rockNRollOne" | "bungeeInline" | "rampartOne" | "manrope" | "yuseiMagic" | "patrickHandSC" | "farsan" | "handlee" | "lemonada" | "arsenal" | "bakbakOne" | "belleza" | "blackHanSans" | "bowlbyOne" | "brunoAceSC" | "castoroTitling" | "contrailOne" | "delaGothicOne" | "dotGothic16" | "fahkwang" | "francoisOne" | "gloock" | "graduate" | "jersey10" | "kavoon" | "kronaOne" | "notable" | "pavanam" | "phudu" | "poetsenOne" | "pollerOne" | "questrial" | "racingSansOne" | "rammettoOne" | "rubikGlitch" | "shrikhand" | "spicyRice" | "syncopate" | "urbanist" | "yesevaOne" | "zenDots" | "ballet" | "luxuriousScript" | "windSong" | "calSans" | "specialGothicExpandedOne" | "imperialScript" | "greatVibes" | "limelight" | "bodoniModaSc" | "zillaSlab" | "righteous" | "cherryBombOne" | "barlow" | "comfortaa" | "cormorant" | "msMadi" | "tektur" | "spaceGrotesk" | "leagueSpartan" | "cormorantGaramond" | "gwendolyn" | "playwriteOsterreich" | "sourceCodePro" | "commissioner" | "lora" | "sairaCondensed" | "fruktur" | "caudex" | "cascadiaCode" | "merriweather" | "unbounded" | "nataSans" | "museoModerno" | "geologica" | "tomorrow" | "fraunces" | "notoSerifDisplay" | "coiny" | "sriracha" | "redditSans" | "heptaSlab" | "parisienne" | "monteCarlo" | "georama" | "goldman" | "montaguSlab" | "ephesis" | "sigmar" | "knewave";
+            fontFamily: import("@brand-page").FontFamilyKey;
         }): Promise<void>;
         toggleLogoBackground(): Promise<any>;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
-            emailAddress?: string | undefined;
-            userToken?: string | undefined;
-            isAdmin?: boolean | undefined;
-            hasPremiumSubscription?: boolean | undefined;
-            brandPageCommissionPercentage?: number | undefined;
-            features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
+            emailAddress?: string;
+            userToken?: string;
+            isAdmin?: boolean;
+            hasPremiumSubscription?: boolean;
+            brandPageCommissionPercentage?: number;
+            features?: Partial<import("@brand-page-maker/stores").UserFeatures>;
         }): void;
     }>;
     brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
@@ -486,7 +486,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
-        brandPageTemplate(): any;
+        brandPageTemplate(): import("@brand-page").BrandPageData;
         brandPageTitle(): string;
         brandPageViewModel(): import("@brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
@@ -501,7 +501,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: "images" | "edit";
+            mode: import("@brand-page-maker/stores").BrandPageSettingsMode;
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;
@@ -545,7 +545,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: false | import("@brand-page-maker/stores").NotificationMessage;
+            message: import("@brand-page-maker/stores").NotificationMessage | false;
         }): void;
         setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
@@ -564,9 +564,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         applySelectedTemplate(): Promise<void>;
         enqueueErrorMessage(): Promise<void>;
         enqueueSaveSuccessMessage(payload?: {
-            description?: string | undefined;
-            isPublished?: boolean | undefined;
-            noDescription?: boolean | undefined;
+            description?: string;
+            isPublished?: boolean;
+            noDescription?: boolean;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
@@ -582,16 +582,16 @@ declare const _default: import("vue").DefineComponent<{}, {
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): void;
-        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string | undefined, logoEditsStr?: string | undefined): Promise<void>;
-        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string | undefined): Promise<void>;
-        _navigateToActivePage(activePageId?: string | undefined): void;
+        applyHistorySnapshot(snapshot: import("@brand-page").BrandPageModel, activePageId?: string, logoEditsStr?: string): Promise<void>;
+        _syncLogoSettingsFromSnapshot(snapshot: import("@brand-page").BrandPageModel, logoEditsStr?: string): Promise<void>;
+        _navigateToActivePage(activePageId?: string): void;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
-            brandPageType: "default" | "brandSite" | "brandContact";
+            brandPageType: import("@brand-page").BrandPageType;
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): Promise<void>;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData: _shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("../../page-settings/store").PageSettingsStateSections;
@@ -619,7 +619,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             viewport: import("@brand-page").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: import("../../template-settings/models").InitialCategories): void;
+        selectInitialCategories(payload: import("@brand-page-maker/stores").SelectedCategoryPayload): void;
     }>;
     brandPageContainerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
@@ -642,8 +642,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+                status: import("../../../lib").CustomDomainStatus;
+                dnsConfigurationStatus: import("../../../lib").DnsConfigurationStatus;
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -699,7 +699,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: string | number | symbol | undefined;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
@@ -720,8 +720,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
-                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
+                status: import("../../../lib").CustomDomainStatus;
+                dnsConfigurationStatus: import("../../../lib").DnsConfigurationStatus;
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -777,7 +777,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: string | number | symbol | undefined;
+            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
@@ -814,7 +814,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
-            skipShowNextNotificationMessage?: boolean | undefined;
+            skipShowNextNotificationMessage?: boolean;
         }): Promise<void>;
         closeUpgradeModal(): Promise<void>;
         endBrandPageSlugEditMode(): void;
@@ -837,8 +837,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         redirectToStripeOnboarding(): Promise<void>;
         exportDesignAsync(): Promise<any>;
         saveBrandPage(payload?: {
-            isPublish?: boolean | undefined;
-            eventButtonLocation?: string | undefined;
+            isPublish?: boolean;
+            eventButtonLocation?: string;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;
@@ -847,9 +847,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
+        showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType, cta?: string): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -885,11 +885,11 @@ declare const _default: import("vue").DefineComponent<{}, {
     }, {
         onBackgroundChanged(): void;
         setBackgroundStyle({ backgroundStyle, }: {
-            backgroundStyle: Partial<Omit<BrandPageCssStyle, "backgroundColor">>;
+            backgroundStyle: import("@brand-page").BackgroundStyle;
         }): void;
         setBackgroundShapes(payload: import("@brand-page").BackgroundShape[]): void;
         setBackgroundPersonalisationRole(payload: {
-            personalisationRole: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+            personalisationRole: import("@brand-page").PersonalisationRole | undefined;
         }): void;
         setBackgroundShapeStyle(payload: BrandPageCssStyle): void;
         setPrimaryBackgroundShapeStyle(payload: BrandPageCssStyle): void;
@@ -898,9 +898,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addBackgroundShape({ shapeUrl, width, height, aspectRatio, }: {
             shapeUrl: string;
-            width?: number | undefined;
-            height?: number | undefined;
-            aspectRatio?: number | undefined;
+            width?: number;
+            height?: number;
+            aspectRatio?: number;
         }): void;
         deleteBackgroundShape({ shapeIndex }: {
             shapeIndex: number;
@@ -915,7 +915,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setBackgroundShapeSettings(payload: import("../../background-settings/background-settings-models").SetBackgroundShapeSettingsPayload): void;
         setRecommendedLogoColors(payload: import("../../background-settings/background-settings-models").SetRecommendedLogoColorsPayload): void;
         setBackgroundMode(payload: {
-            backgroundMode: "images" | "edit";
+            backgroundMode: import("@brand-page-maker/stores").BrandPageSettingsMode;
         }): void;
         setBackgroundMedia(payload: import("../../my-uploads/models").MediaBaseSelectedPayload): void;
         removeBackgroundVideo(): void;
@@ -956,15 +956,15 @@ declare const _default: import("vue").DefineComponent<{}, {
         subscribe: (callbackFn: (event: import("@brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
         sendWebsiteEvent: (event: import("@brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void;
         sendWebsiteMakerOpenEvent: (location: string) => void;
-        sendUpsellOpenEvent: (cta_location?: string | undefined) => void;
+        sendUpsellOpenEvent: (cta_location?: string) => void;
         sendDomainUpsellOpenEvent: () => void;
         sendDomainUpsellContinuationEvent: (continuation: string) => void;
         sendUpsellContinuationEvent: (continuation: string) => void;
         sendPublishOpenEvent: () => void;
         appendPublishBridgeState: (props: any) => void;
         sendPublishContinuationEvent: (continuation: string, domain: string | null) => void;
-        sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean | undefined) => void;
-        sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean | undefined) => void;
+        sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean) => void;
+        sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean) => void;
         sendWebsiteManageReorderPageEvent: (pageName: string) => void;
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
@@ -973,8 +973,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendTemplateSelectEvent: (templateId: string) => void;
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
-        sendAddContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
-        sendRemoveContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
+        sendAddContentEvent: (contentType: string, selectLocation?: string, contentCategory?: string, triggerType?: string) => void;
+        sendRemoveContentEvent: (contentType: string, selectLocation?: string, contentCategory?: string, triggerType?: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
         sendUpsellOfferEvent: (upsellType: string) => void;
         sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;

package/lib/src/shared/style-settings/store/style-settings-store.d.ts

@@ -30,7 +30,7 @@ export declare const useUiStyleSettingsStore: import("pinia").StoreDefinition<"u
         brandPageType: BrandPageType;
     }): void;
     setState(payload: {
-        newState: Omit<StyleSettingsState, 'availableButtonStyleConfigs' | 'availableGalleryTypes'>;
+        newState: Omit<StyleSettingsState, "availableButtonStyleConfigs" | "availableGalleryTypes">;
     }): void;
     _setButtonStyle(payload: BrandPageCssStyle): void;
     _setButtonIconStyle(payload: BrandPageCssStyle): void;

package/lib/src/shared/style-settings/store/style-settings-store.js

@@ -107,7 +107,7 @@ export const useUiStyleSettingsStore = defineStore('uiStyleSettings', {
             this._setTextStyles(defaultPageStyles.textStyles);
         },
         setTextStyleOption(payload) {
-            const { textAlign, textStyleType, ...style } = payload.style;
+            const { ...style } = payload.style;
             this.$patch((state) => {
                 state.textStyles.textStyleOptions[payload.type].isModified = true;
                 state.textStyles.textStyleOptions[payload.type].style = style;

package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="types/lodash-shims" />
 import { type TemplateCategory, type TemplateTab, type TemplateSettingsTemplate } from '../models';
 import type { DebounceHandle } from 'lodash.debounce';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -51,7 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             searchTerm: string | undefined;
         }): void;
         _setSelectedTab({ tabName }: {
-            tabName: "AI" | "all" | "categories";
+            tabName: TemplateTab;
         }): void;
         _setSelectedCategory({ categoryName, }: {
             categoryName: string | undefined;
@@ -79,7 +78,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setInitialSearchTerm(payload: {
             initialSearchTerm: string;
-            onSearchTermChanged?: import("../store").OnSearchTermChangedCallback | undefined;
+            onSearchTermChanged?: import("../store").OnSearchTermChangedCallback;
         }): void;
         setAiTemplateKeywords(payload: {
             aiTemplateKeywords: string;
@@ -102,10 +101,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             thirdPartySettings: import("../../models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../../models").UiDeviceMode;
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../../models").UiScreenSizeMode;
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: import("../../../brand-page").UserPersonalisationContent[];
@@ -128,7 +127,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: string;
         }): Promise<void>;
         onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;
@@ -166,15 +165,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         subscribe: (callbackFn: (event: import("@brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
         sendWebsiteEvent: (event: import("@brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void;
         sendWebsiteMakerOpenEvent: (location: string) => void;
-        sendUpsellOpenEvent: (cta_location?: string | undefined) => void;
+        sendUpsellOpenEvent: (cta_location?: string) => void;
         sendDomainUpsellOpenEvent: () => void;
         sendDomainUpsellContinuationEvent: (continuation: string) => void;
         sendUpsellContinuationEvent: (continuation: string) => void;
         sendPublishOpenEvent: () => void;
         appendPublishBridgeState: (props: any) => void;
         sendPublishContinuationEvent: (continuation: string, domain: string | null) => void;
-        sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean | undefined) => void;
-        sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean | undefined) => void;
+        sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean) => void;
+        sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean) => void;
         sendWebsiteManageReorderPageEvent: (pageName: string) => void;
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
@@ -183,8 +182,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sendTemplateSelectEvent: (templateId: string) => void;
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
-        sendAddContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
-        sendRemoveContentEvent: (contentType: string, selectLocation?: string | undefined, contentCategory?: string | undefined, triggerType?: string) => void;
+        sendAddContentEvent: (contentType: string, selectLocation?: string, contentCategory?: string, triggerType?: string) => void;
+        sendRemoveContentEvent: (contentType: string, selectLocation?: string, contentCategory?: string, triggerType?: string) => void;
         sendAddContentContinuationEvent: (continuation: string) => void;
         sendUpsellOfferEvent: (upsellType: string) => void;
         sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;

package/lib/src/shared/unsplash-library/UnsplashLibrary.mixin.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="types/lodash-shims" />
 import UnsplashClient from '../../clients/unsplash-client';
 import { type DebounceHandle } from 'lodash.debounce';
 interface PreviewUrls {
@@ -30,10 +29,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             thirdPartySettings: import("../models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../models").UiDeviceMode;
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: "desktop" | "mobile";
+            mode: import("../models").UiScreenSizeMode;
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
             personalisationData: import("../../brand-page").UserPersonalisationContent[];
@@ -56,7 +55,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: string;
         }): Promise<void>;
         onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;