@designcrowd/library.brand-page 5.11.0-routing-flow-4 → 5.11.0

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 (37) hide show
  1. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +1 -1
  2. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +1 -1
  3. package/lib/src/brand-page-maker/components/quick-link-bar/QuickLinkBar.mixin.d.ts +1 -1
  4. package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts +4 -2
  5. package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.js +26 -6
  6. package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts +1 -5
  7. package/lib/src/brand-page-maker/components/seo-settings/UseExistingDomainModal.mixin.d.ts +1 -1
  8. package/lib/src/brand-page-maker/components/upgrade-to-premium-button/UpgradeToPremiumButton.mixin.d.ts +1 -1
  9. package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.d.ts +1 -1
  10. package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js +2 -3
  11. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.d.ts +0 -2
  12. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +0 -11
  13. package/lib/src/brand-page-maker/stores/route/localised-route-store.d.ts +0 -5
  14. package/lib/src/brand-page-maker/stores/route/localised-route-store.js +0 -7
  15. package/lib/src/css/library.brand-page-brandCrowd.min.css +7 -7
  16. package/lib/src/css/library.brand-page-brandPage.min.css +7 -7
  17. package/lib/src/css/library.brand-page-designCom.min.css +7 -7
  18. package/lib/src/css/library.brand-page-preview.min.css +7 -7
  19. package/lib/src/index.mjs +5854 -5857
  20. package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts +1 -1
  21. package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts +1 -1
  22. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +1 -1
  23. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +1 -1
  24. package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts +1 -1
  25. package/lib/src/shared/side-bar/components/SideBar.mixin.d.ts +1 -1
  26. package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +1 -1
  27. package/package.json +1 -1
  28. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.vue +2 -8
  29. package/src/brand-page-maker/components/brandpage-settings/BrandPageSettings.vue +0 -3
  30. package/src/brand-page-maker/components/sensitive-content/SensitiveContent.vue +48 -35
  31. package/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.ts +22 -6
  32. package/src/brand-page-maker/components/seo-settings/SeoPageSettings.vue +2 -3
  33. package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.ts +2 -3
  34. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +0 -16
  35. package/src/brand-page-maker/stores/route/localised-route-store.ts +0 -9
  36. package/src/composables/useTranslate.ts +0 -1
  37. package/src/shared/content-settings/components/logo-selection-field/LogoSelection.vue +1 -3
@@ -357,7 +357,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
357
357
  isPurchasedDomain: any;
358
358
  }): Promise<boolean | undefined>;
359
359
  checkWebsiteSlugAsync(slug: string): Promise<import("../../models/api.model").WebsiteSlugCheckResponse | null>;
360
- redirectToLogoEditPage(logoEditUrl: string, locale: string): Promise<void>;
360
+ redirectToLogoEditPage(logoEditUrl: string): Promise<void>;
361
361
  redirectToCreateNewDesignPage(): Promise<void>;
362
362
  redirectToStripeOnboarding(): Promise<void>;
363
363
  exportDesignAsync(): Promise<any>;
@@ -796,7 +796,7 @@ declare const _default: import("vue").DefineComponent<{}, {
796
796
  isPurchasedDomain: any;
797
797
  }): Promise<boolean | undefined>;
798
798
  checkWebsiteSlugAsync(slug: string): Promise<import("../../models/api.model").WebsiteSlugCheckResponse | null>;
799
- redirectToLogoEditPage(logoEditUrl: string, locale: string): Promise<void>;
799
+ redirectToLogoEditPage(logoEditUrl: string): Promise<void>;
800
800
  redirectToCreateNewDesignPage(): Promise<void>;
801
801
  redirectToStripeOnboarding(): Promise<void>;
802
802
  exportDesignAsync(): Promise<any>;
@@ -179,7 +179,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
179
179
  isPurchasedDomain: any;
180
180
  }): Promise<boolean | undefined>;
181
181
  checkWebsiteSlugAsync(slug: string): Promise<import("../../models/api.model").WebsiteSlugCheckResponse | null>;
