@designcrowd/library.brand-page 5.10.30 → 5.10.31
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/brand-page/constants/font.constants.d.ts +4 -4
- package/lib/src/brand-page/models/styles.model.d.ts +5 -5
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js +2 -2
- package/lib/src/brand-page-maker/components/navigation/Navigation.mixin.d.ts +2 -2
- package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts +3 -3
- package/lib/src/brand-page-maker/components/upgrade-to-premium-button/UpgradeToPremiumButton.mixin.d.ts +2 -2
- package/lib/src/brand-page-maker/constants/brandpage-meta-constant.d.ts +5 -5
- package/lib/src/brand-page-maker/constants/index.d.ts +2 -2
- package/lib/src/bundled-translations-BXxQYq2i.js +119 -0
- package/lib/src/bundled-translations.de-DE-BXcluMZ2.js +119 -0
- package/lib/src/bundled-translations.es-ES-DSd-wV16.js +119 -0
- package/lib/src/bundled-translations.fr-FR-jKR_dxWR.js +119 -0
- package/lib/src/bundled-translations.pt-PT-CwvYqXXo.js +119 -0
- package/lib/src/bundles/bundled-translations.de-DE.json +11 -0
- package/lib/src/bundles/bundled-translations.es-ES.json +11 -0
- package/lib/src/bundles/bundled-translations.fr-FR.json +11 -0
- package/lib/src/bundles/bundled-translations.json +11 -0
- package/lib/src/bundles/bundled-translations.pt-PT.json +11 -0
- package/lib/src/composables/useTranslate.d.ts +64 -62
- package/lib/src/composables/useTranslate.js +18 -7
- package/lib/src/css/library.brand-page-brandCrowd.min.css +5 -5
- package/lib/src/css/library.brand-page-brandPage.min.css +5 -5
- package/lib/src/css/library.brand-page-designCom.min.css +5 -5
- package/lib/src/css/library.brand-page-preview.min.css +5 -5
- package/lib/src/index.d.ts +2 -1
- package/lib/src/index.mjs +13422 -13399
- package/lib/src/lib.js +1 -1
- package/lib/src/shared/content-settings/components/GenericTextInput.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/email-field/EmailField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/shape-field/ShapeField.mixin.d.ts +1 -1
- package/lib/src/shared/content-settings/components/tel-field/TelField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/text-field/TextField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/text-image-field/TextImageField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/url-field/UrlField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/youtube-video-field/YoutubeVideoField.mixin.d.ts +2 -2
- package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts +3 -3
- package/lib/src/shared/my-uploads/MyUploads.mixin.d.ts +1 -1
- package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +1 -1
- package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +2 -2
- package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts +4 -4
- package/lib/src/shared/shape-library/ShapeLibrary.mixin.d.ts +1 -1
- package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +2 -2
- package/lib/src/shared/template-settings/models.d.ts +3 -3
- package/package.json +1 -1
- package/src/brand-page/components/sensitive-content/SensitiveContentModal.vue +28 -11
- package/src/brand-page/components/sensitive-content/i18n/sensitive-content-modal.de-DE.json +13 -0
- package/src/brand-page/components/sensitive-content/i18n/sensitive-content-modal.es-ES.json +13 -0
- package/src/brand-page/components/sensitive-content/i18n/sensitive-content-modal.fr-FR.json +13 -0
- package/src/brand-page/components/sensitive-content/i18n/sensitive-content-modal.json +13 -0
- package/src/brand-page/components/sensitive-content/i18n/sensitive-content-modal.pt-PT.json +13 -0
- package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.ts +2 -2
- package/src/bundles/bundled-translations.de-DE.json +11 -0
- package/src/bundles/bundled-translations.es-ES.json +11 -0
- package/src/bundles/bundled-translations.fr-FR.json +11 -0
- package/src/bundles/bundled-translations.json +11 -0
- package/src/bundles/bundled-translations.pt-PT.json +11 -0
- package/src/composables/useTranslate.ts +25 -8
- package/src/lib.ts +6 -1
- package/lib/src/bundled-translations-DaK60m67.js +0 -117
- package/lib/src/bundled-translations.de-DE-848cpWPB.js +0 -117
- package/lib/src/bundled-translations.es-ES-CtPI5G7I.js +0 -117
- package/lib/src/bundled-translations.fr-FR-BS3Kia5y.js +0 -117
- package/lib/src/bundled-translations.pt-PT-Balnne-7.js +0 -117
package/lib/src/lib.js
CHANGED
|
@@ -45,4 +45,4 @@ export { createBrandPageMakerRouter, setRouterInstance, attachRouterHooks, } fro
|
|
|
45
45
|
// Composable
|
|
46
46
|
export { useEventTracker } from './brand-page-maker/composables/useEventTracker';
|
|
47
47
|
export { useConsent, } from './brand-page/composables/consent.composable';
|
|
48
|
-
export { setLocaleAsync, tr } from './composables/useTranslate';
|
|
48
|
+
export { setLocaleAsync, tr, createNewI18nInstance, } from './composables/useTranslate';
|
|
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
29
29
|
placeholder: {
|
|
30
30
|
type: StringConstructor;
|
|
31
31
|
required: false;
|
|
32
|
-
default: () =>
|
|
32
|
+
default: () => any;
|
|
33
33
|
};
|
|
34
34
|
role: {
|
|
35
35
|
type: StringConstructor;
|
|
@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
125
125
|
placeholder: {
|
|
126
126
|
type: StringConstructor;
|
|
127
127
|
required: false;
|
|
128
|
-
default: () =>
|
|
128
|
+
default: () => any;
|
|
129
129
|
};
|
|
130
130
|
role: {
|
|
131
131
|
type: StringConstructor;
|
|
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
|
|
|
26
26
|
placeholder: {
|
|
27
27
|
type: StringConstructor;
|
|
28
28
|
required: false;
|
|
29
|
-
default: () =>
|
|
29
|
+
default: () => any;
|
|
30
30
|
};
|
|
31
31
|
role: {
|
|
32
32
|
type: StringConstructor;
|
|
@@ -122,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
|
|
|
122
122
|
placeholder: {
|
|
123
123
|
type: StringConstructor;
|
|
124
124
|
required: false;
|
|
125
|
-
default: () =>
|
|
125
|
+
default: () => any;
|
|
126
126
|
};
|
|
127
127
|
role: {
|
|
128
128
|
type: StringConstructor;
|
|
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
32
32
|
}>, {}, {
|
|
33
33
|
changeDebounce: DebounceHandle | undefined;
|
|
34
34
|
options: ShapeItem[];
|
|
35
|
-
maxLengthError:
|
|
35
|
+
maxLengthError: any;
|
|
36
36
|
titleLength: number;
|
|
37
37
|
descriptionLength: number;
|
|
38
38
|
}, {}, {
|
|
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
|
|
|
26
26
|
placeholder: {
|
|
27
27
|
type: StringConstructor;
|
|
28
28
|
required: false;
|
|
29
|
-
default: () =>
|
|
29
|
+
default: () => any;
|
|
30
30
|
};
|
|
31
31
|
role: {
|
|
32
32
|
type: StringConstructor;
|
|
@@ -122,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
|
|
|
122
122
|
placeholder: {
|
|
123
123
|
type: StringConstructor;
|
|
124
124
|
required: false;
|
|
125
|
-
default: () =>
|
|
125
|
+
default: () => any;
|
|
126
126
|
};
|
|
127
127
|
role: {
|
|
128
128
|
type: StringConstructor;
|
|
@@ -35,8 +35,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
35
35
|
isModified: boolean[];
|
|
36
36
|
maxTitleLength: number;
|
|
37
37
|
maxTestimonialLength: number;
|
|
38
|
-
testimonialEmptyErrorMessage:
|
|
39
|
-
testimonialMaxLengthErrorMessage:
|
|
38
|
+
testimonialEmptyErrorMessage: any;
|
|
39
|
+
testimonialMaxLengthErrorMessage: any;
|
|
40
40
|
}, {}, {
|
|
41
41
|
onItemsDelete(index: number): void;
|
|
42
42
|
onAddNewItem(): void;
|
|
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
|
|
|
26
26
|
placeholder: {
|
|
27
27
|
type: StringConstructor;
|
|
28
28
|
required: false;
|
|
29
|
-
default: () =>
|
|
29
|
+
default: () => any;
|
|
30
30
|
};
|
|
31
31
|
role: {
|
|
32
32
|
type: StringConstructor;
|
|
@@ -122,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
|
|
|
122
122
|
placeholder: {
|
|
123
123
|
type: StringConstructor;
|
|
124
124
|
required: false;
|
|
125
|
-
default: () =>
|
|
125
|
+
default: () => any;
|
|
126
126
|
};
|
|
127
127
|
role: {
|
|
128
128
|
type: StringConstructor;
|
package/lib/src/shared/content-settings/components/text-image-field/TextImageField.mixin.d.ts
CHANGED
|
@@ -45,8 +45,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
45
45
|
}>, {}, {
|
|
46
46
|
changeDebounce: DebounceHandle | undefined;
|
|
47
47
|
options: (TextMediaItem | TextShapeItem)[];
|
|
48
|
-
maxLengthError:
|
|
49
|
-
invalidUrlError:
|
|
48
|
+
maxLengthError: any;
|
|
49
|
+
invalidUrlError: any;
|
|
50
50
|
titleLength: number;
|
|
51
51
|
urlError: {};
|
|
52
52
|
mediaType: undefined;
|
package/lib/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.d.ts
CHANGED
|
@@ -38,8 +38,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
38
38
|
isEmpty: boolean[];
|
|
39
39
|
isModified: boolean[];
|
|
40
40
|
maxTextLength: number;
|
|
41
|
-
textEmptyErrorMessage:
|
|
42
|
-
textMaxLengthErrorMessage:
|
|
41
|
+
textEmptyErrorMessage: any;
|
|
42
|
+
textMaxLengthErrorMessage: any;
|
|
43
43
|
isInternalWatchEnabled: boolean;
|
|
44
44
|
}, {}, {
|
|
45
45
|
onDelete(index: number): void;
|
|
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
40
40
|
placeholder: {
|
|
41
41
|
type: StringConstructor;
|
|
42
42
|
required: false;
|
|
43
|
-
default: () =>
|
|
43
|
+
default: () => any;
|
|
44
44
|
};
|
|
45
45
|
role: {
|
|
46
46
|
type: StringConstructor;
|
|
@@ -136,7 +136,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
136
136
|
placeholder: {
|
|
137
137
|
type: StringConstructor;
|
|
138
138
|
required: false;
|
|
139
|
-
default: () =>
|
|
139
|
+
default: () => any;
|
|
140
140
|
};
|
|
141
141
|
role: {
|
|
142
142
|
type: StringConstructor;
|
|
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, Record<string, any
|
|
|
33
33
|
placeholder: {
|
|
34
34
|
type: StringConstructor;
|
|
35
35
|
required: false;
|
|
36
|
-
default: () =>
|
|
36
|
+
default: () => any;
|
|
37
37
|
};
|
|
38
38
|
role: {
|
|
39
39
|
type: StringConstructor;
|
|
@@ -129,7 +129,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, Record<string, any
|
|
|
129
129
|
placeholder: {
|
|
130
130
|
type: StringConstructor;
|
|
131
131
|
required: false;
|
|
132
|
-
default: () =>
|
|
132
|
+
default: () => any;
|
|
133
133
|
};
|
|
134
134
|
role: {
|
|
135
135
|
type: StringConstructor;
|
package/lib/src/shared/content-settings/components/youtube-video-field/YoutubeVideoField.mixin.d.ts
CHANGED
|
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, Record<string, any
|
|
|
29
29
|
placeholder: {
|
|
30
30
|
type: StringConstructor;
|
|
31
31
|
required: false;
|
|
32
|
-
default: () =>
|
|
32
|
+
default: () => any;
|
|
33
33
|
};
|
|
34
34
|
role: {
|
|
35
35
|
type: StringConstructor;
|
|
@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, Record<string, any
|
|
|
125
125
|
placeholder: {
|
|
126
126
|
type: StringConstructor;
|
|
127
127
|
required: false;
|
|
128
|
-
default: () =>
|
|
128
|
+
default: () => any;
|
|
129
129
|
};
|
|
130
130
|
role: {
|
|
131
131
|
type: StringConstructor;
|
|
@@ -202,12 +202,12 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
202
202
|
}, {
|
|
203
203
|
selectedTab: {
|
|
204
204
|
key: string;
|
|
205
|
-
displayName:
|
|
205
|
+
displayName: any;
|
|
206
206
|
};
|
|
207
|
-
tabs:
|
|
207
|
+
tabs: any[];
|
|
208
208
|
tabsWithTranslations: {
|
|
209
209
|
key: string;
|
|
210
|
-
displayName:
|
|
210
|
+
displayName: any;
|
|
211
211
|
}[];
|
|
212
212
|
}, {
|
|
213
213
|
tabMenuClasses(): string;
|
|
@@ -101,7 +101,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
101
101
|
thumbnailHeight: any;
|
|
102
102
|
thumbnailWidth: any;
|
|
103
103
|
acceptedFiles: any;
|
|
104
|
-
dictFileTooBig:
|
|
104
|
+
dictFileTooBig: any;
|
|
105
105
|
accept: any;
|
|
106
106
|
}>;
|
|
107
107
|
onDropzoneImageUploaderAccept(file: DropzoneFile, done: (error?: string | Error) => void): void;
|
|
@@ -4706,7 +4706,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
4706
4706
|
footerPageSectionStyleOptions(): PageSectionStyleOption[];
|
|
4707
4707
|
footerFontSettingsOptions(): PageSettingsFontSettingsOption[];
|
|
4708
4708
|
showFooterSettings(): boolean;
|
|
4709
|
-
hideText():
|
|
4709
|
+
hideText(): any;
|
|
4710
4710
|
}, {
|
|
4711
4711
|
onAddNewPageSelected(): Promise<void>;
|
|
4712
4712
|
onDeletePageSelected(pageIndex: number): void;
|
|
@@ -4284,7 +4284,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
4284
4284
|
readonly headerDisplay: "headerDisplay";
|
|
4285
4285
|
readonly footerDisplay: "footerDisplay";
|
|
4286
4286
|
};
|
|
4287
|
-
viewports:
|
|
4287
|
+
viewports: any[];
|
|
4288
4288
|
}, {
|
|
4289
4289
|
isRenderAfterLogo(): any;
|
|
4290
4290
|
navigation(): NavigationDesktop | NavigationMobile;
|
|
@@ -4327,7 +4327,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
4327
4327
|
}, {
|
|
4328
4328
|
toggleShowNavigationBelowLogo(): void;
|
|
4329
4329
|
handleSelectViewport(viewport: ViewportsType): void;
|
|
4330
|
-
findSelectedViewport():
|
|
4330
|
+
findSelectedViewport(): any;
|
|
4331
4331
|
handleHeaderDisplayStyleChange(displayStyle: HeaderDisplayStyle): void;
|
|
4332
4332
|
handleHeaderNavigationDisplayTypeChange(displayType: NavigationDisplayType): void;
|
|
4333
4333
|
handleHeaderNavigationStyleOptionValueChange({ option, value, }: NavigationStyleOptionValueChangeEvent): void;
|
package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts
CHANGED
|
@@ -424,10 +424,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
424
424
|
abbreviation: string;
|
|
425
425
|
};
|
|
426
426
|
isSearchDomainListModalVisible: boolean;
|
|
427
|
-
customDomainCardDescription:
|
|
428
|
-
customDomainLabel:
|
|
429
|
-
searchButtonLabel:
|
|
430
|
-
recommendedLabel:
|
|
427
|
+
customDomainCardDescription: any;
|
|
428
|
+
customDomainLabel: any;
|
|
429
|
+
searchButtonLabel: any;
|
|
430
|
+
recommendedLabel: any;
|
|
431
431
|
}, {
|
|
432
432
|
brandPageUrl(): string;
|
|
433
433
|
getBusinessName(): string | undefined;
|
|
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
58
58
|
currentPageSize: number;
|
|
59
59
|
totalPageSize: number;
|
|
60
60
|
selectedTabName: string;
|
|
61
|
-
tabs:
|
|
61
|
+
tabs: any[];
|
|
62
62
|
shapeLibrary: ShapeSearchResponseModel;
|
|
63
63
|
debounceOnSearch: DebounceHandle | undefined;
|
|
64
64
|
}, {
|
|
@@ -872,10 +872,10 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
872
872
|
isRenderedInStorybook(): boolean;
|
|
873
873
|
isWidthToggled(): boolean;
|
|
874
874
|
brandName(): "Design.com" | "BrandCrowd";
|
|
875
|
-
hideText():
|
|
875
|
+
hideText(): any;
|
|
876
876
|
}, {
|
|
877
877
|
onColorPickerSelected(value: boolean): void;
|
|
878
|
-
getButtonStyleConfigOptionTitle(option: ButtonStyleConfigOption):
|
|
878
|
+
getButtonStyleConfigOptionTitle(option: ButtonStyleConfigOption): any;
|
|
879
879
|
getButtonStylesForUi(buttonStyles: BrandPageCssStyle): BrandPageCssStyle;
|
|
880
880
|
onColorMatchToggled(option: ButtonStyleConfigOption | OtherStyleConfigOption, value: boolean): void;
|
|
881
881
|
onColorPickerInput(option: ButtonStyleConfigOption, payload: UpdateItemValuePayload<string | Event | undefined>): void;
|
|
@@ -13,9 +13,9 @@ export declare const TEMPLATE_TABS: {
|
|
|
13
13
|
};
|
|
14
14
|
export type TemplateTab = keyof typeof TEMPLATE_TABS;
|
|
15
15
|
export declare const TEMPLATE_TAB_DISPLAY_NAMES: () => {
|
|
16
|
-
all:
|
|
17
|
-
categories:
|
|
18
|
-
AI:
|
|
16
|
+
all: any;
|
|
17
|
+
categories: any;
|
|
18
|
+
AI: any;
|
|
19
19
|
};
|
|
20
20
|
export interface OnTemplateSelectedPayload {
|
|
21
21
|
templateId: string;
|
package/package.json
CHANGED
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
<template #default>
|
|
14
14
|
<div class="modal-content-container">
|
|
15
15
|
<div
|
|
16
|
+
v-if="modalConfig.title"
|
|
16
17
|
class="tw-flex tw-flex-col tw-items-center tw-py-2 tw-px-4 tw-text-white tw-bg-black"
|
|
17
18
|
>
|
|
18
19
|
<Icon name="eye-crossed" size="md" />
|
|
@@ -22,16 +23,16 @@
|
|
|
22
23
|
</p>
|
|
23
24
|
<div v-if="type === 'age'" class="button-container">
|
|
24
25
|
<button class="primary-button" @click="onConfirmClicked">
|
|
25
|
-
|
|
26
|
+
{{ imOver }}
|
|
26
27
|
</button>
|
|
27
28
|
<button class="secondary-button" @click="rejectAge">
|
|
28
|
-
|
|
29
|
+
{{ imUnder }}
|
|
29
30
|
</button>
|
|
30
31
|
</div>
|
|
31
32
|
|
|
32
33
|
<div v-if="type === 'sensitive'" class="button-container">
|
|
33
34
|
<button class="primary-button" @click="onConfirmClicked">
|
|
34
|
-
|
|
35
|
+
{{ iConfirm }}
|
|
35
36
|
</button>
|
|
36
37
|
</div>
|
|
37
38
|
</div>
|
|
@@ -41,9 +42,10 @@
|
|
|
41
42
|
</template>
|
|
42
43
|
|
|
43
44
|
<script setup lang="ts">
|
|
44
|
-
import { ref, computed,
|
|
45
|
+
import { ref, computed, watch } from 'vue';
|
|
45
46
|
import { Modal, Icon } from '@designcrowd/fe-shared-lib';
|
|
46
47
|
import { SENSITIVE_CONTENT_TYPES } from '../../';
|
|
48
|
+
import { sensitiveContentModalTr } from '../../../../src/composables/useTranslate';
|
|
47
49
|
|
|
48
50
|
const props = defineProps({
|
|
49
51
|
sensitiveContentState: {
|
|
@@ -75,20 +77,35 @@ const ageRequirement = computed(() => {
|
|
|
75
77
|
|
|
76
78
|
const type = ref(verificationType.value);
|
|
77
79
|
|
|
80
|
+
const imOver = computed(() =>
|
|
81
|
+
sensitiveContentModalTr('iAcceptAgeButtonLabel', {
|
|
82
|
+
REQUIRED_MINIMUM_AGE: ageRequirement.value,
|
|
83
|
+
}),
|
|
84
|
+
);
|
|
85
|
+
|
|
86
|
+
const imUnder = computed(() =>
|
|
87
|
+
sensitiveContentModalTr('iDenyAgeButtonLabel', {
|
|
88
|
+
REQUIRED_MINIMUM_AGE: ageRequirement.value,
|
|
89
|
+
}),
|
|
90
|
+
);
|
|
91
|
+
|
|
92
|
+
const iConfirm = computed(() => sensitiveContentModalTr('iConfirmButtonLabel'));
|
|
93
|
+
|
|
78
94
|
const modalConfig = computed(() => {
|
|
79
95
|
const configs = {
|
|
80
96
|
age: {
|
|
81
|
-
title: '
|
|
82
|
-
message:
|
|
97
|
+
title: sensitiveContentModalTr('ageRestrictionDisplayTitle'),
|
|
98
|
+
message: sensitiveContentModalTr('ageRestrictionMessage'),
|
|
83
99
|
},
|
|
84
100
|
sensitive: {
|
|
85
|
-
title: '
|
|
86
|
-
message:
|
|
87
|
-
'Confirm that you are willing to see potentially sensitive content',
|
|
101
|
+
title: sensitiveContentModalTr('sensitiveContentDisplayTitle'),
|
|
102
|
+
message: sensitiveContentModalTr('sensitiveContentmessage'),
|
|
88
103
|
},
|
|
89
104
|
rejected: {
|
|
90
|
-
title: '
|
|
91
|
-
message:
|
|
105
|
+
title: sensitiveContentModalTr('rejectedDisplayTitle'),
|
|
106
|
+
message: sensitiveContentModalTr('rejectedDisplayTMessage', {
|
|
107
|
+
REQUIRED_MINIMUM_AGE: ageRequirement.value,
|
|
108
|
+
}),
|
|
92
109
|
},
|
|
93
110
|
};
|
|
94
111
|
return configs[type.value] || configs.sensitive;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"sensitiveContentModal" : {
|
|
3
|
+
"sensitiveContentDisplayTitle" : "Sensible Inhalte",
|
|
4
|
+
"sensitiveContentmessage" : "Bestätigen Sie, dass Sie bereit sind, potenziell sensible Inhalte zu sehen",
|
|
5
|
+
"ageRestrictionDisplayTitle" : "Sensible Inhalte",
|
|
6
|
+
"ageRestrictionMessage" : "Bestätigen Sie, dass Sie volljährig sind, um diesen Inhalt anzusehen",
|
|
7
|
+
"rejectedDisplayTitle" : "Sie können diese Seite nicht besuchen",
|
|
8
|
+
"rejectedDisplayTMessage" : "Der Zugang ist auf Benutzer ab {{REQUIRED_MINIMUM_AGE}} Jahren beschränkt.",
|
|
9
|
+
"iAcceptAgeButtonLabel" : "Ich bin älter als {{REQUIRED_MINIMUM_AGE}}.",
|
|
10
|
+
"iDenyAgeButtonLabel" : "Ich bin jünger als {{REQUIRED_MINIMUM_AGE}}.",
|
|
11
|
+
"iConfirmButtonLabel" : "Ich bestätige"
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"sensitiveContentModal" : {
|
|
3
|
+
"sensitiveContentDisplayTitle" : "Contenido sensible",
|
|
4
|
+
"sensitiveContentmessage" : "Confirma que estás dispuesto a ver contenido potencialmente sensible",
|
|
5
|
+
"ageRestrictionDisplayTitle" : "Contenido sensible",
|
|
6
|
+
"ageRestrictionMessage" : "Confirma que tienes la edad legal para ver este contenido",
|
|
7
|
+
"rejectedDisplayTitle" : "No puedes visitar este sitio",
|
|
8
|
+
"rejectedDisplayTMessage" : "El acceso está restringido a usuarios de {{REQUIRED_MINIMUM_AGE}} años o más",
|
|
9
|
+
"iAcceptAgeButtonLabel" : "Estoy harto de {{REQUIRED_MINIMUM_AGE}}",
|
|
10
|
+
"iDenyAgeButtonLabel" : "Tengo menos de {{REQUIRED_MINIMUM_AGE}} años",
|
|
11
|
+
"iConfirmButtonLabel" : "Confirmo"
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"sensitiveContentModal" : {
|
|
3
|
+
"sensitiveContentDisplayTitle" : "Contenu sensible",
|
|
4
|
+
"sensitiveContentmessage" : "Confirmez que vous êtes prêt à voir du contenu potentiellement sensible",
|
|
5
|
+
"ageRestrictionDisplayTitle" : "Contenu sensible",
|
|
6
|
+
"ageRestrictionMessage" : "Confirmez que vous avez l'âge légal pour voir ce contenu",
|
|
7
|
+
"rejectedDisplayTitle" : "Vous ne pouvez pas visiter ce site",
|
|
8
|
+
"rejectedDisplayTMessage" : "L'accès est restreint aux utilisateurs de {{REQUIRED_MINIMUM_AGE}} ans et plus",
|
|
9
|
+
"iAcceptAgeButtonLabel" : "J'ai plus de {{REQUIRED_MINIMUM_AGE}} ans",
|
|
10
|
+
"iDenyAgeButtonLabel" : "J'ai moins de {{REQUIRED_MINIMUM_AGE}} ans",
|
|
11
|
+
"iConfirmButtonLabel" : "Je confirme"
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"sensitiveContentModal": {
|
|
3
|
+
"sensitiveContentDisplayTitle": "Sensitive Content",
|
|
4
|
+
"sensitiveContentmessage": "Confirm that you are willing to see potentially sensitive content",
|
|
5
|
+
"ageRestrictionDisplayTitle": "Sensitive Content",
|
|
6
|
+
"ageRestrictionMessage": "Confirm that you are of legal age to view this content",
|
|
7
|
+
"rejectedDisplayTitle": "You cannot visit this site",
|
|
8
|
+
"rejectedDisplayTMessage": "Access is restricted to users {{REQUIRED_MINIMUM_AGE}} and older",
|
|
9
|
+
"iAcceptAgeButtonLabel": "I'm over {{REQUIRED_MINIMUM_AGE}}",
|
|
10
|
+
"iDenyAgeButtonLabel": "I'm under {{REQUIRED_MINIMUM_AGE}}",
|
|
11
|
+
"iConfirmButtonLabel": "I Confirm"
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"sensitiveContentModal" : {
|
|
3
|
+
"sensitiveContentDisplayTitle" : "Conteúdo sensível",
|
|
4
|
+
"sensitiveContentmessage" : "Confirme que está disposto a ver conteúdo potencialmente sensível",
|
|
5
|
+
"ageRestrictionDisplayTitle" : "Conteúdo sensível",
|
|
6
|
+
"ageRestrictionMessage" : "Confirme que tem idade legal para visualizar este conteúdo",
|
|
7
|
+
"rejectedDisplayTitle" : "Não pode visitar este site",
|
|
8
|
+
"rejectedDisplayTMessage" : "O acesso é restrito a utilizadores com {{REQUIRED_MINIMUM_AGE}} anos ou mais",
|
|
9
|
+
"iAcceptAgeButtonLabel" : "Estou farto de {{REQUIRED_MINIMUM_AGE}}",
|
|
10
|
+
"iDenyAgeButtonLabel" : "Tenho menos de {{REQUIRED_MINIMUM_AGE}}",
|
|
11
|
+
"iConfirmButtonLabel" : "Confirmo"
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -291,7 +291,7 @@ export const Sample = (args, { globals }): any => {
|
|
|
291
291
|
InitialiseMakerStores({});
|
|
292
292
|
|
|
293
293
|
watchEffect(async () => {
|
|
294
|
-
await setLocaleAsync(globals.locale
|
|
294
|
+
await setLocaleAsync(globals.locale);
|
|
295
295
|
renderKeyForForcedRerender.value++;
|
|
296
296
|
});
|
|
297
297
|
|
|
@@ -324,7 +324,7 @@ export const Sample = (args, { globals }): any => {
|
|
|
324
324
|
`,
|
|
325
325
|
pinia: setupStoryPinia(),
|
|
326
326
|
async beforeMount() {
|
|
327
|
-
await setLocaleAsync(globals.locale
|
|
327
|
+
await setLocaleAsync(globals.locale);
|
|
328
328
|
this.show = true;
|
|
329
329
|
},
|
|
330
330
|
};
|
|
@@ -12,6 +12,17 @@
|
|
|
12
12
|
"customAmountLabelOr": "oder benutzerdefinierter Betrag {{CURRENCY_CODE}}",
|
|
13
13
|
"customAmountLabel": "Benutzerdefinierter Betrag {{CURRENCY_CODE}}"
|
|
14
14
|
},
|
|
15
|
+
"sensitiveContentModal": {
|
|
16
|
+
"sensitiveContentDisplayTitle": "Sensible Inhalte",
|
|
17
|
+
"sensitiveContentmessage": "Bestätigen Sie, dass Sie bereit sind, potenziell sensible Inhalte zu sehen",
|
|
18
|
+
"ageRestrictionDisplayTitle": "Sensible Inhalte",
|
|
19
|
+
"ageRestrictionMessage": "Bestätigen Sie, dass Sie volljährig sind, um diesen Inhalt anzusehen",
|
|
20
|
+
"rejectedDisplayTitle": "Sie können diese Seite nicht besuchen",
|
|
21
|
+
"rejectedDisplayTMessage": "Der Zugang ist auf Benutzer ab {{REQUIRED_MINIMUM_AGE}} Jahren beschränkt.",
|
|
22
|
+
"iAcceptAgeButtonLabel": "Ich bin älter als {{REQUIRED_MINIMUM_AGE}}.",
|
|
23
|
+
"iDenyAgeButtonLabel": "Ich bin jünger als {{REQUIRED_MINIMUM_AGE}}.",
|
|
24
|
+
"iConfirmButtonLabel": "Ich bestätige"
|
|
25
|
+
},
|
|
15
26
|
"shop": {
|
|
16
27
|
"noProducts": "Zurzeit sind keine Produkte aufgelistet",
|
|
17
28
|
"viewCart": "Warenkorb anzeigen"
|
|
@@ -12,6 +12,17 @@
|
|
|
12
12
|
"customAmountLabelOr": "o introduce un importe personalizado {{CURRENCY_CODE}}",
|
|
13
13
|
"customAmountLabel": "Cantidad personalizada {{CURRENCY_CODE}}"
|
|
14
14
|
},
|
|
15
|
+
"sensitiveContentModal": {
|
|
16
|
+
"sensitiveContentDisplayTitle": "Contenido sensible",
|
|
17
|
+
"sensitiveContentmessage": "Confirma que estás dispuesto a ver contenido potencialmente sensible",
|
|
18
|
+
"ageRestrictionDisplayTitle": "Contenido sensible",
|
|
19
|
+
"ageRestrictionMessage": "Confirma que tienes la edad legal para ver este contenido",
|
|
20
|
+
"rejectedDisplayTitle": "No puedes visitar este sitio",
|
|
21
|
+
"rejectedDisplayTMessage": "El acceso está restringido a usuarios de {{REQUIRED_MINIMUM_AGE}} años o más",
|
|
22
|
+
"iAcceptAgeButtonLabel": "Estoy harto de {{REQUIRED_MINIMUM_AGE}}",
|
|
23
|
+
"iDenyAgeButtonLabel": "Tengo menos de {{REQUIRED_MINIMUM_AGE}} años",
|
|
24
|
+
"iConfirmButtonLabel": "Confirmo"
|
|
25
|
+
},
|
|
15
26
|
"shop": {
|
|
16
27
|
"noProducts": "No hay productos disponibles en este momento.",
|
|
17
28
|
"viewCart": "Ver carrito"
|
|
@@ -12,6 +12,17 @@
|
|
|
12
12
|
"customAmountLabelOr": "ou montant personnalisé {{CURRENCY_CODE}}",
|
|
13
13
|
"customAmountLabel": "Montant personnalisé {{CURRENCY_CODE}}"
|
|
14
14
|
},
|
|
15
|
+
"sensitiveContentModal": {
|
|
16
|
+
"sensitiveContentDisplayTitle": "Contenu sensible",
|
|
17
|
+
"sensitiveContentmessage": "Confirmez que vous êtes prêt à voir du contenu potentiellement sensible",
|
|
18
|
+
"ageRestrictionDisplayTitle": "Contenu sensible",
|
|
19
|
+
"ageRestrictionMessage": "Confirmez que vous avez l'âge légal pour voir ce contenu",
|
|
20
|
+
"rejectedDisplayTitle": "Vous ne pouvez pas visiter ce site",
|
|
21
|
+
"rejectedDisplayTMessage": "L'accès est restreint aux utilisateurs de {{REQUIRED_MINIMUM_AGE}} ans et plus",
|
|
22
|
+
"iAcceptAgeButtonLabel": "J'ai plus de {{REQUIRED_MINIMUM_AGE}} ans",
|
|
23
|
+
"iDenyAgeButtonLabel": "J'ai moins de {{REQUIRED_MINIMUM_AGE}} ans",
|
|
24
|
+
"iConfirmButtonLabel": "Je confirme"
|
|
25
|
+
},
|
|
15
26
|
"shop": {
|
|
16
27
|
"noProducts": "Aucun produit n’est répertorié pour le moment",
|
|
17
28
|
"viewCart": "Voir le panier"
|
|
@@ -12,6 +12,17 @@
|
|
|
12
12
|
"customAmountLabelOr": "or custom amount {{CURRENCY_CODE}}",
|
|
13
13
|
"customAmountLabel": "Custom amount {{CURRENCY_CODE}}"
|
|
14
14
|
},
|
|
15
|
+
"sensitiveContentModal": {
|
|
16
|
+
"sensitiveContentDisplayTitle": "Sensitive Content",
|
|
17
|
+
"sensitiveContentmessage": "Confirm that you are willing to see potentially sensitive content",
|
|
18
|
+
"ageRestrictionDisplayTitle": "Sensitive Content",
|
|
19
|
+
"ageRestrictionMessage": "Confirm that you are of legal age to view this content",
|
|
20
|
+
"rejectedDisplayTitle": "You cannot visit this site",
|
|
21
|
+
"rejectedDisplayTMessage": "Access is restricted to users {{REQUIRED_MINIMUM_AGE}} and older",
|
|
22
|
+
"iAcceptAgeButtonLabel": "I'm over {{REQUIRED_MINIMUM_AGE}}",
|
|
23
|
+
"iDenyAgeButtonLabel": "I'm under {{REQUIRED_MINIMUM_AGE}}",
|
|
24
|
+
"iConfirmButtonLabel": "I Confirm"
|
|
25
|
+
},
|
|
15
26
|
"shop": {
|
|
16
27
|
"noProducts": "No products are listed at the moment",
|
|
17
28
|
"viewCart": "View Cart"
|
|
@@ -12,6 +12,17 @@
|
|
|
12
12
|
"customAmountLabelOr": "ou um montante personalizado {{CURRENCY_CODE}}",
|
|
13
13
|
"customAmountLabel": "Montante personalizado {{CURRENCY_CODE}}"
|
|
14
14
|
},
|
|
15
|
+
"sensitiveContentModal": {
|
|
16
|
+
"sensitiveContentDisplayTitle": "Conteúdo sensível",
|
|
17
|
+
"sensitiveContentmessage": "Confirme que está disposto a ver conteúdo potencialmente sensível",
|
|
18
|
+
"ageRestrictionDisplayTitle": "Conteúdo sensível",
|
|
19
|
+
"ageRestrictionMessage": "Confirme que tem idade legal para visualizar este conteúdo",
|
|
20
|
+
"rejectedDisplayTitle": "Não pode visitar este site",
|
|
21
|
+
"rejectedDisplayTMessage": "O acesso é restrito a utilizadores com {{REQUIRED_MINIMUM_AGE}} anos ou mais",
|
|
22
|
+
"iAcceptAgeButtonLabel": "Estou farto de {{REQUIRED_MINIMUM_AGE}}",
|
|
23
|
+
"iDenyAgeButtonLabel": "Tenho menos de {{REQUIRED_MINIMUM_AGE}}",
|
|
24
|
+
"iConfirmButtonLabel": "Confirmo"
|
|
25
|
+
},
|
|
15
26
|
"shop": {
|
|
16
27
|
"noProducts": "Nenhum produto listado de momento",
|
|
17
28
|
"viewCart": "Ver carrinho"
|