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

package/src/shared/page-settings/store/page-settings-store.test.ts

@@ -3,22 +3,22 @@ import type Vue from 'vue';
 import { createApp } from 'vue';
 import { createPinia, setActivePinia } from 'pinia';
 import type { ContentPage } from '../models';
-import type { PageModel, TextContent } from '../../../brand-page';
+import type { PageModel, TextContent } from '@brand-page';
 import type { ContentItem } from '../../content-settings/models';
 import {
   UNLIMITED_MAX_NUM_OF_PAGES,
   useBrandPageMakerStore,
   useBrandPageMakerUserStore,
-} from '../../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import {
   INITIALISE_PAYLOAD,
   USER_FEATURES,
   brandPageEmpty,
-} from '../../../brand-page-maker/components/brand-page-maker/__fixtures__';
+} from '@brand-page-maker/components/brand-page-maker/__fixtures__';
 import { useUiPageSettingsStore } from './index';
 import { useUiContentSettingsStore } from '../../content-settings/store';
 import { FabricRenderClient } from '../../../clients/fabric-render-client';
-import { setLocaleAsync } from '../../../../src/composables/useTranslate';
+import { setLocaleAsync } from '@src/composables/useTranslate';
 
 vi.mock('../../../clients/brand-page-client', () => ({
   default: {
@@ -30,6 +30,7 @@ vi.mock('../../../clients/brand-page-client', () => ({
 
 function createPage(pageNo): ContentPage {
   return {
+    id: `page-${pageNo}`,
     title: `Page ${pageNo}`,
     slug: `page${pageNo}`,
     contents: [

package/src/shared/page-settings/store/page-settings-store.ts

@@ -1,5 +1,6 @@
 import { defineStore } from 'pinia';
 import type { ContentItem } from '../../content-settings/models';
+
 import {
   PageHeaderDesktop,
   PageHeaderMobile,
@@ -7,7 +8,7 @@ import {
   PageFooterMobile,
   VIEWPORTS,
   HEADER_DISPLAY,
-} from '../../../brand-page';
+} from '@brand-page';
 import type {
   Content,
   ImageGalleryItem,
@@ -17,24 +18,25 @@ import type {
   LogoTemplateImageModel,
   BrandPagePaymentConfig,
   BrandPagePaymentConfigCurrency,
-} from '../../../brand-page';
+} from '@brand-page';
+import { v4 as uuid } from 'uuid';
 import type { ContentPage } from '../models';
 import { PAGE_SECTIONS } from '../models';
-import { navigateToPageBySlug } from '../../../brand-page-maker/routing';
-import { getPageSlugFromPageTitle } from '../../../brand-page-maker/utils';
+import { navigateToPageBySlug } from '@brand-page-maker/routing';
+import { getPageSlugFromPageTitle } from '@brand-page-maker/utils';
 import { useUiContentSettingsStore } from '../../content-settings/store';
 import {
   useBrandPageMakerStore,
   useBrandPageMakerUserStore,
   useBrandPageContainerStore,
   useUiStore,
-} from '../../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import { useUiLogoSettingsStore } from '../../logo-settings/store';
 import {
   TRIGGER_TYPE,
   UPGRADE_CTA_LOCATIONS,
   useEventTracker,
-} from '../../../brand-page-maker/composables/useEventTracker';
+} from '@brand-page-maker/composables/useEventTracker';
 import { useShopConfigStore } from '../../ecommerce-settings/store/shop-settings-store';
 import { WEBSITE_UPGRADE_CONTEXT_TYPES } from '@designcrowd/fe-shared-lib';
 
@@ -431,7 +433,7 @@ export const useUiPageSettingsStore = defineStore('uiPageSettings', {
       this.setCurrentPageIndex({ pageIndex });
       navigateToPageBySlug(this.pages[this.currentPageIndex].slug);
     },
-    addNewPage(payload: { title: string }): void {
+    addNewPage(payload: { title: string }): ContentPage {
       const logoSettingsStore = useUiLogoSettingsStore();
       const brandPageMakerStore = useBrandPageMakerStore();
 
@@ -440,7 +442,7 @@ export const useUiPageSettingsStore = defineStore('uiPageSettings', {
         this.pages.map((p) => p.slug),
       );
 
-      const newPage = { title: payload.title, slug, contents: [] };
+      const newPage = { id: uuid(), title: payload.title, slug, contents: [] };
 
       // Insert new page after the non-hidden page
       const visiblePages = this.pages.filter((page) => !page.isHidden);
@@ -455,6 +457,8 @@ export const useUiPageSettingsStore = defineStore('uiPageSettings', {
       if (brandPageMakerStore.isBrandPageOrIsBrandContact) {
         logoSettingsStore.addDefaultLogoContentToCurrentPage();
       }
+
+      return newPage;
     },
     setSelectedSectionName({
       sectionName,

package/src/shared/page-settings/utils.ts

@@ -1,4 +1,4 @@
-import { errorTr } from '../../composables/useTranslate';
+import { errorTr } from '@src/composables/useTranslate';
 
 const MAX_PAGE_TITLE_LENGTH = 30;
 

package/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.ts

@@ -3,21 +3,21 @@ import {
   useBrandPageMakerStore,
   useBrandPageContainerStore,
   useLocalisedRouteStore,
-} from '../../brand-page-maker/stores';
-import type { UserDomainName } from '../../brand-page/models/user-domain.model';
+} from '@brand-page-maker/stores';
+import type { UserDomainName } from '@brand-page/models/user-domain.model';
 import { getUserDomainNamesAsync as getActiveUserDomainNamesAsync } from '../../clients/user-domain-name-client';
 import {
   CUSTOM_DOMAIN_STATUSES,
   DOMAIN_TYPE,
   type DomainObjectType,
-} from '../../brand-page-maker/constants/brandpage-constant';
-import { defaultUSDCurrency } from '../../brand-page-maker/constants/currency-constants';
+} from '@brand-page-maker/constants/brandpage-constant';
+import { defaultUSDCurrency } from '@brand-page-maker/constants/currency-constants';
 import {
   PUBLISH_MODAL_CONTINUATION_EVENTS,
   useEventTracker,
-} from '../../brand-page-maker/composables/useEventTracker';
-import { publishBrandPageModalWithStateTr } from '../../composables/useTranslate';
-import { BRAND_PAGE_TYPES } from '../../brand-page/models';
+} from '@brand-page-maker/composables/useEventTracker';
+import { publishBrandPageModalWithStateTr } from '@src/composables/useTranslate';
+import { BRAND_PAGE_TYPES } from '@brand-page/models';
 
 export default defineComponent({
   props: {

package/src/shared/shape-library/ShapeLibrary.vue

@@ -166,20 +166,20 @@ const emit = defineEmits<{
 }>();
 
 import AssetLibraryClient from '../../clients/asset-library-clients';
-import { preloadImage } from '../../brand-page/utils';
+import { preloadImage } from '@brand-page/utils';
 import { Button, Loader, TextInput, TabMenu } from '@designcrowd/fe-shared-lib';
 import {
   commonTr,
   shapeLibraryTr,
   currentLocale,
-} from '../../composables/useTranslate';
+} from '@src/composables/useTranslate';
 import {
   useBrandPageContainerStore,
   useBrandPageMakerStore,
   useBrandPageMakerUserStore,
   useUiStore,
-} from '../../brand-page-maker/stores';
-import { useUiSideBarStore } from '../../shared/side-bar/store/side-bar-store';
+} from '@brand-page-maker/stores';
+import { useUiSideBarStore } from '@shared/side-bar/store/side-bar-store';
 import type {
   ShapeCategoryModel,
   ShapeSearchResponseModel,

package/src/shared/side-bar/components/SideBar.mixin.ts

@@ -6,7 +6,7 @@ import {
   useBrandPageContainerStore,
   useBrandPageMakerUserStore,
   useBrandPageMakerStore,
-} from '../../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import { SIDE_BAR_CONTENT_ID } from '../../content-settings/constants';
 import { useUiContentSettingsStore } from '../../content-settings/store';
 

package/src/shared/side-bar/components/SideBarTabButton.mixin.ts

@@ -1,9 +1,9 @@
 import { defineComponent, computed } from 'vue';
 
 import { useUiSideBarStore } from '../store';
-import { useBrandPageContainerStore } from '../../../brand-page-maker/stores';
+import { useBrandPageContainerStore } from '@brand-page-maker/stores';
 
-import { useEventTracker } from '../../../brand-page-maker/composables/useEventTracker';
+import { useEventTracker } from '@brand-page-maker/composables/useEventTracker';
 
 export default defineComponent({
   props: {

package/src/shared/side-bar/store/side-bar-store.ts

@@ -4,7 +4,7 @@ import type { SetSelectedTabNamePayload, SideBarTab } from '../models';
 import {
   DEFAULT_SIDE_BAR_TABS,
   SIDE_BAR_TAB_NAMES,
-} from '../../../brand-page-maker/constants';
+} from '@brand-page-maker/constants';
 import {
   PAGE_SETTINGS_SECTIONS,
   useUiPageSettingsStore,

package/src/shared/style-settings/components/StyleSettings.mixin.ts

@@ -4,11 +4,11 @@ import {
   ButtonStyleConfigOptions,
   type OtherStyleConfigOption,
   OtherStyleConfigOptions,
-} from '../../../brand-page-maker/models';
+} from '@brand-page-maker/models';
 import { isAnEvent } from '../../../helpers/ts.helper';
-import { STYLE_THEME_KEYS } from '../../../brand-page';
-import { RGBAtoHex } from '../../../utils/helpers';
-import { isColorMatched } from '../../../brand-page-maker/utils';
+import { STYLE_THEME_KEYS } from '@brand-page';
+import { RGBAtoHex } from '@utils/helpers';
+import { isColorMatched } from '@brand-page-maker/utils';
 import { useUiStyleSettingsStore } from '../store';
 import { useUiBackgroundSettingsStore } from '../../background-settings/store';
 import type { UpdateItemValuePayload } from '../../content-settings/models';
@@ -17,13 +17,13 @@ import {
   useBrandPageMakerStore,
   useBrandPageMakerUserStore,
   useUiStore,
-} from '../../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import {
   TRIGGER_TYPE,
   UPGRADE_CTA_LOCATIONS,
   useEventTracker,
-} from '../../../brand-page-maker/composables/useEventTracker';
-import { styleSettingsTr } from '../../../composables/useTranslate';
+} from '@brand-page-maker/composables/useEventTracker';
+import { styleSettingsTr } from '@src/composables/useTranslate';
 import { WEBSITE_UPGRADE_CONTEXT_TYPES } from '@designcrowd/fe-shared-lib';
 
 export default defineComponent({

package/src/shared/style-settings/components/StyleSettings.stories.ts

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue';
 import { createPinia, setActivePinia } from 'pinia';
 import StyleSettings from './StyleSettings.vue';
-import { setupStoryPinia } from '../../../brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
+import { setupStoryPinia } from '@brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
 import {
   useBrandPageMakerStore,
   useBrandPageMakerUserStore,
-} from '../../../brand-page-maker/stores';
-import { INITIALISE_PAYLOAD, USER_FEATURES } from '../../../brand-page-maker/components/brand-page-maker/__fixtures__';
+} from '@brand-page-maker/stores';
+import { INITIALISE_PAYLOAD, USER_FEATURES } from '@brand-page-maker/components/brand-page-maker/__fixtures__';
 
 export default {
   title: 'Components/BrandPageMaker/StyleSettings',

package/src/shared/style-settings/components/StyleSettings.vue

@@ -325,7 +325,7 @@ import StyleSettingsSection from './StyleSettingsSection.vue';
 import SideBarSettingsHeader from '../../common/SideBarSettingsHeader.vue';
 import ColorField from '../../content-settings/components/color-field/ColorField.vue';
 import TextStyleOptionsSettingsWithState from '../components/text-style-options-settings-with-state/TextStyleOptionsSettingsWithState.vue';
-import { styleSettingsTr, commonTr } from '../../../composables/useTranslate';
+import { styleSettingsTr, commonTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/shared/style-settings/components/text-style-options-settings-with-state/TextStyleOptionsSettingsWithState.vue

@@ -27,16 +27,13 @@ import { useUiStyleSettingsStore } from '../../store';
 import {
   useBrandPageMakerUserStore,
   useUiStore,
-} from '../../../../brand-page-maker/stores';
-import { useUiPageSettingsStore } from '../../../../shared/page-settings/store';
+} from '@brand-page-maker/stores';
+import { useUiPageSettingsStore } from '@shared/page-settings/store';
 
 import type { UpdateItemValuePayload } from '../../../content-settings/models';
-import type {
-  TextStyleDeclaration,
-  TextStyleType,
-} from '../../../../brand-page';
-import { useExternalRichTextEditor } from '../../../../brand-page-maker/composables/rich-text-editor/useRichTextEditor';
-import { transformToRTE } from '../../../../brand-page-maker/utils';
+import type { TextStyleDeclaration, TextStyleType } from '@brand-page';
+import { useExternalRichTextEditor } from '@brand-page-maker/composables/rich-text-editor/useRichTextEditor';
+import { transformToRTE } from '@brand-page-maker/utils';
 
 const styleSettingsStore = useUiStyleSettingsStore();
 const userStore = useBrandPageMakerUserStore();

package/src/shared/style-settings/models.ts

@@ -2,7 +2,7 @@ import type {
   FontFamilyKey,
   FontFamilyCategory,
   GalleryType,
-} from '../../brand-page';
+} from '@brand-page';
 
 export type ButtonStyles = ButtonStyle[];
 

package/src/shared/style-settings/store/style-settings-store.test.ts

@@ -1,9 +1,9 @@
 import { createPinia, setActivePinia } from 'pinia';
 import { useUiStyleSettingsStore } from './style-settings-store';
 import { useUiContentSettingsStore } from '../../content-settings/store';
-import { createInitialLogoContent } from '../../../brand-page-maker/models';
-import { mapBrandPageContentToContentSettingsItem } from '../../../brand-page-maker/utils';
-import { type LogoContent, VIEWPORTS } from '../../../brand-page';
+import { createInitialLogoContent } from '@brand-page-maker/models';
+import { mapBrandPageContentToContentSettingsItem } from '@brand-page-maker/utils';
+import { type LogoContent, VIEWPORTS } from '@brand-page';
 import type { ContentItem } from '../../content-settings/models';
 
 const LOGO_WIDTH_SMALL = '6rem';

package/src/shared/style-settings/store/style-settings-store.ts

@@ -2,7 +2,7 @@ import { defineStore } from 'pinia';
 import type {
   ButtonStyleConfig,
   ButtonStyleConfigOption,
-} from '../../../brand-page-maker/models';
+} from '@brand-page-maker/models';
 import {
   getColorFromCSSShadow,
   hexToRGBA,
@@ -12,12 +12,12 @@ import {
   arrayToLinearGradient,
   RGBAtoHex,
   CssShadowRE,
-} from '../../../utils/helpers';
+} from '@utils/helpers';
 import type {
   BrandPageType,
   TextStyleDeclaration,
   ViewportsType,
-} from '../../../brand-page';
+} from '@brand-page';
 import {
   ButtonStyles,
   GalleryStyles,
@@ -35,14 +35,14 @@ import {
   ButtonSoftBoxShadowSize,
   BoxShadowSpread,
   availableGalleryTypes,
-} from '../../../brand-page';
-import type { OtherStyleConfigOption } from '../../../brand-page-maker/models';
+} from '@brand-page';
+import type { OtherStyleConfigOption } from '@brand-page-maker/models';
 import { assertUnreachable } from '../../../helpers/ts.helper';
 import {
   isHexTransparent,
   removeAlphaFromHex,
   addTransparentAlphaChannelToHex,
-} from '../../../brand-page/utils/color.util';
+} from '@brand-page/utils/color.util';
 import { DEFAULT_BUTTON_SHADOW_COLOR } from '../../../constants/ui';
 import type {
   SetGalleryTypePayload,
@@ -52,17 +52,17 @@ import {
   useBrandPageMakerStore,
   useBrandPageMakerUserStore,
   useUiStore,
-} from '../../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import { useUiContentSettingsStore } from '../../content-settings/store';
 import type { ContentItem } from '../../content-settings/models';
 import { useUiPageSettingsStore } from '../../page-settings/store';
 import { PAGE_SECTIONS } from '../../page-settings/models';
-import { availableButtonStyleConfigs } from '../../../brand-page-maker/models';
+import { availableButtonStyleConfigs } from '@brand-page-maker/models';
 import {
   TRIGGER_TYPE,
   UPGRADE_CTA_LOCATIONS,
   useEventTracker,
-} from '../../../brand-page-maker/composables/useEventTracker';
+} from '@brand-page-maker/composables/useEventTracker';
 
 export interface StyleSettingsState {
   availableButtonStyleConfigs: ButtonStyleConfig[];

package/src/shared/template-settings/components/TemplatesSettings.mixin.ts

@@ -15,16 +15,16 @@ import {
   useBrandPageContainerStore,
   useBrandPageMakerStore,
   useUiStore,
-} from '../../../brand-page-maker/stores';
-import { templateSettingsTr } from '../../../composables/useTranslate';
+} from '@brand-page-maker/stores';
+import { templateSettingsTr } from '@src/composables/useTranslate';
 
-import { useEventTracker } from '../../../brand-page-maker/composables/useEventTracker';
+import { useEventTracker } from '@brand-page-maker/composables/useEventTracker';
 import {
   useUiEditableLogoStore,
   useUiLogoSettingsStore,
 } from '../../logo-settings/store';
-import { useLogoStore } from '../../../brand-page-maker/stores/logo-store';
-import raygunUtil from '../../../brand-page/utils/raygun.util';
+import { useLogoStore } from '@brand-page-maker/stores/logo-store';
+import raygunUtil from '@brand-page/utils/raygun.util';
 
 export default defineComponent({
   props: {

package/src/shared/template-settings/components/TemplatesSettings.stories.ts

@@ -1,10 +1,10 @@
 import { defineComponent} from 'vue';
 import TemplatesSettings from './TemplatesSettings.vue';
-import TemplatePreview from '../../../brand-page-maker/components/template-preview/TemplatePreview.vue';
+import TemplatePreview from '@brand-page-maker/components/template-preview/TemplatePreview.vue';
 import { logoWithGradientTheme } from '../../../__fixtures__';
 import { mockDesignTemplateTypeApi } from './TemplatesSettings.test-helper';
 import { useUiTemplateSettingsStore } from '../store';
-import { useUiStore } from '../../../brand-page-maker/stores';
+import { useUiStore } from '@brand-page-maker/stores';
 
 export default {
   title: 'Components/BrandPageMaker/TemplatesSettings',

package/src/shared/template-settings/components/TemplatesSettings.test-helper.ts

@@ -24,7 +24,7 @@ import {
   DISPLAY_TEXT_HEADINGS,
   DISPLAY_TEXT_TITLE,
   FONT_FAMILY_KEYS,
-} from '../../../brand-page/constants';
+} from '@brand-page/constants';
 import {
   BRAND_PAGE_TYPES,
   type BrandPageData,
@@ -32,12 +32,12 @@ import {
   emptyGlobalTextStyleDeclaration,
   TEXT_STYLE_TYPES,
   TextStyleOption,
-} from '../../../brand-page';
+} from '@brand-page';
 import {
   BP_BRAND_SITE_TEMPLATE_TYPE_NAME,
   BP_DEFAULT_TEMPLATE_TYPE_NAME,
-} from '../../../brand-page-maker/constants';
-import { BRAND_PAGE_PERSONALISED } from '../../../brand-page-maker/components/brand-page-maker/__fixtures__';
+} from '@brand-page-maker/constants';
+import { BRAND_PAGE_PERSONALISED } from '@brand-page-maker/components/brand-page-maker/__fixtures__';
 
 export const mockDesignTemplateTypeApi = (
   options: {

package/src/shared/template-settings/components/TemplatesSettings.vue

@@ -147,7 +147,7 @@
 import { Loader, Button, TextInput, TabMenu } from '@designcrowd/fe-shared-lib';
 import SideBarSettingsHeader from '../../common/SideBarSettingsHeader.vue';
 import TemplateSettingsMixin from './TemplatesSettings.mixin.ts';
-import { templateSettingsTr } from '../../../composables/useTranslate';
+import { templateSettingsTr } from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/shared/template-settings/models.ts

@@ -1,5 +1,5 @@
-import { templateSettingsTr } from '../../composables/useTranslate';
-import type { BrandPageModel } from '../../brand-page';
+import { templateSettingsTr } from '@src/composables/useTranslate';
+import type { BrandPageModel } from '@brand-page';
 
 export interface TemplateSettingsTemplate {
   id: string;

package/src/shared/template-settings/store/template-settings-store.ts

@@ -15,7 +15,7 @@ import { type DesignTemplate } from '../../../clients/models';
 import {
   BP_DEFAULT_TEMPLATE_TYPE_NAME,
   SIDE_BAR_TAB_NAMES,
-} from '../../../brand-page-maker/constants';
+} from '@brand-page-maker/constants';
 import { defineStore, storeToRefs } from 'pinia';
 import {
   useBrandPageContainerStore,
@@ -23,11 +23,11 @@ import {
   useBrandPageMakerUserStore,
   useLogoStore,
   useUiStore,
-} from '../../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import { useUiSideBarStore } from '../../side-bar/store';
-import { BrandPageModel } from '../../../brand-page/models';
-import { migrateBrandPageModel } from '../../../brand-page/utils';
-import { getAiContentIndexByTemplateTokenAndNumberOfVariations } from '../../../brand-page-maker/utils/ai-content-selection.util';
+import { BrandPageModel } from '@brand-page/models';
+import { migrateBrandPageModel } from '@brand-page/utils';
+import { getAiContentIndexByTemplateTokenAndNumberOfVariations } from '@brand-page-maker/utils/ai-content-selection.util';
 import {
   useUiEditableLogoStore,
   useUiLogoSettingsStore,
@@ -35,7 +35,7 @@ import {
 import {
   templateSettingsTr,
   getCurrentLocale,
-} from '../../../composables/useTranslate';
+} from '@src/composables/useTranslate';
 import { watch } from 'vue';
 
 export const DEFAULT_PAGE_SIZE = 6;

package/src/shared/unsplash-library/UnsplashLibrary.mixin.ts

@@ -1,8 +1,8 @@
 import { defineComponent, computed } from 'vue';
 import UnsplashClient from '../../clients/unsplash-client';
 import debounce, { type DebounceHandle } from 'lodash.debounce';
-import { preloadImage } from '../../brand-page/utils';
-import { useUiStore } from '../../brand-page-maker/stores';
+import { preloadImage } from '@brand-page/utils';
+import { useUiStore } from '@brand-page-maker/stores';
 
 interface PreviewUrls {
   raw: string;

package/src/shared/unsplash-library/UnsplashLibrary.vue

@@ -118,7 +118,7 @@ import {
   tr,
   commonTr,
   unsplashImageCategoriesTr,
-} from '../../composables/useTranslate';
+} from '@src/composables/useTranslate';
 
 export default {
   components: {

package/src/shared/upload-logo-modal/UploadLogoModal.vue

@@ -57,9 +57,9 @@
 </template>
 <script setup lang="ts">
 import { Button, Modal } from '@designcrowd/fe-shared-lib';
-import { useBrandPageMakerUserStore } from '../../brand-page-maker/stores';
+import { useBrandPageMakerUserStore } from '@brand-page-maker/stores';
 import { reactive, ref } from 'vue';
-import { uploadLogoModalTr } from '../../composables/useTranslate';
+import { uploadLogoModalTr } from '@src/composables/useTranslate';
 
 const data = reactive({
   showUploadModal: false,

package/src/shared/video-library/VideoLibrary.vue

@@ -125,12 +125,12 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue';
 import GettyImagesClient from '../../clients/gettyimages-client';
-import { commonTr, videoLibraryTr } from '../../composables/useTranslate';
+import { commonTr, videoLibraryTr } from '@src/composables/useTranslate';
 import { Button, Loader, TextInput } from '@designcrowd/fe-shared-lib';
 import {
   useUiStore,
   type GettyVideoEditorViewModelResponse,
-} from '../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import type {
   GettyVideoMediaSelectedPayload,
   MediaBaseSelectedPayload,

package/src/shared/website-byo-upload/WebsiteByoUpload.vue

@@ -12,11 +12,11 @@ import * as uuid from 'uuid';
 import {
   useBrandPageContainerStore,
   useLogoStore,
-} from '../../brand-page-maker/stores';
+} from '@brand-page-maker/stores';
 import {
   useUiEditableLogoStore,
   useUiLogoSettingsStore,
-} from '../../shared/logo-settings/store';
+} from '@shared/logo-settings/store';
 import type {
   CreateByoLogoTemplateResponse,
   CreateByoLogoDraftResponse,