@designcrowd/library.brand-page 5.16.48 → 5.16.50

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js

@@ -1,26 +1,26 @@
 import { defineComponent, computed } from 'vue';
 import debounce from 'lodash.debounce';
-import * as fontLoaderUtil from '../../../brand-page/utils/font-loader.util';
+import * as fontLoaderUtil from '@brand-page/utils/font-loader.util';
 import { EVENTS } from '../../../constants/brand-page-maker';
-import { MAKER_MOBILE_BREAKPOINT } from '../../constants';
-import { useUiSideBarStore } from '../../../shared/side-bar/store';
-import { VIEWPORTS, } from '../../../brand-page';
+import { MAKER_MOBILE_BREAKPOINT } from '@brand-page-maker/constants';
+import { useUiSideBarStore } from '@shared/side-bar/store';
+import { VIEWPORTS, } from '@brand-page';
 import { TEMPLATE_FIRST_PAGE_NO } from '../../../constants/ui';
-import { createInitialBrandPage } from '../../models';
+import { createInitialBrandPage } from '@brand-page-maker/models';
 import { navigateToPageBySlug } from '../../routing';
-import { useBrandPageContainerStore } from '../../stores';
-import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES, } from '../../../shared/models';
-import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useUiStore, useSnapshotStore, useVideoStore, } from '../../stores';
-import { useUiContentSettingsStore } from '../../../shared/content-settings/store';
-import { useUiTemplateSettingsStore } from '../../../shared/template-settings/store';
-import { useUiPageSettingsStore } from '../../../shared/page-settings/store';
+import { useBrandPageContainerStore } from '@brand-page-maker/stores';
+import { UI_DEVICE_MODES, UI_SCREENSIZE_MODES, } from '@shared/models';
+import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useUiStore, useSnapshotStore, useVideoStore, } from '@brand-page-maker/stores';
+import { useUiContentSettingsStore } from '@shared/content-settings/store';
+import { useUiTemplateSettingsStore } from '@shared/template-settings/store';
+import { useUiPageSettingsStore } from '@shared/page-settings/store';
 import { useRouter } from 'vue-router';
 import { FabricRenderClient } from '../../../clients/fabric-render-client';
 import AssetLibraryClient from '../../../clients/asset-library-clients';
-import { useShopConfigStore } from '../../../shared/ecommerce-settings/store/shop-settings-store';
-import { useProductConfigStore } from '../../../brand-page-maker/stores/product-config/product-config-store';
+import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
+import { useProductConfigStore } from '@brand-page-maker/stores/product-config/product-config-store';
 import { UPGRADE_CTA_LOCATIONS } from '../../composables/useEventTracker';
