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

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

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -83,12 +83,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../../../brand-page").Content | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -137,7 +137,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -186,7 +186,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -230,12 +230,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => string | import("../../../../brand-page").Content | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => string | import("@brand-page").Content | undefined;
         getItemState(state: {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -284,7 +284,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -369,14 +369,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             imageUrl: string;
             width?: number | undefined;
             height?: number | undefined;
-            colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
         _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: MediaBaseSelectedPayload): void;
         _setItems({ items }: {
             items: ContentItem<any>[];
         }): void;
-        updateContent<T extends import("../../../../brand-page").Content>({ id, content, }: {
+        updateContent<T extends import("@brand-page").Content>({ id, content, }: {
             id: string;
             content: T;
         }): void;
@@ -418,7 +418,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         addItemByType({ type, index, }: {
             type: string;
             index?: number | undefined;
-        }): ContentItem<import("../../../../brand-page").Content> | undefined;
+        }): ContentItem<import("@brand-page").Content> | undefined;
         deleteItem(payload: {
             id: string;
         }): void;
@@ -445,12 +445,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             imageUrl: string;
             width?: number | undefined;
             height?: number | undefined;
-            colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
         setSelectedItemMedia(selectedItemId: string | null, mediaPayload: MediaBaseSelectedPayload): void;
         setItems(payload: {
-            items: ContentItem<import("../../../../brand-page").Content>[];
+            items: ContentItem<import("@brand-page").Content>[];
         }): void;
         validateItem(payload: import("../../models").ValidateItemPayload): void;
         validateItems(): Promise<void>;
@@ -464,7 +464,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             selectedCategory: string;
         }): void;
         initialiseItemState({ item, itemState, }: {
-            item: ContentItem<import("../../../../brand-page").Content>;
+            item: ContentItem<import("@brand-page").Content>;
             itemState?: Partial<import("../../store").ContentSettingsState> | undefined;
         }): void;
         initialiseItemGroupState({ id, groupId, groupState, }: {
@@ -473,7 +473,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             groupState?: import("../../models").ContentSettingsItemGroupState | undefined;
         }): void;
     }>;
