@designcrowd/library.brand-page 5.16.48 → 5.16.49

package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
 import type { ContentItem, Field, UpdateItemValuePayload } from '../../models';
-import { type Content } from '../../../../brand-page';
-import { type ItemFieldType } from '../../../../brand-page-maker/models';
+import { type Content } from '@brand-page';
+import { type ItemFieldType } from '@brand-page-maker/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     getFieldSettings: import("vue").ComputedRef<(id: string, fieldName: string) => import("../../models").ContentItemFieldSettings | undefined>;
     getContent: import("vue").ComputedRef<(id: string) => Content | undefined>;
     getValue: import("vue").ComputedRef<(id: string, fieldName: string) => string | Content | undefined>;
-    brandPageData: import("vue").ComputedRef<import("../../../../brand-page").BrandPageModel>;
+    brandPageData: import("vue").ComputedRef<import("@brand-page").BrandPageModel>;
     isAdmin: import("vue").ComputedRef<boolean>;
     isDesignCom: import("vue").ComputedRef<boolean>;
     canUseRichTextEditor: import("vue").ComputedRef<boolean>;
@@ -362,7 +362,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState;
         mode(): "images" | "add" | "pages" | "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, }: {
@@ -400,7 +400,7 @@ 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;
@@ -476,7 +476,7 @@ 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;
@@ -504,17 +504,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             groupState?: import("../../models").ContentSettingsItemGroupState | undefined;
         }): void;
     }>;
