@designcrowd/library.brand-page 5.19.0 → 5.19.1-error-html2canvas-2

package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts

@@ -8,6 +8,11 @@ export interface PageField {
     pageTitleError: string | null;
     page: ContentPage;
 }
+declare const PAGE_SETTINGS_PAGES: {
+    readonly page: "page";
+    readonly logo: "logo";
+};
+type PageSettingsPage = keyof typeof PAGE_SETTINGS_PAGES;
 declare const _default: import("vue").DefineComponent<{}, {
     pageFields: import("vue").WritableComputedRef<{
         page: {
@@ -15,12 +20,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             title: string;
             contents: {
                 id: string;
-                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";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        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";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -43,12 +50,14 @@ declare const _default: import("vue").DefineComponent<{}, {
     }[], PageField[]>;
     items: import("vue").ComputedRef<{
         id: string;
-        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";
+        type: import("@brand-page").ContentType;
         settings: {
             content: {
                 id: string;
-                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";
-                personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                type: import("@brand-page").ContentType;
+                personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                topPadding?: number | undefined;
+                bottomPadding?: number | undefined;
                 imageUrlOverride?: string | undefined;
                 imageUrlsOverride?: string | undefined;
                 avatarImageUrlOverride?: string | undefined;
@@ -73,7 +82,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     sections: import("vue").ComputedRef<{
         header: {
             desktop: {
-                displayStyle: import("@brand-page").PageSectionDisplayStyle;
+                displayStyle: import("@brand-page").HeaderDisplayStyle;
                 navigationStyles?: {
                     displayType: import("@brand-page").NavigationDisplayType;
                     renderAfterLogo: boolean;
@@ -121,7 +130,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -261,7 +270,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -404,7 +413,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -544,7 +553,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -688,7 +697,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -828,7 +837,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -971,7 +980,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -1111,7 +1120,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -1262,7 +1271,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 logoVariation?: number | undefined;
                 logoImage: {
                     logoDraftToken: string;
-                    logoVariation: number;
+                    logoVariation: import("@brand-page").LogoVariation;
                     logoLastUpdate: string | undefined;
                 };
                 logoTemplateImage: {
@@ -1365,7 +1374,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 viewport: import("@brand-page").ViewportsType;
             };
             mobile: {
-                displayStyle: import("@brand-page").PageSectionDisplayStyle;
+                displayStyle: import("@brand-page").HeaderDisplayStyle;
                 navigationStyles?: {
                     displayType: import("@brand-page").NavigationDisplayType;
                     renderAfterLogo: boolean;
@@ -1413,7 +1422,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -1553,7 +1562,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -1696,7 +1705,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -1836,7 +1845,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -1980,7 +1989,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -2120,7 +2129,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -2263,7 +2272,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                        textStyleType?: import("@brand-page").TextStyleType | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -2403,7 +2412,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                            textStyleType?: import("@brand-page").TextStyleType | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -2554,7 +2563,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 logoVariation?: number | undefined;
                 logoImage: {
                     logoDraftToken: string;
-                    logoVariation: number;
+                    logoVariation: import("@brand-page").LogoVariation;
                     logoLastUpdate: string | undefined;
                 };
                 logoTemplateImage: {
@@ -2659,7 +2668,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         };
         footer: {
             desktop: {
-                displayStyle: string;
+                displayStyle: import("@brand-page").FooterDisplayStyle;
                 copyrightText: string;
                 copyrightStyle: {
                     aspectRatio?: string | undefined;
@@ -2705,7 +2714,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     transition?: string | undefined;
                     width?: string | undefined;
                     wordBreak?: string | undefined;
-                    textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                    textStyleType?: import("@brand-page").TextStyleType | undefined;
                     applyAutoScale?: boolean | undefined;
                 };
                 backgroundStyle: {
@@ -2850,7 +2859,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 logoVariation?: number | undefined;
                 logoImage: {
                     logoDraftToken: string;
-                    logoVariation: number;
+                    logoVariation: import("@brand-page").LogoVariation;
                     logoLastUpdate: string | undefined;
                 };
                 logoTemplateImage: {
@@ -2867,7 +2876,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     imageTitle: string;
                     width: number;
                     height: number;
-                    mediaType?: "image" | "shape" | undefined;
+                    mediaType?: import("@brand-page").MediaType | undefined;
                     colorReplacements?: {
                         attribute: string;
                         originalColor: string;
@@ -2877,13 +2886,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     imageUrlOverride?: string | undefined;
                     imageTitleOverride?: 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" | undefined;
+                textFontFamily?: import("@brand-page").FontFamilyKey | undefined;
                 viewport: import("@brand-page").ViewportsType;
                 logoImageHeight: string | undefined;
                 logoImageWidth: string | undefined;
             };
             mobile: {
-                displayStyle: string;
+                displayStyle: import("@brand-page").FooterDisplayStyle;
                 copyrightText: string;
                 copyrightStyle: {
                     aspectRatio?: string | undefined;
@@ -2929,7 +2938,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     transition?: string | undefined;
                     width?: string | undefined;
                     wordBreak?: string | undefined;
-                    textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                    textStyleType?: import("@brand-page").TextStyleType | undefined;
                     applyAutoScale?: boolean | undefined;
                 };
                 backgroundStyle: {
@@ -3074,7 +3083,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 logoVariation?: number | undefined;
                 logoImage: {
                     logoDraftToken: string;
-                    logoVariation: number;
+                    logoVariation: import("@brand-page").LogoVariation;
                     logoLastUpdate: string | undefined;
                 };
                 logoTemplateImage: {
@@ -3091,7 +3100,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     imageTitle: string;
                     width: number;
                     height: number;
-                    mediaType?: "image" | "shape" | undefined;
+                    mediaType?: import("@brand-page").MediaType | undefined;
                     colorReplacements?: {
                         attribute: string;
                         originalColor: string;
@@ -3101,7 +3110,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     imageUrlOverride?: string | undefined;
                     imageTitleOverride?: 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" | undefined;
+                textFontFamily?: import("@brand-page").FontFamilyKey | undefined;
                 viewport: import("@brand-page").ViewportsType;
                 logoImageHeight: string | undefined;
                 logoImageWidth: string | undefined;
@@ -3130,7 +3139,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     isBrandSite: import("vue").ComputedRef<boolean>;
     navigationStyleTypeConfigs: import("vue").ComputedRef<{
         header: {
-            type: "footer" | "header";
+            type: import("../../models").PageSection;
             isLogoFieldsOptional: boolean;
             showCopyrightField: boolean;
             showSocialLinksField: boolean;
@@ -3184,7 +3193,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             transition?: string | undefined;
             width?: string | undefined;
             wordBreak?: string | undefined;
-            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+            textStyleType?: import("@brand-page").TextStyleType | undefined;
             applyAutoScale?: boolean | undefined;
         };
         selectedButtonStyle: {
@@ -3324,7 +3333,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 transition?: string | undefined;
                 width?: string | undefined;
                 wordBreak?: string | undefined;
-                textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                textStyleType?: import("@brand-page").TextStyleType | undefined;
                 applyAutoScale?: boolean | undefined;
             };
             selectedButtonStyle: {
@@ -3468,7 +3477,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             transition?: string | undefined;
             width?: string | undefined;
             wordBreak?: string | undefined;
-            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+            textStyleType?: import("@brand-page").TextStyleType | undefined;
             applyAutoScale?: boolean | undefined;
         };
         selectedButtonStyle: {
@@ -3608,7 +3617,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 transition?: string | undefined;
                 width?: string | undefined;
                 wordBreak?: string | undefined;
-                textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
+                textStyleType?: import("@brand-page").TextStyleType | undefined;
                 applyAutoScale?: boolean | undefined;
             };
             selectedButtonStyle: {
@@ -3751,7 +3760,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[];
@@ -3766,7 +3775,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;
@@ -3810,7 +3819,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;
@@ -3829,9 +3838,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;
@@ -3847,16 +3856,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, 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("../../store").PageSettingsStateSections;
@@ -3884,7 +3893,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;
     }>;
     uiStore: import("pinia").Store<"ui", import("../../../models").UIRootState, {
         endpoints: () => import("../../../models").Endpoints;
@@ -3899,14 +3908,20 @@ 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[];
         }): void;
+        setUserPromptContentKey({ userPromptContentKey, }: {
+            userPromptContentKey: string | undefined;
+        }): void;
+        setShowAiTemplatesTab({ showAiTemplatesTab, }: {
+            showAiTemplatesTab: boolean;
+        }): void;
         onBackgroundChanged(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
@@ -3919,19 +3934,19 @@ 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;
     }>;
     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;
     }>;
     pageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../store").PageSettingsState, {
@@ -3951,7 +3966,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
-            parentPageId?: string | undefined;
+            parentPageId?: string;
         }): Promise<void>;
         addPage({ page }: {
             page: ContentPage;
@@ -3966,22 +3981,22 @@ declare const _default: import("vue").DefineComponent<{}, {
             pageId: string;
         }): void;
         setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
-            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;
-            merge?: boolean | undefined;
+            sectionName: PageSettingsSection;
+            propName: keyof import("../../store").PageSettingsStateSectionStyles;
+            index?: number;
+            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | number | null | undefined;
+            merge?: boolean;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         setPageSettingsSectionLogoImage({ sectionName, logoImage, logoTemplateImage, logoImageBase64Url, viewport, keepLogoVariation, logoImageHeight, logoImageWidth, }: {
             logoImage: import("@brand-page").LogoImageModel;
-            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel | undefined;
+            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel;
             logoImageBase64Url: string | undefined;
-            sectionName: "footer" | "header" | "pages";
+            sectionName: PageSettingsSection;
             viewport: import("@brand-page").ViewportsType;
-            keepLogoVariation?: boolean | undefined;
-            logoImageHeight?: string | undefined;
-            logoImageWidth?: string | undefined;
+            keepLogoVariation?: boolean;
+            logoImageHeight?: string;
+            logoImageWidth?: string;
         }): void;
         updatePageSettingsSectionLogoImageStyle({ sectionName, viewport, logoImageHeight, logoImageWidth, }: {
             sectionName: string;
@@ -3996,13 +4011,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addNewPage(payload: {
             title: string;
-            newPageParentId?: string | undefined;
+            newPageParentId?: string;
         }): ContentPage;
         setSelectedSectionName({ sectionName, }: {
-            sectionName?: "footer" | "header" | "pages" | undefined;
+            sectionName?: PageSettingsSection;
         }): void;
         setSectionCollapsedState({ sectionName, isCollapsed, }: {
-            sectionName: "footer" | "header" | "pages";
+            sectionName: PageSettingsSection;
             isCollapsed: boolean;
         }): void;
         collapseAllSections(): void;
@@ -4011,49 +4026,51 @@ declare const _default: import("vue").DefineComponent<{}, {
     pageNavigationStore: import("pinia").Store<"pageNavigation", import("../../../page-navigation/store/page-navigation-store").PageNavigationState, {
         nav(): import("@brand-page").NavModel;
     }, {
-        getPageSlugsForDepth(parentRouteId?: string | undefined): string[];
+        getPageSlugsForDepth(parentRouteId?: string): string[];
         getParentRouteIdForPage(pageId: string): string | undefined;
         getParentRouteIdForRoute(routeId: string): string | undefined;
         getFirstOrDefaultRoute(): import("@brand-page").NavRoute;
         setCurrentActivePage({ pageId }: {
-            pageId?: string | undefined;
+            pageId?: string;
         }): void;
         setCurrentActivePageAndGoToPage({ pageId }: {
-            pageId?: string | undefined;
+            pageId?: string;
         }): void;
         setNav({ nav }: {
             nav: import("@brand-page").NavModel;
         }): void;
-        addNavRoute(newRoute: import("@brand-page").NavRoute, parentRouteId?: string | undefined): void;
+        addNavRoute(newRoute: import("@brand-page").NavRoute, parentRouteId?: string): void;
         removeNavRoute(routeId: string): void;
         onDisplayNameChange(routeId: string, newDisplayName: string): void;
         setRouteTitleAndSlugByPageId(pageId: string, displayName: string, slug: string): void;
         updateRouteVisibility(routeId: string, isHidden: boolean): void;
         reorderVisibleAndHiddenRoutes(): void;
         isRouteASubpage(navRouteId: string): boolean;
-        recalculateSlugForRoute(routeId: string, previousParentRouteId?: string | undefined): void;
+        recalculateSlugForRoute(routeId: string, previousParentRouteId?: string): void;
     }>;
     contentSettingsStore: import("pinia").Store<"uiContentSettings", import("../../../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";
+                type: import("@brand-page").ContentType;
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                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";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        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";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -4072,37 +4089,39 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../../content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => 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";
+                type: import("@brand-page").ContentType;
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                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";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        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";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -4121,37 +4140,39 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../../content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("../../../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";
+                type: import("@brand-page").ContentType;
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                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";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        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";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -4170,37 +4191,39 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../../content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => 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";
+                type: import("@brand-page").ContentType;
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                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";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        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";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -4219,37 +4242,39 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../../content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | Content | undefined;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+        } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => Content | string | 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";
+                type: import("@brand-page").ContentType;
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                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";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        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";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -4268,37 +4293,39 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../../content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => import("../../../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";
+                type: import("@brand-page").ContentType;
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: "default" | "focused" | undefined;
+                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
             }[];
             items: {
                 id: string;
-                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";
+                type: import("@brand-page").ContentType;
                 settings: {
                     content: {
                         id: string;
-                        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";
-                        personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
+                        type: import("@brand-page").ContentType;
+                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        topPadding?: number | undefined;
+                        bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
                         imageUrlsOverride?: string | undefined;
                         avatarImageUrlOverride?: string | undefined;
@@ -4317,26 +4344,26 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
+                mode: import("../../../content-settings/store").ContentSettingsMode;
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            selectedItemEventSource: import("../../../models").UIEventSource | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, groupId: string) => import("../../../content-settings/models").ContentSettingsItemGroupState;
-        mode(): "images" | "pages" | "add" | "edit" | "focusedContentItem";
+        mode(): import("../../../content-settings/store").ContentSettingsMode;
         selectedItem(): ContentItem<any> | undefined;
-        selectedItemTemplate(): import("../../../../brand-page-maker/models").ContentSettingsConfig<any, {}> | undefined;
+        selectedItemTemplate(): import("../../../../brand-page-maker/models").ContentSettingsConfig<any> | undefined;
     }, {
         onContentChanged(): void;
         _addItem({ item, index, }: {
             item: ContentItem<any>;
-            index?: number | undefined;
+            index?: number;
         }): void;
         setState(payload: {
             newState: Partial<import("../../../content-settings/store").ContentSettingsState>;
@@ -4353,7 +4380,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         _setItemSettingsFieldErrorState(payload: import("../../../content-settings/models").SetItemSettingsFieldErrorMessagePayload): void;
         _setSelectedItemId({ id, eventSource, }: {
             id: string | null;
-            eventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            eventSource: import("../../../models").UIEventSource | null;
         }): void;
         _setSelectedItemFieldName({ name: name }: {
             name: string | null;
@@ -4367,10 +4394,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         _setSelectedItemImage({ selectedItemId, imageUrl, width, height, colorReplacements, aspectRatio, }: {
             selectedItemId: string | null;
             imageUrl: string;
-            width?: number | undefined;
-            height?: number | undefined;
-            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
-            aspectRatio?: number | null | undefined;
+            width?: number;
+            height?: number;
+            colorReplacements?: import("@brand-page").ColorReplacement[];
+            aspectRatio?: number | null;
         }): void;
         _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
@@ -4394,7 +4421,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         updateTextItemTextStyleType({ id, name, value, index, }: import("../../../content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
         updateTextItemTextStyleTypeWithStyles({ id, name, value, index, }: import("../../../content-settings/models").UpdateMultipleItemValuesPayload<any>): void;
         _setActiveCategoryTab({ activeCategoryTab, }: {
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         }): void;
         setItemState({ id, itemState, }: {
             id: string;
@@ -4417,7 +4444,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addItemByType({ type, index, }: {
             type: string;
-            index?: number | undefined;
+            index?: number;
         }): ContentItem<Content> | undefined;
         deleteItem(payload: {
             id: string;
@@ -4429,13 +4456,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         updateIsDefaultTextColorRequired(): void;
         setSelectedItemId(payload: {
             id: string | null;
-            eventSource: "preview" | "contentSettings" | "pageSettings";
+            eventSource: import("../../../models").UIEventSource;
         }): void;
         setSelectedItemAndFieldName(payload: {
             id: string | null;
             name: string | null;
             index: number | null;
-            eventSource: "preview" | "contentSettings" | "pageSettings" | null;
+            eventSource: import("../../../models").UIEventSource | null;
         }): void;
         setSelectedItemValue(payload: {
             value: string | null;
@@ -4443,10 +4470,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         setSelectedItemImage(payload: {
             selectedItemId: string | null;
             imageUrl: string;
-            width?: number | undefined;
-            height?: number | undefined;
-            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
-            aspectRatio?: number | null | undefined;
+            width?: number;
+            height?: number;
+            colorReplacements?: import("@brand-page").ColorReplacement[];
+            aspectRatio?: number | null;
         }): void;
         setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
@@ -4458,19 +4485,19 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: string;
         }): Promise<void>;
         setActiveCategoryTab(payload: {
-            activeCategoryTab: string;
+            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
         }): void;
         selectInitialContentCategory(payload: {
             selectedCategory: string;
         }): void;
         initialiseItemState({ item, itemState, }: {
             item: ContentItem<Content>;
-            itemState?: Partial<import("../../../content-settings/store").ContentSettingsState> | undefined;
+            itemState?: Partial<import("../../../content-settings/store").ContentSettingsState>;
         }): void;
         initialiseItemGroupState({ id, groupId, groupState, }: {
             id: string;
             groupId: string;
-            groupState?: import("../../../content-settings/models").ContentSettingsItemGroupState | undefined;
+            groupState?: import("../../../content-settings/models").ContentSettingsItemGroupState;
         }): void;
     }>;
     navigationSettingsStore: import("pinia").Store<"uiNavigationStyleSettings", import("../../../navigation-style-settings/store").NavigationStyleSettingsState, {}, {
@@ -4478,52 +4505,52 @@ declare const _default: import("vue").DefineComponent<{}, {
             reset: boolean;
         }): void;
         setState({ newState, }: {
-            newState: Omit<import("../../../navigation-style-settings/store").NavigationStyleSettingsState, "navigationStyleTypeConfigs" | "availableNavigationStyleConfigs">;
+            newState: Omit<import("../../../navigation-style-settings/store").NavigationStyleSettingsState, "availableNavigationStyleConfigs" | "navigationStyleTypeConfigs">;
         }): void;
         setNavigationOrder({ section, renderAfterLogo, viewport, }: {
-            section: "footer" | "header";
+            section: import("../../models").PageSection;
             renderAfterLogo: boolean;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         _setDefaultButtonStyle({ displayType, section, style, viewport, }: {
             displayType: import("@brand-page").NavigationDisplayType;
-            section: "footer" | "header";
+            section: import("../../models").PageSection;
             style: BrandPageCssStyle;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         _setSelectedButtonStyle({ displayType, section, style, viewport, }: {
             displayType: import("@brand-page").NavigationDisplayType;
-            section: "footer" | "header";
+            section: import("../../models").PageSection;
             style: BrandPageCssStyle;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         _setIconStyle({ displayType, section, style, viewport, }: {
-            displayType?: import("@brand-page").NavigationDisplayType | undefined;
-            section: "footer" | "header";
+            displayType?: import("@brand-page").NavigationDisplayType;
+            section: import("../../models").PageSection;
             style: BrandPageCssStyle;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         _setSubNavBackgroundColor({ displayType, section, value, viewport, }: {
             displayType: import("@brand-page").NavigationDisplayType;
-            section: "footer" | "header";
+            section: import("../../models").PageSection;
             value: string | undefined;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         _setButtonStyles({ section, defaultButtonStyle, selectedButtonStyle, iconStyle, viewport, }: {
-            section: "footer" | "header";
+            section: import("../../models").PageSection;
             defaultButtonStyle: import("@brand-page").TextStyleDeclaration;
             selectedButtonStyle: BrandPageCssStyle;
             iconStyle: BrandPageCssStyle;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         setDisplayType({ section, displayType, viewport, }: {
-            section: "footer" | "header";
+            section: import("../../models").PageSection;
             displayType: import("@brand-page").NavigationDisplayType;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         setNavigationStyleOptionValue({ section, option, value, viewport, }: {
-            section: "footer" | "header";
-            option: "defaultBorderColor" | "selectedBorderColor" | "subNavBackgroundColor" | "defaultTextStyle" | "defaultBackgroundColor" | "selectedTextColor" | "selectedBackgroundColor" | "iconColor" | "iconBackgroundColor";
+            section: import("../../models").PageSection;
+            option: import("../../../../brand-page-maker/models/navigation-style-configs").NavigationStyleConfigOption;
             value: any;
             viewport: import("@brand-page").ViewportsType;
         }): void;
@@ -4549,8 +4576,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;
@@ -4606,7 +4633,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: {
@@ -4627,8 +4654,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;
@@ -4684,7 +4711,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;
     }, {
@@ -4721,7 +4748,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;
@@ -4744,8 +4771,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;
@@ -4754,9 +4781,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;
@@ -4823,15 +4850,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;
@@ -4840,8 +4867,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;
@@ -4852,7 +4879,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     isDeleteModalVisible: boolean;
     deleteModalPageId: string | undefined;
     deleteModalPageTitle: string | undefined;
-    currentPageNo: "logo" | "page";
+    currentPageNo: PageSettingsPage;
     PAGE_SETTINGS_PAGES: {
         readonly page: "page";
         readonly logo: "logo";