-    userStore: import("pinia").Store<"brandPageMakerUser", import("../../../../brand-page-maker/stores").UserState, {}, {
+    userStore: import("pinia").Store<"brandPageMakerUser", import("@brand-page-maker/stores").UserState, {}, {
         setUserState(payload: {
             emailAddress?: string | undefined;
             userToken?: string | undefined;
@@ -494,7 +494,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         setPageContents({ pageIndex, contents, }: {
             pageIndex: number;
-            contents: ContentItem<import("../../../../brand-page").Content>[];
+            contents: ContentItem<import("@brand-page").Content>[];
         }): void;
         setPages({ pages }: {
             pages: import("../../../page-settings/models").ContentPage[];
@@ -518,16 +518,16 @@ declare const _default: import("vue").DefineComponent<{}, {
             sectionName: "footer" | "header" | "pages";
             propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
             index?: number | undefined;
-            value: string | number | boolean | BrandPageCssStyle | import("../../../../brand-page").LinksItem[] | Partial<import("../../../../brand-page").ImageItem> | null | undefined;
+            value: string | number | boolean | BrandPageCssStyle | import("@brand-page").LinksItem[] | Partial<import("@brand-page").ImageItem> | null | undefined;
             merge?: boolean | undefined;
-            viewport: import("../../../../brand-page").ViewportsType;
+            viewport: import("@brand-page").ViewportsType;
         }): void;
         setPageSettingsSectionLogoImage({ sectionName, logoImage, logoTemplateImage, logoImageBase64Url, viewport, keepLogoVariation, logoImageHeight, logoImageWidth, }: {
-            logoImage: import("../../../../brand-page").LogoImageModel;
-            logoTemplateImage?: import("../../../../brand-page").LogoTemplateImageModel | undefined;
+            logoImage: import("@brand-page").LogoImageModel;
+            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel | undefined;
             logoImageBase64Url: string | undefined;
             sectionName: "footer" | "header" | "pages";
-            viewport: import("../../../../brand-page").ViewportsType;
+            viewport: import("@brand-page").ViewportsType;
             keepLogoVariation?: boolean | undefined;
             logoImageHeight?: string | undefined;
             logoImageWidth?: string | undefined;
@@ -538,7 +538,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             logoImageHeight: string | undefined;
             logoImageWidth: string | undefined;
         }): void;
-        updatePaymentConfigCurrency(updatedPaymentConfig: import("../../../../brand-page").BrandPagePaymentConfig, newCurrency: import("../../../../brand-page").BrandPagePaymentConfigCurrency): void;
+        updatePaymentConfigCurrency(updatedPaymentConfig: import("@brand-page").BrandPagePaymentConfig, newCurrency: import("@brand-page").BrandPagePaymentConfigCurrency): void;
         setPageTitle({ pageTitle, pageIndex, }: {
             pageTitle: string;
             pageIndex: number;
@@ -548,7 +548,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;
@@ -559,17 +559,17 @@ declare const _default: import("vue").DefineComponent<{}, {
         collapseAllSections(): void;
         setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
     }>;
-    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("../../../../brand-page-maker/stores").BrandPageMakerState, {
+    brandPageMakerStore: import("pinia").Store<"brandPageMaker", import("@brand-page-maker/stores").BrandPageMakerState, {
         contentErrorCount(): number;
         brandPageBaseUrl(): string;
         brandPageContentTypes(): string[];
-        brandPageData(): import("../../../../brand-page").BrandPageModel;
+        brandPageData(): import("@brand-page").BrandPageModel;
         brandPageToken(): string | undefined;
         brandPageDescription(): string;
         brandPageSlug(): string;
         brandPageTemplate(): any;
         brandPageTitle(): string;
-        brandPageViewModel(): import("../../../../brand-page").BrandPageViewModel;
+        brandPageViewModel(): import("@brand-page").BrandPageViewModel;
         gettyVideoIds(): string[];
         isInteractivePreviewEnabled(): boolean;
         isProduction(): boolean;
@@ -621,14 +621,14 @@ declare const _default: import("vue").DefineComponent<{}, {
             settings: import("../../models").FieldSettingsBase;
         }): void;
         enqueueNotificationMessage({ message, }: {
-            message: import("../../../../brand-page-maker/stores").NotificationMessage;
+            message: import("@brand-page-maker/stores").NotificationMessage;
         }): void;
         enqueueContentErrorMessage(): void;
         dequeueNotificationMessageQueue(): void;
         setCurrentNotificationMessage(payload: {
-            message: false | import("../../../../brand-page-maker/stores").NotificationMessage;
+            message: false | import("@brand-page-maker/stores").NotificationMessage;
         }): void;
-        setIsApplyingTemplate(payload: import("../../../../brand-page-maker/stores").IsApplyingTemplatePayload): void;
+        setIsApplyingTemplate(payload: import("@brand-page-maker/stores").IsApplyingTemplatePayload): void;
         setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
@@ -637,7 +637,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;
@@ -655,29 +655,29 @@ 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 {
+        updateContent<TContent extends import("@brand-page").Content, P extends {
             id: string;
             content: TContent;
         }>(payload: P): Promise<void>;
-        export(): import("../../../../brand-page").BrandPageModel;
+        export(): import("@brand-page").BrandPageModel;
         setBrandPageType({ brandPageType }: {
             brandPageType: "default" | "brandSite" | "brandContact";
         }): void;
-        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("../../../../brand-page-maker/stores").InitialisePayload): Promise<void>;
+        initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: import("@brand-page-maker/stores").InitialisePayload): Promise<void>;
         initialisePages({ pages, sections, }: {
-            pages: import("../../../../brand-page").PageModel[];
+            pages: import("@brand-page").PageModel[];
             sections: import("../../../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>;
@@ -687,36 +687,36 @@ declare const _default: import("vue").DefineComponent<{}, {
         validateContentItems(): Promise<void>;
         validateBrandPageData(): Promise<void>;
         setViewport(payload: {
-            viewport: import("../../../../brand-page").ViewportsType;
+            viewport: import("@brand-page").ViewportsType;
         }): void;
         showStripeOnboardingModal(): Promise<void>;
         selectInitialCategories(payload: import("../../../template-settings/models").InitialCategories): void;
     }>;
-    videoStore: import("pinia").Store<"video", import("../../../../brand-page-maker/stores").videoStoreState, {
+    videoStore: import("pinia").Store<"video", import("@brand-page-maker/stores").videoStoreState, {
         getVideoUrlsForToken: (state: {
             videoUrls: {
-                [x: string]: import("../../../../brand-page-maker/stores").VideoUrlData;
+                [x: string]: import("@brand-page-maker/stores").VideoUrlData;
             };
             gettyImagesKeyPrefix: string;
             shouldPlayVideos: boolean;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").videoStoreState>) => (token: string) => import("../../../../brand-page-maker/stores").VideoUrlData;
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").videoStoreState>) => (token: string) => import("@brand-page-maker/stores").VideoUrlData;
         getPreviewS3VideoUrlsForToken: (state: {
             videoUrls: {
-                [x: string]: import("../../../../brand-page-maker/stores").VideoUrlData;
+                [x: string]: import("@brand-page-maker/stores").VideoUrlData;
             };
             gettyImagesKeyPrefix: string;
             shouldPlayVideos: boolean;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").videoStoreState>) => (token: string) => {
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").videoStoreState>) => (token: string) => {
             videoUrl: string;
             previewImageUrl: string;
         };
         getOptimisedS3VideoUrlsForToken: (state: {
             videoUrls: {
-                [x: string]: import("../../../../brand-page-maker/stores").VideoUrlData;
+                [x: string]: import("@brand-page-maker/stores").VideoUrlData;
             };
             gettyImagesKeyPrefix: string;
             shouldPlayVideos: boolean;
-        } & import("pinia").PiniaCustomStateProperties<import("../../../../brand-page-maker/stores").videoStoreState>) => (token: string) => {
+        } & import("pinia").PiniaCustomStateProperties<import("@brand-page-maker/stores").videoStoreState>) => (token: string) => {
             videoUrl: string;
             previewImageUrl: string;
         };
@@ -732,11 +732,11 @@ declare const _default: import("vue").DefineComponent<{}, {
         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;
@@ -760,7 +760,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         sendUpsellOfferActionEvent: (upsellType: string, action: string) => void;
         sendGenerateTextContinuationEvent: (cta_location: string, continuation: string | null) => void;
     };
-    viewport: import("vue").ComputedRef<import("../../../../brand-page").ViewportsType>;
+    viewport: import("vue").ComputedRef<import("@brand-page").ViewportsType>;
 }, {}, {
     isDeleteEnabled(): boolean;
     selectedField(): ContentItemFieldSettings | undefined;

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

@@ -1,12 +1,12 @@
 import { defineComponent, computed } from 'vue';
 import { ReplaceImageSettingsTabIds } from '../../models';
 import { useUiContentSettingsStore } from '../../store';
-import { useBrandPageMakerUserStore, useBrandPageMakerStore, useVideoStore, GETTY_VIDEO_LIMIT_FOR_SITE, } from '../../../../brand-page-maker/stores';
+import { useBrandPageMakerUserStore, useBrandPageMakerStore, useVideoStore, GETTY_VIDEO_LIMIT_FOR_SITE, } from '@brand-page-maker/stores';
 import { UI_EVENT_SOURCES } from '../../../models';
 import { useUiPageSettingsStore } from '../../../page-settings/store';
-import { MEDIA_TYPES } from '../../../../brand-page';
-import { contentSettingsTr, videoLibraryTr, } from '../../../../composables/useTranslate';
-import { useEventTracker } from '../../../../brand-page-maker/composables/useEventTracker';
+import { MEDIA_TYPES } from '@brand-page';
+import { contentSettingsTr, videoLibraryTr, } from '@src/composables/useTranslate';
+import { useEventTracker } from '@brand-page-maker/composables/useEventTracker';
 export default defineComponent({
     setup() {
         const brandPageMakerStore = useBrandPageMakerStore();

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

@@ -1,8 +1,8 @@
 /// <reference types="types/lodash-shims" />
 import type { PropType } from 'vue';
-import type { ContentSettingsConfig } from '../../../../brand-page-maker/models';
+import type { ContentSettingsConfig } from '@brand-page-maker/models';
 import type { Field, UpdateItemValuePayload } from '../../models';
-import { type BrandPageContext, type PersonalisationRole } from '../../../../brand-page';
+import { type BrandPageContext, type PersonalisationRole } from '@brand-page';
 import type { DebounceHandle } from 'lodash.debounce';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
@@ -17,10 +17,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     currentRoute: import("vue").ComputedRef<{
         params: any;
     }>;
-    getContent: import("vue").ComputedRef<(id: string) => import("../../../../brand-page").Content | undefined>;
+    getContent: import("vue").ComputedRef<(id: string) => import("@brand-page").Content | undefined>;
     getItemState: import("vue").ComputedRef<(id: string) => import("../../models").ContentSettingsItemState>;
-    brandPageData: import("vue").ComputedRef<import("../../../../brand-page").BrandPageModel>;
-    getValue: import("vue").ComputedRef<(id: string, fieldName: string) => string | import("../../../../brand-page").Content | undefined>;
+    brandPageData: import("vue").ComputedRef<import("@brand-page").BrandPageModel>;
+    getValue: import("vue").ComputedRef<(id: string, fieldName: string) => string | import("@brand-page").Content | undefined>;
     isPersonalisationEnabled: import("vue").ComputedRef<boolean>;
     isAdmin: import("vue").ComputedRef<boolean>;
     contentSettingsStore: import("pinia").Store<"uiContentSettings", import("../../store").ContentSettingsState, {
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -73,12 +73,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("../../../../brand-page").Content | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string) => import("@brand-page").Content | undefined;
         getFieldSettings(state: {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -127,7 +127,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -176,7 +176,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -220,12 +220,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedItemValue: string | null;
             selectedItemIndex: number | null;
             activeCategoryTab: string;
-        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => string | import("../../../../brand-page").Content | undefined;
+        } & import("pinia").PiniaCustomStateProperties<import("../../store").ContentSettingsState>): (id: string, fieldName: string) => string | import("@brand-page").Content | undefined;
         getItemState(state: {
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -274,7 +274,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             addContentOptions: {
                 type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
                 category: string;
-                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
+                createInitialContent: (options: import("../../models").CreateInitialContentOptions) => import("@brand-page").Content;
                 displayName: string;
                 iconName: string;
                 isEnabled: boolean;
@@ -359,14 +359,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             imageUrl: string;
             width?: number | undefined;
             height?: number | undefined;
-            colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
         _setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         _setItems({ items }: {
             items: import("../../models").ContentItem<any>[];
         }): void;
-        updateContent<T extends import("../../../../brand-page").Content>({ id, content, }: {
+        updateContent<T extends import("@brand-page").Content>({ id, content, }: {
             id: string;
             content: T;
         }): void;
@@ -408,7 +408,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         addItemByType({ type, index, }: {
             type: string;
             index?: number | undefined;
-        }): import("../../models").ContentItem<import("../../../../brand-page").Content> | undefined;
+        }): import("../../models").ContentItem<import("@brand-page").Content> | undefined;
         deleteItem(payload: {
             id: string;
         }): void;
@@ -435,12 +435,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             imageUrl: string;
             width?: number | undefined;
             height?: number | undefined;
-            colorReplacements?: import("../../../../brand-page").ColorReplacement[] | undefined;
+            colorReplacements?: import("@brand-page").ColorReplacement[] | undefined;
             aspectRatio?: number | null | undefined;
         }): void;
         setSelectedItemMedia(selectedItemId: string | null, mediaPayload: import("../../../my-uploads/models").MediaBaseSelectedPayload): void;
         setItems(payload: {
-            items: import("../../models").ContentItem<import("../../../../brand-page").Content>[];
+            items: import("../../models").ContentItem<import("@brand-page").Content>[];
         }): void;
         validateItem(payload: import("../../models").ValidateItemPayload): void;
         validateItems(): Promise<void>;
@@ -454,7 +454,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             selectedCategory: string;
         }): void;
         initialiseItemState({ item, itemState, }: {
-            item: import("../../models").ContentItem<import("../../../../brand-page").Content>;
+            item: import("../../models").ContentItem<import("@brand-page").Content>;
             itemState?: Partial<import("../../store").ContentSettingsState> | undefined;
         }): void;
         initialiseItemGroupState({ id, groupId, groupState, }: {
@@ -477,11 +477,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;

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

@@ -1,13 +1,13 @@
 import { defineComponent, computed } from 'vue';
-import { CONTENT_SETTINGS_DISPLAY_MODES } from '../../../../brand-page-maker/models';
+import { CONTENT_SETTINGS_DISPLAY_MODES } from '@brand-page-maker/models';
 import { useUiSideBarStore } from '../../../side-bar/store';
-import { getContentSettingDisplayName, getContentSettingsFields, getContentSettingsTemplate, } from '../../utils';
+import { getContentSettingDisplayName, getContentSettingsFields, getContentSettingsTemplate, } from '@shared/content-settings/utils';
 import { UI_EVENT_SOURCES } from '../../../models';
 import { useUiContentSettingsStore, CONTENT_SETTINGS_MODES } from '../../store';
 import { SIDE_BAR_CONTENT_ID } from '../../constants';
-import { useBrandPageMakerStore, useBrandPageMakerUserStore, useRouteStore, useUiStore, } from '../../../../brand-page-maker/stores';
-import { BRAND_PAGE_TYPES, CONTENT_TYPES, MEDIA_SIZES, } from '../../../../brand-page';
-import { EVENTS, SELECT_LOCATIONS, useEventTracker, } from '../../../../brand-page-maker/composables/useEventTracker';
+import { useBrandPageMakerStore, useBrandPageMakerUserStore, useRouteStore, useUiStore, } from '@brand-page-maker/stores';
+import { BRAND_PAGE_TYPES, CONTENT_TYPES, MEDIA_SIZES, } from '@brand-page';
+import { EVENTS, SELECT_LOCATIONS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
 import debounce from 'lodash.debounce';
 const ICON_CHEVRON_RIGHT = 'chevron-right';
 const ICON_CHEVRON_UP = 'chevron-up';