npm - @designcrowd/library.brand-page - Versions diffs - 5.16.50 → 5.16.52-hidden-fix - Mend

@designcrowd/library.brand-page 5.16.50 → 5.16.52-hidden-fix

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (832) hide show

package/lib/src/brand-page/components/page/Page.stories.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import Page from './Page.vue';
-import { mapToPageFooterViewModel, mapToPageHeaderViewModel, mapToPageStyleViewModel, mapToViewModel, } from '@brand-page/utils';
-import { BRAND_PAGE_TYPES, BrandPageModel, SENSITIVE_CONTENT_TYPES, VIEWPORTS, } from '@brand-page/models';
+import { mapToPageFooterViewModel, mapToPageHeaderViewModel, mapToPageStyleViewModel, mapToViewModel, } from '../../utils';
+import { BRAND_PAGE_TYPES, BrandPageModel, SENSITIVE_CONTENT_TYPES, VIEWPORTS, } from '../../models';
 export default {
     title: 'Components/BrandPage/Page',
     component: Page,

package/lib/src/brand-page/components/page/PageComponent.mixin.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { BrandPageViewModel, ContentViewModel } from '@brand-page/view-models';
-import type { BrandPageContext } from '@brand-page/models';
+import type { BrandPageViewModel, ContentViewModel } from '../../view-models';
+import type { BrandPageContext } from '../../models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     brandPageToken: {
         type: StringConstructor;

package/lib/src/brand-page/components/page-footer/PageFooter.mixin.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import type { PageFooterViewModel } from '@brand-page/view-models';
+import type { PageFooterViewModel } from '../../view-models';
 import type { PropType } from 'vue';
-import type { BrandPageContext } from '@brand-page/models';
+import type { BrandPageContext } from '../../models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<PageFooterViewModel>;

package/lib/src/brand-page/components/page-footer/PageFooter.mixin.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { getRenderText } from '@brand-page/utils';
+import { getRenderText } from '../../utils';
 import { FOOTER_DISPLAY } from '../../constants';
 export default defineComponent({
     props: {

package/lib/src/brand-page/components/page-header/PageHeader.mixin.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { BrandPageContext } from '@brand-page/models';
-import type { NavViewModel, PageHeaderViewModel } from '@brand-page/view-models';
+import type { BrandPageContext } from '../../models';
+import type { NavViewModel, PageHeaderViewModel } from '../../view-models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     navId: {
         type: StringConstructor;

package/lib/src/brand-page/components/payment/Payment.mixin.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { BrandPageContext, CheckoutInformation, CreateCartResult, PaymentConfig, PaymentOption } from '@brand-page/models';
-import type { RequestPaymentViewModel, SupportMeViewModel } from '@brand-page/view-models';
+import type { BrandPageContext, CheckoutInformation, CreateCartResult, PaymentConfig, PaymentOption } from '../../models';
+import type { RequestPaymentViewModel, SupportMeViewModel } from '../../view-models';
 export declare const paymentState: {
     readonly CreatingCart: "creating-cart";
     readonly IncompleteConfig: "incomplete-config";

package/lib/src/brand-page/components/payment/Payment.mixin.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue';
 import brandPageClient from '../../clients/brand-page.client';
 import { DISPLAY_STYLE_COLLAPSED, DISPLAY_STYLE_PREVIEW, paymentProviders, } from '../../constants';
-import raygunUtil from '@brand-page/utils/raygun.util';
-import { paymentTr } from '@src/composables/useTranslate';
+import raygunUtil from '../../utils/raygun.util';
+import { paymentTr } from '../../../composables/useTranslate';
 const DEFAULT_PAYMENT_SUCCESS_MESSAGE = paymentTr(`defaultPaymentSuccessMessage`);
 const PAYMENT_CONFIG_ACTIVE = 'Active';
 export const paymentState = {

package/lib/src/brand-page/components/payment/RequestPaymentStripe.mixin.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { BrandPagePaymentConfig, ButtonStyles, CheckoutInformation, CreateCartResult, StripePaymentIntent } from '@brand-page/models';
+import type { BrandPagePaymentConfig, ButtonStyles, CheckoutInformation, CreateCartResult, StripePaymentIntent } from '../../models';
 declare global {
     interface Window {
         Stripe?: stripe.StripeStatic;

package/lib/src/brand-page/components/payment/RequestPaymentStripe.mixin.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { defineComponent } from 'vue';
 import validator from 'validator';
 import { debug, debugError } from '../../../utils/debug.util';
 import * as constants from '../../constants';
-import { requestPaymentStripeTr } from '@src/composables/useTranslate';
+import { requestPaymentStripeTr } from '../../../composables/useTranslate';
 import brandPageClient from '../../clients/brand-page.client';
 const INVALID_EMAIL_MESSAGE = () => requestPaymentStripeTr('invalidEmailMessage');
 const STRIPE_SCRIPT_URL = 'https://js.stripe.com/v3/';

package/lib/src/brand-page/components/payment/__fixtures__/request-payment.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { context as baseContext, logoTheme, } from '../../../__fixtures__/brand-
 import { faker } from '@faker-js/faker';
 import { DEFAULT_TEXT_ALIGN } from '../../../constants';
 import { applyLogoThemeToBrandPageStyles } from '../../../utils';
-import { BRAND_PAGE } from '@brand-page-maker/components/brand-page-maker/__fixtures__';
-import { createInitialRequestPaymentContent } from '@brand-page-maker/models';
+import { BRAND_PAGE } from '../../../../brand-page-maker/components/brand-page-maker/__fixtures__';
+import { createInitialRequestPaymentContent } from '../../../../brand-page-maker/models';
 import { BRAND_PAGE_PUBLISHABLE_KEY } from '../../../__fixtures__/stripe.fixture';
 export const context = {
     ...baseContext,

package/lib/src/brand-page/components/payment/__fixtures__/support-me.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { context as baseContext, logoTheme, } from '../../../__fixtures__/brand-page-sample-data';
-import { createInitialSupportMeContent } from '@brand-page-maker/models';
+import { createInitialSupportMeContent } from '../../../../brand-page-maker/models';
 import { applyLogoThemeToBrandPageStyles } from '../../../utils';
-import { BRAND_PAGE } from '@brand-page-maker/components/brand-page-maker/__fixtures__';
+import { BRAND_PAGE } from '../../../../brand-page-maker/components/brand-page-maker/__fixtures__';
 import { faker } from '@faker-js/faker';
 import { DEFAULT_TEXT_ALIGN, SUPPORT_ME_CUSTOM_PRODUCT_NAME, SUPPORT_ME_PRODUCT_NAME, } from '../../../constants';
 import { BRAND_PAGE_PUBLISHABLE_KEY } from '../../../__fixtures__/stripe.fixture';

package/lib/src/brand-page/components/payment/request-payment/RequestPayment.mixin.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { defineComponent } from 'vue';
 import { PAYMENT_OPTION_DISPLAY_TYPES, PAYMENT_OPTION_IMAGE_TYPES, } from '../../../models';
 import { DEFAULT_CURRENCY_SYMBOL } from '../../../constants';
 import { addOpacityToHex } from '../../../utils/color.util';
-import { RGBAtoHex } from '@utils/helpers';
+import { RGBAtoHex } from '../../../../utils/helpers';
 const MAX_CUSTOM_REQUEST_CHARS = 500;
 export default defineComponent({
     props: {

package/lib/src/brand-page/components/payment/request-payment/RequestPayment.stories.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import RequestPayment from './RequestPayment.vue';
 import Payment from '../Payment.vue';
 import { viewModel, context } from '../__fixtures__/request-payment';
-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 { faker } from '@faker-js/faker';
 import DarkBackground from '../../../storybook-helpers/components/DarkBackground.vue';
 const meta = {

package/lib/src/brand-page/components/payment/support-me/SupportMe.mixin.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { defineComponent } from 'vue';
 import { SUPPORT_ME_CUSTOM_PRODUCT_NAME } from '../../../constants';
 import { isPaymentAmountValid } from '../../../utils';
 import { DEFAULT_CURRENCY_SYMBOL, DEFAULT_CURRENCY_CODE, } from '../../../constants';
-import { paymentTr } from '@src/composables/useTranslate';
+import { paymentTr } from '../../../../composables/useTranslate';
 const MAX_CUSTOM_MESSAGE_CHARS = 500;
 export default defineComponent({
     props: {

package/lib/src/brand-page/components/payment/support-me/SupportMe.stories.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { context, viewModel } from '../__fixtures__/support-me';
 import SupportMe from './SupportMe.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 DarkBackground from '../../../storybook-helpers/components/DarkBackground.vue';
 const meta = {
     title: 'BrandPage/Components/Payment/SupportMe',

package/lib/src/brand-page/components/profile/Profile.mixin.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
-import type { ProfileViewModel } from '@brand-page/view-models';
-import type { BrandPageContext } from '@brand-page/models';
+import type { ProfileViewModel } from '../../view-models';
+import type { BrandPageContext } from '../../models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<ProfileViewModel>;

package/lib/src/brand-page/components/profile/Profile.mixin.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
-import { getRenderText, escapeContentText } from '@brand-page/utils';
-import { hasRTEContent } from '@brand-page-maker/utils/rich-text-editor.util';
+import { getRenderText, escapeContentText } from '../../utils';
+import { hasRTEContent } from '../../../brand-page-maker/utils/rich-text-editor.util';
 export default defineComponent({
     props: {
         viewModel: {

package/lib/src/brand-page/components/profile/Profile.stories.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { ProfileViewModel } from '@brand-page/view-models';
-import { type BrandPageContext } from '@brand-page/models/brand-page-context.model';
+import type { ProfileViewModel } from '../../view-models';
+import { type BrandPageContext } from '../../models/brand-page-context.model';
 declare const _default: {
     title: string;
     component: import("vue").DefineComponent<{}, {}, any>;

package/lib/src/brand-page/components/profile/Profile.stories.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import Profile from './Profile.vue';
 import { DEFAULT_TEXT_ALIGN } from '../../constants';
-import { MEDIA_SIZES, } from '@brand-page/models/brand-page-context.model';
+import { MEDIA_SIZES, } from '../../models/brand-page-context.model';
 export default {
     title: 'Components/BrandPage/Profile',
     component: Profile,

package/lib/src/brand-page/components/shop/Cart.stories.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import CartModal from './CartModal.vue';
 import ProductDetailModal from './ProductDetailModal.vue';
 import PaymentModal from './PaymentModal.vue';
-import { setupStoryPinia } from '@brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
-import { useCartStore } from '@shared/ecommerce-settings/store/cart-settings-store';
-import { useShopConfigStore } from '@shared/ecommerce-settings/store/shop-settings-store';
+import { setupStoryPinia } from '../../../brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture';
+import { useCartStore } from '../../../shared/ecommerce-settings/store/cart-settings-store';
+import { useShopConfigStore } from '../../../shared/ecommerce-settings/store/shop-settings-store';
 const InitialiseCartStores = () => {
     const shopStore = useShopConfigStore();
     shopStore.addProduct({

package/lib/src/brand-page/components/social-links/SocialLinks.stories.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { SocialLinksViewModel } from '@brand-page/view-models';
+import type { SocialLinksViewModel } from '../../view-models';
 declare const _default: {
     title: string;
     component: import("vue").DefineComponent<{}, {}, any>;

package/lib/src/brand-page/components/testimonial-section/TestimonialSection.mixin.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="types/lodash-shims" />
 import type { PropType } from 'vue';
-import type { TestimonialSectionViewModel } from '@brand-page/view-models';
-import type { BrandPageContext } from '@brand-page/models';
+import type { TestimonialSectionViewModel } from '../../view-models';
+import type { BrandPageContext } from '../../models';
 import type { DebounceHandle } from 'lodash.debounce';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {

package/lib/src/brand-page/components/testimonial-section/TestimonialSection.mixin.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
-import { getRenderText } from '@brand-page/utils';
+import { getRenderText } from '../../utils';
 import debounce from 'lodash.debounce';
-import { DEVICE_CSS_TRANSITION_DELAY } from '@brand-page-maker/constants';
+import { DEVICE_CSS_TRANSITION_DELAY } from '../../../brand-page-maker/constants';
 const DEBOUNCE_WAIT_MS = 100;
 export default defineComponent({
     mixins: [ComponentCommonMixin],

package/lib/src/brand-page/components/text/Text.stories.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { TextViewModel } from '@brand-page/view-models';
+import type { TextViewModel } from '../../view-models';
 declare const _default: {
     title: string;
     component: import("vue").DefineComponent<{}, {}, any>;

package/lib/src/brand-page/components/video/Video.mixin.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { VideoViewModel } from '@brand-page/view-models';
+import type { VideoViewModel } from '../../view-models';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<VideoViewModel>;

package/lib/src/brand-page/constants/font.constants.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { constantsTr, errorTr } from '@src/composables/useTranslate';
+import { constantsTr, errorTr } from '../../composables/useTranslate';
 export const DISPLAY_TEXT_TITLE = 'Titles';
 export const DISPLAY_TEXT_HEADINGS = 'Headings';
 export const DISPLAY_TEXT_BODY = 'Paragraphs';

package/lib/src/brand-page/constants/misc.constants.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { errorTr } from '@src/composables/useTranslate';
+import { errorTr } from '../../composables/useTranslate';
 export const DEFAULT_CURRENCY_SYMBOL = '$';
 export const DEFAULT_CURRENCY_CODE = 'USD';
 export const DEFAULT_LOGO_TEXT_COLOR_RGB = 'rgb(0,0,0)';

package/lib/src/brand-page/constants/sections/footer-display.constants.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { ButtonGroupOption } from '@brand-page-maker/models/button-group.model';
+import type { ButtonGroupOption } from '../../../brand-page-maker/models/button-group.model';
 export declare const FOOTER_DISPLAY: {
     /** @deprecated */
     ALIGN_CENTERED: string;

package/lib/src/brand-page/constants/sections/footer-display.constants.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ALIGN_CENTERED, ALIGN_JUSTIFIED } from '../misc.constants';
-import { tr, commonTr } from '@src/composables/useTranslate';
+import { tr, commonTr } from '../../../composables/useTranslate';
 export const FOOTER_DISPLAY = {
     /** @deprecated */
     ALIGN_CENTERED, // mapped to CENTERED

package/lib/src/brand-page/constants/sections/header-display.constants.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { ButtonGroupOption } from '@brand-page-maker/models/button-group.model';
+import type { ButtonGroupOption } from '../../../brand-page-maker/models/button-group.model';
 export declare const HEADER_DISPLAY: {
     /** @deprecated */
     readonly ALIGN_CENTERED: "centered";

package/lib/src/brand-page/models/styles.model.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { FONT_SIZE_HEADINGS, FONT_SIZE_TITLE, LINE_HEIGHT_HEADINGS, LINE_HEIGHT_TITLE, FONT_SIZE_BODY, LINE_HEIGHT_BODY, DISPLAY_TEXT_TITLE, DISPLAY_TEXT_HEADINGS, DISPLAY_TEXT_BODY, STYLE_THEME_KEYS, FONT_FAMILY_CONFIGS, DEFAULT_FONT_FAMILY_KEY, DISPlAY_TEXT_BUTTONS, } from '../constants';
-import { commonTr, styleSettingsTr } from '@src/composables/useTranslate';
+import { commonTr, styleSettingsTr } from '../../composables/useTranslate';
 export const TEXT_STYLE_TYPES = {
     titles: 'titles',
     headings: 'headings',

package/lib/src/brand-page/utils/button.util.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isHexColor } from '@src/utils/helpers';
+import { isHexColor } from '../../utils/helpers';
 import { setRgbAlpha } from './color.util';
 import { ButtonSoftBoxShadowSize, ButtonBoxShadowSize, BoxShadowSpread, } from '../constants';
 /**

package/lib/src/brand-page/utils/color.util.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import isHexColor from 'validator/lib/isHexColor';
-import { hexToRGBA, isColor } from '@src/utils/helpers';
+import { hexToRGBA, isColor } from '../../utils/helpers';
 import Color, {} from 'color';
 // function from https://stackoverflow.com/a/9733420/3695983
 export const luminance = (r, g, b) => {

package/lib/src/brand-page/utils/index.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ export * from './context.util';
 export * from './color.util';
 export * from './personalisation.util';
 export * from './migration.util';
-export * from './validation.util';
+export * from '../../utils/validator.util';
 export * as logoUtil from './logo.util';
 export * as svgUtil from './svg.util';
 export * as svgShapeUtil from './svg-shape.util';

package/lib/src/brand-page/utils/index.js CHANGED Viewed

@@ -11,7 +11,7 @@ export * from './context.util';
 export * from './color.util';
 export * from './personalisation.util';
 export * from './migration.util';
-export * from './validation.util';
+export * from '../../utils/validator.util';
 export * as logoUtil from './logo.util';
 export * as svgUtil from './svg.util';
 export * as svgShapeUtil from './svg-shape.util';

package/lib/src/brand-page/utils/migration/migration-01.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { BrandPageModel } from '../../';
-import { type MigrationData } from '@brand-page/utils';
+import { type MigrationData } from '../../utils';
 export declare const applyTextContentTextToTextItemsMigration: (brandPageModel: BrandPageModel) => void;
 export declare const migrateProfileContentToHaveTextStyles: (brandPageModel: BrandPageModel) => void;
 export declare const migrateMailingListContentToHaveTextStyles: (brandPageModel: BrandPageModel) => void;

package/lib/src/brand-page/utils/migration/migration-01.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { getLogoVariationIndexFromLogoImageUrl, getLogoDraftTokenFromLogoImageUrl, safeGetLogoImageFromLogoImageUrl, } from '../logo.util';
 import { DEFAULT_LETTER_SPACING, FOOTER_DISPLAY, NavigationDesktop, NavigationMobile, PageFooterDesktop, PageFooterMobile, PageHeaderDesktop, PageHeaderMobile, } from '../../';
 import { ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, ALIGN_CENTERED, ALIGN_LEFT_BIG_IMAGE, BIG_IMAGE, BRAND_PAGE_TYPES, DEFAULT_FONT_FAMILY_KEY, DEFAULT_LOGO_HEIGHT, DEFAULT_LOGO_WIDTH, DEFAULT_TEXT_ALIGN, FONT_FAMILY_CONFIGS, HEADER_DISPLAY, NAVIGATION_DISPLAY, LINE_HEIGHT_BODY, LINE_HEIGHT_HEADINGS, LINE_HEIGHT_TITLE, PAYMENT_OPTION_DISPLAY_TYPES, } from '../../';
-import { isAboutContent, isBannerContent, isButtonContent, isContact, isImagesContent, isLogoContent, isMailingListContent, isPayment, isProfileContent, isShapesContent, isSocialLinks, isSupportMeContent, isTestimonialContent, isTextContent, } from '@brand-page/utils';
-import { createInitialLogoContent } from '@brand-page-maker/models';
+import { isAboutContent, isBannerContent, isButtonContent, isContact, isImagesContent, isLogoContent, isMailingListContent, isPayment, isProfileContent, isShapesContent, isSocialLinks, isSupportMeContent, isTestimonialContent, isTextContent, } from '../../utils';
+import { createInitialLogoContent } from '../../../brand-page-maker/models';
 export const applyTextContentTextToTextItemsMigration = (brandPageModel) => {
     const textContents = brandPageModel.pages.reduce((acc, cur) => {
         return [...acc, ...cur.contents.filter(isTextContent)];

package/lib/src/brand-page/utils/migration/migration-12.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { v5 as uuidv5 } from 'uuid';
-import { NavModel } from '@brand-page/models';
+import { NavModel } from '../../models';
 const UUID_NAMESPACE = '6ba7b810-9dad-11d1-80b4-00c04fd430c8';
 export const migration12 = async (migrationResult) => {
     const { brandPageModel } = migrationResult;

package/lib/src/brand-page/utils/personalisation.util.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { escapeContentText } from '@brand-page/utils';
-import { DEFAULT_PERSONALISATION_MAPPING, PERSONALISATION_MAPPINGS, TEXT_MEDIA_CONTENT_TYPES, } from '@brand-page-maker/constants/personalisation.constant';
+import { escapeContentText } from '../../brand-page/utils';
+import { DEFAULT_PERSONALISATION_MAPPING, PERSONALISATION_MAPPINGS, TEXT_MEDIA_CONTENT_TYPES, } from '../../brand-page-maker/constants/personalisation.constant';
 import { BRAND_PAGE_TYPES, ShapeAspectRatioCategory } from '../models';
 import { getColorReplacementsFromSvgString, getColorReplacementsFromSvgStringServer, } from './svg-color.util';
 const ASPECT_RATIO_LOWER_CUT_OFF = 0.5;

package/lib/src/brand-page/utils/style.util.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { VIEWPORTS, NavigationDesktop, NavigationMobile } from '../models';
 import { PageStyles, PageHeaderMobile, PageHeaderDesktop, PageFooterMobile, PageFooterDesktop, } from '../models';
 import { STYLE_THEME_KEYS } from '../constants';
-import { arrayToLinearGradient, linearGradientToArray, isColorLinearGradient, RGBAtoHex, } from '@src/utils/helpers';
+import { arrayToLinearGradient, linearGradientToArray, isColorLinearGradient, RGBAtoHex, } from '../../utils/helpers';
 import { addTransparentAlphaChannelToHex, calculateLuminanceRatio, getNewColorBasedOnTargetColorTheme, } from './color.util';
-import { isRgbColor } from '@src/utils/helpers';
+import { isRgbColor } from '../../utils/helpers';
 import chroma from 'chroma-js';
-import { hasRTEContent, RTE_ALLOWED_SECTION_TYPES, } from '@brand-page-maker/utils';
+import { hasRTEContent, RTE_ALLOWED_SECTION_TYPES, } from '../../brand-page-maker/utils';
 /**
  * Simple utility to convert any color format to hex for consistent comparison
  */

package/lib/src/brand-page/utils/svg-color.util.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { RGBAtoHex } from '@src/utils/helpers';
+import { RGBAtoHex } from '../../utils/helpers';
 import * as uuid from 'uuid';
 import { getStyleDeclarations, getSvgConfig, handleAttributes, modifySvgMetadata, } from './svg-shape.util';
 import { parse, } from 'svg-parser';

package/lib/src/brand-page/utils/validation.util.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { isEmail } from '@src/utils/validator.util';
-import { errorTr } from '@src/composables/useTranslate';
+import { isEmail } from '../../utils/validator.util';
+import { errorTr } from '../../composables/useTranslate';
 const MAX_EMAIL_LENGTH = 320;
 const MAX_PHONE_LENGTH = 50;
 const MAX_NAME_LENGTH = 250;

package/lib/src/brand-page/utils/vcard.util.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { isValidUrl } from '../../helpers/url.helper';
-import { getPlainTextFromRTE } from '@brand-page-maker/utils/rich-text-editor.util';
-import { isEmail, isTel } from '@src/utils/validator.util';
+import { getPlainTextFromRTE } from '../../brand-page-maker/utils/rich-text-editor.util';
+import { isEmail, isTel } from '../../utils/validator.util';
 // Constants
 const HTML_ENTITIES = {
     '&nbsp;': ' ',

package/lib/src/brand-page/utils/view-model.util.js CHANGED Viewed

@@ -491,7 +491,7 @@ export const mapToImagesSectionViewModel = (content, styles, brandPageType) => {
                 modalImageUrl: '',
                 url: item.url,
                 title: item.buttonText || '',
-                page: item.pageSlug || '',
+                page: item.buttonPageId || '',
                 colorReplacements: [],
                 titleStyle: content.buttonTextStyle || styles.buttonStyles.style,
             }, styles, {
@@ -637,7 +637,7 @@ export const mapToNavViewModel = (nav, brandPageSlug, isCustomDomain) => {
     return {
         navItems: nav.orders
             .map((order, idx) => buildNavItemViewModel(order, nav.routes, '', idx === 0, brandPageSlug, isCustomDomain))
-            .filter((item) => item !== null).filter((item) => !item.isHidden),
+            .filter((item) => item !== null),
     };
 };
 export const mapToPageStyleViewModel = (pageStyles, options) => {

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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;