@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.
- package/lib/src/{CreatedOnBrandCrowd-de-de-HrHMR6O5.js → CreatedOnBrandCrowd-de-de-DgwCYxpo.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-en-us-Dzz0sW2t.js → CreatedOnBrandCrowd-en-us-Ce4dtJzF.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-es-es-DAwKWoWd.js → CreatedOnBrandCrowd-es-es-DDdbZpFk.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-fr-Dtg5Gjhl.js → CreatedOnBrandCrowd-fr-ca-PqYlFJIq.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-ca-Dtg5Gjhl.js → CreatedOnBrandCrowd-fr-fr-PqYlFJIq.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-pt-D1cIuDBl.js → CreatedOnBrandCrowd-pt-br-J-uo_wBq.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-br-D1cIuDBl.js → CreatedOnBrandCrowd-pt-pt-J-uo_wBq.js} +1 -1
- package/lib/src/{CreatedOnDcom-de-de-CFDw1ywD.js → CreatedOnDcom-de-de-DqXE51XT.js} +1 -1
- package/lib/src/{CreatedOnDcom-en-us-ChnrK3_N.js → CreatedOnDcom-en-us-BxrSQ6H4.js} +1 -1
- package/lib/src/{CreatedOnDcom-es-es-D3V-7jbe.js → CreatedOnDcom-es-es-tJ59EfOu.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-ca-B6ZzNIW9.js → CreatedOnDcom-fr-ca-CDtK8MUu.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-fr-C58R5laB.js → CreatedOnDcom-fr-fr-DbotQbN2.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-br-CVICOJSe.js → CreatedOnDcom-pt-br-ClzylsH_.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-pt-Dk-B6B5h.js → CreatedOnDcom-pt-pt-BF3m2X2_.js} +1 -1
- package/lib/src/brand-page/components/page-header/PageHeader.mixin.js +5 -4
- package/lib/src/brand-page/constants/logo.constants.d.ts +1 -0
- package/lib/src/brand-page/constants/logo.constants.js +2 -0
- package/lib/src/brand-page/models/index.d.ts +1 -0
- package/lib/src/brand-page/models/index.js +5 -0
- package/lib/src/brand-page/utils/logo.util.d.ts +1 -4
- package/lib/src/brand-page/utils/logo.util.js +18 -21
- package/lib/src/brand-page/utils/migration/migration-07.d.ts +4 -2
- package/lib/src/brand-page/utils/migration/migration-07.js +1 -1
- package/lib/src/brand-page/utils/migration/migration-08.d.ts +5 -2
- package/lib/src/brand-page/utils/migration/migration-08.js +5 -2
- package/lib/src/brand-page/utils/migration.util.d.ts +3 -5
- package/lib/src/brand-page/utils/migration.util.js +1 -6
- package/lib/src/brand-page/utils/view-model.util.js +1 -0
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +1 -1
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.d.ts +0 -1
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.js +3 -8
- package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +1 -1
- package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts +3 -12
- package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.js +6 -17
- package/lib/src/brand-page-maker/constants/template-constants.d.ts +0 -1
- package/lib/src/brand-page-maker/constants/template-constants.js +0 -1
- package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +5 -6
- package/lib/src/bundled-translations-Dp4KzW9M.js +165 -0
- package/lib/src/bundled-translations.de-DE-CMNy5LEQ.js +165 -0
- package/lib/src/bundled-translations.es-ES-B20ONBTs.js +165 -0
- package/lib/src/bundled-translations.fr-CA-DwBf1MZ8.js +165 -0
- package/lib/src/bundled-translations.fr-FR-3GhDgrC4.js +165 -0
- package/lib/src/bundled-translations.pt-BR-DuzEDMF5.js +165 -0
- package/lib/src/bundled-translations.pt-PT-CtT4FOlX.js +165 -0
- package/lib/src/bundles/bundled-translations.de-DE.json +1 -9
- package/lib/src/bundles/bundled-translations.es-ES.json +1 -9
- package/lib/src/bundles/bundled-translations.fr-CA.json +1 -9
- package/lib/src/bundles/bundled-translations.fr-FR.json +1 -9
- package/lib/src/bundles/bundled-translations.json +0 -8
- package/lib/src/bundles/bundled-translations.pt-BR.json +1 -9
- package/lib/src/bundles/bundled-translations.pt-PT.json +1 -9
- package/lib/src/composables/useTranslate.d.ts +1 -2
- package/lib/src/composables/useTranslate.js +1 -2
- package/lib/src/css/library.brand-page-brandCrowd.min.css +82 -84
- package/lib/src/css/library.brand-page-brandPage.min.css +82 -84
- package/lib/src/css/library.brand-page-designCom.min.css +82 -84
- package/lib/src/css/library.brand-page-preview.min.css +82 -84
- package/lib/src/index.mjs +105 -106
- package/lib/src/{lib-Dn6AgtmB.js → lib-CAvMr_zk.js} +13710 -13785
- package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +1 -1
- package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +1 -1
- package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +1 -1
- package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.d.ts +1 -1
- package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts +1 -1
- package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts +1 -1
- package/lib/src/shared/page-settings/components/new-page-modal/NewPageModal.mixin.d.ts +1 -1
- package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +3 -1
- package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +3 -1
- package/package.json +1 -1
- package/src/brand-page/components/page-header/HeaderLayout.vue +3 -5
- package/src/brand-page/components/page-header/PageHeader.mixin.ts +6 -4
- package/src/brand-page/components/save-contact/i18n/save-contact.de-DE.json +1 -1
- package/src/brand-page/components/save-contact/i18n/save-contact.es-ES.json +1 -1
- package/src/brand-page/components/save-contact/i18n/save-contact.fr-CA.json +1 -1
- package/src/brand-page/components/save-contact/i18n/save-contact.fr-FR.json +1 -1
- package/src/brand-page/components/save-contact/i18n/save-contact.pt-BR.json +1 -1
- package/src/brand-page/components/save-contact/i18n/save-contact.pt-PT.json +1 -1
- package/src/brand-page/constants/logo.constants.ts +3 -0
- package/src/brand-page/models/index.ts +6 -0
- package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap +9 -3
- package/src/brand-page/utils/__snapshots__/migration2.util.test.ts.snap +2 -0
- package/src/brand-page/utils/__snapshots__/model.util.test.ts.snap +4 -0
- package/src/brand-page/utils/logo.util.test.ts +37 -0
- package/src/brand-page/utils/logo.util.ts +31 -28
- package/src/brand-page/utils/migration/migration-07.test.ts +8 -32
- package/src/brand-page/utils/migration/migration-07.ts +3 -3
- package/src/brand-page/utils/migration/migration-08.test.ts +10 -38
- package/src/brand-page/utils/migration/migration-08.ts +14 -4
- package/src/brand-page/utils/migration.util.ts +11 -16
- package/src/brand-page/utils/view-model.util.ts +1 -0
- package/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.ts +2 -12
- package/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.ts +6 -20
- package/src/brand-page-maker/components/seo-settings/UrlSettings.vue +8 -9
- package/src/brand-page-maker/constants/template-constants.ts +0 -1
- package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +6 -7
- package/src/bundles/bundled-translations.de-DE.json +1 -9
- package/src/bundles/bundled-translations.es-ES.json +1 -9
- package/src/bundles/bundled-translations.fr-CA.json +1 -9
- package/src/bundles/bundled-translations.fr-FR.json +1 -9
- package/src/bundles/bundled-translations.json +0 -8
- package/src/bundles/bundled-translations.pt-BR.json +1 -9
- package/src/bundles/bundled-translations.pt-PT.json +1 -9
- package/src/composables/useTranslate.ts +0 -3
- package/lib/src/brand-page/utils/migration/migration-11.d.ts +0 -8
- package/lib/src/brand-page/utils/migration/migration-11.js +0 -36
- package/lib/src/bundled-translations-DAA_muNW.js +0 -167
- package/lib/src/bundled-translations.de-DE-DmZSAEA4.js +0 -167
- package/lib/src/bundled-translations.es-ES-CGUGm_zy.js +0 -167
- package/lib/src/bundled-translations.fr-CA-UkcZ1_qS.js +0 -167
- package/lib/src/bundled-translations.fr-FR-D43nbl6A.js +0 -167
- package/lib/src/bundled-translations.pt-BR-B0o-8NGd.js +0 -167
- package/lib/src/bundled-translations.pt-PT-Cx-eIl9m.js +0 -167
- package/src/brand-page/utils/migration/migration-11.ts +0 -49
- package/src/brand-page-maker/components/seo-settings/DeleteDomainModal.vue +0 -66
- package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.de-DE.json +0 -10
- package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.es-ES.json +0 -10
- package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.fr-CA.json +0 -10
- package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.fr-FR.json +0 -10
- package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.json +0 -10
- package/src/brand-page-maker/components/seo-settings/i18n/delete-domain-modal.pt-BR.json +0 -10
- 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
|
|
14
|
+
import type { MigrationData } from '../migration.util';
|
|
15
15
|
|
|
16
16
|
export const migration07 = async (
|
|
17
17
|
migrationResult: MigrationData,
|
|
18
|
-
options:
|
|
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.
|
|
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
|
|
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
|
|
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 {
|
|
10
|
+
import {
|
|
11
|
+
calculateLogoDimensions,
|
|
12
|
+
safeGetLogoImageFromLogoImageUrl,
|
|
13
|
+
} from '../logo.util';
|
|
11
14
|
|
|
12
15
|
export const migration08 = async (
|
|
13
16
|
migrationResult: MigrationData,
|
|
14
|
-
options:
|
|
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.
|
|
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:
|
|
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:
|
|
111
|
+
options: {
|
|
112
|
+
logoImage?: LogoImageModel;
|
|
113
|
+
isUserDraft: boolean;
|
|
114
|
+
isServerRender: boolean;
|
|
115
|
+
},
|
|
121
116
|
): Promise<MigrationData> => {
|
|
122
117
|
let modelVersion = brandPageModel.v;
|
|
123
118
|
|
package/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.ts
CHANGED
|
@@ -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
|
-
|
|
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:
|
|
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() {
|
|
@@ -901,23 +901,22 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
|
|
|
901
901
|
: logoPostPurchase;
|
|
902
902
|
|
|
903
903
|
if (logo && logoImageHeight) {
|
|
904
|
-
const
|
|
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 =
|
|
912
|
+
].logoImageWidth = newLogoSize;
|
|
913
913
|
pageSettingsStore.sections[PAGE_SECTIONS.header][
|
|
914
914
|
VIEWPORTS.desktop
|
|
915
|
-
].logoImageHeight =
|
|
915
|
+
].logoImageHeight = newLogoSize;
|
|
916
916
|
}
|
|
917
917
|
} else if (
|
|
918
|
-
|
|
919
|
-
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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>;
|