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

package/lib/src/shared/ecommerce-settings/store/shop-settings-store.js

@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia';
 import { generateSku } from '../util/skuUtils';
 import { v4 as uuid } from 'uuid';
-import { isShopContent } from '../../../brand-page/utils';
+import { isShopContent } from '@brand-page/utils';
 export const useShopConfigStore = defineStore('shopConfig', {
     state: () => ({
         paymentConfig: undefined,

package/lib/src/shared/ecommerce-settings/util/skuUtils.d.ts

@@ -1,2 +1,2 @@
-import type { VariantOptionModel } from '../../../brand-page/models/shop.model';
+import type { VariantOptionModel } from '@brand-page/models/shop.model';
 export declare function generateSku(productName: string, variantOptions: VariantOptionModel | undefined): string;

package/lib/src/shared/font-family-selector/FontFamilySelector.mixin.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { FontFamilyCategory, FontFamilyName } from '../../brand-page';
+import type { FontFamilyCategory, FontFamilyName } from '@brand-page';
 import type { StyleTextFontFamilyOption } from '../style-settings/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     fontFamilyOptions: {
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         displayName: string;
     })[];
     activeFontFamilyCategory: any;
-    FONT_FAMILY_CONFIGS: Record<"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", import("../../brand-page").FontFamilyConfig | import("../../brand-page").GoogleFontFamilyConfig>;
+    FONT_FAMILY_CONFIGS: Record<"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", import("@brand-page").FontFamilyConfig | import("@brand-page").GoogleFontFamilyConfig>;
 }, {
     visibleFontFamilyOptions(): StyleTextFontFamilyOption[];
 }, {

package/lib/src/shared/font-family-selector/FontFamilySelector.mixin.js

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

package/lib/src/shared/image-gallery-style-settings/ImageGalleryStyleSettings.mixin.d.ts

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

package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="types/lodash-shims" />
 import { type GradientObject } from '../store/editable-logo-store';
-import type { BpColorPickerGradient } from '../../../brand-page-maker/components/color-picker/BpColorPickerV2.mixin';
+import type { BpColorPickerGradient } from '@brand-page-maker/components/color-picker/BpColorPickerV2.mixin';
 declare const _default: import("vue").DefineComponent<{}, {
     editableLogoStore: import("pinia").Store<"uiEditableLogo", import("../store/editable-logo-store").EditableLogoState, {
         getLogoPrimaryText: (state: {
@@ -177,22 +177,80 @@ declare const _default: import("vue").DefineComponent<{}, {
         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;
     }>;
+    templateSettingsStore: import("pinia").Store<"uiTemplateSettings", import("../../template-settings/store").TemplatesSettingState, {
+        renderAsImage(): boolean;
+    }, {
+        _addTemplates({ templates }: {
+            templates: import("../../template-settings/models").TemplateSettingsTemplate[];
+        }): void;
+        _setTemplates({ templates }: {
+            templates: import("../../template-settings/models").TemplateSettingsTemplate[];
+        }): void;
+        _setIsBusy({ isBusy }: {
+            isBusy: boolean;
+        }): void;
+        _setPageCount({ pageCount }: {
+            pageCount: number;
+        }): void;
+        _setPageNo({ pageNo }: {
+            pageNo: number;
+        }): void;
+        _setPageNoLoaded({ pageNoLoaded }: {
+            pageNoLoaded: number;
+        }): void;
+        _setSearchTerm({ searchTerm }: {
+            searchTerm: string | undefined;
+        }): void;
+        _setSelectedTab({ tabName }: {
+            tabName: "all" | "AI" | "categories";
+        }): void;
+        _setSelectedCategory({ categoryName, }: {
+            categoryName: string | undefined;
+        }): void;
+        _setTemplateCategories({ categories }: {
+            categories: import("../../template-settings/models").TemplateCategory[];
+        }): void;
+        gotoNextPage(): Promise<void>;
+        gotoPreviousPage(): Promise<void>;
+        safeMapToTemplateSettingsTemplate(template: import("../../../clients/models").DesignTemplate | null): Promise<import("../../template-settings/models").TemplateSettingsTemplate | null>;
+        loadPageNo({ pageNo }: {
+            pageNo: number;
+        }): Promise<void>;
+        getCachedTemplateByTokenAsync(token: string): Promise<import("../../template-settings/models").TemplateSettingsTemplate | undefined>;
+        onTemplateSelected(payload: import("../../template-settings/models").OnTemplateSelectedPayload): Promise<void>;
+        onCategorySelected(payload: import("../../template-settings/models").OnCategorySelectedPayload): Promise<void>;
+        onSearch(payload: import("../../template-settings/models").OnSearchPayload): Promise<void>;
+        onTabSelected(payload: import("../../template-settings/models").OnTabSelectedPayload): Promise<void>;
+        setTemplateType({ templateType }: {
+            templateType: import("../../template-settings/models").DesignTemplateType;
+        }): void;
+        setTemplateCategories(payload: import("../../template-settings/models").SetTemplateCategoriesPayload): Promise<void>;
+        selectInitialTemplateCategory(payload: {
+            selectedCategory: string;
+        }): void;
+        setInitialSearchTerm(payload: {
+            initialSearchTerm: string;
+        }): void;
+        clearTemplates(): void;
+        getTemplateByTemplateId(id: string): import("../../template-settings/models").TemplateSettingsTemplate | undefined;
+        setupLogoChangeWatcher(): void;
+    }>;
     eventTracker: {
         sendGettyVideoAddEvent: () => void;
         sendGettyVideoReplaceEvent: () => void;
         sendGettyVideoRemoveEvent: () => void;
         sendExperimentStartedEvent: (abTestKey: string, abTestValue: string) => void;
-        setGlobalEventProps: (props: Omit<import("../../../brand-page-maker/composables/useEventTracker").BpGlobalEventProps, "template_category">) => void;
-        setUpsellBridgeState: (props: import("../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
-        setDomainUpsellBridgeState: (props: import("../../../brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
-        subscribe: (callbackFn: (event: import("../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
-        sendWebsiteEvent: (event: import("../../../brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void;
+        setGlobalEventProps: (props: Omit<import("@brand-page-maker/composables/useEventTracker").BpGlobalEventProps, "template_category">) => void;
+        setUpsellBridgeState: (props: import("@brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
+        setDomainUpsellBridgeState: (props: import("@brand-page-maker/composables/useEventTracker").BpUpsellEventProps) => void;
+        subscribe: (callbackFn: (event: import("@brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void) => void;
+        sendWebsiteEvent: (event: import("@brand-page-maker/composables/useEventTracker").BpEventTrackerEvent) => void;
         sendWebsiteMakerOpenEvent: (location: string) => void;
         sendUpsellOpenEvent: (cta_location?: string | undefined) => void;
         sendDomainUpsellOpenEvent: () => void;
@@ -324,6 +382,12 @@ declare const _default: import("vue").DefineComponent<{}, {
         }[];
     })[]>;
     editableBaseLogoBase64Url: import("vue").ComputedRef<string>;
+    /**
+     * Logo keywords for search, prioritized as follows:
+     * 1. templateSettingsStore.searchTerm - Updated when user searches in template tab
+     * 2. templateSettingsStore.initialSearchTerm - Set during initialization from backend
+     */
+    logoKeywords: import("vue").ComputedRef<string>;
 }, {
     selectedTab: {
         key: string;

package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.js

@@ -1,21 +1,24 @@
 import { computed, defineComponent } from 'vue';
 import { useUiEditableLogoStore, } from '../store/editable-logo-store';
 import debounce from 'lodash.debounce';
-import { GRADIENT_COLOR_TYPE } from '../../../brand-page-maker/components/color-picker/components/GradientTypeSelector.mixin';
+import { GRADIENT_COLOR_TYPE } from '@brand-page-maker/components/color-picker/components/GradientTypeSelector.mixin';
 import { useUiLogoSettingsStore } from '../store/logo-settings-store';
-import { useUiStore } from '../../../brand-page-maker/stores';
-import { editLogoSettingsTr } from '../../../composables/useTranslate';
-import { EVENTS, SELECT_LOCATIONS, useEventTracker, } from '../../../brand-page-maker/composables/useEventTracker';
+import { useUiStore } from '@brand-page-maker/stores';
+import { useUiTemplateSettingsStore } from '../../template-settings/store';
+import { editLogoSettingsTr } from '@src/composables/useTranslate';
+import { EVENTS, SELECT_LOCATIONS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
 export default defineComponent({
     setup() {
         const editableLogoStore = useUiEditableLogoStore();
         const logoStore = useUiLogoSettingsStore();
         const uiStore = useUiStore();
+        const templateSettingsStore = useUiTemplateSettingsStore();
         const eventTracker = useEventTracker();
         return {
             editableLogoStore,
             logoStore,
             uiStore,
+            templateSettingsStore,
             eventTracker,
             makerFonts: computed(() => editableLogoStore.makerFonts),
             logoEdits: computed(() => editableLogoStore.logoEdits),
@@ -24,6 +27,14 @@ export default defineComponent({
             isTextOnlyLogo: computed(() => editableLogoStore.isTextOnlyLogo),
             logoColors: computed(() => editableLogoStore.logoEdits.logoObject.logoColors),
             editableBaseLogoBase64Url: computed(() => editableLogoStore.editableLogoVariations[0].base64),
+            /**
+             * Logo keywords for search, prioritized as follows:
+             * 1. templateSettingsStore.searchTerm - Updated when user searches in template tab
+             * 2. templateSettingsStore.initialSearchTerm - Set during initialization from backend
+             */
+            logoKeywords: computed(() => templateSettingsStore.searchTerm ||
+                templateSettingsStore.initialSearchTerm ||
+                ''),
         };
     },
     data() {

package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts

@@ -1,5 +1,5 @@
-import type { ContentItem } from '../../../shared/content-settings/models';
-import type { CreateWebsiteByoUploadResult } from '../../../shared/website-byo-upload/WebsiteByoUploadModels';
+import type { ContentItem } from '@shared/content-settings/models';
+import type { CreateWebsiteByoUploadResult } from '@shared/website-byo-upload/WebsiteByoUploadModels';
 export interface Tab {
     id: 'VARIATIONS' | 'VERSIONS';
     label: string;
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setLogoVariation(payload: import("../store").SetLogoVariationPayload): void;
         setLogoToAllContentsAndSectionsByCreateByoLogoDraftResult(result: import("../../models").CreateByoLogoDraftResult): 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[];
@@ -90,17 +90,17 @@ declare const _default: import("vue").DefineComponent<{}, {
             isCookiePreviewEnabled: boolean;
         }): void;
         setFieldSettings(payload: {
-            settings: import("../../../shared/content-settings/models").FieldSettingsBase;
+            settings: import("@shared/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;
@@ -109,7 +109,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             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;
@@ -127,7 +127,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         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 {
@@ -138,18 +138,18 @@ declare const _default: import("vue").DefineComponent<{}, {
         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[];
-            sections: import("../../page-settings/store/page-settings-store").PageSettingsStateSections;
+            sections: import("@shared/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>;
@@ -164,16 +164,16 @@ declare const _default: import("vue").DefineComponent<{}, {
         showStripeOnboardingModal(): Promise<void>;
         selectInitialCategories(payload: import("../../template-settings/models").InitialCategories): 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;
@@ -301,7 +301,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             defaultPrimaryText?: string | undefined;
         }): Promise<import("../../../clients/fabric-render-client").ModifyLogoDataResponse | null>;
     }>;
-    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: {
@@ -365,7 +365,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             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;
@@ -427,7 +427,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             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;
@@ -528,14 +528,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             isCustomDomainEnabled: any;
         }): Promise<void>;
     }>;
-    pageSettingStore: import("pinia").Store<"uiPageSettings", import("../../page-settings/store/page-settings-store").PageSettingsState, {
+    pageSettingStore: import("pinia").Store<"uiPageSettings", import("@shared/page-settings/store").PageSettingsState, {
         pageIndex(): number;
     }, {
         setCurrentPageIndex({ pageIndex }: {
             pageIndex: number;
         }): void;
         setState({ newState, }: {
-            newState: Omit<import("../../page-settings/store/page-settings-store").PageSettingsState, "sectionCollapsedStates">;
+            newState: Omit<import("@shared/page-settings/store").PageSettingsState, "sectionCollapsedStates">;
         }): void;
         setPageContents({ pageIndex, contents, }: {
             pageIndex: number;
@@ -593,7 +593,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         addNewPage(payload: {
             title: string;
-        }): void;
+        }): import("../../page-settings/models").ContentPage;
         setSelectedSectionName({ sectionName, }: {
             sectionName?: "footer" | "header" | "pages" | undefined;
         }): void;

package/lib/src/shared/logo-settings/components/LogoSettings.mixin.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed } from 'vue';
 import { useUiEditableLogoStore, useUiLogoSettingsStore } from '../store';
-import { useBrandPageContainerStore, useBrandPageMakerStore, useLogoStore, } from '../../../brand-page-maker/stores';
-import { useUiPageSettingsStore } from '../../../shared/page-settings/store';
+import { useBrandPageContainerStore, useBrandPageMakerStore, useLogoStore, } from '@brand-page-maker/stores';
+import { useUiPageSettingsStore } from '@shared/page-settings/store';
 export const LOGO_SETTINGS_TABS = [
     {
         id: 'VARIATIONS',

package/lib/src/shared/logo-settings/store/editable-logo-store.d.ts

@@ -1,5 +1,5 @@
 import { type ModifyLogoDataResponse } from '../../../clients/fabric-render-client';
-import { type FabricLogoTheme } from '../../../brand-page';
+import { type FabricLogoTheme } from '@brand-page';
 export interface GradientObject {
     type: string;
     angle: number | undefined;

package/lib/src/shared/logo-settings/store/editable-logo-store.js

@@ -1,10 +1,10 @@
 import { defineStore } from 'pinia';
 import { FabricRenderClient, LOGO_DIMENSION_TYPES, LOGO_VARIATION_TYPES, } from '../../../clients/fabric-render-client';
-import { useLogoStore } from '../../../brand-page-maker/stores';
-import { useUiPageSettingsStore } from '../../../shared/page-settings/store';
-import { isLogoContent } from '../../../brand-page/utils';
-import { VIEWPORTS, LOGO_VARIATION, } from '../../../brand-page';
-import { PAGE_SECTIONS } from '../../../shared/page-settings/models';
+import { useLogoStore } from '@brand-page-maker/stores';
+import { useUiPageSettingsStore } from '@shared/page-settings/store';
+import { isLogoContent } from '@brand-page/utils';
+import { VIEWPORTS, LOGO_VARIATION, } from '@brand-page';
+import { PAGE_SECTIONS } from '@shared/page-settings/models';
 export const useUiEditableLogoStore = defineStore('uiEditableLogo', {
     state: () => ({
         logoTemplateMetadata: '',

package/lib/src/shared/logo-settings/store/logo-settings-store.d.ts

@@ -1,4 +1,4 @@
-import type { LogoImageModel, LogoTemplateImageModel, LogoVariation } from '../../../brand-page';
+import type { LogoImageModel, LogoTemplateImageModel, LogoVariation } from '@brand-page';
 import { type BrandPageLogoDesignAttributesModel } from '../../../clients/fabric-render-client';
 import type { CreateByoLogoDraftResult, LogoDesignAttributesModel } from '../../models';
 export interface SetLogoVariationPayload {

package/lib/src/shared/logo-settings/store/logo-settings-store.js

@@ -1,13 +1,13 @@
 import { defineStore } from 'pinia';
-import { EMPTY_LOGO_IMAGE_MODEL, LOGO_VARIATION, VIEWPORTS, } from '../../../brand-page';
-import { parseLogoThemeToCssStyles } from '../../../brand-page/utils';
-import { useUiStore, useBrandPageMakerStore, } from '../../../brand-page-maker/stores';
+import { EMPTY_LOGO_IMAGE_MODEL, LOGO_VARIATION, VIEWPORTS } from '@brand-page';
+import { parseLogoThemeToCssStyles } from '@brand-page/utils';
+import { useUiStore, useBrandPageMakerStore } from '@brand-page-maker/stores';
 import { useUiContentSettingsStore } from '../../content-settings/store';
 import { useUiPageSettingsStore } from '../../page-settings/store';
 import { useUiBackgroundSettingsStore } from '../../background-settings/store';
 import { PAGE_SECTIONS } from '../../page-settings/models';
 import { FabricRenderClient, } from '../../../clients/fabric-render-client';
-import * as logoUtil from '../../../brand-page/utils/logo.util';
+import * as logoUtil from '@brand-page/utils/logo.util';
 export const useUiLogoSettingsStore = defineStore('uiLogoSettings', {
     state: () => ({
         selectedLogoImage: {

package/lib/src/shared/logo-versions/LogoVersions.mixin.d.ts

@@ -38,7 +38,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;

package/lib/src/shared/logo-versions/LogoVersions.mixin.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed } from 'vue';
 import { Button, TextInput, Loader } from '@designcrowd/fe-shared-lib';
 import * as DesignAssetClient from '../../clients/design-asset-client';
-import { useUiStore } from '../../brand-page-maker/stores';
+import { useUiStore } from '@brand-page-maker/stores';
 export default defineComponent({
     components: {
         Button,

package/lib/src/shared/models.d.ts

@@ -1,4 +1,4 @@
-import type { LogoTheme, UserPersonalisationContent } from '../brand-page';
+import type { LogoTheme, UserPersonalisationContent } from '@brand-page';
 import type { UIUserFeatures } from '../constants/ui';
 export interface UIUserState {
     isAdmin: boolean;

package/lib/src/shared/my-designs/MyDesigns.mixin.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         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;

package/lib/src/shared/my-designs/MyDesigns.mixin.js

@@ -2,9 +2,9 @@ import { defineComponent, computed } from 'vue';
 import { Button, TextInput, Loader } from '@designcrowd/fe-shared-lib';
 import * as DesignAssetClient from '../../clients/design-asset-client';
 import { getInstance as getUserMediaClientInstance } from '../../clients/user-media-client';
-import { useBrandPageMakerUserStore, useUiStore, } from '../../brand-page-maker/stores';
+import { useBrandPageMakerUserStore, useUiStore, } from '@brand-page-maker/stores';
 import { useUiLogoSettingsStore } from '../logo-settings/store';
-import { currentLocale } from '../../composables/useTranslate';
+import { currentLocale } from '@src/composables/useTranslate';
 export default defineComponent({
     components: {
         Button,

package/lib/src/shared/my-uploads/MyMedia.mixin.d.ts

@@ -50,7 +50,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;

package/lib/src/shared/my-uploads/MyMedia.mixin.js

@@ -1,9 +1,9 @@
-import { UI_EVENTS } from '../../brand-page-maker/constants';
+import { UI_EVENTS } from '@brand-page-maker/constants';
 import { computed, defineComponent } from 'vue';
 import { getInstance as getUserMediaClientInstance } from '../../clients/user-media-client';
-import { preloadImage } from '../../brand-page/utils';
-import { useUiStore } from '../../brand-page-maker/stores';
-import { MEDIA_TYPES } from '../../brand-page/models/brand-page-context.model';
+import { preloadImage } from '@brand-page/utils';
+import { useUiStore } from '@brand-page-maker/stores';
+import { MEDIA_TYPES } from '@brand-page/models/brand-page-context.model';
 export default defineComponent({
     props: {
         isDeleteEnabled: {

package/lib/src/shared/my-uploads/MyMedia.stories.js

@@ -1,10 +1,10 @@
 import { defineComponent } from 'vue';
 import MyMedia from './MyMedia.vue';
-import { setupStoryPinia } from '../../brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
-import { mockApiCalls } from '../../brand-page-maker/components/brand-page-maker/mock-api-calls';
+import { setupStoryPinia } from '@brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
+import { mockApiCalls } from '@brand-page-maker/components/brand-page-maker/mock-api-calls';
 import { getInstance } from '../../clients/user-media-client';
 import {} from '../models';
-import { CREATE_USER_MEDIA_ENDPOINT, DELETE_USER_MEDIA_ENDPOINT, GET_ALL_USER_MEDIA_ENDPOINT, USER_POLICY_DATA_ENDPOINT, } from '../../brand-page-maker/constants';
+import { CREATE_USER_MEDIA_ENDPOINT, DELETE_USER_MEDIA_ENDPOINT, GET_ALL_USER_MEDIA_ENDPOINT, USER_POLICY_DATA_ENDPOINT, } from '@brand-page-maker/constants';
 import { createPinia } from 'pinia';
 const defaultUserEndpoints = {
     createUserMediaEndpoint: CREATE_USER_MEDIA_ENDPOINT,

package/lib/src/shared/my-uploads/MyUploads.mixin.d.ts

@@ -73,7 +73,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;

package/lib/src/shared/my-uploads/MyUploads.mixin.js

@@ -1,11 +1,11 @@
 import { ref } from 'vue';
 import { computed, defineComponent } from 'vue';
-import { UI_EVENTS } from '../../brand-page-maker/constants';
+import { UI_EVENTS } from '@brand-page-maker/constants';
 import { getInstance as getUserMediaClientInstance } from '../../clients/user-media-client';
 import { DEFAULT_UPLOAD_FILE_LIMIT } from '../../constants/ui';
-import { useBrandPageMakerUserStore, useUiStore, } from '../../brand-page-maker/stores';
-import { formatKilobytes } from '../../brand-page-maker/utils/file-size.util';
-import { errorTr } from '../../composables/useTranslate';
+import { useBrandPageMakerUserStore, useUiStore, } from '@brand-page-maker/stores';
+import { formatKilobytes } from '@brand-page-maker/utils/file-size.util';
+import { errorTr } from '@src/composables/useTranslate';
 const DROPZONE_STATUS_CANCELED = 'canceled';
 export default defineComponent({
     props: {

package/lib/src/shared/my-uploads/MyUploads.stories.js

@@ -1,5 +1,5 @@
 import MyUploads from './MyUploads.vue';
-import { mockApiCalls } from '../../brand-page-maker/components/brand-page-maker/mock-api-calls';
+import { mockApiCalls } from '@brand-page-maker/components/brand-page-maker/mock-api-calls';
 export default {
     title: 'Components/Shared/MyUploads',
     component: MyUploads,

package/lib/src/shared/my-uploads/models.d.ts

@@ -1,4 +1,4 @@
-import type { MediaTypes } from '../../brand-page';
+import type { MediaTypes } from '@brand-page';
 interface UserMediaItemMedia {
     token: string;
     userToken: string;

package/lib/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { LogoTheme, NavigationMenuStyles, NavigationDesktop, NavigationMobile, TextStyleDeclaration } from '../../../../brand-page/models';
-import type { NavigationStyleConfig, NavigationStyleConfigOption } from '../../../../brand-page-maker/models/navigation-style-configs';
+import type { LogoTheme, NavigationMenuStyles, NavigationDesktop, NavigationMobile, TextStyleDeclaration } from '@brand-page/models';
+import type { NavigationStyleConfig, NavigationStyleConfigOption } from '@brand-page-maker/models/navigation-style-configs';
 import type { UpdateItemValuePayload } from '../../../content-settings/models';
 import type { NavigationStyleOptionValueChangeEvent } from '../../../page-settings/models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/lib/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.js

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue';
-import { NAVIGATION_STYLE_CONFIG_OPTION_TITLES } from '../../../../brand-page-maker/models/navigation-style-configs';
-import { STYLE_THEME_KEYS } from '../../../../brand-page';
-import { isColorMatched } from '../../../../brand-page-maker/utils';
-import { RGBAtoHex } from '../../../../utils/helpers';
+import { NAVIGATION_STYLE_CONFIG_OPTION_TITLES } from '@brand-page-maker/models/navigation-style-configs';
+import { STYLE_THEME_KEYS } from '@brand-page';
+import { isColorMatched } from '@brand-page-maker/utils';
+import { RGBAtoHex } from '@utils/helpers';
 export default defineComponent({
     props: {
         availableNavigationStyleConfigs: {

package/lib/src/shared/navigation-style-settings/store/index.d.ts

@@ -1,7 +1,7 @@
-import { NavigationDesktop, NavigationMobile, VIEWPORTS } from '../../../brand-page';
-import type { ViewportsType, NavigationDisplayType, TextStyleDeclaration } from '../../../brand-page';
-import type { NavigationStyleConfig, NavigationStyleConfigOption } from '../../../brand-page-maker/models/navigation-style-configs';
-import { navigationStyleTypeConfigs } from '../../../brand-page-maker/models/navigation-style-configs';
+import { NavigationDesktop, NavigationMobile, VIEWPORTS } from '@brand-page';
+import type { ViewportsType, NavigationDisplayType, TextStyleDeclaration } from '@brand-page';
+import type { NavigationStyleConfig, NavigationStyleConfigOption } from '@brand-page-maker/models/navigation-style-configs';
+import { navigationStyleTypeConfigs } from '@brand-page-maker/models/navigation-style-configs';
 import type { ContentSettingsItemGroupState, ContentSettingsItemState } from '../../content-settings/models';
 import type { PageSection } from '../../page-settings/models';
 import { PAGE_SECTIONS } from '../../page-settings/models';