-import { commonTr } from '../../../composables/useTranslate';
+import { commonTr } from '@src/composables/useTranslate';
 import { useSnapshot } from '../../../composables/useSnapshot';
 const RESIZE_DEBOUNCE_WAIT_IN_MS = 100;
 export default defineComponent({

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js

@@ -8,22 +8,22 @@ import { brandPageApiClient } from '@designcrowd/fe-shared-lib';
 import BrandPageMaker from './BrandPageMaker.vue';
 import { ADMIN_PREVIEW_LOGO_TEMPLATE_MODELS, BRAND_PAGE, brandPagePaymentConfigBrandPageToken, brandPagePaymentConfigsResponse, brandPageBackgroundColor, brandPageBackgroundColorWithShapes, brandPageBackgroundGradient, brandPageBackgroundGradientWithShapes, brandPageBackgroundImage, brandPageBackgroundImageWithShapes, brandPageEmpty, requestPaymentPaymentOptions, userFeatures, supportMePaymentOptions, BRAND_PAGE_MULTI_PAGE, PERSONALISATION_CONTENT, BRAND_PAGE_PERSONALISED, PUBLISHED_DESIGN_DRAFT_TOKEN, BRAND_SITE, BRAND_SITE_SAMPLE_WITH_LOGO, CUSTOM_DOMAIN_DESIGN_DRAFT_TOKEN, brandPageCustom, BRAND_CONTACT, BRAND_SITE_SAMPLE, } from './__fixtures__';
 import { gradientLogoDesignAttributes, LOGO_IMAGE_URL, logoVariationImageUrls, sampleLogoTheme, simpleLogoDesignAttributes, } from '../../../__fixtures__';
-import { BRAND_PAGE_TYPES, CONTENT_TEXT_STYLE_PROPERTY_KEYS, CONTENT_TYPES, DISPLAY_STYLE_PREVIEW, PageStyles, BrandPageModel, PageHeaderDesktop, NavigationMobile, NavigationDesktop, NAVIGATION_DISPLAY, TEXT_STYLE_TYPES, VIEWPORTS, GalleryStyles, GALLERY_TYPES, SENSITIVE_CONTENT_TYPES, } from '../../../brand-page';
+import { BRAND_PAGE_TYPES, CONTENT_TEXT_STYLE_PROPERTY_KEYS, CONTENT_TYPES, DISPLAY_STYLE_PREVIEW, PageStyles, BrandPageModel, PageHeaderDesktop, NavigationMobile, NavigationDesktop, NAVIGATION_DISPLAY, TEXT_STYLE_TYPES, VIEWPORTS, GalleryStyles, GALLERY_TYPES, SENSITIVE_CONTENT_TYPES, } from '@brand-page';
 import {} from './BrandPageMaker.mixin';
-import { applyLogoThemeToBrandPageStyles } from '../../../brand-page/utils';
+import { applyLogoThemeToBrandPageStyles } from '@brand-page/utils';
 import { storyEmailAddress } from './__fixtures__';
-import { availableButtonStyleConfigs, createInitialBannerSectionContent, createInitialButtonContent, createInitialImageContent, createInitialImageGalleryContent, createInitialRequestPaymentContent, createInitialSocialLinksContent, createInitialSupportMeContent, createInitialTextContent, } from '../../models';
+import { availableButtonStyleConfigs, createInitialBannerSectionContent, createInitialButtonContent, createInitialImageContent, createInitialImageGalleryContent, createInitialRequestPaymentContent, createInitialSocialLinksContent, createInitialSupportMeContent, createInitialTextContent, } from '@brand-page-maker/models';
 import { TEMPLATE_CATEGORIES } from '../../../__fixtures__';
-import { useBrandPageMakerStore } from '../../stores';
+import { useBrandPageMakerStore } from '@brand-page-maker/stores';
 import { generalLink, profileContent, textContent, } from './__fixtures__/content-settings-items.fixture';
-import { CONTENT_SETTINGS_MODES, useUiContentSettingsStore, } from '../../../shared/content-settings/store';
+import { CONTENT_SETTINGS_MODES, useUiContentSettingsStore, } from '@shared/content-settings/store';
 import { createPinia } from 'pinia';
-import { useUiStore, useBrandPageContainerStore, UNLIMITED_MAX_NUM_OF_PAGES, useBrandPageMakerUserStore, useLogoStore, } from '../../stores';
+import { useUiStore, useBrandPageContainerStore, UNLIMITED_MAX_NUM_OF_PAGES, useBrandPageMakerUserStore, useLogoStore, } from '@brand-page-maker/stores';
 import { brandPageContentsSampleData } from './__fixtures__/page-content-items';
 import { setupStoryPinia } from './__fixtures__/store-fixture';
-import { CONTENT_SETTINGS_CONFIGS, DNS_CONFIGURATION_STATUSES, SIDE_BAR_TAB_NAMES, } from '../../constants';
+import { CONTENT_SETTINGS_CONFIGS, DNS_CONFIGURATION_STATUSES, SIDE_BAR_TAB_NAMES, } from '@brand-page-maker/constants';
 import { BRAND_SITE_TEMPLATE_SAMPLE } from './__fixtures__/brand-site-template.examples';
-import { setLocaleAsync } from '../../../composables/useTranslate';
+import { setLocaleAsync } from '@src/composables/useTranslate';
 const InitialiseMakerStores = (options) => {
     const isPrePurchase = !!options.prepurchase;
     const brandPageContainerStore = useBrandPageContainerStore();

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.js

@@ -1,5 +1,5 @@
 import { computed, defineComponent } from 'vue';
-import { DESKTOP_HEIGHT, DESKTOP_WIDTH, MOBILE_HEIGHT, MOBILE_WIDTH, } from '../../constants';
+import { DESKTOP_HEIGHT, DESKTOP_WIDTH, MOBILE_HEIGHT, MOBILE_WIDTH, } from '@brand-page-maker/constants';
 import { useBrandPageMakerStore, useBrandPageContainerStore, } from '../../../lib';
 export default defineComponent({
     setup() {

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.stories.js

@@ -2,16 +2,16 @@ import axios from 'axios';
 import { faker } from '@faker-js/faker';
 import { mapGetters } from 'pinia';
 import MockAdapter from 'axios-mock-adapter';
-import { mockDesignTemplateTypeApi } from '../../../shared/template-settings/components/TemplatesSettings.test-helper';
+import { mockDesignTemplateTypeApi } from '@shared/template-settings/components/TemplatesSettings.test-helper';
 import BrandPageMakerTemplateSettings from './BrandPageMakerTemplateSettings.vue';
 import VueRouter, { createMemoryHistory, createRouter } from 'vue-router';
-import { hexToRGB } from '../../../utils/helpers';
+import { hexToRGB } from '@utils/helpers';
 import { BRAND_PAGE_TEMPLATE_BP_909, LOGO_IMAGE_URL, } from '../../../__fixtures__';
 import { setupStoryPinia } from './__fixtures__/store-fixture';
-import { useUiLogoSettingsStore } from '../../../shared/logo-settings/store';
-import { useUiStore } from '../../stores';
-import { getColorShades } from '../../../brand-page/utils';
-import { EMPTY_LOGO_IMAGE_MODEL } from '../../../brand-page';
+import { useUiLogoSettingsStore } from '@shared/logo-settings/store';
+import { useUiStore } from '@brand-page-maker/stores';
+import { getColorShades } from '@brand-page/utils';
+import { EMPTY_LOGO_IMAGE_MODEL } from '@brand-page';
 export default {
     title: 'Components/BrandPageMaker/BrandPageMaker Template Settings',
     component: BrandPageMakerTemplateSettings,

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.d.ts

@@ -1,7 +1,7 @@
-import type { BrandPageData, UserPersonalisation, UserPersonalisationContent } from '../../../../brand-page';
-import type { InitialisePayload } from '../../../stores';
-import type { UserFeatures } from '../../../stores';
-import type { AdminPreviewLogoTemplateModel } from '../../../stores/admin-logo-settings';
+import type { BrandPageData, UserPersonalisation, UserPersonalisationContent } from '@brand-page';
+import type { InitialisePayload } from '@brand-page-maker/stores';
+import type { UserFeatures } from '@brand-page-maker/stores';
+import type { AdminPreviewLogoTemplateModel } from '@brand-page-maker/stores/admin-logo-settings';
 import type { UIUserFeatures } from 'src/constants/ui';
 export declare const storyEmailAddress = "test@test.com";
 export declare const userFeatures: UserFeatures;

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js

@@ -1,6 +1,6 @@
-import { PageHeaderDesktop, PageHeaderMobile, BRAND_PAGE_TYPES, EMPTY_LOGO_IMAGE_MODEL, STYLE_THEME_KEYS, SENSITIVE_CONTENT_TYPES, MEDIA_TYPES, } from '../../../../brand-page';
+import { PageHeaderDesktop, PageHeaderMobile, BRAND_PAGE_TYPES, EMPTY_LOGO_IMAGE_MODEL, STYLE_THEME_KEYS, SENSITIVE_CONTENT_TYPES, MEDIA_TYPES, } from '@brand-page';
 import { brandPageContentsSampleData, brandPageContentsSampleDataStarterKit, } from './page-content-items';
-import { DEFAULT_MAX_NUM_OF_PAGES, UNLIMITED_MAX_NUM_OF_PAGES, } from '../../../stores';
+import { DEFAULT_MAX_NUM_OF_PAGES, UNLIMITED_MAX_NUM_OF_PAGES, } from '@brand-page-maker/stores';
 import { simpleLogoDesignAttributes } from '../../../../__fixtures__';
 import { v4 as uuid } from 'uuid';
 import { CONTENT_SETTINGS_CONFIGS } from '../../../constants';

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-payment.d.ts

@@ -1,4 +1,4 @@
-import type { BrandPagePaymentConfig, CreateCartResult, PaymentOption, StripePaymentIntent } from '../../../../brand-page';
+import type { BrandPagePaymentConfig, CreateCartResult, PaymentOption, StripePaymentIntent } from '@brand-page';
 export declare const brandPagePaymentConfigBrandPageToken = "6bc3885c-7e5c-4c9e-9b54-21dcd06ca647";
 export declare const brandPagePaymentConfigsResponse: BrandPagePaymentConfig[];
 export declare const brandPageCreateCartResult: CreateCartResult<StripePaymentIntent>;

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.d.ts

@@ -1,4 +1,4 @@
-import type { LogoContent, ProfileContent, GeneralLinkContent, WebsiteContent, EmailContent, PhoneContent, FacebookContent, XContent, InstagramContent, YoutubeContent, LinkedInContent, PinterestContent, TwitchContent, TiktokContent, TextContent } from '../../../../brand-page';
+import type { LogoContent, ProfileContent, GeneralLinkContent, WebsiteContent, EmailContent, PhoneContent, FacebookContent, XContent, InstagramContent, YoutubeContent, LinkedInContent, PinterestContent, TwitchContent, TiktokContent, TextContent } from '@brand-page';
 export declare const logoContent: LogoContent;
 export declare const profileContent: ProfileContent;
 export declare const textContent: TextContent;

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.js

@@ -1,4 +1,4 @@
-import { DEFAULT_TEXT_ALIGN } from '../../../../brand-page';
+import { DEFAULT_TEXT_ALIGN } from '@brand-page';
 import { faker } from '@faker-js/faker';
 export const logoContent = {
     id: faker.string.uuid(),

package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture.d.ts

@@ -1,4 +1,4 @@
-import type { Endpoints } from '../../../../shared/models';
+import type { Endpoints } from '@shared/models';
 import type { CustomDomainModel } from '../../../models';
 export declare const setupStoryPinia: (options?: {
     brandPageToken?: string;

package/lib/src/brand-page-maker/components/brand-page-maker/mock-api-calls/index.js

@@ -4,14 +4,14 @@ import { brandPageApiClient } from '@designcrowd/fe-shared-lib';
 import { brandCrowdApiClient } from '@designcrowd/fe-shared-lib';
 import { mockPaymentApiCalls } from './mock-payment-api-calls';
 import { mockUserMediaApiCalls } from './mock-user-media-api-calls';
-import { mockDesignTemplateTypeApi } from '../../../../shared/template-settings/components/TemplatesSettings.test-helper';
+import { mockDesignTemplateTypeApi } from '@shared/template-settings/components/TemplatesSettings.test-helper';
 import { mockAdminMediaApiCalls } from './mock-admin-media-api-calls';
 import { mockDesignAssetApiCalls } from './mock-design-asset-api-calls';
 import { mockUnsplashApiCalls } from './mock-unsplash-api-calls';
 import { mockMailingListApiCalls } from './mock-mailing-list-api-calls';
 import { mockContactFormApiCalls } from './mock-contact-form-api-calls';
 import { mockByoApiCalls } from './mock-byo-api-calls';
-import { BRAND_PAGE_TYPES } from '../../../../brand-page';
+import { BRAND_PAGE_TYPES } from '@brand-page';
 import { mockCustomDomainApiCalls } from './mock-custom-domain-api-calls';
 import { mockShapeApiCalls } from './mock-shape-api-calls';
 import { mockUserDomainApiCalls } from './mock-user-domain-api-calls';

package/lib/src/brand-page-maker/components/brand-page-maker/mock-api-calls/mock-fabric-render-client-api-calls.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 import MockAdapter from 'axios-mock-adapter';
-import { LOGO_SVG_DATA } from '../../../../brand-page/__fixtures__/logo-svg.fixture';
+import { LOGO_SVG_DATA } from '@brand-page/__fixtures__/logo-svg.fixture';
 import {} from '../../../../clients/fabric-render-client';
 export const mockFabricRenderApiCalls = async (options = {}) => {
     const mock = options.mockAxios || new MockAdapter(axios);

package/lib/src/brand-page-maker/components/brand-page-maker/starter-kits/background-colors.d.ts

@@ -1,4 +1,4 @@
-import type { BrandPageData } from '../../../../brand-page';
+import type { BrandPageData } from '@brand-page';
 export declare const colourMatchedBackground: BrandPageData;
 export declare const colourMatchedBackgroundInverted: BrandPageData;
 export declare const light: BrandPageData;

package/lib/src/brand-page-maker/components/brand-page-maker/starter-kits/background-colors.js

@@ -1,4 +1,4 @@
-import { STYLE_THEME_KEYS } from '../../../../brand-page/constants';
+import { STYLE_THEME_KEYS } from '@brand-page/constants';
 import { basePageStyles } from './styles';
 /* ========================================================================== */
 /* ================== Colour Matched Coded Colour Templates ================= */

package/lib/src/brand-page-maker/components/brand-page-maker/starter-kits/background-gradients.d.ts

@@ -1,4 +1,4 @@
-import type { BrandPageData } from '../../../../brand-page';
+import type { BrandPageData } from '@brand-page';
 export declare const colourMatchedBackground: BrandPageData;
 export declare const colourMatchedBackgroundInverted: BrandPageData;
 export declare const neon: BrandPageData;

package/lib/src/brand-page-maker/components/brand-page-maker/starter-kits/background-gradients.js

@@ -1,4 +1,4 @@
-import { STYLE_THEME_KEYS } from '../../../../brand-page/constants';
+import { STYLE_THEME_KEYS } from '@brand-page/constants';
 import { basePageStyles } from './styles';
 /* ========================================================================== */
 /* ================== Colour Matched Coded Colour Templates ================= */

package/lib/src/brand-page-maker/components/brand-page-maker/starter-kits/background-images.js

@@ -1,5 +1,5 @@
 import { S3_TEMPLATE_ASSETS_URL } from '../../../../constants/brand-page-maker';
-import { STYLE_THEME_KEYS } from '../../../../brand-page/constants';
+import { STYLE_THEME_KEYS } from '@brand-page/constants';
 import { basePageStyles } from './styles';
 const colorMatchedImageSamples = {
     spirograph: {

package/lib/src/brand-page-maker/components/brand-page-maker/starter-kits/background-shapes.d.ts

@@ -1,4 +1,4 @@
-import type { BrandPageData } from '../../../../brand-page';
+import type { BrandPageData } from '@brand-page';
 export declare const colourMatchedBackground: BrandPageData;
 export declare const colourMatchedBackgroundInverted: BrandPageData;
 export declare const light: BrandPageData;

package/lib/src/brand-page-maker/components/brand-page-maker/starter-kits/background-shapes.js

@@ -1,4 +1,4 @@
-import { STYLE_THEME_KEYS } from '../../../../brand-page/constants';
+import { STYLE_THEME_KEYS } from '@brand-page/constants';
 import { basePageStyles } from './styles';
 /* ========================================================================== */
 /* ================== Colour Matched Coded Colour Templates ================= */

package/lib/src/brand-page-maker/components/brand-page-maker/starter-kits/helpers.d.ts

@@ -1,4 +1,4 @@
-import type { BrandPageData } from '../../../../brand-page';
-import { BrandPageModel } from '../../../../brand-page';
+import type { BrandPageData } from '@brand-page';
+import { BrandPageModel } from '@brand-page';
 export declare const applyContentsToBrandPage: (brandPage: BrandPageModel, contents?: any) => BrandPageModel;
 export declare const generateStoryData: (brandPageData: BrandPageData, logoMetadata?: any) => any;

package/lib/src/brand-page-maker/components/brand-page-maker/starter-kits/helpers.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
 import BrandPageMaker from '../BrandPageMaker.vue';
-import { BrandPageModel } from '../../../../brand-page';
+import { BrandPageModel } from '@brand-page';
 import { brandPageContentsSampleDataStarterKit } from '../__fixtures__/page-content-items';
 import { simpleLogoDesignAttributes, logoVariationImageUrls, } from '../../../../__fixtures__';
 import { setupStoryPinia } from '../__fixtures__/store-fixture';

package/lib/src/brand-page-maker/components/brand-page-maker/starter-kits/styles.d.ts

@@ -1,2 +1,2 @@
-import type { PageStyles } from '../../../../brand-page';
+import type { PageStyles } from '@brand-page';
 export declare const basePageStyles: Partial<PageStyles>;