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

package/lib/src/brand-page/view-models.d.ts

@@ -7,6 +7,7 @@ export interface ContentViewModel {
     role: ContentType;
 }
 export interface PageViewModel {
+    id: string;
     title: string;
     slug: string;
     contents: ContentViewModel[];
@@ -149,11 +150,38 @@ export interface PageStylesViewModel {
     textStyles: TextStyles;
     galleryStyles: GalleryStyles;
 }
+export interface NavRouteViewModel {
+    id: string;
+    pageId: string;
+    route: string;
+}
+export interface NavOrderViewModel {
+    routeId: string;
+    isHidden: boolean;
+    fullPath: string;
+    subRoutes: NavOrderViewModel[];
+}
+export interface NavItemRouteParams {
+    slug: string;
+    pageSlug?: string;
+}
+export interface NavItemViewModel {
+    displayName: string;
+    routeName: string;
+    routeParams: NavItemRouteParams;
+    isHidden: boolean;
+    relativePath: string;
+    nestedNavItems: NavItemViewModel[];
+}
+export interface NavViewModel {
+    navItems: NavItemViewModel[];
+}
 export interface BrandPageViewModel {
     brandPageToken?: string;
     showBrandCrowdLogo: boolean;
     styles: PageStylesViewModel;
     pages: PageViewModel[];
+    nav: NavViewModel;
     brandPageType: BrandPageType;
     headerViewModelDesktop: PageHeaderViewModel;
     headerViewModelMobile: PageHeaderViewModel;

package/lib/src/brand-page-maker/assessors/banner-section-description-visibility.assessor.d.ts

@@ -1,4 +1,4 @@
-import type { BannerSectionContent, BookingSectionContent } from '../../brand-page';
+import type { BannerSectionContent, BookingSectionContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const bannerSectionUrlVisibilityAssessor: VisibilityAssessor<BannerSectionContent | BookingSectionContent | undefined>;
 export declare const bannerSectionPageVisibilityAssessor: VisibilityAssessor<BannerSectionContent | BookingSectionContent | undefined>;

package/lib/src/brand-page-maker/assessors/banner-section-description-visibility.assessor.js

@@ -1,5 +1,5 @@
-import { BUTTON_LINK_TYPE } from '../../brand-page';
-import { ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, ALIGN_LEFT_BIG_IMAGE, BIG_IMAGE, } from '../../brand-page/constants';
+import { BUTTON_LINK_TYPE } from '@brand-page';
+import { ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, ALIGN_LEFT_BIG_IMAGE, BIG_IMAGE, } from '@brand-page/constants';
 export const bannerSectionUrlVisibilityAssessor = (content) => {
     return (content?.buttonLinkType !== BUTTON_LINK_TYPE.page &&
         content?.buttonText !== false &&

package/lib/src/brand-page-maker/assessors/banner-section-field.assessor.d.ts

@@ -1,4 +1,4 @@
-import type { BannerSectionContent, BookingSectionContent } from '../../brand-page';
+import type { BannerSectionContent, BookingSectionContent } from '@brand-page';
 import type { FieldTypeAssessor, PlaceholderTypeAssessor } from '../models';
 export declare const bannerSectionFieldTypeAssessor: FieldTypeAssessor<BannerSectionContent | BookingSectionContent | undefined>;
 export declare const bannerSectionRoleTypeAssessor: FieldTypeAssessor<BannerSectionContent | BookingSectionContent | undefined>;

package/lib/src/brand-page-maker/assessors/brand-page-type-visibility.assessor.d.ts

@@ -1,4 +1,4 @@
-import type { BrandPageContext } from '../../brand-page';
+import type { BrandPageContext } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const brandPageTypeVisibilityAssessor: VisibilityAssessor<BrandPageContext>;
 export declare const brandSiteTypeVisibilityAssessor: VisibilityAssessor<BrandPageContext>;

package/lib/src/brand-page-maker/assessors/card-fill-visibility.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { TestimonialSectionContent } from '../../brand-page';
+import type { TestimonialSectionContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const cardFillVisibilityAssessor: VisibilityAssessor<TestimonialSectionContent | undefined>;

package/lib/src/brand-page-maker/assessors/color-replacement-icon-visibility.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { ButtonContent } from '../../brand-page';
+import type { ButtonContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const colorReplacementIconVisibilityTypeAssessor: VisibilityAssessor<ButtonContent | undefined>;

package/lib/src/brand-page-maker/assessors/color-replacement-profile-visibility.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { ProfileContent } from '../../brand-page';
+import type { ProfileContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const colorReplacementProfileVisibilityTypeAssessor: VisibilityAssessor<ProfileContent | undefined>;

package/lib/src/brand-page-maker/assessors/color-replacement-visibility.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { AboutSectionContent, BannerSectionContent, ContactFormContent } from '../../brand-page';
+import type { AboutSectionContent, BannerSectionContent, ContactFormContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const colorReplacementVisibilityTypeAssessor: VisibilityAssessor<AboutSectionContent | BannerSectionContent | ContactFormContent | undefined>;

package/lib/src/brand-page-maker/assessors/contact-form-visibility.assessor.d.ts

@@ -1,4 +1,4 @@
-import { type ContactFormContent } from '../../brand-page';
+import { type ContactFormContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const contactCardDisplayTypeVisibilityAssessor: VisibilityAssessor<ContactFormContent | undefined>;
 export declare const displayTypeVisibilityAssessor: VisibilityAssessor<ContactFormContent | undefined>;

package/lib/src/brand-page-maker/assessors/contact-form-visibility.assessor.js

@@ -1,5 +1,5 @@
-import {} from '../../brand-page';
-import { ALIGN_CARD_CENTER, ALIGN_CARD_CENTER_IMAGE, ALIGN_CENTERED, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, TEXT_ONLY, } from '../../brand-page/constants';
+import {} from '@brand-page';
+import { ALIGN_CARD_CENTER, ALIGN_CARD_CENTER_IMAGE, ALIGN_CENTERED, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, TEXT_ONLY, } from '@brand-page/constants';
 export const contactCardDisplayTypeVisibilityAssessor = (content, context) => {
     return (Boolean(content?.layoutStyle &&
         [

package/lib/src/brand-page-maker/assessors/divider-toggle-field-visibility.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { DividerSectionContent } from '../../brand-page';
+import type { DividerSectionContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const dividerToggleFieldVisibilityAssessor: VisibilityAssessor<DividerSectionContent | undefined>;

package/lib/src/brand-page-maker/assessors/image-field-visability.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { ImageContent } from '../../brand-page';
+import type { ImageContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const imageFieldVisibilityAssessor: VisibilityAssessor<ImageContent | undefined>;

package/lib/src/brand-page-maker/assessors/image-gallery-field-visibility.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { ImageGalleryContent } from '../../brand-page';
+import type { ImageGalleryContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const imageGalleryFieldVisibilityAssessor: VisibilityAssessor<ImageGalleryContent | undefined>;

package/lib/src/brand-page-maker/assessors/image-option-visibility.assessor.d.ts

@@ -1,4 +1,4 @@
-import type { RequestPaymentContent, ShopContent } from '../../brand-page';
+import type { RequestPaymentContent, ShopContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const imageOptionVisibilityAssessor: VisibilityAssessor<RequestPaymentContent | undefined>;
 export declare const shopImageOptionVisibilityAssessor: VisibilityAssessor<ShopContent | undefined>;

package/lib/src/brand-page-maker/assessors/images-section-aspect-ratio-visibility.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { ImagesSectionContent } from '../../brand-page';
+import type { ImagesSectionContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const imagesSectionAspectRatioVisibilityAssessor: VisibilityAssessor<ImagesSectionContent | undefined>;

package/lib/src/brand-page-maker/assessors/images-section-aspect-ratio-visibility.assessor.js

@@ -1,5 +1,5 @@
-import { shouldShowAspectRatioByDisplayStyle } from '../../brand-page/utils';
-import { useBrandPageMakerStore } from '../../brand-page-maker/stores';
+import { shouldShowAspectRatioByDisplayStyle } from '@brand-page/utils';
+import { useBrandPageMakerStore } from '@brand-page-maker/stores';
 export const imagesSectionAspectRatioVisibilityAssessor = (content) => {
     if (!content) {
         return false;

package/lib/src/brand-page-maker/assessors/images-section-card-style-visibility.assessor.d.ts

@@ -1,4 +1,4 @@
-import type { ImagesSectionContent, ShapesSectionContent } from '../../brand-page';
+import type { ImagesSectionContent, ShapesSectionContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const imagesSectionCardStyleVisibilityAssessor: VisibilityAssessor<ImagesSectionContent>;
 export declare const shapesSectionCardStyleVisibilityAssessor: VisibilityAssessor<ShapesSectionContent>;

package/lib/src/brand-page-maker/assessors/images-section-card-style-visibility.assessor.js

@@ -1,4 +1,4 @@
-import { ALIGN_CARD_CENTER_IMAGE } from '../../brand-page';
+import { ALIGN_CARD_CENTER_IMAGE } from '@brand-page';
 export const imagesSectionCardStyleVisibilityAssessor = (content) => {
     return content.displayStyle === ALIGN_CARD_CENTER_IMAGE;
 };

package/lib/src/brand-page-maker/assessors/images-section-text-style-visibility.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { AboutSectionContent, ImagesSectionContent, ShapesSectionContent } from '../../brand-page';
+import type { AboutSectionContent, ImagesSectionContent, ShapesSectionContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const imagesSectionTextStyleVisibilityAssessor: VisibilityAssessor<ImagesSectionContent | ShapesSectionContent | AboutSectionContent | undefined>;

package/lib/src/brand-page-maker/assessors/images-section-text-style-visibility.assessor.js

@@ -1,4 +1,4 @@
-import { MEDIA_ONLY } from '../../brand-page/constants';
+import { MEDIA_ONLY } from '@brand-page/constants';
 export const imagesSectionTextStyleVisibilityAssessor = (content) => {
     if (!content) {
         return false;

package/lib/src/brand-page-maker/assessors/logo-field-visibility.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { LogoContent } from '../../brand-page';
+import type { LogoContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const logoFieldVisibilityAssessor: VisibilityAssessor<Omit<LogoContent, 'version' | 'logoVariation' | 'logoImageWidth' | 'logoImageHeight' | 'logoLastUpdate' | 'logoImageBase64Url'> | undefined>;

package/lib/src/brand-page-maker/assessors/media-section-items-field.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { ImagesSectionContent, ShapesSectionContent } from '../../brand-page';
+import type { ImagesSectionContent, ShapesSectionContent } from '@brand-page';
 import type { FieldTypeAssessor } from '../models';
 export declare const mediaSectionItemsFieldTypeAssessor: FieldTypeAssessor<ImagesSectionContent | ShapesSectionContent | undefined>;

package/lib/src/brand-page-maker/assessors/media-section-items-field.assessor.js

@@ -1,4 +1,4 @@
-import { MEDIA_ONLY } from '../../brand-page/constants';
+import { MEDIA_ONLY } from '@brand-page/constants';
 export const mediaSectionItemsFieldTypeAssessor = (content) => {
     if (!content) {
         return 'text-image-items';

package/lib/src/brand-page-maker/assessors/personalisation-visibility.assessor.d.ts

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

package/lib/src/brand-page-maker/assessors/personalisation-visibility.assessor.js

@@ -1,5 +1,5 @@
-import { isTextContent } from '../../brand-page/utils';
-import { BRAND_PAGE_TYPES } from '../../brand-page';
+import { isTextContent } from '@brand-page/utils';
+import { BRAND_PAGE_TYPES } from '@brand-page';
 // Accepts an optional third parameter for the target property key
 export const personalisationOverrideVisibility = (content, context, targetPropertyKey) => {
     const personalisationRoleEnabled = Boolean(content.personalisationRole);

package/lib/src/brand-page-maker/assessors/shape-section-items-field.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { ImagesSectionContent, ShapesSectionContent } from '../../brand-page';
+import type { ImagesSectionContent, ShapesSectionContent } from '@brand-page';
 import type { FieldTypeAssessor } from '../models';
 export declare const shapeSectionItemsFieldTypeAssessor: FieldTypeAssessor<ImagesSectionContent | ShapesSectionContent | undefined>;

package/lib/src/brand-page-maker/assessors/shape-section-items-field.assessor.js

@@ -1,4 +1,4 @@
-import { MEDIA_ONLY } from '../../brand-page/constants';
+import { MEDIA_ONLY } from '@brand-page/constants';
 export const shapeSectionItemsFieldTypeAssessor = (content) => {
     if (!content) {
         return 'text-image-items';

package/lib/src/brand-page-maker/assessors/shape-size-visibility.assessor.d.ts

@@ -1,3 +1,3 @@
-import type { AboutSectionContent } from '../../brand-page';
+import type { AboutSectionContent } from '@brand-page';
 import type { VisibilityAssessor } from '../models';
 export declare const shapeSizeVisibilityTypeAssessor: VisibilityAssessor<AboutSectionContent | undefined>;

package/lib/src/brand-page-maker/assessors/shop-item-color-visibility.assessor.d.ts

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

package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts

@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     isSaving: import("vue").ComputedRef<boolean>;
     isPublished: import("vue").ComputedRef<boolean>;
     isPublishButtonEnabled: import("vue").ComputedRef<boolean>;
-    userStore: import("pinia").Store<"brandPageMakerUser", import("../../stores").UserState, {}, {
+    userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
             emailAddress?: string | undefined;
             userToken?: string | undefined;
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             features?: Partial<import("../../../constants/ui").UIUserFeatures> | undefined;
         }): void;
     }>;
-    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../stores").BrandPageMakerState, {
+    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;
         brandPageContentTypes(): string[];
@@ -75,14 +75,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             settings: import("../../../shared/content-settings/models").FieldSettingsBase;
         }): void;
         enqueueNotificationMessage({ message, }: {
-            message: import("../../stores").NotificationMessage;
+            message: import("@brand-page-maker/stores").NotificationMessage;
         }): void;
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: false | import("../../stores").NotificationMessage;
+            message: false | import("@brand-page-maker/stores").NotificationMessage;
         }): void;
-        setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
@@ -91,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             isInitialising: boolean;
         }): void;
         setIsBrandPageLoaded(isLoaded: boolean): void;
-        setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
+        setIsModifiedAfterTemplateApplied({ isModified, }?: import("@brand-page-maker/stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;
         }): void;
@@ -109,7 +109,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         onChangeTemplateConfirmModalConfirm(): void;
         onContentChanged(): void;
         onStyleChanged(): void;
-        onTemplateSelected(payload: import("../../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 {
@@ -120,7 +120,7 @@ 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("../../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("../../../shared/page-settings/store").PageSettingsStateSections;
@@ -128,10 +128,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         initialiseAdminMaker(payload: {
             models: import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateModel[];
         }): void;
-        setIsSaving(payload: import("../../stores").SetIsSavingPayload): Promise<void>;
+        setIsSaving(payload: import("@brand-page-maker/stores").SetIsSavingPayload): Promise<void>;
         showBrandPageSlugEditModal(): Promise<void>;
-        updateBrandPageSettings(payload: import("../../stores").UpdateBrandPageSettingsPayload): Promise<void>;
-        updateSensitiveContentSettings(payload: import("../../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>;

package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.js

@@ -1,5 +1,5 @@
 import { EVENTS } from '../../../constants/brand-page-maker';
-import { useBrandPageMakerUserStore, useBrandPageMakerStore, } from '../../stores';
+import { useBrandPageMakerUserStore, useBrandPageMakerStore, } from '@brand-page-maker/stores';
 import { computed, defineComponent } from 'vue';
 import { UPGRADE_CTA_LOCATIONS } from './../../composables/useEventTracker';
 export default defineComponent({

package/lib/src/brand-page-maker/components/admin-background-settings/AdminBackgroundSettings.mixin.d.ts

@@ -1,4 +1,4 @@
-import type { BackgroundStylesConfigOption } from '../../models/background-styles-config';
+import type { BackgroundStylesConfigOption } from '@brand-page-maker/models/background-styles-config';
 import type { UserMediaItem, UserMediaItemWithDimensions } from 'src/shared/my-uploads/models';
 interface BackgroundShapePosition {
     name: string;
@@ -217,13 +217,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         triggerLockedContentClickedEvent(payload: {
             type: string;
         }): Promise<void>;
-        onTemplateSelected(payload: import("../../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;
     }>;
-    backgroundSettingsStore: import("pinia").Store<"uiBackgroundSettings", import("../../../shared/background-settings/store").BackgroundSettingsState, {}, {
+    backgroundSettingsStore: import("pinia").Store<"uiBackgroundSettings", import("@shared/background-settings/store").BackgroundSettingsState, {}, {
         onBackgroundChanged(): void;
         setBackgroundStyle({ backgroundStyle, }: {
             backgroundStyle: Partial<Omit<BrandPageCssStyle, "backgroundColor">>;

package/lib/src/brand-page-maker/components/admin-background-settings/AdminBackgroundSettings.mixin.js

@@ -1,10 +1,10 @@
 import { computed, defineComponent } from 'vue';
-import { BackgroundStylesConfigOptions } from '../../models/background-styles-config';
-import { STYLE_THEME_KEYS } from '../../../brand-page/constants';
-import { useUiBackgroundSettingsStore } from '../../../shared/background-settings/store';
+import { BackgroundStylesConfigOptions } from '@brand-page-maker/models/background-styles-config';
+import { STYLE_THEME_KEYS } from '@brand-page/constants';
+import { useUiBackgroundSettingsStore } from '@shared/background-settings/store';
 import { assertUnreachable, isAnEvent } from '../../../helpers/ts.helper';
-import { isColorMatched } from '../../utils';
-import { useUiStore } from '../../stores';
+import { isColorMatched } from '@brand-page-maker/utils';
+import { useUiStore } from '@brand-page-maker/stores';
 export default defineComponent({
     setup() {
         const backgroundSettingsStore = useUiBackgroundSettingsStore();

package/lib/src/brand-page-maker/components/admin-logo-settings/AdminLogoSettings.mixin.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    templates: import("vue").ComputedRef<import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateTemplate[]>;
+    templates: import("vue").ComputedRef<import("@brand-page-maker/stores/admin-logo-settings").AdminPreviewLogoTemplateTemplate[]>;
     items: import("vue").ComputedRef<{
         id: string;
         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";
@@ -28,12 +28,12 @@ declare const _default: import("vue").DefineComponent<{}, {
     brandPageType: import("vue").ComputedRef<"default" | "brandSite" | "brandContact">;
     isBrandSite: import("vue").ComputedRef<boolean>;
     isBrandPageOrIsBrandContact: import("vue").ComputedRef<boolean>;
-    adminLogoSettingsStore: import("pinia").Store<"adminLogoSettings", import("../../stores/admin-logo-settings").AdminLogoSettingsState, {
-        templates(): import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateTemplate[];
+    adminLogoSettingsStore: import("pinia").Store<"adminLogoSettings", import("@brand-page-maker/stores/admin-logo-settings").AdminLogoSettingsState, {
+        templates(): import("@brand-page-maker/stores/admin-logo-settings").AdminPreviewLogoTemplateTemplate[];
     }, {
-        setPreviewLogoTemplateModels({ models, }: import("../../stores/admin-logo-settings").SetAdminPreviewLogoTemplateModelsPayload): void;
+        setPreviewLogoTemplateModels({ models, }: import("@brand-page-maker/stores/admin-logo-settings").SetAdminPreviewLogoTemplateModelsPayload): void;
         addLogoContent(): void;
-        selectPreviewLogoTemplateModel(payload: import("../../stores/admin-logo-settings").SelectAdminPreviewLogoTemplateModelPayload): void;
+        selectPreviewLogoTemplateModel(payload: import("@brand-page-maker/stores/admin-logo-settings").SelectAdminPreviewLogoTemplateModelPayload): void;
     }>;
 }, {}, {
     canAddLogo(): boolean;

package/lib/src/brand-page-maker/components/admin-logo-settings/AdminLogoSettings.mixin.js

@@ -1,8 +1,8 @@
 import { defineComponent, computed } from 'vue';
-import { useAdminLogoSettingsStore } from '../../stores/admin-logo-settings';
-import { useUiContentSettingsStore } from '../../../shared/content-settings/store';
-import { useBrandPageMakerStore } from '../../stores/brandpage-maker';
-import { DESKTOP_HEIGHT, DESKTOP_WIDTH, MOBILE_HEIGHT, MOBILE_WIDTH, } from '../../constants';
+import { useAdminLogoSettingsStore } from '@brand-page-maker/stores/admin-logo-settings';
+import { useUiContentSettingsStore } from '@shared/content-settings/store';
+import { useBrandPageMakerStore } from '@brand-page-maker/stores/brandpage-maker';
+import { DESKTOP_HEIGHT, DESKTOP_WIDTH, MOBILE_HEIGHT, MOBILE_WIDTH, } from '@brand-page-maker/constants';
 export default defineComponent({
     setup() {
         const adminLogoSettingsStore = useAdminLogoSettingsStore();