182
- redirectToLogoEditPage(logoEditUrl: string, locale: string): Promise<void>;
182
+ redirectToLogoEditPage(logoEditUrl: string): Promise<void>;
183
183
  redirectToCreateNewDesignPage(): Promise<void>;
184
184
  redirectToStripeOnboarding(): Promise<void>;
185
185
  exportDesignAsync(): Promise<any>;
@@ -195,7 +195,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
195
195
  isPurchasedDomain: any;
196
196
  }): Promise<boolean | undefined>;
197
197
  checkWebsiteSlugAsync(slug: string): Promise<import("../../models/api.model").WebsiteSlugCheckResponse | null>;
198
- redirectToLogoEditPage(logoEditUrl: string, locale: string): Promise<void>;
198
+ redirectToLogoEditPage(logoEditUrl: string): Promise<void>;
199
199
  redirectToCreateNewDesignPage(): Promise<void>;
200
200
  redirectToStripeOnboarding(): Promise<void>;
201
201
  exportDesignAsync(): Promise<any>;
@@ -375,6 +375,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
375
375
  myPageTitle: string | undefined;
376
376
  myPageDescription: string | undefined;
377
377
  }, {
378
+ editMetaActionPath(): string;
379
+ duplicateActionPath(): string;
378
380
  hasSlug(): boolean;
379
381
  titleError(): any;
380
382
  descriptionError(): any;
@@ -384,7 +386,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
384
386
  isDirty(): boolean;
385
387
  }, {
386
388
  onUpdateSettings(): void;
387
- onUpdateSettingsFromManagePage(): void;
389
+ onSubmitEditMeta(): void;
388
390
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
389
391
  brandPageType: {
390
392
  type: StringConstructor;
@@ -63,6 +63,28 @@ export default defineComponent({
63
63
  this.internalTitle = this.brandPageContainerStore.brandPageTitle;
64
64
  },
65
65
  computed: {
66
+ editMetaActionPath() {
67
+ if (this.isBrandPage) {
68
+ return `/maker/brand-page/manage/${this.designDraftToken}/meta`;
69
+ }
70
+ else if (this.isBrandContact) {
71
+ return `/maker/brand-contact/manage/${this.designDraftToken}/meta`;
72
+ }
73
+ else {
74
+ return `/maker/brand-site/manage/${this.designDraftToken}/meta`;
75
+ }
76
+ },
77
+ duplicateActionPath() {
78
+ if (this.isBrandPage) {
79
+ return `/maker/brand-page/manage/${this.designDraftToken}/duplicate`;
80
+ }
81
+ else if (this.isBrandContact) {
82
+ return `/maker/brand-contact/manage/${this.designDraftToken}/meta`;
83
+ }
84
+ else {
85
+ return `/maker/brand-site/manage/${this.designDraftToken}/duplicate`;
86
+ }
87
+ },
66
88
  hasSlug() {
67
89
  return Boolean(this.brandPageContainerStore.brandPageSlug);
68
90
  },
@@ -138,14 +160,12 @@ export default defineComponent({
138
160
  this.$emit('update-settings', {
139
161
  description: this.internalDescription,
140
162
  title: this.internalTitle,
141
- shouldRefresh: false,
142
163
  });
143
164
  },
144
- onUpdateSettingsFromManagePage() {
145
- this.brandPageMakerStore.updateBrandPageSettings({
146
- description: this.myPageDescription,
147
- title: this.myPageTitle,
148
- shouldRefresh: true,
165
+ onSubmitEditMeta() {
166
+ this.$emit('pre-submit-edit-meta');
167
+ this.$nextTick(() => {
168
+ this.$refs.editMetaForm?.submit();
149
169
  });
150
170
  },
151
171
  },
@@ -198,7 +198,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
198
198
  isPurchasedDomain: any;
199
199
  }): Promise<boolean | undefined>;
200
200
  checkWebsiteSlugAsync(slug: string): Promise<import("../../models/api.model").WebsiteSlugCheckResponse | null>;
201
- redirectToLogoEditPage(logoEditUrl: string, locale: string): Promise<void>;
201
+ redirectToLogoEditPage(logoEditUrl: string): Promise<void>;
202
202
  redirectToCreateNewDesignPage(): Promise<void>;
203
203
  redirectToStripeOnboarding(): Promise<void>;
204
204
  exportDesignAsync(): Promise<any>;
@@ -379,7 +379,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
379
379
  brandSiteEditorUrlPath: string;
380
380
  brandContactEditorUrlPath: string;
381
381
  logoEditUrlPath: string;
382
- localisedBaseUrl: string;
383
382
  } & import("pinia").PiniaCustomStateProperties<import("../../stores").LocalisedRouteState>) => () => string | undefined;
384
383
  currentBrandPageUrl: (state: {
385
384
  baseFabricRenderDomain: string;
@@ -397,7 +396,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
397
396
  brandSiteEditorUrlPath: string;
398
397
  brandContactEditorUrlPath: string;
399
398
  logoEditUrlPath: string;
400
- localisedBaseUrl: string;
401
399
  } & import("pinia").PiniaCustomStateProperties<import("../../stores").LocalisedRouteState>) => () => string;
402
400
  getPostpurchaseByDesignDraftTokenUrl: () => (editorUrlToRedirectTo: string, designDraftToken: string) => string;
403
401
  getBuilderLandingPageByTypeUrl: (state: {
@@ -416,9 +414,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
416
414
  brandSiteEditorUrlPath: string;
417
415
  brandContactEditorUrlPath: string;
418
416
  logoEditUrlPath: string;
419
- localisedBaseUrl: string;
420
417
  } & import("pinia").PiniaCustomStateProperties<import("../../stores").LocalisedRouteState>) => (isPreview: boolean, brandPageType: string, isDesignCom: boolean) => string;
421
- getWebsiteBaseUrl: () => (isDesignCom: boolean) => "https://www.design.com" | "https://www.brandcrowd.com";
422
418
  }, {
423
419
  initialise(payload: any): void;
424
420
  }>;
@@ -176,7 +176,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
176
176
  isPurchasedDomain: any;
177
177
  }): Promise<boolean | undefined>;
