@designcrowd/library.brand-page 5.16.21-jj-3 → 5.16.21

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 (121) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-HrHMR6O5.js → CreatedOnBrandCrowd-de-de-DgwCYxpo.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-Dzz0sW2t.js → CreatedOnBrandCrowd-en-us-Ce4dtJzF.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-DAwKWoWd.js → CreatedOnBrandCrowd-es-es-DDdbZpFk.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-Dtg5Gjhl.js → CreatedOnBrandCrowd-fr-ca-PqYlFJIq.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-Dtg5Gjhl.js → CreatedOnBrandCrowd-fr-fr-PqYlFJIq.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-D1cIuDBl.js → CreatedOnBrandCrowd-pt-br-J-uo_wBq.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-D1cIuDBl.js → CreatedOnBrandCrowd-pt-pt-J-uo_wBq.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-CFDw1ywD.js → CreatedOnDcom-de-de-DqXE51XT.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-ChnrK3_N.js → CreatedOnDcom-en-us-BxrSQ6H4.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-D3V-7jbe.js → CreatedOnDcom-es-es-tJ59EfOu.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-B6ZzNIW9.js → CreatedOnDcom-fr-ca-CDtK8MUu.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-C58R5laB.js → CreatedOnDcom-fr-fr-DbotQbN2.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-CVICOJSe.js → CreatedOnDcom-pt-br-ClzylsH_.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-Dk-B6B5h.js → CreatedOnDcom-pt-pt-BF3m2X2_.js} +1 -1
  15. package/lib/src/brand-page/components/page-header/PageHeader.mixin.js +5 -4
  16. package/lib/src/brand-page/constants/logo.constants.d.ts +1 -0
  17. package/lib/src/brand-page/constants/logo.constants.js +2 -0
  18. package/lib/src/brand-page/models/index.d.ts +1 -0
  19. package/lib/src/brand-page/models/index.js +5 -0
  20. package/lib/src/brand-page/utils/logo.util.d.ts +1 -4
  21. package/lib/src/brand-page/utils/logo.util.js +18 -21
  22. package/lib/src/brand-page/utils/migration/migration-07.d.ts +4 -2
  23. package/lib/src/brand-page/utils/migration/migration-07.js +1 -1
  24. package/lib/src/brand-page/utils/migration/migration-08.d.ts +5 -2
  25. package/lib/src/brand-page/utils/migration/migration-08.js +5 -2
  26. package/lib/src/brand-page/utils/migration.util.d.ts +3 -5
  27. package/lib/src/brand-page/utils/migration.util.js +1 -6
  28. package/lib/src/brand-page/utils/view-model.util.js +1 -0
  29. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +1 -1
  30. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.d.ts +0 -1
  31. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.js +3 -8
  32. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +1 -1
  33. package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts +3 -12
  34. package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.js +6 -17
  35. package/lib/src/brand-page-maker/constants/template-constants.d.ts +0 -1
  36. package/lib/src/brand-page-maker/constants/template-constants.js +0 -1
  37. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +5 -6
  38. package/lib/src/bundled-translations-Dp4KzW9M.js +165 -0
  39. package/lib/src/bundled-translations.de-DE-CMNy5LEQ.js +165 -0
  40. package/lib/src/bundled-translations.es-ES-B20ONBTs.js +165 -0
  41. package/lib/src/bundled-translations.fr-CA-DwBf1MZ8.js +165 -0
  42. package/lib/src/bundled-translations.fr-FR-3GhDgrC4.js +165 -0
  43. package/lib/src/bundled-translations.pt-BR-DuzEDMF5.js +165 -0
  44. package/lib/src/bundled-translations.pt-PT-CtT4FOlX.js +165 -0
  45. package/lib/src/bundles/bundled-translations.de-DE.json +1 -9
  46. package/lib/src/bundles/bundled-translations.es-ES.json +1 -9
  47. package/lib/src/bundles/bundled-translations.fr-CA.json +1 -9
  48. package/lib/src/bundles/bundled-translations.fr-FR.json +1 -9
  49. package/lib/src/bundles/bundled-translations.json +0 -8
  50. package/lib/src/bundles/bundled-translations.pt-BR.json +1 -9
  51. package/lib/src/bundles/bundled-translations.pt-PT.json +1 -9
  52. package/lib/src/composables/useTranslate.d.ts +1 -2
  53. package/lib/src/composables/useTranslate.js +1 -2
  54. package/lib/src/css/library.brand-page-brandCrowd.min.css +82 -84
  55. package/lib/src/css/library.brand-page-brandPage.min.css +82 -84
  56. package/lib/src/css/library.brand-page-designCom.min.css +82 -84
  57. package/lib/src/css/library.brand-page-preview.min.css +82 -84
  58. package/lib/src/index.mjs +105 -106
  59. package/lib/src/{lib-Dn6AgtmB.js → lib-CAvMr_zk.js} +13710 -13785
  60. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +1 -1
  61. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +1 -1
  62. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +1 -1
  63. package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.d.ts +1 -1
  64. package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts +1 -1
  65. package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts +1 -1
  66. package/lib/src/shared/page-settings/components/new-page-modal/NewPageModal.mixin.d.ts +1 -1
  67. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +3 -1
  68. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +3 -1
  69. package/package.json +1 -1
  70. package/src/brand-page/components/page-header/HeaderLayout.vue +3 -5
  71. package/src/brand-page/components/page-header/PageHeader.mixin.ts +6 -4
  72. package/src/brand-page/components/save-contact/i18n/save-contact.de-DE.json +1 -1
  73. package/src/brand-page/components/save-contact/i18n/save-contact.es-ES.json +1 -1
  74. package/src/brand-page/components/save-contact/i18n/save-contact.fr-CA.json +1 -1
  75. package/src/brand-page/components/save-contact/i18n/save-contact.fr-FR.json +1 -1
  76. package/src/brand-page/components/save-contact/i18n/save-contact.pt-BR.json +1 -1
  77. package/src/brand-page/components/save-contact/i18n/save-contact.pt-PT.json +1 -1
  78. package/src/brand-page/constants/logo.constants.ts +3 -0
  79. package/src/brand-page/models/index.ts +6 -0
  80. package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap +9 -3
  81. package/src/brand-page/utils/__snapshots__/migration2.util.test.ts.snap +2 -0
  82. package/src/brand-page/utils/__snapshots__/model.util.test.ts.snap +4 -0
  83. package/src/brand-page/utils/logo.util.test.ts +37 -0
  84. package/src/brand-page/utils/logo.util.ts +31 -28
  85. package/src/brand-page/utils/migration/migration-07.test.ts +8 -32
  86. package/src/brand-page/utils/migration/migration-07.ts +3 -3
  87. package/src/brand-page/utils/migration/migration-08.test.ts +10 -38
  88. package/src/brand-page/utils/migration/migration-08.ts +14 -4
  89. package/src/brand-page/utils/migration.util.ts +11 -16
  90. package/src/brand-page/utils/view-model.util.ts +1 -0
  91. package/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.ts +2 -12
  92. package/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.ts +6 -20
  93. package/src/brand-page-maker/components/seo-settings/UrlSettings.vue +8 -9
  94. package/src/brand-page-maker/constants/template-constants.ts +0 -1
  95. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +6 -7
  96. package/src/bundles/bundled-translations.de-DE.json +1 -9
  97. package/src/bundles/bundled-translations.es-ES.json +1 -9
  98. package/src/bundles/bundled-translations.fr-CA.json +1 -9
  99. package/src/bundles/bundled-translations.fr-FR.json +1 -9
  100. package/src/bundles/bundled-translations.json +0 -8
  101. package/src/bundles/bundled-translations.pt-BR.json +1 -9
  102. package/src/bundles/bundled-translations.pt-PT.json +1 -9
  103. package/src/composables/useTranslate.ts +0 -3
  104. package/lib/src/brand-page/utils/migration/migration-11.d.ts +0 -8
  105. package/lib/src/brand-page/utils/migration/migration-11.js +0 -36
  106. package/lib/src/bundled-translations-DAA_muNW.js +0 -167
  107. package/lib/src/bundled-translations.de-DE-DmZSAEA4.js +0 -167
  108. package/lib/src/bundled-translations.es-ES-CGUGm_zy.js +0 -167
  109. package/lib/src/bundled-translations.fr-CA-UkcZ1_qS.js +0 -167
  110. package/lib/src/bundled-translations.fr-FR-D43nbl6A.js +0 -167
  111. package/lib/src/bundled-translations.pt-BR-B0o-8NGd.js +0 -167
  112. package/lib/src/bundled-translations.pt-PT-Cx-eIl9m.js +0 -167
  113. package/src/brand-page/utils/migration/migration-11.ts +0 -49
  114. package/src/brand-page-maker/components/seo-settings/DeleteDomainModal.vue +0 -66
  115. package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.de-DE.json +0 -10
  116. package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.es-ES.json +0 -10
  117. package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.fr-CA.json +0 -10
  118. package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.fr-FR.json +0 -10
  119. package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.json +0 -10
  120. package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.pt-BR.json +0 -10
  121. package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.pt-PT.json +0 -10