-    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;
@@ -566,14 +566,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             settings: import("../../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;
@@ -582,7 +582,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;
@@ -600,29 +600,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 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("../../../page-settings/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>;
@@ -632,12 +632,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         validateContentItems(): Promise<void>;
         validateBrandPageData(): Promise<void>;
         setViewport(payload: {
-            viewport: import("../../../../brand-page").ViewportsType;
+            viewport: import("@brand-page").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
         selectInitialCategories(payload: import("../../../template-settings/models").InitialCategories): void;
     }>;
-    userStore: import("pinia").Store<"brandPageMakerUser", import("../../../../brand-page-maker/stores").UserState, {}, {
+    userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
             emailAddress?: string | undefined;
             userToken?: string | undefined;
@@ -651,7 +651,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         endpoints: () => import("../../../models").Endpoints;
     }, {
         setLogoTheme(payload: {
-            logoTheme: import("../../../../brand-page").LogoTheme;
+            logoTheme: import("@brand-page").LogoTheme;
         }): void;
         setIsDefaultTextColorRequired(payload: {
             isDefaultTextColorRequired: boolean;
@@ -666,7 +666,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;
@@ -679,7 +679,7 @@ 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;
@@ -729,16 +729,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sectionName: "footer" | "header" | "pages";
             propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
             index?: number | undefined;
-            value: string | number | boolean | BrandPageCssStyle | import("../../../../brand-page").LinksItem[] | Partial<import("../../../../brand-page").ImageItem> | null | undefined;
+            value: string | number | boolean | BrandPageCssStyle | import("@brand-page").LinksItem[] | Partial<import("@brand-page").ImageItem> | null | undefined;
             merge?: boolean | undefined;
-            viewport: import("../../../../brand-page").ViewportsType;
+            viewport: import("@brand-page").ViewportsType;
         }): void;
         setPageSettingsSectionLogoImage({ sectionName, logoImage, logoTemplateImage, logoImageBase64Url, viewport, keepLogoVariation, logoImageHeight, logoImageWidth, }: {
-            logoImage: import("../../../../brand-page").LogoImageModel;
-            logoTemplateImage?: import("../../../../brand-page").LogoTemplateImageModel | undefined;
+            logoImage: import("@brand-page").LogoImageModel;
+            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel | undefined;
             logoImageBase64Url: string | undefined;
             sectionName: "footer" | "header" | "pages";
-            viewport: import("../../../../brand-page").ViewportsType;
+            viewport: import("@brand-page").ViewportsType;
             keepLogoVariation?: boolean | undefined;
             logoImageHeight?: string | undefined;
             logoImageWidth?: string | undefined;
@@ -749,7 +749,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;
@@ -775,7 +775,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             logoImageUrl: string | undefined;
             logoImageBase64Url: string | undefined;
         };
-        selectedLogoTemplateImage(): import("../../../../brand-page").LogoTemplateImageModel | undefined;
+        selectedLogoTemplateImage(): import("@brand-page").LogoTemplateImageModel | undefined;
         logoVariationImageUrls(): Record<number, string>;
     }, {
         redirectToCreateNewDesignPage(): Promise<void>;
@@ -784,10 +784,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         addDefaultLogoContentToCurrentPage(): void;
         setLogoImageToAllContentsAndSections({ logoImage, keepLogoVariation, }: {
-            logoImage: import("../../../../brand-page").LogoImageModel;
+            logoImage: import("@brand-page").LogoImageModel;
             keepLogoVariation?: boolean | undefined;
         }): void;
-        setSelectedLogoImage(selectedLogoImage: import("../../../../brand-page").LogoImageModel): void;
+        setSelectedLogoImage(selectedLogoImage: import("@brand-page").LogoImageModel): void;
         setSelectedLogoImageToAll(payload: import("../../../logo-settings/store").SetSelectedLogoImagePayload): void;
         applyLogoDesignAttributes(logoDesignAttributes: import("../../../../clients/fabric-render-client").BrandPageLogoDesignAttributesModel): void;
         setLogoVariation(payload: import("../../../logo-settings/store").SetLogoVariationPayload): void;

package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.js

@@ -1,18 +1,18 @@
 import { defineComponent, computed } from 'vue';
-import { VIEWPORTS, } from '../../../../brand-page';
+import { VIEWPORTS } from '@brand-page';
 import { UI_EVENT_SOURCES } from '../../../models';
 import { useUiContentSettingsStore } from '../../store';
 import { useUiSideBarStore } from '../../../side-bar/store';
-import { useBrandPageContainerStore, useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, useSnapshotStore, } from '../../../../brand-page-maker/stores';
-import { SIDE_BAR_TAB_NAMES } from '../../../../brand-page-maker/constants';
-import { ITEM_FIELD_TYPES, } from '../../../../brand-page-maker/models';
+import { useBrandPageContainerStore, useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, useSnapshotStore, } from '@brand-page-maker/stores';
+import { SIDE_BAR_TAB_NAMES } from '@brand-page-maker/constants';
+import { ITEM_FIELD_TYPES } from '@brand-page-maker/models';
 import { useUiPageSettingsStore } from '../../../page-settings/store';
 import { PAGE_SECTIONS } from '../../../page-settings/models';
-import { commonTr } from '../../../../composables/useTranslate';
-import { getPlainTextFromRTE, replaceTextInRTE, RTE_ALLOWED_SECTION_TYPES, } from '../../../../brand-page-maker/utils';
-import { isDefaultContentText } from '../../utils';
+import { commonTr } from '@src/composables/useTranslate';
+import { getPlainTextFromRTE, replaceTextInRTE, RTE_ALLOWED_SECTION_TYPES, } from '@brand-page-maker/utils';
+import { isDefaultContentText } from '@shared/content-settings/utils';
 import { useUiLogoSettingsStore } from '../../../logo-settings/store';
-import { getCtaLocationFromFieldType } from '../../../../brand-page-maker/utils/mixpanel.util';
+import { getCtaLocationFromFieldType } from '@brand-page-maker/utils/mixpanel.util';
 const AI_ALLOWED_SECTION_TYPES = [
     'banner-section',
     'text',

package/lib/src/shared/content-settings/components/draggable-item-list/DraggableItemList.mixin.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
 import type { DraggableItem } from './DraggableItemList.model';
 import type { UpdateItemValuePayload } from '../../models';
-import type { ColorReplacement, LogoTheme } from '../../../../brand-page';
+import type { ColorReplacement, LogoTheme } from '@brand-page';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;

package/lib/src/shared/content-settings/components/draggable-item-list/DraggableItemList.mixin.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import BrandPageIcon from '../../../../brand-page/components/icon/Icon.vue';
+import BrandPageIcon from '@brand-page/components/icon/Icon.vue';
 import { URL_RE, URL_REG_EX } from '../../constants';
 import { isEmail, isTel, isURL } from '../../../../utils/validator.util';
 const INITIAL_SHOW_AMOUNT = 5;

package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts

@@ -1,16 +1,16 @@
 import type { ContentItem, Field, FieldGroup, UpdateItemValuePayload } from '../../models';
-import type { ContentSettingsConfig } from '../../../../brand-page-maker/models';
-import { type BrandPageContext, type PersonalisationRole } from '../../../../brand-page';
+import type { ContentSettingsConfig } from '@brand-page-maker/models';
+import { type BrandPageContext, type PersonalisationRole } from '@brand-page';
 declare const _default: import("vue").DefineComponent<{}, {
     currentRoute: import("vue").ComputedRef<{
         params: any;
     }>;
     selectedItemId: import("vue").ComputedRef<string | null>;
-    getContent: import("vue").ComputedRef<(id: string) => import("../../../../brand-page").Content | undefined>;
+    getContent: import("vue").ComputedRef<(id: string) => import("@brand-page").Content | undefined>;
     getItem: import("vue").ComputedRef<(id: string) => ContentItem<any> | undefined>;
-    getValue: import("vue").ComputedRef<(id: string, fieldName: string) => string | import("../../../../brand-page").Content | undefined>;
+    getValue: import("vue").ComputedRef<(id: string, fieldName: string) => string | import("@brand-page").Content | undefined>;
     getItemGroupState: import("vue").ComputedRef<(id: string, groupId: string) => import("../../models").ContentSettingsItemGroupState>;
-    brandPageData: import("vue").ComputedRef<import("../../../../brand-page").BrandPageModel>;
+    brandPageData: import("vue").ComputedRef<import("@brand-page").BrandPageModel>;
     isPersonalisationEnabled: import("vue").ComputedRef<boolean>;
     isAdmin: import("vue").ComputedRef<boolean>;
     externalEditor: import("@tiptap/vue-3").Editor;
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             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("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -64,12 +64,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../../../brand-page").Content | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("../../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("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -118,7 +118,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             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("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -167,7 +167,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             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("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -211,12 +211,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => string | import("../../../../brand-page").Content | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("../../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("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -265,7 +265,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             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("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -350,14 +350,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             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: 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;
@@ -399,7 +399,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         addItemByType({ type, index, }: {
             type: string;
             index?: number | undefined;
-        }): ContentItem<import("../../../../brand-page").Content> | undefined;
+        }): ContentItem<import("@brand-page").Content> | undefined;
         deleteItem(payload: {
             id: string;
         }): void;
@@ -426,12 +426,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             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: ContentItem<import("../../../../brand-page").Content>[];
+            items: ContentItem<import("@brand-page").Content>[];
         }): void;
         validateItem(payload: import("../../models").ValidateItemPayload): void;
         validateItems(): Promise<void>;
@@ -445,7 +445,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedCategory: string;
         }): void;
         initialiseItemState({ item, itemState, }: {
-            item: ContentItem<import("../../../../brand-page").Content>;
+            item: ContentItem<import("@brand-page").Content>;
             itemState?: Partial<import("../../store").ContentSettingsState> | undefined;
         }): void;
         initialiseItemGroupState({ id, groupId, groupState, }: {

package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.js

@@ -1,13 +1,13 @@
 import { defineComponent, computed } from 'vue';
-import { getContentSettingsFields, getContentSettingsTemplate, } from '../../utils';
+import { getContentSettingsFields, getContentSettingsTemplate, } from '@shared/content-settings/utils';
 import { UI_EVENT_SOURCES } from '../../../models';
 import { useUiContentSettingsStore } from '../../store';
-import { useBrandPageMakerStore, useBrandPageMakerUserStore, useRouteStore, useUiStore, } from '../../../../brand-page-maker/stores';
-import { BRAND_PAGE_TYPES, MEDIA_SIZES, } from '../../../../brand-page';
-import { switchAllContentToRTE } from '../../../../brand-page-maker/utils';
-import { useUiPageSettingsStore } from '../../../../shared/page-settings/store';
-import { useExternalRichTextEditor } from '../../../../brand-page-maker/composables/rich-text-editor/useRichTextEditor';
-import { useUiStyleSettingsStore } from '../../../../shared/style-settings/store';
+import { useBrandPageMakerStore, useBrandPageMakerUserStore, useRouteStore, useUiStore, } from '@brand-page-maker/stores';
+import { BRAND_PAGE_TYPES, MEDIA_SIZES, } from '@brand-page';
+import { switchAllContentToRTE } from '@brand-page-maker/utils';
+import { useUiPageSettingsStore } from '@shared/page-settings/store';
+import { useExternalRichTextEditor } from '@brand-page-maker/composables/rich-text-editor/useRichTextEditor';
+import { useUiStyleSettingsStore } from '@shared/style-settings/store';
 export default defineComponent({
     setup() {
         const contentSettingsStore = useUiContentSettingsStore();

package/lib/src/shared/content-settings/components/form-fields-field/FormFieldsField.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { FormField } from '../../../../brand-page';
+import type { FormField } from '@brand-page';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;

package/lib/src/shared/content-settings/components/form-fields-field/FormFieldsField.mixin.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue';
-import { formFieldsTr } from '../../../../composables/useTranslate';
+import { formFieldsTr } from '@src/composables/useTranslate';
 export default defineComponent({
     props: {
         id: {

package/lib/src/shared/content-settings/components/google-address-field/GoogleAddressField.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Address } from '../../../../brand-page';
+import type { Address } from '@brand-page';
 import type { ContentItemFieldSettings } from '../../models';
 interface AddressFieldData {
     autoComplete?: google.maps.places.Autocomplete;

package/lib/src/shared/content-settings/components/icon-library/IconLibrary.mixin.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import Icon from '../../../../brand-page/components/icon/Icon.vue';
+import Icon from '@brand-page/components/icon/Icon.vue';
 import { BRAND_PAGE_ICONS } from '../../../../constants/brand-page-maker';
 export default defineComponent({
     components: {

package/lib/src/shared/content-settings/components/image-field/ImageField.mixin.js

@@ -1,10 +1,10 @@
 import { defineComponent } from 'vue';
 import { Button, Icon } from '@designcrowd/fe-shared-lib';
-import BrandPageIcon from '../../../../brand-page/components/icon/Icon.vue';
+import BrandPageIcon from '@brand-page/components/icon/Icon.vue';
 import { isURL } from '../../../../utils/validator.util';
-import { commonTr } from '../../../../composables/useTranslate';
-import { useVideoStore } from '../../../../brand-page-maker/stores/video/video-store';
-import { useEventTracker } from '../../../../brand-page-maker/composables/useEventTracker';
+import { commonTr } from '@src/composables/useTranslate';
+import { useVideoStore } from '@brand-page-maker/stores/video/video-store';
+import { useEventTracker } from '@brand-page-maker/composables/useEventTracker';
 const ACCEPTED_MIME_TYPES = 'image/png, image/jpeg, image/svg+xml';
 export default defineComponent({
     components: {

package/lib/src/shared/content-settings/components/images-field/ImagesField.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { ImageGalleryItem, LogoTheme } from '../../../../brand-page';
+import type { ImageGalleryItem, LogoTheme } from '@brand-page';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     value: {
-        type: PropType<import("../../../../brand-page").ImageItem[]>;
+        type: PropType<import("@brand-page").ImageItem[]>;
         required: true;
     };
     maxLength: {
@@ -69,7 +69,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     value: {
-        type: PropType<import("../../../../brand-page").ImageItem[]>;
+        type: PropType<import("@brand-page").ImageItem[]>;
         required: true;
     };
     maxLength: {

package/lib/src/shared/content-settings/components/links-field/LinksField.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { ColorReplacement, LinksItem, LogoTheme } from '../../../../brand-page';
+import type { ColorReplacement, LinksItem, LogoTheme } from '@brand-page';
 import type { ContentItemFieldSettings, UpdateItemValuePayload } from '../../models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {

package/lib/src/shared/content-settings/components/logo-field/LogoField.mixin.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import { type LogoViewModel } from '../../../../brand-page';
+import { type LogoViewModel } from '@brand-page';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: PropType<LogoViewModel>;

package/lib/src/shared/content-settings/components/logo-field/LogoField.mixin.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import {} from '../../../../brand-page';
+import {} from '@brand-page';
 export default defineComponent({
     props: {
         value: {