178
178
  checkWebsiteSlugAsync(slug: string): Promise<import("../../models/api.model").WebsiteSlugCheckResponse | null>;
179
- redirectToLogoEditPage(logoEditUrl: string, locale: string): Promise<void>;
179
+ redirectToLogoEditPage(logoEditUrl: string): Promise<void>;
180
180
  redirectToCreateNewDesignPage(): Promise<void>;
181
181
  redirectToStripeOnboarding(): Promise<void>;
182
182
  exportDesignAsync(): Promise<any>;
@@ -176,7 +176,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
176
176
  isPurchasedDomain: any;
177
177
  }): Promise<boolean | undefined>;
178
178
  checkWebsiteSlugAsync(slug: string): Promise<import("../../models/api.model").WebsiteSlugCheckResponse | null>;
179
- redirectToLogoEditPage(logoEditUrl: string, locale: string): Promise<void>;
179
+ redirectToLogoEditPage(logoEditUrl: string): Promise<void>;
180
180
  redirectToCreateNewDesignPage(): Promise<void>;
181
181
  redirectToStripeOnboarding(): Promise<void>;
182
182
  exportDesignAsync(): Promise<any>;
@@ -230,7 +230,7 @@ export declare const useBrandPageContainerStore: import("pinia").StoreDefinition
230
230
  isPurchasedDomain: any;
231
231
  }): Promise<boolean | undefined>;
232
232
  checkWebsiteSlugAsync(slug: string): Promise<WebsiteSlugCheckResponse | null>;
233
- redirectToLogoEditPage(logoEditUrl: string, locale: string): Promise<void>;
233
+ redirectToLogoEditPage(logoEditUrl: string): Promise<void>;
234
234
  redirectToCreateNewDesignPage(): Promise<void>;