@@ -11,11 +11,11 @@ import {
11
11
  } from '../..';
12
12
  import { FabricRenderClient } from '../../../clients/fabric-render-client';
13
13
  import { calculateLogoDimensions } from '../logo.util';
14
- import type { MigrationData, MigrationOptions } from '../migration.util';
14
+ import type { MigrationData } from '../migration.util';
15
15
 
16
16
  export const migration07 = async (
17
17
  migrationResult: MigrationData,
18
- options: MigrationOptions,
18
+ options: { isServerRender: boolean },
19
19
  ): Promise<MigrationData> => {
20
20
  const { brandPageModel } = migrationResult;
21
21
 
@@ -23,7 +23,7 @@ export const migration07 = async (
23
23
  return migrationResult;
24
24
  }
25
25
 
26
- if (options.disableLogoSizeMigration) {
26
+ if (options.isServerRender !== undefined && options.isServerRender) {
27
27
  migrationResult.useOldLogoRenderSize = true;
28
28
 
29
29
  return migrationResult;
@@ -60,15 +60,11 @@ describe('migration08', () => {
60
60
  vi.clearAllMocks();
61
61
  });
62
62
 
63
- test('should skip migration when disableLogoSizeMigration is true', async () => {
63
+ test('should skip migration when isServerRender is true', async () => {
64
64
  const brandPageData = createTestBrandPageData();
65
65
  const migrationData = createMigrationData(brandPageData);
66
66
 
67
- const result = await migration08(migrationData, {
68
- isServerRender: true,
69
- isUserDraft: false,
70
- disableLogoSizeMigration: true,
71
- });
67
+ const result = await migration08(migrationData, { isServerRender: true });
72
68
 
73
69
  expect(result.useOldLogoRenderSize).toBe(true);
74
70
  expect(
@@ -107,10 +103,7 @@ describe('migration08', () => {
107
103
  data: 'test-svg-data',
108
104
  });
109
105
 
110
- const result = await migration08(migrationData, {
111
- isServerRender: false,
112
- isUserDraft: false,
113
- });
106
+ const result = await migration08(migrationData, { isServerRender: false });
114
107
 
115
108
  expect(result.useOldLogoRenderSize).toBe(false);
116
109
  expect(
@@ -150,10 +143,7 @@ describe('migration08', () => {
150
143
  migrationData.brandPageModel.pages[0].contents[0] as LogoContent
151
144
  ).logoImageWidth;
152
145
 
153
- const result = await migration08(migrationData, {
154
- isServerRender: false,
155
- isUserDraft: false,
156
- });
146
+ const result = await migration08(migrationData, { isServerRender: false });
157
147
 
158
148
  // Migration should complete successfully but skip processing brandSite
159
149
  expect(result.useOldLogoRenderSize).toBe(false);
@@ -200,10 +190,7 @@ describe('migration08', () => {
200
190
  });
201
191
  const migrationData = createMigrationData(brandPageData);
202
192
 
203
- const result = await migration08(migrationData, {
204
- isServerRender: false,
205
- isUserDraft: false,
206
- });
193
+ const result = await migration08(migrationData, { isServerRender: false });
207
194
 
208
195
  expect(result.useOldLogoRenderSize).toBe(false);
209
196
  });
@@ -257,10 +244,7 @@ describe('migration08', () => {
257
244
  },
258
245
  );
259
246
 
260
- const result = await migration08(migrationData, {
261
- isServerRender: false,
262
- isUserDraft: false,
263
- });
247
+ const result = await migration08(migrationData, { isServerRender: false });
264
248
 
265
249
  expect(result.useOldLogoRenderSize).toBe(false);
266
250
  expect(
@@ -291,10 +275,7 @@ describe('migration08', () => {
291
275
  });
292
276
  const migrationData = createMigrationData(brandPageData);
293
277
 
294
- const result = await migration08(migrationData, {
295
- isServerRender: false,
296
- isUserDraft: false,
297
- });
278
+ const result = await migration08(migrationData, { isServerRender: false });
298
279
 
299
280
  // Should apply fallback logic
300
281
  expect(
@@ -341,10 +322,7 @@ describe('migration08', () => {
341
322
  data: 'test-template-svg-data',
342
323
  });
343
324
 
344
- const result = await migration08(migrationData, {
345
- isServerRender: false,
346
- isUserDraft: false,
347
- });
325
+ const result = await migration08(migrationData, { isServerRender: false });
348
326
 
349
327
  expect(
350
328
  mockFabricClient.getLogoSvgUrlByLogoTemplateImageAsync,
@@ -383,10 +361,7 @@ describe('migration08', () => {
383
361
  new Error('API Error'),
384
362
  );
385
363
 
386
- const result = await migration08(migrationData, {
387
- isServerRender: false,
388
- isUserDraft: false,
389
- });
364
+ const result = await migration08(migrationData, { isServerRender: false });
390
365
 
391
366
  expect(result.useOldLogoRenderSize).toBe(true);
392
367
  });
@@ -415,10 +390,7 @@ describe('migration08', () => {
415
390
  });
416
391
  const migrationData = createMigrationData(brandPageData);
417
392
 
418
- const result = await migration08(migrationData, {
419
- isServerRender: false,
420
- isUserDraft: false,
421
- });
393
+ const result = await migration08(migrationData, { isServerRender: false });
422
394
 
423
395
  expect(result.useOldLogoRenderSize).toBe(false);
424
396
  expect(result.brandPageModel.pages[0].contents.length).toBe(2);
@@ -4,14 +4,20 @@ import {
4
4
  BRAND_PAGE_TYPES,
5
5
  } from '../..';
6
6
  import { FabricRenderClient } from '../../../clients/fabric-render-client';
7
- import type { MigrationData, MigrationOptions } from '../migration.util';
7
+ import type { MigrationData } from '../migration.util';
8
8
  import { isLogoContent } from '../model.util';
9
9
  import type { LogoContent } from '../../models/logo.model';
10
- import { calculateLogoDimensions } from '../logo.util';
10
+ import {
11
+ calculateLogoDimensions,
12
+ safeGetLogoImageFromLogoImageUrl,
13
+ } from '../logo.util';
11
14
 
12
15
  export const migration08 = async (
13
16
  migrationResult: MigrationData,
14
- options: MigrationOptions,
17
+ options: {
18
+ isServerRender: boolean;
19
+ isUserDraft?: boolean;
20
+ },
15
21
  ): Promise<MigrationData> => {
16
22
  const { brandPageModel } = migrationResult;
17
23
 
@@ -22,7 +28,11 @@ export const migration08 = async (
22
28
  return migrationResult;
23
29
  }
24
30
 
25
- if (options.disableLogoSizeMigration) {
31
+ if (options.isUserDraft !== undefined && !options.isUserDraft) {
32
+ return migrationResult;
33
+ }
34
+
35
+ if (options.isServerRender !== undefined && options.isServerRender) {
26
36
  migrationResult.useOldLogoRenderSize = true;
27
37
 
28
38
  return migrationResult;
@@ -1,3 +1,4 @@
1
+ import { LOGO_MIGRATION_VERSION } from '../constants';
1
2
  import { type BrandPageModel, type LogoImageModel } from '../models';
2
3
  import { migration01 } from './migration/migration-01';
3
4
  import { migration01_1 } from './migration/migration-01_1';
@@ -12,25 +13,20 @@ import { migration07 } from './migration/migration-07';
12
13
  import { migration08 } from './migration/migration-08';
13
14
  import { migration09 } from './migration/migration-09';
14
15
  import { migration10 } from './migration/migration-10';
15
- import { migration11 } from './migration/migration-11';
16
-
17
16
  export interface MigrationData {
18
17
  brandPageModel: BrandPageModel;
19
18
  useOldLogoRenderSize: boolean;
20
19
  }
21
20
 
22
- export interface MigrationOptions {
23
- logoImage?: LogoImageModel;
24
- isUserDraft: boolean;
25
- isServerRender: boolean;
26
- disableLogoSizeMigration?: boolean;
27
- }
28
-
29
21
  interface MigrationTableItem {
30
22
  version: number;
31
23
  migrateFn: (
32
24
  migrationResult: MigrationData,
33
- options: MigrationOptions,
25
+ options: {
26
+ logoImage?: LogoImageModel;
27
+ isUserDraft: boolean;
28
+ isServerRender: boolean;
29
+ },
34
30
  ) => Promise<MigrationData>;
35
31
  description: string;
36
32
  runAlways?: boolean;
@@ -105,11 +101,6 @@ const MIGRATION_TABLE = [
105
101
  migrateFn: migration10,
106
102
  description: 'Migrating promptText to title for mailing list content',
107
103
  },
108
- {
109
- version: 11,
110
- migrateFn: migration11,
111
- description: 'Remove backgroundColorEnabled flag from page headers',
112
- },
113
104
  ] as MigrationTableItem[];
114
105
 
115
106
  export const GetLatestModelVersion = () =>
@@ -117,7 +108,11 @@ export const GetLatestModelVersion = () =>
117
108
 
118
109
  export const migrateBrandPageModel = async (
119
110
  brandPageModel: BrandPageModel,
120
- options: MigrationOptions,
111
+ options: {
112
+ logoImage?: LogoImageModel;
113
+ isUserDraft: boolean;
114
+ isServerRender: boolean;
115
+ },
121
116
  ): Promise<MigrationData> => {
122
117
  let modelVersion = brandPageModel.v;
123
118
 
@@ -1091,6 +1091,7 @@ export const mapToPageHeaderViewModel = (
1091
1091
  }),
1092
1092
  style: pageHeader.style,
1093
1093
  backgroundStyle: pageHeader.backgroundStyle,
1094
+ backgroundColorEnabled: pageHeader.backgroundColorEnabled,
1094
1095
  };
1095
1096
  };
1096
1097
 
@@ -4,22 +4,16 @@ import {
4
4
  DESKTOP_WIDTH,
5
5
  MOBILE_HEIGHT,
6
6
  MOBILE_WIDTH,
7
- MOBILE_HEIGHT_POST_PURCHASE,
8
7
  } from '../../constants';
9
- import {
10
- useBrandPageMakerStore,
11
- useBrandPageContainerStore,
12
- } from '../../../lib';
8
+ import { useBrandPageMakerStore } from '../../../lib';
13
9
 
14
10
  export default defineComponent({
15
11
  setup() {
16
12
  const brandPageMakerStore = useBrandPageMakerStore();
17
- const brandPageContainerStore = useBrandPageContainerStore();
18
13
 
19
14
  return {
20
15
  brandPageType: computed(() => brandPageMakerStore.brandPageType),
21
16
  isBrandSite: computed(() => brandPageMakerStore.isBrandSite),
22
- isPrePurchase: computed(() => brandPageContainerStore.isPrePurchase),
23
17
  isBrandPageOrIsBrandContact: computed(
24
18
  () => brandPageMakerStore.isBrandPageOrIsBrandContact,
25
19
  ),
@@ -36,11 +30,7 @@ export default defineComponent({
36
30
  },
37
31
 
38
32
  height(): number {
39
- if (this.isBrandSite) {
40
- return DESKTOP_HEIGHT;
41
- }
42
-
43
- return this.isPrePurchase ? MOBILE_HEIGHT : MOBILE_HEIGHT_POST_PURCHASE;
33
+ return this.isBrandSite ? DESKTOP_HEIGHT : MOBILE_HEIGHT;
44
34
  },
45
35
  },
46
36
  });
@@ -9,7 +9,6 @@ import {
9
9
  useBrandPageContainerStore,
10
10
  useBrandPageMakerStore,
11
11
  useLocalisedRouteStore,
12
- useBrandPageMakerUserStore,
13
12
  } from '../../stores';
14
13
  import { defaultUSDCurrency } from '../../constants/currency-constants';
15
14
  import { validateCustomDomainName } from '../../utils';
@@ -21,7 +20,6 @@ export interface ActionListItem {
21
20
  }
22
21
 
23
22
  export default defineComponent({
24
- emits: ['slug-change', 'on-custom-domain-removed'],
25
23
  props: {
26
24
  isMaker: {
27
25
  type: Boolean,
@@ -40,7 +38,6 @@ export default defineComponent({
40
38
 
41
39
  return {
42
40
  customDomain: computed(() => brandPageContainer.customDomain),
43
- brandPageType: computed(() => brandPageMakerStore.brandPageType),
44
41
  isCustomDomainEnabled: computed(
45
42
  () => brandPageContainer.isCustomDomainEnabled,
46
43
  ),
@@ -59,13 +56,10 @@ export default defineComponent({
59
56
  isCustomDomainNameValid: false,
60
57
  isBusy: false,
61
58
  isResetDomainConfirmModalVisible: false,
62
- isDeleteDomainModalVisible: false,
63
- isCustomDomainRequestModalVisible: false,
64
59
  isUseExistingDomainModalVisible: false,
65
60
  defaultUSDCurrency,
66
61
  isPageUrlActionListVisible: false,
67
62
  isCustomDomainActionListVisible: false,
68
- customDomainRequests: [] as any[],
69
63
  CUSTOM_DOMAIN_INSTRUCTION_DNS_HOST_DISPLAY_TEXT,
70
64
  }),
71
65
  computed: {
@@ -207,7 +201,11 @@ export default defineComponent({
207
201
 
208
202
  items.push({
209
203
  title: commonTr('remove'),
210
- action: this.onCustomDomainRemoveButtonClick,
204
+ action:
205
+ this.isCustomDomainRequestConnected ||
206
+ this.isCustomDomainRequestFailed
207
+ ? this.onCustomDomainRemoveButtonClick
208
+ : this.onClickCustomDomainReset,
211
209
  });
212
210
 
213
211
  return items;
@@ -319,11 +317,7 @@ export default defineComponent({
319
317
  this.isBusy = false;
320
318
  }
321
319
  },
322
- onCustomDomainRemoveButtonClick() {
323
- this.isDeleteDomainModalVisible = true;
324
- },
325
-
326
- async confirmDeleteDomain() {
320
+ async onCustomDomainRemoveButtonClick() {
327
321
  this.isBusy = true;
328
322
 
329
323
  try {
@@ -337,18 +331,10 @@ export default defineComponent({
337
331
  await this.brandPageContainer.updateBrandPageIsCustomDomainEnabled({
338
332
  isCustomDomainEnabled: false,
339
333
  });
340
-
341
- this.$emit('on-custom-domain-removed');
342
334
  } finally {
343
335
  this.isBusy = false;
344
- this.isDeleteDomainModalVisible = false;
345
336
  }
346
337
  },
347
- cancelDeleteDomain() {
348
- this.isDeleteDomainModalVisible = false;
349
- },
350
- /* Custom Domain Requests Modal */
351
-
352
338
  onUseExistingDomainButtonClick() {
353
339
  this.isUseExistingDomainModalVisible = true;
354
340
  },
@@ -374,25 +374,24 @@
374
374
  </div>
375
375
  <!-- End Loader Overlay -->
376
376
 
377
+ <ConfirmModal
378
+ :visible="isResetDomainConfirmModalVisible"
379
+ :description="seoSettingsTr('resetDomain')"
380
+ @confirm="onConfirmCustomDomainReset"
381
+ @cancel="isResetDomainConfirmModalVisible = false"
382
+ />
383
+
377
384
  <UseExistingDomainModal
378
385
  v-if="isUseExistingDomainModalVisible"
379
386
  :is-visible="isUseExistingDomainModalVisible"
380
387
  @on-close="onCloseExistingDomainModal"
381
388
  />
382
- <DeleteDomainModal
383
- v-if="isDeleteDomainModalVisible"
384
- :visible="isDeleteDomainModalVisible"
385
- :is-custom-domain-request-failed="isCustomDomainRequestFailed"
386
- @confirm="confirmDeleteDomain"
387
- @cancel="isDeleteDomainModalVisible = false"
388
- />
389
389
  </div>
390
390
  </template>
391
391
  <script>
392
392
  import { Button, Loader, TextInput } from '@designcrowd/fe-shared-lib';
393
393
  import { SellDomainNameWidget } from '@designcrowd/fe-shared-lib';
394
394
  import UrlSettingsMixin from './UrlSettings.mixin.ts';
395
- import DeleteDomainModal from './DeleteDomainModal.vue';
396
395
  import ConfirmModal from '../../../shared/confirm-modal/ConfirmModal.vue';
397
396
  import UseExistingDomainModal from './UseExistingDomainModal.vue';
398
397
  import { commonTr, seoSettingsTr } from '../../../composables/useTranslate';
@@ -402,9 +401,9 @@ export default {
402
401
  TextInput,
403
402
  Loader,
404
403
  Button,
404
+ ConfirmModal,
405
405
  SellDomainNameWidget,
406
406
  UseExistingDomainModal,
407
- DeleteDomainModal,
408
407
  },
409
408
  mixins: [UrlSettingsMixin],
410
409
  setup() {
@@ -1,5 +1,4 @@
1
1
  export const MOBILE_HEIGHT = 734;
2
- export const MOBILE_HEIGHT_POST_PURCHASE = 636;
3
2
  export const MOBILE_WIDTH = 358;
4
3
 
5
4
  export const DESKTOP_HEIGHT = 600;
@@ -901,23 +901,22 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
901
901
  : logoPostPurchase;
902
902
 
903
903
  if (logo && logoImageHeight) {
904
- const optimalSize = getOptimalLogoSize(
905
- this.brandPageType,
904
+ const newLogoSize = getOptimalLogoSize(
906
905
  logo.width,
907
906
  logo.height,
907
+ logoImageHeight,
908
908
  );
909
909
 
910
910
  pageSettingsStore.sections[PAGE_SECTIONS.header][
911
911
  VIEWPORTS.desktop
912
- ].logoImageWidth = optimalSize.newLogoSize;
912
+ ].logoImageWidth = newLogoSize;
913
913
  pageSettingsStore.sections[PAGE_SECTIONS.header][
914
914
  VIEWPORTS.desktop
915
- ].logoImageHeight = optimalSize.newLogoSize;
915
+ ].logoImageHeight = newLogoSize;
916
916
  }
917
917
  } else if (
918
- !brandPageContainerStore.designDraftToken &&
919
- !userStore.isAdmin &&
920
- this.isBrandPageOrIsBrandContact
918
+ this.isBrandPageOrIsBrandContact &&
919
+ brandPageContainerStore.isPrePurchase
921
920
  ) {
922
921
  recalculateLogoContentDimensions(
923
922
  pageSettingsStore,
@@ -58,7 +58,7 @@
58
58
  "saveContactWidget": {
59
59
  "saveContactButton": "Kontakt speichern",
60
60
  "createCard": "Erstellen Sie kostenlos Ihre eigene Karte auf {{ siteName }}",
61
- "createbizCard": "Create a personalized business card that fits your brand identity",
61
+ "createbizCard": "Erstellen Sie eine personalisierte Visitenkarte, die zu Ihrer Markenidentität passt.",
62
62
  "startForFree": "Jetzt kostenlos ausprobieren"
63
63
  },
64
64
  "sensitiveContentModal": {
@@ -159,14 +159,6 @@
159
159
  "offSetting": "Aus",
160
160
  "sensitiveContentSetting": "Sensible Inhalte"
161
161
  },
162
- "deleteDomainModal": {
163
- "domainInProgressTitle": "Möchten Sie diese Domain wirklich trennen?",
164
- "domainFailedTitle": "Möchten Sie diese Domain wirklich trennen?",
165
- "domainInProgressDescription": "Sie können dieselbe Domain nur bis zu zweimal innerhalb von 48 Stunden verbinden. Daher ist eine erneute Verbindung möglicherweise nicht sofort möglich.",
166
- "domainFailedDescription": "Bitte warten Sie 48 Stunden, bevor Sie die Verbindung für diese Domain aufgrund von Einschränkungen bei der SSL-Zertifikatserstellung erneut herstellen.",
167
- "cancelButton": "Abbrechen",
168
- "disconnectButton": "Trennen"
169
- },
170
162
  "existingDomainModal": {
171
163
  "title": "Verwenden Sie Ihre bestehende Domain",
172
164
  "description": "Wählen Sie aus Ihren erworbenen Domains aus oder geben Sie Ihre bestehende Domain ein",
@@ -58,7 +58,7 @@
58
58
  "saveContactWidget": {
59
59
  "saveContactButton": "Guardar contacto",
60
60
  "createCard": "Crea tu propia tarjeta gratis en {{ siteName }}",
61
- "createbizCard": "Create a personalized business card that fits your brand identity",
61
+ "createbizCard": "Crea una tarjeta de visita personalizada que se ajuste a tu identidad de marca.",
62
62
  "startForFree": "Empieza gratis"
63
63
  },
64
64
  "sensitiveContentModal": {
@@ -159,14 +159,6 @@
159
159
  "offSetting": "Desactivado",
160
160
  "sensitiveContentSetting": "Contenido sensible"
161
161
  },
162
- "deleteDomainModal": {
163
- "domainInProgressTitle": "¿Seguro que quieres desconectar este dominio?",
164
- "domainFailedTitle": "¿Seguro que quieres desconectar este dominio?",
165
- "domainInProgressDescription": "Solo puedes conectar el mismo dominio hasta 2 veces en 48 horas, por lo que puede que la reconexión no esté disponible de inmediato.",
166
- "domainFailedDescription": "Espera 48 horas antes de volver a intentar la conexión con este dominio debido a los límites en la generación de certificados SSL.",
167
- "cancelButton": "Cancelar",
168
- "disconnectButton": "Desconecta"
169
- },
170
162
  "existingDomainModal": {
171
163
  "title": "Usa tu dominio existente",
172
164
  "description": "Elige entre tus nombres de dominio comprados o introduce tu nombre de dominio existente",
@@ -58,7 +58,7 @@
58
58
  "saveContactWidget": {
59
59
  "saveContactButton": "Enregistrer le contact",
60
60
  "createCard": "Créez votre propre carte gratuitement sur {{ siteName }}",
61
- "createbizCard": "Create a personalized business card that fits your brand identity",
61
+ "createbizCard": "Créez une carte professionnelle personnalisée qui correspond à votre identité de marque",
62
62
  "startForFree": "Commencez GRATUITEMENT"
63
63
  },
64
64
  "sensitiveContentModal": {
@@ -159,14 +159,6 @@
159
159
  "offSetting": "Désactivé",
160
160
  "sensitiveContentSetting": "Contenu sensible"
161
161
  },
162
- "deleteDomainModal": {
163
- "domainInProgressTitle": "Voulez-vous vraiment déconnecter ce domaine?",
164
- "domainFailedTitle": "Voulez-vous vraiment déconnecter ce domaine?",
165
- "domainInProgressDescription": "Vous ne pouvez connecter le même domaine que deux fois au maximum en 48 heures, donc la reconnexion peut ne pas être disponible immédiatement.",
166
- "domainFailedDescription": "Veuillez patienter 48 heures avant de réessayer la connexion pour ce domaine en raison des limites de génération de certificats SSL.",
167
- "cancelButton": "Annuler",
168
- "disconnectButton": "Déconnecter"
169
- },
170
162
  "existingDomainModal": {
171
163
  "title": "Utilisez votre domaine existant",
172
164
  "description": "Choisissez parmi vos noms de domaine achetés ou saisissez votre nom de domaine existant",
@@ -58,7 +58,7 @@
58
58
  "saveContactWidget": {
59
59
  "saveContactButton": "Enregistrer le contact",
60
60
  "createCard": "Créez votre propre carte gratuitement sur {{ siteName }}",
61
- "createbizCard": "Create a personalized business card that fits your brand identity",
61
+ "createbizCard": "Créez une carte de visite personnalisée qui correspond à votre identité de marque",
62
62
  "startForFree": "Commencez GRATUITEMENT"
63
63
  },
64
64
  "sensitiveContentModal": {
@@ -159,14 +159,6 @@
159
159
  "offSetting": "Désactivé",
160
160
  "sensitiveContentSetting": "Contenu sensible"
161
161
  },
162
- "deleteDomainModal": {
163
- "domainInProgressTitle": "Voulez-vous vraiment dissocier ce domaine ?",
164
- "domainFailedTitle": "Êtes-vous sûr de vouloir déconnecter ce domaine ?",
165
- "domainInProgressDescription": "Vous ne pouvez connecter le même domaine que deux fois au maximum en 48 heures, donc la reconnexion peut ne pas être disponible immédiatement.",
166
- "domainFailedDescription": "Veuillez patienter 48 heures avant de réessayer la connexion pour ce domaine en raison des limites de génération de certificats SSL.",
167
- "cancelButton": "Annuler",
168
- "disconnectButton": "Déconnecter"
169
- },
170
162
  "existingDomainModal": {
171
163
  "title": "Utilisez votre domaine existant",
172
164
  "description": "Choisissez parmi vos noms de domaine achetés ou saisissez votre nom de domaine existant",
@@ -159,14 +159,6 @@
159
159
  "offSetting": "Off",
160
160
  "sensitiveContentSetting": "Sensitive Content"
161
161
  },
162
- "deleteDomainModal": {
163
- "domainInProgressTitle": "Are you sure you want to disconnect this domain?",
164
- "domainFailedTitle": "Are you sure you want to disconnect this domain?",
165
- "domainInProgressDescription": "You can only connect the same domain up to 2 times within 48 hours, so reconnecting may not be available immediately.",
166
- "domainFailedDescription": "Please wait 48 hours before retrying the connection for this domain due to limits on SSL certificate generation.",
167
- "cancelButton": "Cancel",
168
- "disconnectButton": "Disconnect"
169
- },
170
162
  "existingDomainModal": {
171
163
  "title": "Use your existing domain",
172
164
  "description": "Choose from your purchased domain names or enter your existing domain name",
@@ -58,7 +58,7 @@
58
58
  "saveContactWidget": {
59
59
  "saveContactButton": "Salvar contato",
60
60
  "createCard": "Crie seu próprio cartão gratuitamente em {{ siteName }}",
61
- "createbizCard": "Create a personalized business card that fits your brand identity",
61
+ "createbizCard": "Crie um cartão de visita personalizado que se encaixe na identidade da marca.",
62
62
  "startForFree": "Comece a usar GRATUITAMENTE"
63
63
  },
64
64
  "sensitiveContentModal": {
@@ -159,14 +159,6 @@
159
159
  "offSetting": "Desativar",
160
160
  "sensitiveContentSetting": "Conteúdo sensível"
161
161
  },
162
- "deleteDomainModal": {
163
- "domainInProgressTitle": "Quer mesmo desvincular o domínio?",
164
- "domainFailedTitle": "Tem certeza de que deseja desconectar este domínio?",
165
- "domainInProgressDescription": "Você só pode vincular o mesmo domínio até 2 vezes em 48 horas, então revincular pode não estar disponível imediatamente.",
166
- "domainFailedDescription": "Aguarde 48 horas antes de tentar novamente devido às limitações na geração de certificados SSL.",
167
- "cancelButton": "Cancelar",
168
- "disconnectButton": "Desconectar"
169
- },
170
162
  "existingDomainModal": {
171
163
  "title": "Use seu domínio existente",
172
164
  "description": "Escolha entre os nomes de domínio adquiridos ou insira o nome de domínio existente",
@@ -58,7 +58,7 @@
58
58
  "saveContactWidget": {
59
59
  "saveContactButton": "Guardar contacto",
60
60
  "createCard": "Crie o seu próprio cartão em {{ siteName }}",
61
- "createbizCard": "Create a personalized business card that fits your brand identity",
61
+ "createbizCard": "Crie um cartão de visita personalizado a combinar com a identidade da sua marca",
62
62
  "startForFree": "Comece a usar GRATUITAMENTE"
63
63
  },
64
64
  "sensitiveContentModal": {
@@ -159,14 +159,6 @@
159
159
  "offSetting": "Desativar",
160
160
  "sensitiveContentSetting": "Conteúdo sensível"
161
161
  },
162
- "deleteDomainModal": {
163
- "domainInProgressTitle": "Tem a certeza de que pretende desligar este domínio?",
164
- "domainFailedTitle": "Tem a certeza de que pretende desligar este domínio?",
165
- "domainInProgressDescription": "Só pode associar o mesmo domínio até 2 vezes num período de 48 horas, pelo que a nova associação pode não estar disponível imediatamente.",
166
- "domainFailedDescription": "Devido às limitações na geração de certificados SSL, aguarde 48 horas antes de tentar novamente a associação a este domínio.",
167
- "cancelButton": "Cancelar",
168
- "disconnectButton": "Desassociar"
169
- },
170
162
  "existingDomainModal": {
171
163
  "title": "Utilize o seu domínio existente",
172
164
  "description": "Escolha entre os seus nomes de domínio adquiridos ou introduza o seu nome de domínio existente",
@@ -193,8 +193,6 @@ const mailingListTr = (key, valuesToInterpolate = {}) =>
193
193
  tr(`mailingList.${key}`, valuesToInterpolate);
194
194
  const deletePageModalTr = (key, valuesToInterpolate = {}) =>
195
195
  tr(`deletePageModal.${key}`, valuesToInterpolate);
196
- const deleteDomainModalTr = (key, valuesToInterpolate = {}) =>
197
- tr(`deleteDomainModal.${key}`, valuesToInterpolate);
198
196
  const requestPaymentStripeTr = (key, valuesToInterpolate = {}) =>
199
197
  tr(`requestPaymentStripe.${key}`, valuesToInterpolate);
200
198
  const productDetailModalTr = (key, valuesToInterpolate = {}) =>
@@ -301,7 +299,6 @@ export {
301
299
  paymentModalTr,
302
300
  mailingListTr,
303
301
  deletePageModalTr,
304
- deleteDomainModalTr,
305
302
  requestPaymentStripeTr,
306
303
  productDetailModalTr,
307
304
  videoTr,
@@ -1,8 +0,0 @@
1
- import type { MigrationData } from '../migration.util';
2
- /**
3
- * Migration 11: Remove backgroundColorEnabled flag from headers
4
- *
5
- * For headers where backgroundColorEnabled was false, set backgroundStyle.backgroundColor to transparent.
6
- * Then remove the backgroundColorEnabled property from all headers.
7
- */
8
- export declare const migration11: (migrationResult: MigrationData) => Promise<MigrationData>;