npm - @designcrowd/library.brand-page - Versions diffs - 5.16.46 → 5.16.47-alias-1 - Mend

@designcrowd/library.brand-page 5.16.46 → 5.16.47-alias-1

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 (844) hide show

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
-import type { PageSectionStyleOption } from '../../../../brand-page-maker/models/page-section-style.model';
+import type { PageSectionStyleOption } from '@brand-page-maker/models/page-section-style.model';
 import type { NavigationStyleOptionValueChangeEvent, PageSettingsFontSettingsOption } from '../../models';
-import type { LogoTheme, NavigationDisplayType, LinksItem, HeaderDisplayStyle, FooterDisplayStyle, ViewportsType, NavigationDesktop, NavigationMobile, PageHeaderDesktop, PageHeaderMobile, PageFooterDesktop, PageFooterMobile, LogoImageModel, LogoViewModel } from '../../../../brand-page';
+import type { LogoTheme, NavigationDisplayType, LinksItem, HeaderDisplayStyle, FooterDisplayStyle, ViewportsType, NavigationDesktop, NavigationMobile, PageHeaderDesktop, PageHeaderMobile, PageFooterDesktop, PageFooterMobile, LogoImageModel, LogoViewModel } from '@brand-page';
 import type { ContentItemFieldSettings, UpdateItemValuePayload } from '../../../content-settings/models';
 import type { PageSettingsStateSectionStyles } from '../../store';
 import type { DisplayLogoDraftAsset } from '../../../../clients/models';
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     sections: import("vue").ComputedRef<{
         header: {
             desktop: {
-                displayStyle: import("../../../../brand-page").PageSectionDisplayStyle;
+                displayStyle: import("@brand-page").PageSectionDisplayStyle;
                 navigationStyles?: {
                     displayType: NavigationDisplayType;
                     renderAfterLogo: boolean;
@@ -1318,7 +1318,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 viewport: ViewportsType;
             };
             mobile: {
-                displayStyle: import("../../../../brand-page").PageSectionDisplayStyle;
+                displayStyle: import("@brand-page").PageSectionDisplayStyle;
                 navigationStyles?: {
                     displayType: NavigationDisplayType;
                     renderAfterLogo: boolean;
@@ -3221,7 +3221,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         setPageContents({ pageIndex, contents, }: {
             pageIndex: number;
-            contents: import("../../../content-settings/models").ContentItem<import("../../../../brand-page").Content>[];
+            contents: import("../../../content-settings/models").ContentItem<import("@brand-page").Content>[];
         }): void;
         setPages({ pages }: {
             pages: import("../../models").ContentPage[];
@@ -3245,13 +3245,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sectionName: "footer" | "header" | "pages";
             propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
             index?: number | undefined;
-            value: string | number | boolean | BrandPageCssStyle | LinksItem[] | Partial<import("../../../../brand-page").ImageItem> | null | undefined;
+            value: string | number | boolean | BrandPageCssStyle | LinksItem[] | Partial<import("@brand-page").ImageItem> | null | undefined;
             merge?: boolean | undefined;
             viewport: ViewportsType;
         }): void;
         setPageSettingsSectionLogoImage({ sectionName, logoImage, logoTemplateImage, logoImageBase64Url, viewport, keepLogoVariation, logoImageHeight, logoImageWidth, }: {
             logoImage: LogoImageModel;
-            logoTemplateImage?: import("../../../../brand-page").LogoTemplateImageModel | undefined;
+            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel | undefined;
             logoImageBase64Url: string | undefined;
             sectionName: "footer" | "header" | "pages";
             viewport: ViewportsType;
@@ -3265,7 +3265,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             logoImageHeight: string | undefined;
             logoImageWidth: string | undefined;
         }): void;
-        updatePaymentConfigCurrency(updatedPaymentConfig: import("../../../../brand-page").BrandPagePaymentConfig, newCurrency: import("../../../../brand-page").BrandPagePaymentConfigCurrency): void;
+        updatePaymentConfigCurrency(updatedPaymentConfig: import("@brand-page").BrandPagePaymentConfig, newCurrency: import("@brand-page").BrandPagePaymentConfigCurrency): void;
         setPageTitle({ pageTitle, pageIndex, }: {
             pageTitle: string;
             pageIndex: number;
@@ -3275,7 +3275,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         addNewPage(payload: {
             title: string;
-        }): void;
+        }): import("../../models").ContentPage;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: "footer" | "header" | "pages" | undefined;
         }): void;
@@ -3298,7 +3298,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         selectedButtonStyleConfig(): import("../../../../brand-page-maker/models").ButtonStyleConfig | undefined;
         selectedTextFontFamily(): "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "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";
         doesLogoHaveBackground(): boolean;
-        activeLogoStyles(): import("../../../../brand-page").LogoStyles;
+        activeLogoStyles(): import("@brand-page").LogoStyles;
     }, {
         initialise(options: {
             reset: boolean;
@@ -3315,28 +3315,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             style: BrandPageCssStyle;
             clearLogoContentImageStyle: boolean;
         }): void;
-        _setGalleryStyles(payload: import("../../../../brand-page").GalleryStyles): void;
+        _setGalleryStyles(payload: import("@brand-page").GalleryStyles): void;
         _setSelectedButtonStyle(payload: {
             id: string;
         }): void;
         _setTextFontFamily(payload: {
             fontFamily: "lato" | "roboto" | "notoSans" | "openSans" | "arvo" | "bebasNeue" | "ptSerif" | "oswald" | "inter" | "montserrat" | "raleway" | "anton" | "antonSc" | "quicksand" | "pacifico" | "bioRhyme" | "playfairDisplay" | "mulish" | "telex" | "pridi" | "hindMadurai" | "kanit" | "libreBaskerville" | "amiko" | "neuton" | "tenorSans" | "jacquesFrancois" | "varela" | "quattrocentoSans" | "workSans" | "titilliumWeb" | "amaticSc" | "poiretOne" | "shantellSans" | "dancingScript" | "tangerine" | "cinzel" | "jost" | "exo2" | "ebGaramond" | "ubuntu" | "cabin" | "josefinSans" | "lobsterTwo" | "sacramento" | "nunito" | "aboreto" | "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";
         }): void;
-        _setTextStyles(payload: Partial<import("../../../../brand-page").TextStyles>): void;
+        _setTextStyles(payload: Partial<import("@brand-page").TextStyles>): void;
         setAdminStyleOptionDefaultValues(): void;
         setTextStyleOption(payload: {
             type: "buttons" | "titles" | "headings" | "paragraphs";
-            style: import("../../../../brand-page").TextStyleDeclaration;
+            style: import("@brand-page").TextStyleDeclaration;
         }): void;
         setStyleOptionValue(payload: {
             option: "buttonBorderColor" | "buttonFillColor" | "buttonShadowColor" | "buttonSoftShadowColor" | "buttonIconColor" | "logoBackgroundColor" | "defaultTextColor";
             value: string;
         }): void;
-        setButtonStyles(payload: import("../../../../brand-page").ButtonStyles): void;
+        setButtonStyles(payload: import("@brand-page").ButtonStyles): void;
         setGalleryType(payload: import("../../../style-settings/models").SetGalleryTypePayload): void;
         setGalleryStyles(payload: import("../../../style-settings/models").SetGalleryTypePayload): void;
-        setTextStyles(payload: import("../../../../brand-page").TextStyles): void;
-        setLogoStyles(payload: import("../../../../brand-page").LogoStyles): void;
+        setTextStyles(payload: import("@brand-page").TextStyles): void;
+        setLogoStyles(payload: import("@brand-page").LogoStyles): void;
         setLogoImageStyle(payload: {
             style: BrandPageCssStyle;
         }, options: {
@@ -3382,7 +3382,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         _setButtonStyles({ section, defaultButtonStyle, selectedButtonStyle, iconStyle, viewport, }: {
             section: "footer" | "header";
-            defaultButtonStyle: import("../../../../brand-page").TextStyleDeclaration;
+            defaultButtonStyle: import("@brand-page").TextStyleDeclaration;
             selectedButtonStyle: BrandPageCssStyle;
             iconStyle: BrandPageCssStyle;
             viewport: ViewportsType;
@@ -3405,7 +3405,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -3449,12 +3449,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => import("../../../../brand-page").Content | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -3503,7 +3503,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -3552,7 +3552,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -3596,12 +3596,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | import("../../../../brand-page").Content | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | import("@brand-page").Content | undefined;
         getItemState(state: {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -3650,7 +3650,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -3735,14 +3735,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             imageUrl: string;
             width?: number | undefined;
             height?: number | undefined;
-            colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
         _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
             items: import("../../../content-settings/models").ContentItem<any>[];
         }): void;
-        updateContent<T extends import("../../../../brand-page").Content>({ id, content, }: {
+        updateContent<T extends import("@brand-page").Content>({ id, content, }: {
             id: string;
             content: T;
         }): void;
@@ -3784,7 +3784,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         addItemByType({ type, index, }: {
             type: string;
             index?: number | undefined;
-        }): import("../../../content-settings/models").ContentItem<import("../../../../brand-page").Content> | undefined;
+        }): import("../../../content-settings/models").ContentItem<import("@brand-page").Content> | undefined;
         deleteItem(payload: {
             id: string;
         }): void;
@@ -3811,12 +3811,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             imageUrl: string;
             width?: number | undefined;
             height?: number | undefined;
-            colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
         setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
-            items: import("../../../content-settings/models").ContentItem<import("../../../../brand-page").Content>[];
+            items: import("../../../content-settings/models").ContentItem<import("@brand-page").Content>[];
         }): void;
         validateItem(payload: import("../../../content-settings/models").ValidateItemPayload): void;
         validateItems(): Promise<void>;
@@ -3830,7 +3830,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedCategory: string;
         }): void;
         initialiseItemState({ item, itemState, }: {
-            item: import("../../../content-settings/models").ContentItem<import("../../../../brand-page").Content>;
+            item: import("../../../content-settings/models").ContentItem<import("@brand-page").Content>;
             itemState?: Partial<import("../../../content-settings/store").ContentSettingsState> | undefined;
         }): void;
         initialiseItemGroupState({ id, groupId, groupState, }: {
@@ -3858,7 +3858,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             mode: "desktop" | "mobile";
         }): void;
         setUserPersonalisationData({ personalisationData, }: {
-            personalisationData: import("../../../../brand-page").UserPersonalisationContent[];
+            personalisationData: import("@brand-page").UserPersonalisationContent[];
         }): void;
         onBackgroundChanged(): void;
         onContentChanged(): void;
@@ -3871,13 +3871,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         triggerLockedContentClickedEvent(payload: {
             type: string;
         }): Promise<void>;
-        onTemplateSelected(payload: import("../../../../brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): Promise<void>;
         showUpgradeModalAndSaveAsync(contextualUpgradeType?: string | number | symbol | undefined): Promise<void>;
         setIsPersonalisationEnabled({ isPersonalisationEnabled, }: {
             isPersonalisationEnabled: boolean;
         }): void;
     }>;
-    containerStore: import("pinia").Store<"brandPageContainer", import("../../../../brand-page-maker/stores").BrandPageContainerState, {
+    containerStore: import("pinia").Store<"brandPageContainer", import("@brand-page-maker/stores").BrandPageContainerState, {
         brandPageContentTypes(): string[];
         isAdmin(): boolean;
         isPublished: (state: {
@@ -3941,7 +3941,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
         isUserDraft: (state: {
             availableTaxes: any[];
             brandPageBaseUrl: string;
@@ -4003,7 +4003,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isContextualUpgradeModalVisible: boolean;
             contextualUpgradeType: string | number | symbol | undefined;
             requestVerificationToken?: string | undefined;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").BrandPageContainerState>) => boolean;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").BrandPageContainerState>) => boolean;
     }, {
         initialise(payload: import("../../../../brand-page-maker/stores/brandpage-container").InitialisePayload): void;
         setDesignTemplateToken(payload: any): void;
@@ -4104,16 +4104,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isCustomDomainEnabled: any;
         }): Promise<void>;
     }>;
-    logoStore: import("pinia").Store<"logoStore", import("../../../../brand-page-maker/stores").LogoStoreState, {}, {
+    logoStore: import("pinia").Store<"logoStore", import("@brand-page-maker/stores").LogoStoreState, {}, {
         initialise(payload: {
-            logoTemplateAsset?: import("../../../../brand-page-maker/stores").LogoTemplateAsset | undefined;
-            logoDraftAssets: import("../../../../brand-page-maker/stores").LogoDraftAsset[];
+            logoTemplateAsset?: import("@brand-page-maker/stores").LogoTemplateAsset | undefined;
+            logoDraftAssets: import("@brand-page-maker/stores").LogoDraftAsset[];
         }): void;
-        setLogoTemplateAsset(logoTemplateAsset: import("../../../../brand-page-maker/stores").LogoTemplateAsset): void;
+        setLogoTemplateAsset(logoTemplateAsset: import("@brand-page-maker/stores").LogoTemplateAsset): void;
         addLogoDraftAsset(payload: {
-            logoDraftAsset: import("../../../../brand-page-maker/stores").LogoDraftAsset;
+            logoDraftAsset: import("@brand-page-maker/stores").LogoDraftAsset;
         }): void;
-        getLogoDraftAssetByToken(token: string): import("../../../../brand-page-maker/stores").LogoDraftAsset | undefined;
+        getLogoDraftAssetByToken(token: string): import("@brand-page-maker/stores").LogoDraftAsset | undefined;
         resetLogoTemplateSearchResults(): void;
         searchLogoTemplatesAsync(payload: {
             searchText: string;
@@ -4121,7 +4121,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             page: number;
         }): Promise<void>;
     }>;
-    editableLogoStore: import("pinia").Store<"uiEditableLogo", import("../../../logo-settings/store/editable-logo-store").EditableLogoState, {
+    editableLogoStore: import("pinia").Store<"uiEditableLogo", import("@shared/logo-settings/store").EditableLogoState, {
         getLogoPrimaryText: (state: {
             enableEditMode: boolean;
             logoDraftToken: string;
@@ -4212,10 +4212,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             logoTemplateMetadata: string;
             isLogoDraftSaved: boolean;
             isTextOnlyLogo: boolean;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../logo-settings/store/editable-logo-store").EditableLogoState>) => () => string | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("@shared/logo-settings/store").EditableLogoState>) => () => string | undefined;
     }, {
         setStateAsync(payload: {
-            newState: import("../../../logo-settings/store/editable-logo-store").SetStateAsyncPayload;
+            newState: import("@shared/logo-settings/store").SetStateAsyncPayload;
             defaultPrimaryText?: string | undefined;
         }): Promise<void>;
         resetLogoEdits(): void;
@@ -4229,7 +4229,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         getEditableLogoVariationByBase64(base64: string): any;
         updateEditableLogoImageUrlAsync(defaultPrimaryText?: string | undefined, overrideLogoVariation?: number | undefined): Promise<void>;
         updateMetadataAsync(defaultPrimaryText?: string | undefined, resetLogoTemplateMetadata?: boolean): Promise<void>;
-        updateEditableLogoImageByVariationAsync(editableLogoVariation: import("../../../logo-settings/store/editable-logo-store").EditableLogoVariation, defaultPrimaryText?: string | undefined): Promise<import("../../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
+        updateEditableLogoImageByVariationAsync(editableLogoVariation: import("@shared/logo-settings/store").EditableLogoVariation, defaultPrimaryText?: string | undefined): Promise<import("../../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
         getDraftMetadata(logoDraftToken: string): string | undefined;
         upsertDraftMetadata(metadata: string): void;
         isS3TokenExpired(expiryDate: string | undefined): boolean;
@@ -4241,17 +4241,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             defaultPrimaryText?: string | undefined;
         }): Promise<import("../../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
     }>;
-    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../../../brand-page-maker/stores").BrandPageMakerState, {
+    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;
         brandPageContentTypes(): string[];
-        brandPageData(): import("../../../../brand-page").BrandPageModel;
+        brandPageData(): import("@brand-page").BrandPageModel;
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
         brandPageTemplate(): any;
         brandPageTitle(): string;
-        brandPageViewModel(): import("../../../../brand-page").BrandPageViewModel;
+        brandPageViewModel(): import("@brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
         isInteractivePreviewEnabled(): boolean;
         isProduction(): boolean;
@@ -4303,14 +4303,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             settings: import("../../../content-settings/models").FieldSettingsBase;
         }): void;
         enqueueNotificationMessage({ message, }: {
-            message: import("../../../../brand-page-maker/stores").NotificationMessage;
+            message: import("@brand-page-maker/stores").NotificationMessage;
         }): void;
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: false | import("../../../../brand-page-maker/stores").NotificationMessage;
+            message: false | import("@brand-page-maker/stores").NotificationMessage;
         }): void;
-        setIsApplyingTemplate(payload: import("../../../../brand-page-maker/stores").IsApplyingTemplatePayload): void;
+        setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
@@ -4319,7 +4319,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isInitialising: boolean;
         }): void;
         setIsBrandPageLoaded(isLoaded: boolean): void;
-        setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../../../brand-page-maker/stores").SetIsModifiedPayload): void;
+        setIsModifiedAfterTemplateApplied({ isModified, }?: import("@brand-page-maker/stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;
         }): void;
@@ -4337,29 +4337,29 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("../../../../brand-page-maker/stores").OnTemplateSelectedPayload): void;
+        onTemplateSelected(payload: import("@brand-page-maker/stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
         showNextNotificationMessage(): Promise<void>;
-        updateContent<TContent extends import("../../../../brand-page").Content, P extends {
+        updateContent<TContent extends import("@brand-page").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        export(): import("../../../../brand-page").BrandPageModel;
+        export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
-            pages: import("../../../../brand-page").PageModel[];
+            pages: import("@brand-page").PageModel[];
             sections: import("../../store").PageSettingsStateSections;
         }): void;
         initialiseAdminMaker(payload: {
             models: import("../../../../brand-page-maker/stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;
-        setIsSaving(payload: import("../../../../brand-page-maker/stores").SetIsSavingPayload): Promise<void>;
+        setIsSaving(payload: import("@brand-page-maker/stores").SetIsSavingPayload): Promise<void>;
         showBrandPageSlugEditModal(): Promise<void>;
-        updateBrandPageSettings(payload: import("../../../../brand-page-maker/stores").UpdateBrandPageSettingsPayload): Promise<void>;
-        updateSensitiveContentSettings(payload: import("../../../../brand-page-maker/stores").UpdateSensitiveContentPayload): Promise<void>;
+        updateBrandPageSettings(payload: import("@brand-page-maker/stores").UpdateBrandPageSettingsPayload): Promise<void>;
+        updateSensitiveContentSettings(payload: import("@brand-page-maker/stores").UpdateSensitiveContentPayload): Promise<void>;
         updateAndSaveMeasurementID(payload: {
             measurementID: string | undefined;
         }): Promise<void>;
@@ -4376,6 +4376,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     viewport: import("vue").ComputedRef<ViewportsType>;
     pages: {
+        id: string;
         title: string;
         slug: string;
         contents: {

package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.js CHANGED Viewed

@@ -1,17 +1,17 @@
 import { defineComponent, computed } from 'vue';
-import { PAGE_SECTION_STYLE_OPTIONS } from '../../../../brand-page-maker/models/page-section-style.model';
+import { PAGE_SECTION_STYLE_OPTIONS } from '@brand-page-maker/models/page-section-style.model';
 import { PAGE_SECTIONS } from '../../models';
-import { LOGO_SLIDER_DESKTOP_MAX, LOGO_SLIDER_DESKTOP_MIN, LOGO_SLIDER_MOBILE_MAX, LOGO_SLIDER_MOBILE_MIN, VIEWPORTS, } from '../../../../brand-page';
+import { LOGO_SLIDER_DESKTOP_MAX, LOGO_SLIDER_DESKTOP_MIN, LOGO_SLIDER_MOBILE_MAX, LOGO_SLIDER_MOBILE_MIN, VIEWPORTS, } from '@brand-page';
 import { UI_DEVICE_MODES, UI_EVENT_SOURCES } from '../../../models';
 import { useUiPageSettingsStore } from '../../store';
 import { useUiNavigationStyleSettingsStore } from '../../../navigation-style-settings/store';
 import { useUiStyleSettingsStore } from '../../../style-settings/store';
 import { useUiContentSettingsStore } from '../../../content-settings/store';
-import { useBrandPageContainerStore, useBrandPageMakerStore, useLogoStore, useUiStore, } from '../../../../brand-page-maker/stores';
-import { useUiEditableLogoStore, useUiLogoSettingsStore, } from '../../../../shared/logo-settings/store';
+import { useBrandPageContainerStore, useBrandPageMakerStore, useLogoStore, useUiStore, } from '@brand-page-maker/stores';
+import { useUiEditableLogoStore, useUiLogoSettingsStore, } from '@shared/logo-settings/store';
 import { FabricRenderClient } from '../../../../clients/fabric-render-client';
-import { parseLogoThemeToCssStyles } from '../../../../brand-page/utils';
-import { commonTr } from '../../../../composables/useTranslate';
+import { parseLogoThemeToCssStyles } from '@brand-page/utils';
+import { commonTr } from '@src/composables/useTranslate';
 const viewportsWithTr = () => [
     {
         key: VIEWPORTS.desktop,

package/lib/src/shared/page-settings/models.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
-import type { Content, TextStyleDeclaration } from '../../brand-page';
+import type { Content, TextStyleDeclaration } from '@brand-page';
 import type { ContentItem } from '../content-settings/models';
 import type { PageSettingsStateSectionStyles } from './store';
-import type { NavigationStyleConfigOption } from '../../brand-page-maker/models/navigation-style-configs';
+import type { NavigationStyleConfigOption } from '@brand-page-maker/models/navigation-style-configs';
 export interface ContentPage {
+    id: string;
     title: string;
     slug: string;
     contents: ContentItem<Content>[];

package/lib/src/shared/page-settings/store/page-settings-store.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { ContentItem } from '../../content-settings/models';
-import { PageHeaderDesktop, PageHeaderMobile, PageFooterDesktop, PageFooterMobile, VIEWPORTS } from '../../../brand-page';
-import type { Content, ImageGalleryItem, LinksItem, LogoImageModel, ViewportsType, LogoTemplateImageModel, BrandPagePaymentConfig, BrandPagePaymentConfigCurrency } from '../../../brand-page';
+import { PageHeaderDesktop, PageHeaderMobile, PageFooterDesktop, PageFooterMobile, VIEWPORTS } from '@brand-page';
+import type { Content, ImageGalleryItem, LinksItem, LogoImageModel, ViewportsType, LogoTemplateImageModel, BrandPagePaymentConfig, BrandPagePaymentConfigCurrency } from '@brand-page';
 import type { ContentPage } from '../models';
 import { PAGE_SECTIONS } from '../models';
 export type PageSettingsStateSectionStyles = Partial<PageHeaderDesktop & PageHeaderMobile & PageFooterDesktop & PageFooterMobile>;
@@ -98,7 +98,7 @@ export declare const useUiPageSettingsStore: import("pinia").StoreDefinition<"ui
     }): void;
     addNewPage(payload: {
         title: string;
-    }): void;
+    }): ContentPage;
     setSelectedSectionName({ sectionName, }: {
         sectionName?: "footer" | "header" | "pages" | undefined;
     }): void;

package/lib/src/shared/page-settings/store/page-settings-store.js CHANGED Viewed

@@ -1,12 +1,13 @@
 import { defineStore } from 'pinia';
-import { PageHeaderDesktop, PageHeaderMobile, PageFooterDesktop, PageFooterMobile, VIEWPORTS, HEADER_DISPLAY, } from '../../../brand-page';
+import { PageHeaderDesktop, PageHeaderMobile, PageFooterDesktop, PageFooterMobile, VIEWPORTS, HEADER_DISPLAY, } from '@brand-page';
+import { v4 as uuid } from 'uuid';
 import { PAGE_SECTIONS } from '../models';
-import { navigateToPageBySlug } from '../../../brand-page-maker/routing';
-import { getPageSlugFromPageTitle } from '../../../brand-page-maker/utils';
+import { navigateToPageBySlug } from '@brand-page-maker/routing';
+import { getPageSlugFromPageTitle } from '@brand-page-maker/utils';
 import { useUiContentSettingsStore } from '../../content-settings/store';
-import { useBrandPageMakerStore, useBrandPageMakerUserStore, useBrandPageContainerStore, useUiStore, } from '../../../brand-page-maker/stores';
+import { useBrandPageMakerStore, useBrandPageMakerUserStore, useBrandPageContainerStore, useUiStore, } from '@brand-page-maker/stores';
 import { useUiLogoSettingsStore } from '../../logo-settings/store';
-import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, } from '../../../brand-page-maker/composables/useEventTracker';
+import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
 import { useShopConfigStore } from '../../ecommerce-settings/store/shop-settings-store';
 import { WEBSITE_UPGRADE_CONTEXT_TYPES } from '@designcrowd/fe-shared-lib';
 export const PAGE_SECTIONS_PAGES = 'pages';
@@ -217,7 +218,7 @@ export const useUiPageSettingsStore = defineStore('uiPageSettings', {
             const logoSettingsStore = useUiLogoSettingsStore();
             const brandPageMakerStore = useBrandPageMakerStore();
             const slug = getPageSlugFromPageTitle(payload.title, this.pages.map((p) => p.slug));
-            const newPage = { title: payload.title, slug, contents: [] };
+            const newPage = { id: uuid(), title: payload.title, slug, contents: [] };
             // Insert new page after the non-hidden page
             const visiblePages = this.pages.filter((page) => !page.isHidden);
             const hiddenPages = this.pages.filter((page) => page.isHidden);
@@ -228,6 +229,7 @@ export const useUiPageSettingsStore = defineStore('uiPageSettings', {
             if (brandPageMakerStore.isBrandPageOrIsBrandContact) {
                 logoSettingsStore.addDefaultLogoContentToCurrentPage();
             }
+            return newPage;
         },
         setSelectedSectionName({ sectionName, }) {
             this.selectedSectionName = sectionName;

package/lib/src/shared/page-settings/utils.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { errorTr } from '../../composables/useTranslate';
+import { errorTr } from '@src/composables/useTranslate';
 const MAX_PAGE_TITLE_LENGTH = 30;
 export const getPageTitleError = (pageTitle) => {
     if (!pageTitle) {