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

package/lib/src/brand-page-maker/convertors/line-height-value.convertor.js

@@ -1,4 +1,4 @@
-import { LINE_HEIGHT_BODY } from '../../brand-page/constants/';
+import { LINE_HEIGHT_BODY } from '@brand-page/constants/';
 export const lineHeightValueConvertor = {
     convertBackToMultipleValues: false,
     convert(value) {

package/lib/src/brand-page-maker/convertors/payment-display-type.convertor.d.ts

@@ -1,3 +1,3 @@
 import type { ButtonGroupConfig, ValueConvertor } from '../models';
-import { type RequestPaymentConfig, type RequestPaymentConvertor } from '../../brand-page';
+import { type RequestPaymentConfig, type RequestPaymentConvertor } from '@brand-page';
 export declare const paymentLinkDisplayStyleConvertor: ValueConvertor<RequestPaymentConfig, ButtonGroupConfig, RequestPaymentConvertor>;

package/lib/src/brand-page-maker/convertors/payment-display-type.convertor.js

@@ -1,5 +1,5 @@
-import { PAYMENT_OPTION_DISPLAY_TYPES, } from '../../brand-page';
-import { converterTr } from '../../composables/useTranslate';
+import { PAYMENT_OPTION_DISPLAY_TYPES, } from '@brand-page';
+import { converterTr } from '@src/composables/useTranslate';
 export const paymentLinkDisplayStyleConvertor = {
     convertBackToMultipleValues: true,
     convert(value) {

package/lib/src/brand-page-maker/convertors/shape-size-options.convertor.js

@@ -1,4 +1,4 @@
-import { commonTr } from '../../composables/useTranslate';
+import { commonTr } from '@src/composables/useTranslate';
 const SHAPE_HEIGHT_SMALL = '4rem';
 const SHAPE_HEIGHT_MEDIUM = '5.5rem';
 const SHAPE_HEIGHT_LARGE = '7rem';

package/lib/src/brand-page-maker/convertors/shop-aspect-ratio.convertor.js

@@ -1,5 +1,5 @@
-import { PAYMENT_OPTION_IMAGE_TYPES } from '../../brand-page';
-import { commonTr } from '../../composables/useTranslate';
+import { PAYMENT_OPTION_IMAGE_TYPES } from '@brand-page';
+import { commonTr } from '@src/composables/useTranslate';
 export const shopAspectRatioConvertor = {
     convertBackToMultipleValues: false,
     convert(value) {

package/lib/src/brand-page-maker/convertors/shop-display-type.convertor.d.ts

@@ -1,3 +1,3 @@
 import type { ButtonGroupConfig, ValueConvertor } from '../models';
-import { type ShopContent } from '../../brand-page';
+import { type ShopContent } from '@brand-page';
 export declare const shopDisplayConvertor: ValueConvertor<string, ButtonGroupConfig, Partial<ShopContent>>;

package/lib/src/brand-page-maker/convertors/shop-display-type.convertor.js

@@ -1,5 +1,5 @@
-import { PAYMENT_OPTION_DISPLAY_TYPES, } from '../../brand-page';
-import { converterTr } from '../../composables/useTranslate';
+import { PAYMENT_OPTION_DISPLAY_TYPES, } from '@brand-page';
+import { converterTr } from '@src/composables/useTranslate';
 export const shopDisplayConvertor = {
     convertBackToMultipleValues: true,
     convert(value) {

package/lib/src/brand-page-maker/convertors/social-links-icon-display-style.convertor.d.ts

@@ -1,4 +1,4 @@
 import type { OptionsConvertor } from '../models';
-import type { SocialLinksIconDisplayStyle } from '../../brand-page';
+import type { SocialLinksIconDisplayStyle } from '@brand-page';
 export declare const socialLinksIconDisplayStyleConvertor: OptionsConvertor<SocialLinksIconDisplayStyle | false>;
 export type SocialLinksIconDisplayStyleConvertor = typeof socialLinksIconDisplayStyleConvertor;

package/lib/src/brand-page-maker/convertors/social-links-icon-display-style.convertor.js

@@ -1,5 +1,5 @@
-import { SOCIAL_LINKS_ICON_DISPLAY_STYLES } from '../../brand-page';
-import { contentSettingsTr } from '../../composables/useTranslate';
+import { SOCIAL_LINKS_ICON_DISPLAY_STYLES } from '@brand-page';
+import { contentSettingsTr } from '@src/composables/useTranslate';
 export const socialLinksIconDisplayStyleConvertor = {
     convertBackToMultipleValues: false,
     convert(value) {

package/lib/src/brand-page-maker/convertors/testimonial-display-style-convertor.js

@@ -1,5 +1,5 @@
-import { ALIGN_CENTERED, BIG_IMAGE, COLUMNS } from '../../brand-page/constants';
-import { converterTr } from '../../composables/useTranslate';
+import { ALIGN_CENTERED, BIG_IMAGE, COLUMNS } from '@brand-page/constants';
+import { converterTr } from '@src/composables/useTranslate';
 export const testimonialDisplayStyleConvertor = {
     convertBackToMultipleValues: true,
     convert(value) {

package/lib/src/brand-page-maker/convertors/text-column-style.convertor.js

@@ -1,4 +1,4 @@
-import { TEXT_COLUMNS } from '../../brand-page/constants';
+import { TEXT_COLUMNS } from '@brand-page/constants';
 export const textColumnStyleConvertor = {
     convertBackToMultipleValues: false,
     convert(value) {

package/lib/src/brand-page-maker/convertors/text-css-style-options.convertor.d.ts

@@ -1,3 +1,3 @@
 import type { OptionsConvertor } from '../models';
-import type { TextStyleDeclarationWithoutTextAlign } from '../../brand-page';
+import type { TextStyleDeclarationWithoutTextAlign } from '@brand-page';
 export declare const textCSSStyleOptionsConvertor: OptionsConvertor<TextStyleDeclarationWithoutTextAlign>;

package/lib/src/brand-page-maker/convertors/text-image-display-style.convertor.d.ts

@@ -1,3 +1,3 @@
 import type { ButtonGroupConfig, ValueConvertor } from '../models';
-import type { ImagesSectionContent, MediaType } from '../../brand-page';
+import type { ImagesSectionContent, MediaType } from '@brand-page';
 export declare const getTextMediaOptionsConverterByMediaType: (mediaType: MediaType) => ValueConvertor<string | null, ButtonGroupConfig, Partial<ImagesSectionContent>>;

package/lib/src/brand-page-maker/convertors/text-image-display-style.convertor.js

@@ -1,4 +1,4 @@
-import { ALIGN_CARD_CENTER_IMAGE, ALIGN_CENTERED, ALIGN_LEFT_ALIGNED, ALIGN_RIGHT_ALIGNED, ALTERNATE_IMAGE, MEDIA_ONLY, } from '../../brand-page/constants';
+import { ALIGN_CARD_CENTER_IMAGE, ALIGN_CENTERED, ALIGN_LEFT_ALIGNED, ALIGN_RIGHT_ALIGNED, ALTERNATE_IMAGE, MEDIA_ONLY, } from '@brand-page/constants';
 export const getTextMediaOptionsConverterByMediaType = (mediaType) => {
     const textImageDisplayStyleConvertor = {
         convertBackToMultipleValues: true,

package/lib/src/brand-page-maker/convertors/text-size-value.convertor.js

@@ -1,4 +1,4 @@
-import { DEFAULT_FONT_SIZE } from '../../brand-page/constants/';
+import { DEFAULT_FONT_SIZE } from '@brand-page/constants/';
 import { pxToEm, emToPx } from '../utils/text.util';
 export const textSizeValueConvertor = {
     convertBackToMultipleValues: false,

package/lib/src/brand-page-maker/convertors/video-content-state.convertor.d.ts

@@ -1,3 +1,3 @@
-import type { VideoContent } from '../../brand-page';
+import type { VideoContent } from '@brand-page';
 import type { ValueConvertor } from '../models';
 export declare const videoContentStateConvertor: ValueConvertor<boolean, boolean, Partial<VideoContent>>;

package/lib/src/brand-page-maker/default-getters/payment-fill-color.default-getter.js

@@ -1,4 +1,4 @@
-import { RGBAtoHex } from '../../utils/helpers';
+import { RGBAtoHex } from '@utils/helpers';
 export const paymentFillColorFieldDefaultGetter = (brandPage) => ({
     backgroundColor: RGBAtoHex(brandPage.styles.buttonStyles.style.backgroundColor),
 });

package/lib/src/brand-page-maker/default-getters/payment-text-and-border-color.default-getter.js

@@ -1,5 +1,5 @@
-import { isHexTransparent } from '../../brand-page/utils/color.util';
-import { RGBAtoHex } from '../../utils/helpers';
+import { isHexTransparent } from '@brand-page/utils/color.util';
+import { RGBAtoHex } from '@utils/helpers';
 export const paymentTextAndBorderColorFieldDefaultGetter = (brandPage, id) => {
     const content = brandPage.pages
         .flatMap((p) => p.contents)

package/lib/src/brand-page-maker/default-getters/text-color.default-getter.js

@@ -1,5 +1,5 @@
-import { isHexTransparent } from '../../brand-page/utils/color.util';
-import { RGBAtoHex } from '../../utils/helpers';
+import { isHexTransparent } from '@brand-page/utils/color.util';
+import { RGBAtoHex } from '@utils/helpers';
 export const textColorFieldDefaultGetter = (brandPage, id) => {
     if (brandPage.pages.length === 0) {
         return {};

package/lib/src/brand-page-maker/models/assessor.model.d.ts

@@ -1,4 +1,4 @@
-import type { BrandPageContext } from '../../brand-page/models';
+import type { BrandPageContext } from '@brand-page/models';
 import type { ItemFieldType } from './content-settings-configs';
 export type Assessor<TPayload, TTarget> = (payload: TPayload, context?: BrandPageContext, option?: any) => TTarget;
 export type VisibilityAssessor<TContent> = Assessor<TContent, boolean>;

package/lib/src/brand-page-maker/models/button-styles-config.d.ts

@@ -1,4 +1,4 @@
-import type { BrandPageType, ButtonStyles } from '../../brand-page';
+import type { BrandPageType, ButtonStyles } from '@brand-page';
 export declare const ButtonStyleConfigOptions: readonly ["buttonBorderColor", "buttonFillColor", "buttonShadowColor", "buttonSoftShadowColor", "buttonIconColor"];
 export type ButtonStyleConfigOption = (typeof ButtonStyleConfigOptions)[number];
 export interface ButtonStyleConfig extends Omit<ButtonStyles, 'style' | 'template' | 'selectedButtonStyleId'> {

package/lib/src/brand-page-maker/models/button-styles-config.js

@@ -1,5 +1,5 @@
-import { BRAND_PAGE_TYPES } from '../../brand-page';
-import { ButtonBoxShadowSize, ButtonSoftBoxShadowSize } from '../../brand-page';
+import { BRAND_PAGE_TYPES } from '@brand-page';
+import { ButtonBoxShadowSize, ButtonSoftBoxShadowSize } from '@brand-page';
 export const ButtonStyleConfigOptions = [
     'buttonBorderColor',
     'buttonFillColor',

package/lib/src/brand-page-maker/models/content-settings-configs.d.ts

@@ -1,6 +1,6 @@
-import type { BrandPageContext, BrandPageType, Content, ContentType } from '../../brand-page';
-import type { ContentReplaceImageSettings } from '../../shared/content-settings/models';
-import type { UIUserFeatures } from '../../constants/ui';
+import type { BrandPageContext, BrandPageType, Content, ContentType } from '@brand-page';
+import type { ContentReplaceImageSettings } from '@shared/content-settings/models';
+import type { UIUserFeatures } from '@src/constants/ui';
 import type { OptionsConvertor, ValueConvertor } from './convertor.model';
 import type { FieldTypeAssessor, PlaceholderTypeAssessor, RoleTypeAssessor, VisibilityAssessor } from './assessor.model';
 import type { DefaultGetter } from './default-getter.model';

package/lib/src/brand-page-maker/models/content-settings-configs.js

@@ -1,4 +1,4 @@
-import { modelsTr } from '../../composables/useTranslate';
+import { modelsTr } from '@src/composables/useTranslate';
 export const ITEM_CATEGORIES = [
     'all',
     'general',

package/lib/src/brand-page-maker/models/content-settings.d.ts

@@ -1,7 +1,7 @@
-import { BrandPageModel } from '../../brand-page';
-import type { ButtonContent, ContentType, ImageContent, ProfileContent, TextContent, VideoContent, LogoContent, LogoTheme, MapContent, ImageGalleryContent, GeneralLinkContent, MailingListContent, RequestPaymentContent, ContactFormContent, BannerSectionContent, SocialLinksContent, ImagesSectionContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, BrandPageType, SupportMeContent, ShopContent, BookingSectionContent } from '../../brand-page';
+import { BrandPageModel } from '@brand-page';
+import type { ButtonContent, ContentType, ImageContent, ProfileContent, TextContent, VideoContent, LogoContent, LogoTheme, MapContent, ImageGalleryContent, GeneralLinkContent, MailingListContent, RequestPaymentContent, ContactFormContent, BannerSectionContent, SocialLinksContent, ImagesSectionContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, BrandPageType, SupportMeContent, ShopContent, BookingSectionContent } from '@brand-page';
 import type { CreateInitialContentFunction } from './content-settings-configs';
-import type { CreateInitialContentOptions } from '../../shared/content-settings/models';
+import type { CreateInitialContentOptions } from '@shared/content-settings/models';
 export declare const createInitialButtonContent: (type: ContentType, iconUrl: string, options?: CreateInitialContentOptions) => () => ButtonContent;
 export declare const createInitialGeneralLinkContent: (type: ContentType, iconUrl: string, options?: CreateInitialContentOptions) => () => GeneralLinkContent;
 export declare const createInitialImageContent: () => ImageContent;

package/lib/src/brand-page-maker/models/content-settings.js

@@ -1,7 +1,7 @@
-import { BrandPageModel, PageStyles, FORM_FIELD_IDS, PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, SOCIAL_LINKS_ICON_DISPLAY_STYLES, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, MEDIA_TYPES, BUTTON_LINK_TYPE, DISPLAY_STYLE_PREVIEW, SUPPORT_ME_CUSTOM_PRODUCT_NAME, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, FONT_SIZE_BODY, LINE_HEIGHT_BODY, TEXT_STYLE_TYPES, TEXT_COLUMNS, DEFAULT_LOGO_BACKGROUND_COLOR_RGB, DEFAULT_LOGO_TEXT_COLOR_RGB, EMPTY_LOGO_IMAGE_MODEL, BRAND_PAGE_TYPES, SENSITIVE_CONTENT_TYPES, } from '../../brand-page';
+import { BrandPageModel, PageStyles, FORM_FIELD_IDS, PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, SOCIAL_LINKS_ICON_DISPLAY_STYLES, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, MEDIA_TYPES, BUTTON_LINK_TYPE, DISPLAY_STYLE_PREVIEW, SUPPORT_ME_CUSTOM_PRODUCT_NAME, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, FONT_SIZE_BODY, LINE_HEIGHT_BODY, TEXT_STYLE_TYPES, TEXT_COLUMNS, DEFAULT_LOGO_BACKGROUND_COLOR_RGB, DEFAULT_LOGO_TEXT_COLOR_RGB, EMPTY_LOGO_IMAGE_MODEL, BRAND_PAGE_TYPES, SENSITIVE_CONTENT_TYPES, } from '@brand-page';
 import * as uuid from 'uuid';
-import { getColorShades } from '../../brand-page/utils';
-import { contentSettingsTr } from '../../composables/useTranslate';
+import { getColorShades } from '@brand-page/utils';
+import { contentSettingsTr } from '@src/composables/useTranslate';
 export const createInitialButtonContent = (type, iconUrl, options) => () => {
     let translatedTitle = '';
     switch (type) {

package/lib/src/brand-page-maker/models/convertor.model.d.ts

@@ -1,5 +1,5 @@
 import type { ButtonGroupOption } from './button-group.model';
-import type { BrandPageContext } from '../../brand-page';
+import type { BrandPageContext } from '@brand-page';
 export interface ValueConvertorConvertBackOptions {
     fieldName: string;
 }

package/lib/src/brand-page-maker/models/default-getter.model.d.ts

@@ -1,2 +1,2 @@
-import type { BrandPageModel } from '../../brand-page/models';
+import type { BrandPageModel } from '@brand-page/models';
 export type DefaultGetter<T> = (brandPage: BrandPageModel, id?: string) => T;

package/lib/src/brand-page-maker/models/navigation-style-configs.d.ts

@@ -1,6 +1,6 @@
-import type { NavigationDesktop, NavigationMobile } from '../../brand-page';
-import type { PageSection } from '../../shared/page-settings/models';
-import { PAGE_SECTIONS } from '../../shared/page-settings/models';
+import type { NavigationDesktop, NavigationMobile } from '@brand-page';
+import type { PageSection } from '@shared/page-settings/models';
+import { PAGE_SECTIONS } from '@shared/page-settings/models';
 import type { ButtonGroupOption } from './button-group.model';
 export declare const NavigationStyleConfigOptions: {
     readonly defaultBorderColor: "defaultBorderColor";

package/lib/src/brand-page-maker/models/navigation-style-configs.js

@@ -1,6 +1,6 @@
-import { defaultHamburgerNavigation, NAVIGATION_DISPLAY, FONT_FAMILY_CONFIGS, DEFAULT_FONT_FAMILY_KEY, FONT_SIZE_BODY, DEFAULT_TEXT_ALIGN, } from '../../brand-page';
-import { PAGE_SECTIONS } from '../../shared/page-settings/models';
-import { tr, commonTr, modelsTr } from '../../composables/useTranslate';
+import { defaultHamburgerNavigation, NAVIGATION_DISPLAY, FONT_FAMILY_CONFIGS, DEFAULT_FONT_FAMILY_KEY, FONT_SIZE_BODY, DEFAULT_TEXT_ALIGN, } from '@brand-page';
+import { PAGE_SECTIONS } from '@shared/page-settings/models';
+import { tr, commonTr, modelsTr } from '@src/composables/useTranslate';
 export const NavigationStyleConfigOptions = {
     defaultBorderColor: 'defaultBorderColor',
     defaultTextStyle: 'defaultTextStyle',

package/lib/src/brand-page-maker/stores/admin-logo-settings/admin-logo-settings-store-utils.d.ts

@@ -1,3 +1,3 @@
 import type { AdminPreviewLogoTemplateModel, AdminPreviewLogoTemplateTemplate } from './admin-logo-settings-store';
-import type { BrandPageType, Content } from '../../../brand-page';
+import type { BrandPageType, Content } from '@brand-page';
 export declare const mapAdminPreviewLogoTemplateModelToAdminLogoTemplateTemplate: (contents: Content[], brandPageType: BrandPageType) => (templateModel: AdminPreviewLogoTemplateModel) => AdminPreviewLogoTemplateTemplate;

package/lib/src/brand-page-maker/stores/admin-logo-settings/admin-logo-settings-store-utils.js

@@ -1,5 +1,5 @@
-import { BrandPageModel, PageStyles } from '../../../brand-page';
-import { applyLogoThemeToBrandPageModel, parseLogoThemeToCssStyles, logoUtil, } from '../../../brand-page/utils';
+import { BrandPageModel, PageStyles } from '@brand-page';
+import { applyLogoThemeToBrandPageModel, parseLogoThemeToCssStyles, logoUtil, } from '@brand-page/utils';
 export const mapAdminPreviewLogoTemplateModelToAdminLogoTemplateTemplate = (contents, brandPageType) => (templateModel) => {
     const logoTheme = parseLogoThemeToCssStyles(templateModel.logoTheme);
     const { model } = applyLogoThemeToBrandPageModel(logoTheme, new BrandPageModel({ contents, styles: new PageStyles() }));

package/lib/src/brand-page-maker/stores/admin-logo-settings/admin-logo-settings-store.d.ts

@@ -1,5 +1,5 @@
-import { type FabricLogoTheme, type LogoTemplateImageModel, type LogoTheme } from '../../../brand-page';
-import type { TemplateSettingsTemplate } from '../../../shared/template-settings/models';
+import { type FabricLogoTheme, type LogoTemplateImageModel, type LogoTheme } from '@brand-page';
+import type { TemplateSettingsTemplate } from '@shared/template-settings/models';
 export interface AdminPreviewLogoTemplateModel {
     logoColors: string[];
     logoImageUrl: string;

package/lib/src/brand-page-maker/stores/admin-logo-settings/admin-logo-settings-store.js

@@ -1,10 +1,10 @@
-import { EMPTY_LOGO_IMAGE_MODEL, } from '../../../brand-page';
+import { EMPTY_LOGO_IMAGE_MODEL, } from '@brand-page';
 import { defineStore } from 'pinia';
-import { useUiContentSettingsStore } from '../../../shared/content-settings/store';
+import { useUiContentSettingsStore } from '@shared/content-settings/store';
 import { useUiStore } from '../ui';
-import { useUiLogoSettingsStore, } from '../../../shared/logo-settings/store';
-import { useUiBackgroundSettingsStore } from '../../../shared/background-settings/store';
-import { parseLogoThemeToCssStyles, logoUtil } from '../../../brand-page/utils';
+import { useUiLogoSettingsStore, } from '@shared/logo-settings/store';
+import { useUiBackgroundSettingsStore } from '@shared/background-settings/store';
+import { parseLogoThemeToCssStyles, logoUtil } from '@brand-page/utils';
 import { mapAdminPreviewLogoTemplateModelToAdminLogoTemplateTemplate } from './admin-logo-settings-store-utils';
 import { useBrandPageMakerStore } from '../brandpage-maker';
 export const useAdminLogoSettingsStore = defineStore('adminLogoSettings', {

package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.d.ts

@@ -1,7 +1,7 @@
 import { type getWebsiteContextualUpgradeResponse } from '../../../clients/brand-page-client';
-import { type LogoDraftAsset, type LogoTemplateAsset } from '../../stores';
-import type { CustomDomainConfigModel, CustomDomainModel } from '../../models';
-import type { WebsiteSlugCheckResponse } from '../../../brand-page-maker/models/api.model';
+import { type LogoDraftAsset, type LogoTemplateAsset } from '@brand-page-maker/stores';
+import type { CustomDomainConfigModel, CustomDomainModel } from '@brand-page-maker/models';
+import type { WebsiteSlugCheckResponse } from '@brand-page-maker/models/api.model';
 import { WEBSITE_UPGRADE_CONTEXT_TYPES } from '@designcrowd/fe-shared-lib';
 export type WebsiteContextUpgradeType = keyof typeof WEBSITE_UPGRADE_CONTEXT_TYPES;
 export interface BrandPageContainerState {

package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js

@@ -1,19 +1,19 @@
 import { defineStore } from 'pinia';
 import brandPageClient, {} from '../../../clients/brand-page-client';
-import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useLogoStore, useUiStore, useVideoStore, } from '../../stores';
-import { SIDE_BAR_TAB_NAMES } from '../../constants';
-import { BRAND_PAGE_TYPES, SENSITIVE_CONTENT_TYPES, getAbTestResults, getValueType, } from '../../../brand-page';
-import { isLogoContent } from '../../../brand-page/utils';
-import { useUiEditableLogoStore } from '../../../shared/logo-settings/store';
+import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useLogoStore, useUiStore, useVideoStore, } from '@brand-page-maker/stores';
+import { SIDE_BAR_TAB_NAMES } from '@brand-page-maker/constants';
+import { BRAND_PAGE_TYPES, SENSITIVE_CONTENT_TYPES, getAbTestResults, getValueType, } from '@brand-page';
+import { isLogoContent } from '@brand-page/utils';
+import { useUiEditableLogoStore } from '@shared/logo-settings/store';
 import uniq from 'lodash.uniq';
 import cloneDeep from 'lodash.clonedeep';
-import { useShopConfigStore } from '../../../shared/ecommerce-settings/store/shop-settings-store';
-import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, EVENTS, } from '../../composables/useEventTracker';
-import { navigationTr } from '../../../composables/useTranslate';
-import { errorTr, constantsTr } from '../../../composables/useTranslate';
+import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
+import { TRIGGER_TYPE, UPGRADE_CTA_LOCATIONS, useEventTracker, EVENTS, } from '@brand-page-maker/composables/useEventTracker';
+import { navigationTr } from '@src/composables/useTranslate';
+import { errorTr, constantsTr } from '@src/composables/useTranslate';
 import { findValuesByKey } from '../../../helpers/ts.helper';
 import { WEBSITE_UPGRADE_CONTEXT_TYPES } from '@designcrowd/fe-shared-lib';
-import { useUiTemplateSettingsStore } from '../../../shared/template-settings/store';
+import { useUiTemplateSettingsStore } from '@shared/template-settings/store';
 export const BRANDPAGE_STATUS = Object.freeze({
     Published: 'Published',
     Unpublished: 'Unpublished',

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store-utils.js

@@ -1,6 +1,6 @@
-import { CONTENT_SETTINGS_CONFIGS } from '../../constants';
-import { mapContentSettingsConfigToAddContentOption } from '../../utils';
-import { useUiContentSettingsStore } from '../../../shared/content-settings/store';
+import { CONTENT_SETTINGS_CONFIGS } from '@brand-page-maker/constants';
+import { mapContentSettingsConfigToAddContentOption } from '@brand-page-maker/utils';
+import { useUiContentSettingsStore } from '@shared/content-settings/store';
 import { useBrandPageMakerUserStore } from '../user';
 import { useBrandPageMakerStore } from './brandpage-maker-store';
 export const getEnabledContentSettingsConfigs = () => {

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.d.ts

@@ -1,11 +1,11 @@
-import type { BrandPageData, BrandPageType, BrandPageViewModel, CookieOptions, Content, PageModel, UserPersonalisationContent, ViewportsType, SensitiveContent, SaveContactOptions } from '../../../brand-page';
-import { BrandPageModel } from '../../../brand-page';
-import type { InitialCategories, TemplateCategory } from '../../../shared/template-settings/models';
+import type { BrandPageData, BrandPageType, BrandPageViewModel, CookieOptions, Content, PageModel, UserPersonalisationContent, ViewportsType, SensitiveContent, SaveContactOptions } from '@brand-page';
+import { BrandPageModel } from '@brand-page';
+import type { InitialCategories, TemplateCategory } from '@shared/template-settings/models';
 import type { AdminPreviewLogoTemplateModel } from '../admin-logo-settings';
-import type { PageSettingsStateSections } from '../../../shared/page-settings/store';
-import type { FieldSettingsBase } from '../../../shared/content-settings/models';
-import { type LogoDesignAttributesModel } from '../../../shared/models';
-import type { ShopConfigData } from '../../../brand-page/models/shop.model';
+import type { PageSettingsStateSections } from '@shared/page-settings/store';
+import type { FieldSettingsBase } from '@shared/content-settings/models';
+import { type LogoDesignAttributesModel } from '@shared/models';
+import type { ShopConfigData } from '@brand-page/models/shop.model';
 export interface NotificationMessage {
     type: 'success' | 'warning' | 'error';
     label: string;

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js

@@ -1,34 +1,35 @@
-import { EMPTY_LOGO_IMAGE_MODEL, SENSITIVE_CONTENT_TYPES, VIEWPORTS, } from '../../../brand-page';
-import { BackgroundStyles, BRAND_PAGE_TYPES, BrandPageModel, CONTENT_TYPES, NavigationDesktop, NavigationMobile, } from '../../../brand-page';
+import { EMPTY_LOGO_IMAGE_MODEL, SENSITIVE_CONTENT_TYPES, VIEWPORTS, } from '@brand-page';
+import { BackgroundStyles, BRAND_PAGE_TYPES, BrandPageModel, CONTENT_TYPES, NavigationDesktop, NavigationMobile, NavModel, } from '@brand-page';
 import { useBrandPageMakerUserStore } from '../user';
 import { defineStore } from 'pinia';
 import { useUiStore } from '../ui';
-import { useUiLogoSettingsStore, useUiEditableLogoStore, } from '../../../shared/logo-settings/store';
-import { useUiStyleSettingsStore } from '../../../shared/style-settings/store';
-import { useUiNavigationStyleSettingsStore } from '../../../shared/navigation-style-settings/store';
-import { useUiBackgroundSettingsStore } from '../../../shared/background-settings/store';
-import { useShopConfigStore } from '../../../shared/ecommerce-settings/store/shop-settings-store';
-import { applyLogoThemeToBrandPageModel, migrateBrandPageModel, applyUserPersonalisationToBrandPageModelAsync, getBrandPageViewModelFromBrandPageModel, isLogoContent, parseLogoThemeToCssStyles, logoUtil, GetLatestModelVersion, } from '../../../brand-page/utils';
+import { useUiLogoSettingsStore, useUiEditableLogoStore, } from '@shared/logo-settings/store';
+import { useUiStyleSettingsStore } from '@shared/style-settings/store';
+import { useUiNavigationStyleSettingsStore } from '@shared/navigation-style-settings/store';
+import { useUiBackgroundSettingsStore } from '@shared/background-settings/store';
+import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
+import { usePageNavigationStore } from '@shared/page-navigation/store/page-navigation-store';
+import { applyLogoThemeToBrandPageModel, migrateBrandPageModel, applyUserPersonalisationToBrandPageModelAsync, getBrandPageViewModelFromBrandPageModel, isLogoContent, parseLogoThemeToCssStyles, logoUtil, GetLatestModelVersion, } from '@brand-page/utils';
 import { navigateToPageBySlug } from '../../routing';
-import { BRANDPAGE_DEFAULT_ERROR_MESSAGE_DESCRIPTION, BRANDPAGE_DEFAULT_SAVE_MESSAGE_DESCRIPTION, MAKER_MOBILE_BREAKPOINT, MESSAGE_VISIBLE_DURATION, } from '../../constants';
-import { useUiSideBarStore } from '../../../shared/side-bar/store';
+import { BRANDPAGE_DEFAULT_ERROR_MESSAGE_DESCRIPTION, BRANDPAGE_DEFAULT_SAVE_MESSAGE_DESCRIPTION, MAKER_MOBILE_BREAKPOINT, MESSAGE_VISIBLE_DURATION, } from '@brand-page-maker/constants';
+import { useUiSideBarStore } from '@shared/side-bar/store';
 import { delayInMS } from '../../../utils/ui-util';
-import { useUiContentSettingsStore } from '../../../shared/content-settings/store';
+import { useUiContentSettingsStore } from '@shared/content-settings/store';
 import { setContentSettingsAddContentOptions } from './brandpage-maker-store-utils';
 import { useAdminLogoSettingsStore } from '../admin-logo-settings';
-import { useUiPageSettingsStore } from '../../../shared/page-settings/store';
-import { mapBrandPageContentToContentSettingsItem, removeContentFieldValues, removeLogoTemplateModel, validateContents, } from '../../utils';
-import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES, } from '../../../shared/models';
-import { PAGE_SECTIONS } from '../../../shared/page-settings/models';
-import { useUiTemplateSettingsStore } from '../../../shared/template-settings/store';
+import { useUiPageSettingsStore } from '@shared/page-settings/store';
+import { mapBrandPageContentToContentSettingsItem, removeContentFieldValues, removeLogoTemplateModel, validateContents, } from '@brand-page-maker/utils';
+import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES, } from '@shared/models';
+import { PAGE_SECTIONS } from '@shared/page-settings/models';
+import { useUiTemplateSettingsStore } from '@shared/template-settings/store';
 import { useBrandPageContainerStore } from '../brandpage-container';
 import { useLocalisedRouteStore } from '../route/localised-route-store';
 import cloneDeep from 'lodash.clonedeep';
 import * as uuid from 'uuid';
-import { getAiContentIndexByTemplateTokenAndNumberOfVariations } from '../../utils/ai-content-selection.util';
-import { applyLogoTemplateImageToBrandPageTemplateModel, recalculateLogoContentDimensions, recalculateHeaderLogoSizes, } from '../../../brand-page/utils/logo.util';
-import { useConsent } from '../../../brand-page/composables/consent.composable';
-import { commonTr, errorTr } from '../../../composables/useTranslate';
+import { getAiContentIndexByTemplateTokenAndNumberOfVariations } from '@brand-page-maker/utils/ai-content-selection.util';
+import { applyLogoTemplateImageToBrandPageTemplateModel, recalculateLogoContentDimensions, recalculateHeaderLogoSizes, } from '@brand-page/utils/logo.util';
+import { useConsent } from '@brand-page/composables/consent.composable';
+import { commonTr, errorTr } from '@src/composables/useTranslate';
 import { UPGRADE_CTA_LOCATIONS } from '../../composables/useEventTracker';
 import { useVideoStore } from '../video';
 import { findValuesByKey } from '../../../helpers/ts.helper';
@@ -291,6 +292,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             brandPageModel.pageFooterDesktop = model.pageFooterDesktop;
             brandPageModel.pageFooterMobile = model.pageFooterMobile;
             brandPageModel.pages = model.pages;
+            const pageNavigationStore = usePageNavigationStore();
+            pageNavigationStore.setNav({ nav: brandPageModel.nav });
             navigationStyleSettingsStore.initialise({ reset: true });
             styleSettingsStore.initialise({
                 reset: true,
@@ -646,6 +649,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 this.setCookiePreviewEnabled({
                     isCookiePreviewEnabled: brandPageModel.cookieOptions?.isCookiePreviewEnabled,
                 });
+                const pageNavigationStore = usePageNavigationStore();
+                pageNavigationStore.setNav({ nav: brandPageModel.nav });
                 this.setSavingEnabled({
                     isSavingEnabled: brandPageModel.saveContactSettings?.isSavingEnabled ?? true,
                 });
@@ -814,6 +819,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const styleSettingsStore = useUiStyleSettingsStore();
             const navigationStyleSettingsStore = useUiNavigationStyleSettingsStore();
             const shopStore = useShopConfigStore();
+            const pageNavigationStore = usePageNavigationStore();
             const pages = pageSettingsStore.pages.map((p) => ({
                 ...p,
                 contents: p.contents
@@ -825,7 +831,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const buttonStyles = styleSettingsStore.buttonStyles;
             const textStyles = styleSettingsStore.textStyles;
             const galleryStyles = styleSettingsStore.galleryStyles;
-            const navigation = navigationStyleSettingsStore.navigation;
+            const navigation = navigationStyleSettingsStore.navigation; // This is not referring to the sub nav structure
+            const pageNavStructure = pageNavigationStore.nav;
             return {
                 v: GetLatestModelVersion(),
                 pages,
@@ -851,6 +858,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 cookieOptions: this.cookieOptions,
                 saveContactSettings: this.saveContactSettings,
                 paymentConfig: shopStore.paymentConfig,
+                nav: pageNavStructure,
             };
         },
         brandPageToken() {
@@ -926,6 +934,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const userStore = useBrandPageMakerUserStore();
             const uiStore = useUiStore();
             const videoStore = useVideoStore();
+            const brandPageContainerStore = useBrandPageContainerStore();
             if (userStore.isAdmin && uiStore.logoTheme) {
                 const themedBrandPage = applyLogoThemeToBrandPageModel(uiStore.logoTheme, this.brandPageData).model;
                 return getBrandPageViewModelFromBrandPageModel(themedBrandPage, this.brandPageToken, undefined, {
@@ -933,6 +942,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                     getVideoUrls: videoStore.getVideoUrlsForToken,
                     getS3VideoUrls: videoStore.getOptimisedS3VideoUrlsForToken,
                     setVideoUrlsWithToken: videoStore.setVideoUrlsWithToken,
+                    isCustomDomain: brandPageContainerStore.isCustomDomainEnabled,
+                    brandPageSlug: brandPageContainerStore.brandPageSlug,
                 });
             }
             const showBrandCrowdLogo = userStore.features.showBrandCrowdLogo;
@@ -946,6 +957,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                     getVideoUrls: videoStore.getVideoUrlsForToken,
                     getS3VideoUrls: videoStore.getOptimisedS3VideoUrlsForToken,
                     setVideoUrlsWithToken: videoStore.setVideoUrlsWithToken,
+                    isCustomDomain: brandPageContainerStore.isCustomDomainEnabled,
+                    brandPageSlug: brandPageContainerStore.brandPageSlug,
                 });
             }
             return getBrandPageViewModelFromBrandPageModel(this.brandPageData, this.brandPageToken, showBrandCrowdLogo, {
@@ -953,6 +966,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                 getVideoUrls: videoStore.getVideoUrlsForToken,
                 getS3VideoUrls: videoStore.getOptimisedS3VideoUrlsForToken,
                 setVideoUrlsWithToken: videoStore.setVideoUrlsWithToken,
+                isCustomDomain: brandPageContainerStore.isCustomDomainEnabled,
+                brandPageSlug: brandPageContainerStore.brandPageSlug,
             });
         },
         gettyVideoIds() {

package/lib/src/brand-page-maker/stores/product-config/product-config-store.d.ts

@@ -1,4 +1,4 @@
-import type { ProductModel, VariantModel } from '../../../brand-page/models/shop.model';
+import type { ProductModel, VariantModel } from '@brand-page/models/shop.model';
 export interface ProductConfigState {
     productId: string;
     productName: string;

package/lib/src/brand-page-maker/stores/product-config/product-config-store.js

@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia';
 import { v4 as uuid } from 'uuid';
-import { generateSku } from '../../../shared/ecommerce-settings/util/skuUtils';
+import { generateSku } from '@shared/ecommerce-settings/util/skuUtils';
 export const useProductConfigStore = defineStore('productConfig', {
     state: () => ({
         productId: '',

package/lib/src/brand-page-maker/stores/route/localised-route-store.js

@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia';
-import { BRAND_PAGE_TYPES } from '../../../brand-page/models';
-import { interpolateUrl } from '../../utils/route.util';
+import { BRAND_PAGE_TYPES } from '@brand-page/models';
+import { interpolateUrl } from '@brand-page-maker/utils/route.util';
 import { useBrandPageContainerStore } from '../brandpage-container';
 const getLocalisedSlug = (defaultSlug, locale) => {
     const translations = {

package/lib/src/brand-page-maker/stores/ui/ui-store.d.ts

@@ -1,6 +1,6 @@
-import type { Endpoints, UiDeviceMode, UIRootState, UIRootStateThirdPartySettings, UiScreenSizeMode } from '../../../shared/models';
+import type { Endpoints, UiDeviceMode, UIRootState, UIRootStateThirdPartySettings, UiScreenSizeMode } from '@shared/models';
 import { type OnTemplateSelectedPayload } from '../brandpage-maker';
-import type { LogoTheme, UserPersonalisationContent } from '../../../brand-page';
+import type { LogoTheme, UserPersonalisationContent } from '@brand-page';
 import { type WebsiteContextUpgradeType } from '../brandpage-container';
 export declare const useUiStore: import("pinia").StoreDefinition<"ui", UIRootState, {
     endpoints: () => Endpoints;

package/lib/src/brand-page-maker/stores/ui/ui-store.js

@@ -1,11 +1,11 @@
 import { defineStore } from 'pinia';
-import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES } from '../../../shared/models';
-import { DEFAULT_LOGO_BACKGROUND_COLOR_RGB, DEFAULT_LOGO_TEXT_COLOR_RGB, } from '../../../brand-page/constants';
+import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES } from '@shared/models';
+import { DEFAULT_LOGO_BACKGROUND_COLOR_RGB, DEFAULT_LOGO_TEXT_COLOR_RGB, } from '@brand-page/constants';
 import { useBrandPageMakerStore, } from '../brandpage-maker';
 import { useBrandPageMakerUserStore } from '../user';
 import { useBrandPageContainerStore, } from '../brandpage-container';
-import { DEFAULT_ADMIN_ENDPOINTS, DEFAULT_USER_ENDPOINTS, } from '../../constants';
-import { getColorShades } from '../../../brand-page/utils';
+import { DEFAULT_ADMIN_ENDPOINTS, DEFAULT_USER_ENDPOINTS, } from '@brand-page-maker/constants';
+import { getColorShades } from '@brand-page/utils';
 export const useUiStore = defineStore('ui', {
     state: () => ({
         deviceMode: UI_DEVICE_MODES.desktop,

package/lib/src/brand-page-maker/stores/user/user-store.d.ts

@@ -1,4 +1,4 @@
-import type { UIUserState } from '../../../shared/models';
+import type { UIUserState } from '@shared/models';
 import type { UIUserFeatures } from '../../../constants/ui';
 export type UserFeatures = UIUserFeatures;
 export interface UserState extends UIUserState {

package/lib/src/brand-page-maker/utils/content-settings.util.d.ts

@@ -1,6 +1,6 @@
-import type { AddContentOption, ContentItem } from '../../shared/content-settings/models';
+import type { AddContentOption, ContentItem } from '@shared/content-settings/models';
 import type { ContentSettingsConfig, CreateInitialContentOptions } from '../models';
-import { type Content } from '../../brand-page';
-import type { UIUserFeatures } from '../../constants/ui';
+import { type Content } from '@brand-page';
+import type { UIUserFeatures } from '@src/constants/ui';
 export declare const mapContentSettingsConfigToAddContentOption: (features: UIUserFeatures) => (config: ContentSettingsConfig<any>) => AddContentOption<any>;
 export declare const mapBrandPageContentToContentSettingsItem: (content: Content, options?: CreateInitialContentOptions) => ContentItem<any>;