235
235
  redirectToStripeOnboarding(): Promise<void>;
236
236
  exportDesignAsync(): Promise<any>;
@@ -441,11 +441,10 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
441
441
  this.setIsPublishing({ isPublishing: false });
442
442
  }
443
443
  },
444
- async redirectToLogoEditPage(logoEditUrl, locale) {
444
+ async redirectToLogoEditPage(logoEditUrl) {
445
445
  await this.saveBrandPage().then(() => {
446
446
  if (window) {
447
- // Special case where we handle the redirect to logo edit page (/duplicate) on BCnet after ML changes
448
- window.location.href = `${logoEditUrl}?locale=${locale}`;
447
+ window.location.href = logoEditUrl;
449
448
  }
450
449
  });
451
450
  },
@@ -59,11 +59,9 @@ export interface BrandPageMakerState {
59
59
  export interface UpdateBrandPageSettingsPayload {
60
60
  description: string;
61
61
  title: string;
62
- shouldRefresh: boolean;
63
62
  }
64
63
  export interface UpdateSensitiveContentPayload {
65
64
  sensitiveContent: SensitiveContent;
66
- shouldRefresh: boolean;
67
65
  }
68
66
  export interface SetIsModifiedPayload {
69
67
  isModified?: boolean;
@@ -656,21 +656,10 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
656
656
  async updateBrandPageSettings(payload) {
657
657
  const brandPageContainerStore = useBrandPageContainerStore();
658
658
  await brandPageContainerStore.updateBrandPageSettings(payload);
659
- if (payload.shouldRefresh) {
660
- if (typeof window !== 'undefined') {
661
- window.location.reload();
662
- }
663
- }
664
659
  },
665
660
  async updateSensitiveContentSettings(payload) {
666
661
  const brandPageContainerStore = useBrandPageContainerStore();
667
662
  await brandPageContainerStore.updateSensitiveContent(payload);
668
- if (payload.shouldRefresh) {
669
- console.log('reloading here');
670
- if (typeof window !== 'undefined') {
671
- window.location.reload();
672
- }
673
- }
674
663
  },
675
664
  async updateAndSaveMeasurementID(payload) {
676
665
  const brandPageContainerStore = useBrandPageContainerStore();
@@ -14,7 +14,6 @@ export interface LocalisedRouteState {
14
14
  brandSiteEditorUrlPath: string;
15
15
  brandContactEditorUrlPath: string;
16
16
  logoEditUrlPath: string;
17
- localisedBaseUrl: string;
18
17
  }
19
18
  export declare const useLocalisedRouteStore: import("pinia").StoreDefinition<"localisedRoute", LocalisedRouteState, {
20
19
  currentPublishedSlugUrl: (state: {
@@ -33,7 +32,6 @@ export declare const useLocalisedRouteStore: import("pinia").StoreDefinition<"lo
33
32
  brandSiteEditorUrlPath: string;
34
33
  brandContactEditorUrlPath: string;
35
34
  logoEditUrlPath: string;
36
- localisedBaseUrl: string;
37
35
  } & import("pinia").PiniaCustomStateProperties<LocalisedRouteState>) => () => string | undefined;
38
36
  currentBrandPageUrl: (state: {
39
37
  baseFabricRenderDomain: string;
@@ -51,7 +49,6 @@ export declare const useLocalisedRouteStore: import("pinia").StoreDefinition<"lo
51
49
  brandSiteEditorUrlPath: string;
52
50
  brandContactEditorUrlPath: string;
53
51
  logoEditUrlPath: string;
54
- localisedBaseUrl: string;
55
52
  } & import("pinia").PiniaCustomStateProperties<LocalisedRouteState>) => () => string;
56
53
  getPostpurchaseByDesignDraftTokenUrl: () => (editorUrlToRedirectTo: string, designDraftToken: string) => string;
57
54
  getBuilderLandingPageByTypeUrl: (state: {
@@ -70,9 +67,7 @@ export declare const useLocalisedRouteStore: import("pinia").StoreDefinition<"lo
70
67
  brandSiteEditorUrlPath: string;
71
68
  brandContactEditorUrlPath: string;
72
69
  logoEditUrlPath: string;
73
- localisedBaseUrl: string;
74
70
  } & import("pinia").PiniaCustomStateProperties<LocalisedRouteState>) => (isPreview: boolean, brandPageType: string, isDesignCom: boolean) => string;
75
- getWebsiteBaseUrl: () => (isDesignCom: boolean) => "https://www.design.com" | "https://www.brandcrowd.com";
76
71
  }, {
77
72
  initialise(payload: any): void;
78
73
  }>;
@@ -19,7 +19,6 @@ export const useLocalisedRouteStore = defineStore('localisedRoute', {
19
19
  brandSiteEditorUrlPath: '',
20
20
  brandContactEditorUrlPath: '',
21
21
  logoEditUrlPath: '',
22
- localisedBaseUrl: '',
23
22
  }),
24
23
  actions: {
25
24
  initialise(payload) {
@@ -39,7 +38,6 @@ export const useLocalisedRouteStore = defineStore('localisedRoute', {
39
38
  this.brandSiteEditorUrlPath = payload.brandSiteEditorUrlPath;
40
39
  this.brandContactEditorUrlPath = payload.brandContactEditorUrlPath;
41
40
  this.logoEditUrlPath = payload.logoEditUrlPath;
42
- this.localisedBaseUrl = payload.localisedBaseUrl;
43
41
  },
44
42
  },
45
43
  getters: {
@@ -83,10 +81,5 @@ export const useLocalisedRouteStore = defineStore('localisedRoute', {
83
81
  ? `https://www.design.com${slug}`
84
82
  : `https://www.brandcrowd.com${slug}`;
85
83
  },
86
- getWebsiteBaseUrl: () => (isDesignCom) => {
87
- return isDesignCom
88
- ? `https://www.design.com`
89
- : `https://www.brandcrowd.com`;
90
- },
91
84
  },
92
85
  });
@@ -8579,11 +8579,11 @@ input[type='number'][data-v-28a532b4] {
8579
8579
  position: absolute
8580
8580
  }
8581
8581
 
8582
- .section[data-v-34007c7a] {
8582
+ .section[data-v-4696c5d0] {
8583
8583
  margin-bottom: 1.5rem
8584
8584
  }
8585
8585
 
8586
- .c-brand-page-maker[data-v-f18c9b1d] {
8586
+ .c-brand-page-maker[data-v-de1928b8] {
8587
8587
  --navigation-height-desktop: 64px;
8588
8588
  --navigation-height-mobile: 96px;
8589
8589
  --maker-height: 100vh;
@@ -8593,10 +8593,10 @@ input[type='number'][data-v-28a532b4] {
8593
8593
  height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
8594
8594
  padding-top: var(--navigation-height-mobile);
8595
8595
  }
8596
- .c-brand-page-maker__inner[data-v-f18c9b1d] {
8596
+ .c-brand-page-maker__inner[data-v-de1928b8] {
8597
8597
  height: 100%;
8598
8598
  }
8599
- .c-save-bar[data-v-f18c9b1d] {
8599
+ .c-save-bar[data-v-de1928b8] {
8600
8600
  position: absolute;
8601
8601
  top: 0px;
8602
8602
  left: 0px;
@@ -8618,7 +8618,7 @@ input[type='number'][data-v-28a532b4] {
8618
8618
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8619
8619
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8620
8620
  }
8621
- .c-save-bar--visible[data-v-f18c9b1d] {
8621
+ .c-save-bar--visible[data-v-de1928b8] {
8622
8622
  visibility: visible !important;
8623
8623
  --tw-translate-y: 0px !important;
8624
8624
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -8628,11 +8628,11 @@ input[type='number'][data-v-28a532b4] {
8628
8628
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
8629
8629
  }
8630
8630
  @media (min-width: 1024px) {
8631
- .c-brand-page-maker[data-v-f18c9b1d] {
8631
+ .c-brand-page-maker[data-v-de1928b8] {
8632
8632
  height: calc(var(--maker-height) - var(--navigation-height-desktop));
8633
8633
  padding-top: 0px;
8634
8634
  }
8635
- .c-brand-page-maker__inner[data-v-f18c9b1d] {
8635
+ .c-brand-page-maker__inner[data-v-de1928b8] {
8636
8636
  height: 100%;
8637
8637
  }
8638
8638
  }
@@ -8907,11 +8907,11 @@ input[type='number'][data-v-28a532b4] {
8907
8907
  position: absolute
8908
8908
  }
8909
8909
 
8910
- .section[data-v-34007c7a] {
8910
+ .section[data-v-4696c5d0] {
8911
8911
  margin-bottom: 1.5rem
8912
8912
  }
8913
8913
 
8914
- .c-brand-page-maker[data-v-f18c9b1d] {
8914
+ .c-brand-page-maker[data-v-de1928b8] {
8915
8915
  --navigation-height-desktop: 64px;
8916
8916
  --navigation-height-mobile: 96px;
8917
8917
  --maker-height: 100vh;
@@ -8921,10 +8921,10 @@ input[type='number'][data-v-28a532b4] {
8921
8921
  height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
8922
8922
  padding-top: var(--navigation-height-mobile);
8923
8923
  }
8924
- .c-brand-page-maker__inner[data-v-f18c9b1d] {
8924
+ .c-brand-page-maker__inner[data-v-de1928b8] {
8925
8925
  height: 100%;
8926
8926
  }
8927
- .c-save-bar[data-v-f18c9b1d] {
8927
+ .c-save-bar[data-v-de1928b8] {
8928
8928
  position: absolute;
8929
8929
  top: 0px;
8930
8930
  left: 0px;
@@ -8946,7 +8946,7 @@ input[type='number'][data-v-28a532b4] {
8946
8946
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8947
8947
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8948
8948
  }
8949
- .c-save-bar--visible[data-v-f18c9b1d] {
8949
+ .c-save-bar--visible[data-v-de1928b8] {
8950
8950
  visibility: visible !important;
8951
8951
  --tw-translate-y: 0px !important;
8952
8952
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -8956,11 +8956,11 @@ input[type='number'][data-v-28a532b4] {
8956
8956
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
8957
8957
  }
8958
8958
  @media (min-width: 1024px) {
8959
- .c-brand-page-maker[data-v-f18c9b1d] {
8959
+ .c-brand-page-maker[data-v-de1928b8] {
8960
8960
  height: calc(var(--maker-height) - var(--navigation-height-desktop));
8961
8961
  padding-top: 0px;
8962
8962
  }
8963
- .c-brand-page-maker__inner[data-v-f18c9b1d] {
8963
+ .c-brand-page-maker__inner[data-v-de1928b8] {
8964
8964
  height: 100%;
8965
8965
  }
8966
8966
  }
@@ -8597,11 +8597,11 @@ input[type='number'][data-v-28a532b4] {
8597
8597
  position: absolute
8598
8598
  }
8599
8599
 
8600
- .section[data-v-34007c7a] {
8600
+ .section[data-v-4696c5d0] {
8601
8601
  margin-bottom: 1.5rem
8602
8602
  }
8603
8603
 
8604
- .c-brand-page-maker[data-v-f18c9b1d] {
8604
+ .c-brand-page-maker[data-v-de1928b8] {
8605
8605
  --navigation-height-desktop: 64px;
8606
8606
  --navigation-height-mobile: 96px;
8607
8607
  --maker-height: 100vh;
@@ -8611,10 +8611,10 @@ input[type='number'][data-v-28a532b4] {
8611
8611
  height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
8612
8612
  padding-top: var(--navigation-height-mobile);
8613
8613
  }
8614
- .c-brand-page-maker__inner[data-v-f18c9b1d] {
8614
+ .c-brand-page-maker__inner[data-v-de1928b8] {
8615
8615
  height: 100%;
8616
8616
  }
8617
- .c-save-bar[data-v-f18c9b1d] {
8617
+ .c-save-bar[data-v-de1928b8] {
8618
8618
  position: absolute;
8619
8619
  top: 0px;
8620
8620
  left: 0px;
@@ -8636,7 +8636,7 @@ input[type='number'][data-v-28a532b4] {
8636
8636
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8637
8637
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8638
8638
  }
8639
- .c-save-bar--visible[data-v-f18c9b1d] {
8639
+ .c-save-bar--visible[data-v-de1928b8] {
8640
8640
  visibility: visible !important;
8641
8641
  --tw-translate-y: 0px !important;
8642
8642
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -8646,11 +8646,11 @@ input[type='number'][data-v-28a532b4] {
8646
8646
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
8647
8647
  }
8648
8648
  @media (min-width: 1024px) {
8649
- .c-brand-page-maker[data-v-f18c9b1d] {
8649
+ .c-brand-page-maker[data-v-de1928b8] {
8650
8650
  height: calc(var(--maker-height) - var(--navigation-height-desktop));
8651
8651
  padding-top: 0px;
8652
8652
  }
8653
- .c-brand-page-maker__inner[data-v-f18c9b1d] {
8653
+ .c-brand-page-maker__inner[data-v-de1928b8] {
8654
8654
  height: 100%;
8655
8655
  }
8656
8656
  }
@@ -8339,11 +8339,11 @@ input[type='number'][data-v-28a532b4] {
8339
8339
  position: absolute
8340
8340
  }
8341
8341
 
8342
- .bp .section[data-v-34007c7a] {
8342
+ .bp .section[data-v-4696c5d0] {
8343
8343
  margin-bottom: 1.5rem
8344
8344
  }
8345
8345
 
8346
- .bp .c-brand-page-maker[data-v-f18c9b1d] {
8346
+ .bp .c-brand-page-maker[data-v-de1928b8] {
8347
8347
  --navigation-height-desktop: 64px;
8348
8348
  --navigation-height-mobile: 96px;
8349
8349
  --maker-height: 100vh;
@@ -8353,10 +8353,10 @@ input[type='number'][data-v-28a532b4] {
8353
8353
  height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
8354
8354
  padding-top: var(--navigation-height-mobile);
8355
8355
  }
8356
- .bp .c-brand-page-maker__inner[data-v-f18c9b1d] {
8356
+ .bp .c-brand-page-maker__inner[data-v-de1928b8] {
8357
8357
  height: 100%;
8358
8358
  }
8359
- .bp .c-save-bar[data-v-f18c9b1d] {
8359
+ .bp .c-save-bar[data-v-de1928b8] {
8360
8360
  position: absolute;
8361
8361
  top: 0px;
8362
8362
  left: 0px;
@@ -8378,7 +8378,7 @@ input[type='number'][data-v-28a532b4] {
8378
8378
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8379
8379
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8380
8380
  }
8381
- .bp .c-save-bar--visible[data-v-f18c9b1d] {
8381
+ .bp .c-save-bar--visible[data-v-de1928b8] {
8382
8382
  visibility: visible !important;
8383
8383
  --tw-translate-y: 0px !important;
8384
8384
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -8388,11 +8388,11 @@ input[type='number'][data-v-28a532b4] {
8388
8388
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
8389
8389
  }
8390
8390
  @media (min-width: 1024px) {
8391
- .bp .c-brand-page-maker[data-v-f18c9b1d] {
8391
+ .bp .c-brand-page-maker[data-v-de1928b8] {
8392
8392
  height: calc(var(--maker-height) - var(--navigation-height-desktop));
8393
8393
  padding-top: 0px;
8394
8394
  }
8395
- .bp .c-brand-page-maker__inner[data-v-f18c9b1d] {
8395
+ .bp .c-brand-page-maker__inner[data-v-de1928b8] {
8396
8396
  height: 100%;
8397
8397
  }
8398
8398
  }