npm - @designcrowd/library.brand-page - Versions diffs - 6.0.3 → 6.0.4 - Mend

@designcrowd/library.brand-page 6.0.3 → 6.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (383) hide show

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

@@ -8,11 +8,6 @@ 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: {
@@ -20,12 +15,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             title: string;
             contents: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -50,12 +45,12 @@ declare const _default: import("vue").DefineComponent<{}, {
     }[], PageField[]>;
     items: import("vue").ComputedRef<{
         id: string;
-        type: import("@brand-page").ContentType;
+        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";
         settings: {
             content: {
                 id: string;
-                type: import("@brand-page").ContentType;
-                personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                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;
                 topPadding?: number | undefined;
                 bottomPadding?: number | undefined;
                 imageUrlOverride?: string | undefined;
@@ -82,7 +77,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     sections: import("vue").ComputedRef<{
         header: {
             desktop: {
-                displayStyle: import("@brand-page").HeaderDisplayStyle;
+                displayStyle: import("@brand-page").PageSectionDisplayStyle;
                 navigationStyles?: {
                     displayType: import("@brand-page").NavigationDisplayType;
                     renderAfterLogo: boolean;
@@ -130,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: import("@brand-page").TextStyleType | undefined;
+                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -270,7 +265,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: import("@brand-page").TextStyleType | undefined;
+                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -413,7 +408,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: import("@brand-page").TextStyleType | undefined;
+                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -553,7 +548,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: import("@brand-page").TextStyleType | undefined;
+                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -697,7 +692,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: import("@brand-page").TextStyleType | undefined;
+                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -837,7 +832,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: import("@brand-page").TextStyleType | undefined;
+                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -980,7 +975,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: import("@brand-page").TextStyleType | undefined;
+                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -1120,7 +1115,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: import("@brand-page").TextStyleType | undefined;
+                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -1271,7 +1266,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 logoVariation?: number | undefined;
                 logoImage: {
                     logoDraftToken: string;
-                    logoVariation: import("@brand-page").LogoVariation;
+                    logoVariation: number;
                     logoLastUpdate: string | undefined;
                 };
                 logoTemplateImage: {
@@ -1374,7 +1369,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 viewport: import("@brand-page").ViewportsType;
             };
             mobile: {
-                displayStyle: import("@brand-page").HeaderDisplayStyle;
+                displayStyle: import("@brand-page").PageSectionDisplayStyle;
                 navigationStyles?: {
                     displayType: import("@brand-page").NavigationDisplayType;
                     renderAfterLogo: boolean;
@@ -1422,7 +1417,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: import("@brand-page").TextStyleType | undefined;
+                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -1562,7 +1557,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: import("@brand-page").TextStyleType | undefined;
+                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -1705,7 +1700,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: import("@brand-page").TextStyleType | undefined;
+                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -1845,7 +1840,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: import("@brand-page").TextStyleType | undefined;
+                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -1989,7 +1984,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: import("@brand-page").TextStyleType | undefined;
+                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -2129,7 +2124,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: import("@brand-page").TextStyleType | undefined;
+                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -2272,7 +2267,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                         transition?: string | undefined;
                         width?: string | undefined;
                         wordBreak?: string | undefined;
-                        textStyleType?: import("@brand-page").TextStyleType | undefined;
+                        textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                         applyAutoScale?: boolean | undefined;
                     };
                     selectedButtonStyle: {
@@ -2412,7 +2407,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                             transition?: string | undefined;
                             width?: string | undefined;
                             wordBreak?: string | undefined;
-                            textStyleType?: import("@brand-page").TextStyleType | undefined;
+                            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                             applyAutoScale?: boolean | undefined;
                         };
                         selectedButtonStyle: {
@@ -2563,7 +2558,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 logoVariation?: number | undefined;
                 logoImage: {
                     logoDraftToken: string;
-                    logoVariation: import("@brand-page").LogoVariation;
+                    logoVariation: number;
                     logoLastUpdate: string | undefined;
                 };
                 logoTemplateImage: {
@@ -2668,7 +2663,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         };
         footer: {
             desktop: {
-                displayStyle: import("@brand-page").FooterDisplayStyle;
+                displayStyle: string;
                 copyrightText: string;
                 copyrightStyle: {
                     aspectRatio?: string | undefined;
@@ -2714,7 +2709,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     transition?: string | undefined;
                     width?: string | undefined;
                     wordBreak?: string | undefined;
-                    textStyleType?: import("@brand-page").TextStyleType | undefined;
+                    textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                     applyAutoScale?: boolean | undefined;
                 };
                 backgroundStyle: {
@@ -2859,7 +2854,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 logoVariation?: number | undefined;
                 logoImage: {
                     logoDraftToken: string;
-                    logoVariation: import("@brand-page").LogoVariation;
+                    logoVariation: number;
                     logoLastUpdate: string | undefined;
                 };
                 logoTemplateImage: {
@@ -2871,12 +2866,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
+                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
                     width: number;
                     height: number;
-                    mediaType?: import("@brand-page").MediaType | undefined;
+                    mediaType?: "image" | "shape" | undefined;
                     colorReplacements?: {
                         attribute: string;
                         originalColor: string;
@@ -2886,13 +2882,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                     imageUrlOverride?: string | undefined;
                     imageTitleOverride?: string | undefined;
                 }[];
-                textFontFamily?: import("@brand-page").FontFamilyKey | 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;
                 viewport: import("@brand-page").ViewportsType;
                 logoImageHeight: string | undefined;
                 logoImageWidth: string | undefined;
             };
             mobile: {
-                displayStyle: import("@brand-page").FooterDisplayStyle;
+                displayStyle: string;
                 copyrightText: string;
                 copyrightStyle: {
                     aspectRatio?: string | undefined;
@@ -2938,7 +2934,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     transition?: string | undefined;
                     width?: string | undefined;
                     wordBreak?: string | undefined;
-                    textStyleType?: import("@brand-page").TextStyleType | undefined;
+                    textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                     applyAutoScale?: boolean | undefined;
                 };
                 backgroundStyle: {
@@ -3083,7 +3079,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 logoVariation?: number | undefined;
                 logoImage: {
                     logoDraftToken: string;
-                    logoVariation: import("@brand-page").LogoVariation;
+                    logoVariation: number;
                     logoLastUpdate: string | undefined;
                 };
                 logoTemplateImage: {
@@ -3095,12 +3091,13 @@ declare const _default: import("vue").DefineComponent<{}, {
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
+                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
                     width: number;
                     height: number;
-                    mediaType?: import("@brand-page").MediaType | undefined;
+                    mediaType?: "image" | "shape" | undefined;
                     colorReplacements?: {
                         attribute: string;
                         originalColor: string;
@@ -3110,7 +3107,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     imageUrlOverride?: string | undefined;
                     imageTitleOverride?: string | undefined;
                 }[];
-                textFontFamily?: import("@brand-page").FontFamilyKey | 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;
                 viewport: import("@brand-page").ViewportsType;
                 logoImageHeight: string | undefined;
                 logoImageWidth: string | undefined;
@@ -3139,7 +3136,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     isBrandSite: import("vue").ComputedRef<boolean>;
     navigationStyleTypeConfigs: import("vue").ComputedRef<{
         header: {
-            type: import("../../models").PageSection;
+            type: "footer" | "header";
             isLogoFieldsOptional: boolean;
             showCopyrightField: boolean;
             showSocialLinksField: boolean;
@@ -3193,7 +3190,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             transition?: string | undefined;
             width?: string | undefined;
             wordBreak?: string | undefined;
-            textStyleType?: import("@brand-page").TextStyleType | undefined;
+            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
             applyAutoScale?: boolean | undefined;
         };
         selectedButtonStyle: {
@@ -3333,7 +3330,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 transition?: string | undefined;
                 width?: string | undefined;
                 wordBreak?: string | undefined;
-                textStyleType?: import("@brand-page").TextStyleType | undefined;
+                textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                 applyAutoScale?: boolean | undefined;
             };
             selectedButtonStyle: {
@@ -3477,7 +3474,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             transition?: string | undefined;
             width?: string | undefined;
             wordBreak?: string | undefined;
-            textStyleType?: import("@brand-page").TextStyleType | undefined;
+            textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
             applyAutoScale?: boolean | undefined;
         };
         selectedButtonStyle: {
@@ -3617,7 +3614,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 transition?: string | undefined;
                 width?: string | undefined;
                 wordBreak?: string | undefined;
-                textStyleType?: import("@brand-page").TextStyleType | undefined;
+                textStyleType?: "buttons" | "titles" | "headings" | "paragraphs" | undefined;
                 applyAutoScale?: boolean | undefined;
             };
             selectedButtonStyle: {
@@ -3760,7 +3757,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
-        brandPageTemplate(): import("@brand-page").BrandPageData;
+        brandPageTemplate(): any;
         brandPageTitle(): string;
         brandPageViewModel(): import("@brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
@@ -3775,7 +3772,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         showBrandCrowdLogo(): boolean;
     }, {
         setMode(payload: {
-            mode: import("@brand-page-maker/stores").BrandPageSettingsMode;
+            mode: "images" | "edit";
         }): void;
         setFaviconUrl(payload: {
             faviconUrl: string | undefined;
@@ -3819,7 +3816,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: import("@brand-page-maker/stores").NotificationMessage | false;
+            message: false | import("@brand-page-maker/stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
@@ -3838,9 +3835,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         applySelectedTemplate(): Promise<void>;
         enqueueErrorMessage(): Promise<void>;
         enqueueSaveSuccessMessage(payload?: {
-            description?: string;
-            isPublished?: boolean;
-            noDescription?: boolean;
+            description?: string | undefined;
+            isPublished?: boolean | undefined;
+            noDescription?: boolean | undefined;
         }): Promise<void>;
         hideChangeTemplateConfirmModal(): void;
         onBackgroundChanged(): void;
@@ -3856,16 +3853,16 @@ declare const _default: import("vue").DefineComponent<{}, {
             content: TContent;
         }>(payload: P): Promise<void>;
         _captureTemplateSwitchIfEnabled(): 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;
+        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;
         _fallbackSidebarIfSelectedContentMissing(snapshot: import("@brand-page").BrandPageModel): void;
         export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
-            brandPageType: import("@brand-page").BrandPageType;
+            brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
         initialiseStoresByBrandPageModelAsync(brandPageModel: import("@brand-page").BrandPageModel): 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>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
             pages: import("@brand-page").PageModel[];
             sections: import("../../store").PageSettingsStateSections;
@@ -3893,7 +3890,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             viewport: import("@brand-page").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
-        selectInitialCategories(payload: import("@brand-page-maker/stores").SelectedCategoryPayload): void;
+        selectInitialCategories(payload: import("../../../template-settings/models").InitialCategories): void;
     }>;
     uiStore: import("pinia").Store<"ui", import("../../../models").UIRootState, {
         endpoints: () => import("../../../models").Endpoints;
@@ -3908,20 +3905,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             thirdPartySettings: import("../../../models").UIRootStateThirdPartySettings;
         }): void;
         setDeviceMode({ mode }: {
-            mode: import("../../../models").UiDeviceMode;
+            mode: "desktop" | "mobile";
         }): void;
         setScreenSizeMode({ mode }: {
-            mode: import("../../../models").UiScreenSizeMode;
+            mode: "desktop" | "mobile";
         }): 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;
@@ -3934,19 +3925,19 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: string;
         }): Promise<void>;
         onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;
     }>;
     userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
-            emailAddress?: string;
-            userToken?: string;
-            isAdmin?: boolean;
-            hasPremiumSubscription?: boolean;
-            brandPageCommissionPercentage?: number;
-            features?: Partial<import("@brand-page-maker/stores").UserFeatures>;
+            emailAddress?: string | undefined;
+            userToken?: string | undefined;
+            isAdmin?: boolean | undefined;
+            hasPremiumSubscription?: boolean | undefined;
+            brandPageCommissionPercentage?: number | undefined;
+            features?: Partial<import("../../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
     pageSettingsStore: import("pinia").Store<"uiPageSettings", import("../../store").PageSettingsState, {
@@ -3966,7 +3957,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
-            parentPageId?: string;
+            parentPageId?: string | undefined;
         }): Promise<void>;
         addPage({ page }: {
             page: ContentPage;
@@ -3981,22 +3972,22 @@ declare const _default: import("vue").DefineComponent<{}, {
             pageId: string;
         }): void;
         setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
-            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;
+            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;
             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;
+            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel | undefined;
             logoImageBase64Url: string | undefined;
-            sectionName: PageSettingsSection;
+            sectionName: "footer" | "header" | "pages";
             viewport: import("@brand-page").ViewportsType;
-            keepLogoVariation?: boolean;
-            logoImageHeight?: string;
-            logoImageWidth?: string;
+            keepLogoVariation?: boolean | undefined;
+            logoImageHeight?: string | undefined;
+            logoImageWidth?: string | undefined;
         }): void;
         updatePageSettingsSectionLogoImageStyle({ sectionName, viewport, logoImageHeight, logoImageWidth, }: {
             sectionName: string;
@@ -4011,13 +4002,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addNewPage(payload: {
             title: string;
-            newPageParentId?: string;
+            newPageParentId?: string | undefined;
         }): ContentPage;
         setSelectedSectionName({ sectionName, }: {
-            sectionName?: PageSettingsSection;
+            sectionName?: "footer" | "header" | "pages" | undefined;
         }): void;
         setSectionCollapsedState({ sectionName, isCollapsed, }: {
-            sectionName: PageSettingsSection;
+            sectionName: "footer" | "header" | "pages";
             isCollapsed: boolean;
         }): void;
         collapseAllSections(): void;
@@ -4026,49 +4017,49 @@ 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): string[];
+        getPageSlugsForDepth(parentRouteId?: string | undefined): string[];
         getParentRouteIdForPage(pageId: string): string | undefined;
         getParentRouteIdForRoute(routeId: string): string | undefined;
         getFirstOrDefaultRoute(): import("@brand-page").NavRoute;
         setCurrentActivePage({ pageId }: {
-            pageId?: string;
+            pageId?: string | undefined;
         }): void;
         setCurrentActivePageAndGoToPage({ pageId }: {
-            pageId?: string;
+            pageId?: string | undefined;
         }): void;
         setNav({ nav }: {
             nav: import("@brand-page").NavModel;
         }): void;
-        addNavRoute(newRoute: import("@brand-page").NavRoute, parentRouteId?: string): void;
+        addNavRoute(newRoute: import("@brand-page").NavRoute, parentRouteId?: string | undefined): 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): void;
+        recalculateSlugForRoute(routeId: string, previousParentRouteId?: string | undefined): void;
     }>;
     contentSettingsStore: import("pinia").Store<"uiContentSettings", import("../../../content-settings/store").ContentSettingsState, {
         contentErrorCount(): number;
         getContent(state: {
             addContentOptions: {
-                type: import("@brand-page").ContentType;
+                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
+                displayMode?: "default" | "focused" | undefined;
             }[];
             items: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -4089,37 +4080,37 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: import("../../../content-settings/store").ContentSettingsMode;
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: import("../../../models").UIEventSource | null;
+            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
-                type: import("@brand-page").ContentType;
+                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
+                displayMode?: "default" | "focused" | undefined;
             }[];
             items: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -4140,37 +4131,37 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: import("../../../content-settings/store").ContentSettingsMode;
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: import("../../../models").UIEventSource | null;
+            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("../../../content-settings/models").ContentItemFieldSettings | undefined;
         getItem(state: {
             addContentOptions: {
-                type: import("@brand-page").ContentType;
+                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
+                displayMode?: "default" | "focused" | undefined;
             }[];
             items: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -4191,37 +4182,37 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: import("../../../content-settings/store").ContentSettingsMode;
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: import("../../../models").UIEventSource | null;
+            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
         getValue(state: {
             addContentOptions: {
-                type: import("@brand-page").ContentType;
+                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
+                displayMode?: "default" | "focused" | undefined;
             }[];
             items: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -4242,37 +4233,37 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: import("../../../content-settings/store").ContentSettingsMode;
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: import("../../../models").UIEventSource | null;
+            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => Content | string | undefined;
+            activeCategoryTab: string;
+        } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | Content | undefined;
         getItemState(state: {
             addContentOptions: {
-                type: import("@brand-page").ContentType;
+                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
+                displayMode?: "default" | "focused" | undefined;
             }[];
             items: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -4293,37 +4284,37 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: import("../../../content-settings/store").ContentSettingsMode;
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: import("../../../models").UIEventSource | null;
+            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => import("../../../content-settings/models").ContentSettingsItemState;
         getItemGroupState(state: {
             addContentOptions: {
-                type: import("@brand-page").ContentType;
+                type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
                 createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
                 isLocked: boolean;
-                displayMode?: import("../../../../brand-page-maker/models").ContentSettingsDisplayMode | undefined;
+                displayMode?: "default" | "focused" | undefined;
             }[];
             items: {
                 id: string;
-                type: import("@brand-page").ContentType;
+                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";
                 settings: {
                     content: {
                         id: string;
-                        type: import("@brand-page").ContentType;
-                        personalisationRole?: import("@brand-page").PersonalisationRole | undefined;
+                        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;
                         topPadding?: number | undefined;
                         bottomPadding?: number | undefined;
                         imageUrlOverride?: string | undefined;
@@ -4344,26 +4335,26 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[];
             itemStates: Record<string, import("../../../content-settings/models").ContentSettingsItemState>;
             modeStack: {
-                mode: import("../../../content-settings/store").ContentSettingsMode;
+                mode: "images" | "pages" | "add" | "edit" | "focusedContentItem";
                 selectedItemId?: string | undefined;
                 selectedItemFieldName?: string | undefined;
                 selectedItemIndex?: number | undefined;
             }[];
             selectedItemId: string | null;
-            selectedItemEventSource: import("../../../models").UIEventSource | null;
+            selectedItemEventSource: "preview" | "contentSettings" | "pageSettings" | null;
             selectedItemFieldName: string | null;
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, groupId: string) => import("../../../content-settings/models").ContentSettingsItemGroupState;
-        mode(): import("../../../content-settings/store").ContentSettingsMode;
+        mode(): "images" | "pages" | "add" | "edit" | "focusedContentItem";
         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;
+            index?: number | undefined;
         }): void;
         setState(payload: {
             newState: Partial<import("../../../content-settings/store").ContentSettingsState>;
@@ -4380,7 +4371,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         _setItemSettingsFieldErrorState(payload: import("../../../content-settings/models").SetItemSettingsFieldErrorMessagePayload): void;
         _setSelectedItemId({ id, eventSource, }: {
             id: string | null;
-            eventSource: import("../../../models").UIEventSource | null;
+            eventSource: "preview" | "contentSettings" | "pageSettings" | null;
         }): void;
         _setSelectedItemFieldName({ name: name }: {
             name: string | null;
@@ -4394,10 +4385,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         _setSelectedItemImage({ selectedItemId, imageUrl, width, height, colorReplacements, aspectRatio, }: {
             selectedItemId: string | null;
             imageUrl: string;
-            width?: number;
-            height?: number;
-            colorReplacements?: import("@brand-page").ColorReplacement[];
-            aspectRatio?: number | null;
+            width?: number | undefined;
+            height?: number | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
+            aspectRatio?: number | null | undefined;
         }): void;
         _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
@@ -4421,7 +4412,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: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         }): void;
         setItemState({ id, itemState, }: {
             id: string;
@@ -4444,7 +4435,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addItemByType({ type, index, }: {
             type: string;
-            index?: number;
+            index?: number | undefined;
         }): ContentItem<Content> | undefined;
         deleteItem(payload: {
             id: string;
@@ -4456,13 +4447,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         updateIsDefaultTextColorRequired(): void;
         setSelectedItemId(payload: {
             id: string | null;
-            eventSource: import("../../../models").UIEventSource;
+            eventSource: "preview" | "contentSettings" | "pageSettings";
         }): void;
         setSelectedItemAndFieldName(payload: {
             id: string | null;
             name: string | null;
             index: number | null;
-            eventSource: import("../../../models").UIEventSource | null;
+            eventSource: "preview" | "contentSettings" | "pageSettings" | null;
         }): void;
         setSelectedItemValue(payload: {
             value: string | null;
@@ -4470,10 +4461,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         setSelectedItemImage(payload: {
             selectedItemId: string | null;
             imageUrl: string;
-            width?: number;
-            height?: number;
-            colorReplacements?: import("@brand-page").ColorReplacement[];
-            aspectRatio?: number | null;
+            width?: number | undefined;
+            height?: number | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
+            aspectRatio?: number | null | undefined;
         }): void;
         setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
@@ -4485,19 +4476,19 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: string;
         }): Promise<void>;
         setActiveCategoryTab(payload: {
-            activeCategoryTab: import("../../../../brand-page-maker/models").ItemCategory;
+            activeCategoryTab: string;
         }): void;
         selectInitialContentCategory(payload: {
             selectedCategory: string;
         }): void;
         initialiseItemState({ item, itemState, }: {
             item: ContentItem<Content>;
-            itemState?: Partial<import("../../../content-settings/store").ContentSettingsState>;
+            itemState?: Partial<import("../../../content-settings/store").ContentSettingsState> | undefined;
         }): void;
         initialiseItemGroupState({ id, groupId, groupState, }: {
             id: string;
             groupId: string;
-            groupState?: import("../../../content-settings/models").ContentSettingsItemGroupState;
+            groupState?: import("../../../content-settings/models").ContentSettingsItemGroupState | undefined;
         }): void;
     }>;
     navigationSettingsStore: import("pinia").Store<"uiNavigationStyleSettings", import("../../../navigation-style-settings/store").NavigationStyleSettingsState, {}, {
@@ -4505,52 +4496,52 @@ declare const _default: import("vue").DefineComponent<{}, {
             reset: boolean;
         }): void;
         setState({ newState, }: {
-            newState: Omit<import("../../../navigation-style-settings/store").NavigationStyleSettingsState, "availableNavigationStyleConfigs" | "navigationStyleTypeConfigs">;
+            newState: Omit<import("../../../navigation-style-settings/store").NavigationStyleSettingsState, "navigationStyleTypeConfigs" | "availableNavigationStyleConfigs">;
         }): void;
         setNavigationOrder({ section, renderAfterLogo, viewport, }: {
-            section: import("../../models").PageSection;
+            section: "footer" | "header";
             renderAfterLogo: boolean;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         _setDefaultButtonStyle({ displayType, section, style, viewport, }: {
             displayType: import("@brand-page").NavigationDisplayType;
-            section: import("../../models").PageSection;
+            section: "footer" | "header";
             style: BrandPageCssStyle;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         _setSelectedButtonStyle({ displayType, section, style, viewport, }: {
             displayType: import("@brand-page").NavigationDisplayType;
-            section: import("../../models").PageSection;
+            section: "footer" | "header";
             style: BrandPageCssStyle;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         _setIconStyle({ displayType, section, style, viewport, }: {
-            displayType?: import("@brand-page").NavigationDisplayType;
-            section: import("../../models").PageSection;
+            displayType?: import("@brand-page").NavigationDisplayType | undefined;
+            section: "footer" | "header";
             style: BrandPageCssStyle;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         _setSubNavBackgroundColor({ displayType, section, value, viewport, }: {
             displayType: import("@brand-page").NavigationDisplayType;
-            section: import("../../models").PageSection;
+            section: "footer" | "header";
             value: string | undefined;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         _setButtonStyles({ section, defaultButtonStyle, selectedButtonStyle, iconStyle, viewport, }: {
-            section: import("../../models").PageSection;
+            section: "footer" | "header";
             defaultButtonStyle: import("@brand-page").TextStyleDeclaration;
             selectedButtonStyle: BrandPageCssStyle;
             iconStyle: BrandPageCssStyle;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         setDisplayType({ section, displayType, viewport, }: {
-            section: import("../../models").PageSection;
+            section: "footer" | "header";
             displayType: import("@brand-page").NavigationDisplayType;
             viewport: import("@brand-page").ViewportsType;
         }): void;
         setNavigationStyleOptionValue({ section, option, value, viewport, }: {
-            section: import("../../models").PageSection;
-            option: import("../../../../brand-page-maker/models/navigation-style-configs").NavigationStyleConfigOption;
+            section: "footer" | "header";
+            option: "defaultBorderColor" | "selectedBorderColor" | "subNavBackgroundColor" | "defaultTextStyle" | "defaultBackgroundColor" | "selectedTextColor" | "selectedBackgroundColor" | "iconColor" | "iconBackgroundColor";
             value: any;
             viewport: import("@brand-page").ViewportsType;
         }): void;
@@ -4576,8 +4567,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: import("../../../../lib").CustomDomainStatus;
-                dnsConfigurationStatus: import("../../../../lib").DnsConfigurationStatus;
+                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
+                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -4633,7 +4624,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
+            contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
@@ -4654,8 +4645,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 updated: Date;
                 brandPageToken: string;
                 domainName: string;
-                status: import("../../../../lib").CustomDomainStatus;
-                dnsConfigurationStatus: import("../../../../lib").DnsConfigurationStatus;
+                status: "active" | "pending" | "failed" | "renewFailed" | "deleted";
+                dnsConfigurationStatus: "request_expired" | "missing_expected_dns_records" | "invalid_multiple_dns_records_exist" | "unexpected_aaaa_record" | "completed";
                 triggerOrigin?: string | undefined;
             } | null;
             createCustomDomainErrorMessage: string | null;
@@ -4711,7 +4702,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             };
             isSubsequentPublish: boolean;
             isContextualUpgradeModalVisible: boolean;
-            contextualUpgradeType: import("@brand-page-maker/stores").WebsiteContextUpgradeType | undefined;
+            contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
         } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
@@ -4748,7 +4739,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setIsSubsequentPublish(payload: any): void;
         clearPublishErrorMessage(): void;
         closePublishModal(payload?: {
-            skipShowNextNotificationMessage?: boolean;
+            skipShowNextNotificationMessage?: boolean | undefined;
         }): Promise<void>;
         closeUpgradeModal(): Promise<void>;
         endBrandPageSlugEditMode(): void;
@@ -4771,8 +4762,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         redirectToStripeOnboarding(): Promise<void>;
         exportDesignAsync(): Promise<any>;
         saveBrandPage(payload?: {
-            isPublish?: boolean;
-            eventButtonLocation?: string;
+            isPublish?: boolean | undefined;
+            eventButtonLocation?: string | undefined;
         }): Promise<false | {
             saved: boolean;
             canPublish: boolean;
@@ -4781,9 +4772,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         saveAndPublishBrandPage(eventButtonLocation: string): Promise<void>;
         saveTemplate(): Promise<void>;
         setBrandPageStatus(status: any): Promise<void>;
-        showPublishModal(eventButtonLocation?: string, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean): void;
+        showPublishModal(eventButtonLocation?: string | undefined, websiteUpsellModalViewModel?: any, isSubsequentPublish?: boolean | undefined): void;
         showBrandPageSlugEditModal(eventButtonLocation: string): Promise<void>;
-        showUpgradeModalAndSaveAsync(contextualUpgradeType?: import("@brand-page-maker/stores").WebsiteContextUpgradeType, cta?: string): Promise<void>;
+        showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined, cta?: string | undefined): Promise<void>;
         getContextualUpgradeResponseAsync(): Promise<import("../../../../clients/brand-page-client").getWebsiteContextualUpgradeResponse | undefined>;
         showStripeOnboardingModal(): void;
         closeStripeOnboardingModal(): void;
@@ -4850,15 +4841,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) => void;
+        sendUpsellOpenEvent: (cta_location?: string | undefined) => 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) => void;
-        sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean) => void;
+        sendWebsiteManageAddPageEvent: (pageName: string, isSubPageMode?: boolean | undefined) => void;
+        sendWebsiteManageRemovePageEvent: (pageName: string, isRouteNested?: boolean | undefined) => void;
         sendWebsiteManageReorderPageEvent: (pageName: string) => void;
         sendPublishOptionsForFreeEvent: () => void;
         sendPublishOptionsForPremiumEvent: () => void;
@@ -4867,8 +4858,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendTemplateSelectEvent: (templateId: string) => void;
         sendTemplateCategorySelectEvent: (category: string) => void;
         sendSidebarCategoryClickedEvent: (tabName: string) => void;
-        sendAddContentEvent: (contentType: string, selectLocation?: string, contentCategory?: string, triggerType?: string) => void;
-        sendRemoveContentEvent: (contentType: string, selectLocation?: string, contentCategory?: string, triggerType?: 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;
         sendAddContentContinuationEvent: (continuation: string) => void;
         sendUpsellOfferEvent: (upsellType: string) => void;
         sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
@@ -4879,7 +4870,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     isDeleteModalVisible: boolean;
     deleteModalPageId: string | undefined;
     deleteModalPageTitle: string | undefined;
-    currentPageNo: PageSettingsPage;
+    currentPageNo: "logo" | "page";
     PAGE_SETTINGS_PAGES: {
         readonly page: "page";
         readonly logo: "logo";