@designcrowd/fe-shared-lib 1.5.11-kp-4 → 1.5.11
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/dist/css/tailwind-brandCrowd.css +6 -108
- package/dist/css/tailwind-brandPage.css +6 -104
- package/dist/css/tailwind-crazyDomains.css +6 -108
- package/dist/css/tailwind-designCom.css +6 -108
- package/dist/css/tailwind-designCrowd.css +6 -108
- package/index.js +0 -2
- package/package.json +1 -1
- package/public/css/tailwind-brandCrowd.css +0 -32
- package/public/css/tailwind-brandPage.css +0 -28
- package/public/css/tailwind-crazyDomains.css +0 -32
- package/public/css/tailwind-designCom.css +0 -32
- package/public/css/tailwind-designCrowd.css +0 -32
- package/src/atoms/components/Icon/Icon.stories.js +0 -7
- package/src/atoms/components/Icon/Icon.vue +0 -16
- package/src/bundles/bundled-translations.de-DE.json +0 -40
- package/src/bundles/bundled-translations.es-ES.json +0 -40
- package/src/bundles/bundled-translations.fr-CA.json +0 -40
- package/src/bundles/bundled-translations.fr-FR.json +0 -40
- package/src/bundles/bundled-translations.json +0 -40
- package/src/bundles/bundled-translations.pt-BR.json +0 -40
- package/src/bundles/bundled-translations.pt-PT.json +0 -40
- package/src/useSharedLibTranslate.js +0 -4
- package/.storybook-static/css/tailwind-brandCrowd.css +0 -2472
- package/.storybook-static/css/tailwind-brandPage.css +0 -2156
- package/.storybook-static/css/tailwind-crazyDomains.css +0 -2472
- package/.storybook-static/css/tailwind-designCom.css +0 -2472
- package/.storybook-static/css/tailwind-designCrowd.css +0 -2472
- package/.storybook-static/favicon.svg +0 -1
- package/.storybook-static/index.html +0 -156
- package/.storybook-static/index.json +0 -1
- package/.storybook-static/nunito-sans-bold-italic.woff2 +0 -0
- package/.storybook-static/nunito-sans-bold.woff2 +0 -0
- package/.storybook-static/nunito-sans-italic.woff2 +0 -0
- package/.storybook-static/nunito-sans-regular.woff2 +0 -0
- package/.storybook-static/project.json +0 -1
- package/.storybook-static/sb-addons/a11y-1/manager-bundle.js +0 -5
- package/.storybook-static/sb-addons/links-2/manager-bundle.js +0 -3
- package/.storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +0 -188
- package/.storybook-static/sb-addons/themes-3/manager-bundle.js +0 -3
- package/.storybook-static/sb-common-assets/favicon.svg +0 -1
- package/.storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/.storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/.storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/.storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/.storybook-static/sb-manager/globals-module-info.js +0 -797
- package/.storybook-static/sb-manager/globals-runtime.js +0 -72062
- package/.storybook-static/sb-manager/globals.js +0 -34
- package/.storybook-static/sb-manager/runtime.js +0 -13002
- package/src/atoms/components/Icon/icons/websites/upgrade-to-add-page.vue +0 -50
- package/src/atoms/components/Icon/icons/websites/upgrade-to-contact-form.vue +0 -82
- package/src/atoms/components/Icon/icons/websites/upgrade-to-google-ad.vue +0 -92
- package/src/atoms/components/Icon/icons/websites/upgrade-to-maps.vue +0 -40
- package/src/atoms/components/Icon/icons/websites/upgrade-to-publish.vue +0 -107
- package/src/atoms/components/Icon/icons/websites/upgrade-to-remove-watermark.vue +0 -74
- package/src/atoms/components/Icon/icons/websites/upgrade-to-videos.vue +0 -16
- package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.stories.js +0 -181
- package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.vue +0 -203
- package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.de-DE.json +0 -42
- package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.es-ES.json +0 -42
- package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.fr-CA.json +0 -42
- package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.fr-FR.json +0 -42
- package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.json +0 -42
- package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.pt-BR.json +0 -42
- package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.pt-PT.json +0 -42
- package/src/experiences/models/websiteContextualModel.ts +0 -11
|
@@ -1,181 +0,0 @@
|
|
|
1
|
-
import WebsiteContextualUpgradeModal from './WebsiteContextualUpgradeModal.vue';
|
|
2
|
-
import { setSharedLibLocaleAsync } from '../../../useSharedLibTranslate';
|
|
3
|
-
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Components/WebsitesContextualUpgradeModal',
|
|
6
|
-
component: WebsiteContextualUpgradeModal,
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
const locale = 'en-US';
|
|
10
|
-
|
|
11
|
-
const loadTranslationAsync = async () => {
|
|
12
|
-
await setSharedLibLocaleAsync(locale);
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export const UpgradeToAddPage = () => ({
|
|
16
|
-
components: { WebsiteContextualUpgradeModal },
|
|
17
|
-
data() {
|
|
18
|
-
return {
|
|
19
|
-
isUpgradeModalVisible: true,
|
|
20
|
-
isDesignCom: true,
|
|
21
|
-
upgradeUrl: 'https://brand.site/upgrade/add-page',
|
|
22
|
-
brandPageType: 'brandContact',
|
|
23
|
-
contentType: 'AddPage',
|
|
24
|
-
};
|
|
25
|
-
},
|
|
26
|
-
template: `
|
|
27
|
-
<WebsiteContextualUpgradeModal
|
|
28
|
-
:is-upgrade-modal-visible="isUpgradeModalVisible"
|
|
29
|
-
:is-design-com="isDesignCom"
|
|
30
|
-
:upgrade-url="upgradeUrl"
|
|
31
|
-
:brand-page-type="brandPageType"
|
|
32
|
-
:context-type="contentType"
|
|
33
|
-
/>
|
|
34
|
-
`,
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
UpgradeToAddPage.loaders = [loadTranslationAsync];
|
|
38
|
-
|
|
39
|
-
export const UpgradeToContactForm = () => ({
|
|
40
|
-
components: { WebsiteContextualUpgradeModal },
|
|
41
|
-
data() {
|
|
42
|
-
return {
|
|
43
|
-
isUpgradeModalVisible: true,
|
|
44
|
-
isDesignCom: true,
|
|
45
|
-
upgradeUrl: 'https://brand.site/upgrade/contact-form',
|
|
46
|
-
brandPageType: 'brandContact',
|
|
47
|
-
contentType: 'ContactForm',
|
|
48
|
-
};
|
|
49
|
-
},
|
|
50
|
-
template: `
|
|
51
|
-
<WebsiteContextualUpgradeModal
|
|
52
|
-
:is-upgrade-modal-visible="isUpgradeModalVisible"
|
|
53
|
-
:is-design-com="isDesignCom"
|
|
54
|
-
:upgrade-url="upgradeUrl"
|
|
55
|
-
:brand-page-type="brandPageType"
|
|
56
|
-
:context-type="contentType"
|
|
57
|
-
/>
|
|
58
|
-
`,
|
|
59
|
-
});
|
|
60
|
-
|
|
61
|
-
UpgradeToContactForm.loaders = [loadTranslationAsync];
|
|
62
|
-
|
|
63
|
-
export const UpgradeToMaps = () => ({
|
|
64
|
-
components: { WebsiteContextualUpgradeModal },
|
|
65
|
-
data() {
|
|
66
|
-
return {
|
|
67
|
-
isUpgradeModalVisible: true,
|
|
68
|
-
isDesignCom: true,
|
|
69
|
-
upgradeUrl: 'https://brand.site/upgrade/maps',
|
|
70
|
-
brandPageType: 'brandContact',
|
|
71
|
-
contentType: 'Maps',
|
|
72
|
-
};
|
|
73
|
-
},
|
|
74
|
-
template: `
|
|
75
|
-
<WebsiteContextualUpgradeModal
|
|
76
|
-
:is-upgrade-modal-visible="isUpgradeModalVisible"
|
|
77
|
-
:is-design-com="isDesignCom"
|
|
78
|
-
:upgrade-url="upgradeUrl"
|
|
79
|
-
:brand-page-type="brandPageType"
|
|
80
|
-
:context-type="contentType"
|
|
81
|
-
/>
|
|
82
|
-
`,
|
|
83
|
-
});
|
|
84
|
-
|
|
85
|
-
UpgradeToMaps.loaders = [loadTranslationAsync];
|
|
86
|
-
|
|
87
|
-
export const UpgradeToVideos = () => ({
|
|
88
|
-
components: { WebsiteContextualUpgradeModal },
|
|
89
|
-
data() {
|
|
90
|
-
return {
|
|
91
|
-
isUpgradeModalVisible: true,
|
|
92
|
-
isDesignCom: true,
|
|
93
|
-
upgradeUrl: 'https://brand.site/upgrade/videos',
|
|
94
|
-
brandPageType: 'brandContact',
|
|
95
|
-
contentType: 'Videos',
|
|
96
|
-
};
|
|
97
|
-
},
|
|
98
|
-
template: `
|
|
99
|
-
<WebsiteContextualUpgradeModal
|
|
100
|
-
:is-upgrade-modal-visible="isUpgradeModalVisible"
|
|
101
|
-
:is-design-com="isDesignCom"
|
|
102
|
-
:upgrade-url="upgradeUrl"
|
|
103
|
-
:brand-page-type="brandPageType"
|
|
104
|
-
:context-type="contentType"
|
|
105
|
-
/>
|
|
106
|
-
`,
|
|
107
|
-
});
|
|
108
|
-
|
|
109
|
-
UpgradeToVideos.loaders = [loadTranslationAsync];
|
|
110
|
-
|
|
111
|
-
export const UpgradeToRemoveWatermark = () => ({
|
|
112
|
-
components: { WebsiteContextualUpgradeModal },
|
|
113
|
-
data() {
|
|
114
|
-
return {
|
|
115
|
-
isUpgradeModalVisible: true,
|
|
116
|
-
isDesignCom: true,
|
|
117
|
-
upgradeUrl: 'https://brand.site/upgrade/remove-watermark',
|
|
118
|
-
brandPageType: 'brandContact',
|
|
119
|
-
contentType: 'RemoveWatermark',
|
|
120
|
-
};
|
|
121
|
-
},
|
|
122
|
-
template: `
|
|
123
|
-
<WebsiteContextualUpgradeModal
|
|
124
|
-
:is-upgrade-modal-visible="isUpgradeModalVisible"
|
|
125
|
-
:is-design-com="isDesignCom"
|
|
126
|
-
:upgrade-url="upgradeUrl"
|
|
127
|
-
:brand-page-type="brandPageType"
|
|
128
|
-
:context-type="contentType"
|
|
129
|
-
/>
|
|
130
|
-
`,
|
|
131
|
-
});
|
|
132
|
-
|
|
133
|
-
UpgradeToRemoveWatermark.loaders = [loadTranslationAsync];
|
|
134
|
-
|
|
135
|
-
export const UpgradeToPublish = () => ({
|
|
136
|
-
components: { WebsiteContextualUpgradeModal },
|
|
137
|
-
data() {
|
|
138
|
-
return {
|
|
139
|
-
isUpgradeModalVisible: true,
|
|
140
|
-
isDesignCom: true,
|
|
141
|
-
upgradeUrl: 'https://brand.site/upgrade/publish',
|
|
142
|
-
brandPageType: 'brandContact',
|
|
143
|
-
contentType: 'Publish',
|
|
144
|
-
};
|
|
145
|
-
},
|
|
146
|
-
template: `
|
|
147
|
-
<WebsiteContextualUpgradeModal
|
|
148
|
-
:is-upgrade-modal-visible="isUpgradeModalVisible"
|
|
149
|
-
:is-design-com="isDesignCom"
|
|
150
|
-
:upgrade-url="upgradeUrl"
|
|
151
|
-
:brand-page-type="brandPageType"
|
|
152
|
-
:context-type="contentType"
|
|
153
|
-
/>
|
|
154
|
-
`,
|
|
155
|
-
});
|
|
156
|
-
|
|
157
|
-
UpgradeToPublish.loaders = [loadTranslationAsync];
|
|
158
|
-
|
|
159
|
-
export const UpgradeToGoogleAd = () => ({
|
|
160
|
-
components: { WebsiteContextualUpgradeModal },
|
|
161
|
-
data() {
|
|
162
|
-
return {
|
|
163
|
-
isUpgradeModalVisible: true,
|
|
164
|
-
isDesignCom: true,
|
|
165
|
-
upgradeUrl: 'https://brand.site/upgrade/publish',
|
|
166
|
-
brandPageType: 'brandSite',
|
|
167
|
-
contentType: 'GoogleAd',
|
|
168
|
-
};
|
|
169
|
-
},
|
|
170
|
-
template: `
|
|
171
|
-
<WebsiteContextualUpgradeModal
|
|
172
|
-
:is-upgrade-modal-visible="isUpgradeModalVisible"
|
|
173
|
-
:is-design-com="isDesignCom"
|
|
174
|
-
:upgrade-url="upgradeUrl"
|
|
175
|
-
:brand-page-type="brandPageType"
|
|
176
|
-
:context-type="contentType"
|
|
177
|
-
/>
|
|
178
|
-
`,
|
|
179
|
-
});
|
|
180
|
-
|
|
181
|
-
UpgradeToGoogleAd.loaders = [loadTranslationAsync];
|
package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.vue
DELETED
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<Modal
|
|
3
|
-
:visible="props.isUpgradeModalVisible"
|
|
4
|
-
full-screen-breakpoint="sm"
|
|
5
|
-
:show-modal-background-image="!isDesignCom"
|
|
6
|
-
classes="tw-max-w-3xl tw-p-8"
|
|
7
|
-
@close-modal="closeUpgradeModal"
|
|
8
|
-
>
|
|
9
|
-
<div class="tw-flex tw-flex-col tw-text-black">
|
|
10
|
-
<div class="tw-flex tw-flex-col tw-pb-16 md:tw-pb-0">
|
|
11
|
-
<Icon
|
|
12
|
-
v-if="iconName"
|
|
13
|
-
:name="iconName"
|
|
14
|
-
:view-box="'0 0 100 100'"
|
|
15
|
-
size="5xl"
|
|
16
|
-
:class="{
|
|
17
|
-
'tw-text-primary-500': isDesignCom,
|
|
18
|
-
'tw-text-white': !isDesignCom,
|
|
19
|
-
}"
|
|
20
|
-
class="tw-mb-4"
|
|
21
|
-
/>
|
|
22
|
-
<h2 v-if="titleText" class="tw-font-bold tw-text-3xl tw-mb-2">
|
|
23
|
-
{{ titleText }}
|
|
24
|
-
</h2>
|
|
25
|
-
<span class="tw-text-grayscale-600 tw-mb-2" v-html="descriptionText" />
|
|
26
|
-
<br />
|
|
27
|
-
<p class="tw-font-bold">{{ websiteContextualUpgradeModalTr('premiumUpgradeNote') }}</p>
|
|
28
|
-
<div class="tw-flex tw-flex-col md:tw-flex-row tw-mt-2">
|
|
29
|
-
<div
|
|
30
|
-
class="tw-order-last md:tw-order-first tw-w-full md:tw-w-3/4 tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-4"
|
|
31
|
-
>
|
|
32
|
-
<div v-for="(feature, i) in features" :key="i" class="tw-flex tw-items-center tw-text-sm tw-rounded-md">
|
|
33
|
-
<Icon class="tw-text-success-500" name="check" size="sm" />
|
|
34
|
-
<span class="tw-ml-2 tw-text-grayscale-600" v-html="feature" />
|
|
35
|
-
</div>
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
<div class="bottom-bar tw-mt-2">
|
|
40
|
-
<div
|
|
41
|
-
class="bottom-bar tw-mt-6 tw-bg-grayscale-200 tw-flex tw-flex-col md:tw-flex-row md:tw-items-center md:tw-gap-2"
|
|
42
|
-
>
|
|
43
|
-
<div class="button-size md:tw-flex-1">
|
|
44
|
-
<Button
|
|
45
|
-
data-test-upgrade-button
|
|
46
|
-
:label="upgradeButtonText"
|
|
47
|
-
size="medium"
|
|
48
|
-
:variant="'primary'"
|
|
49
|
-
icon="chevron-right-wide"
|
|
50
|
-
:url="upgradeUrl"
|
|
51
|
-
classes="tw-w-full"
|
|
52
|
-
@on-click="onUpgradeClick"
|
|
53
|
-
/>
|
|
54
|
-
</div>
|
|
55
|
-
<div class="button-size nothanks-button-mobile md:tw-flex-1">
|
|
56
|
-
<Button
|
|
57
|
-
data-test-upgrade-button
|
|
58
|
-
:label="websiteContextualUpgradeModalTr('closeButtonText')"
|
|
59
|
-
size="medium"
|
|
60
|
-
:variant="'no-border'"
|
|
61
|
-
classes="tw-w-full"
|
|
62
|
-
@on-click="closeUpgradeModal"
|
|
63
|
-
/>
|
|
64
|
-
</div>
|
|
65
|
-
</div>
|
|
66
|
-
</div>
|
|
67
|
-
</div>
|
|
68
|
-
</Modal>
|
|
69
|
-
</template>
|
|
70
|
-
<script setup lang="ts">
|
|
71
|
-
import { Ref, ref } from 'vue';
|
|
72
|
-
import Modal from '../../../atoms/components/Modal/Modal.vue';
|
|
73
|
-
import Button from '../../../atoms/components/Button/Button.vue';
|
|
74
|
-
import Icon from '../../../atoms/components/Icon/Icon.vue';
|
|
75
|
-
import { websiteContextualUpgradeModalTr } from '../../../useSharedLibTranslate';
|
|
76
|
-
import { WEBSITE_UPGRADE_CONTEXT_TYPES, type WebsiteContextUpgradeType } from '../../models/websiteContextualModel';
|
|
77
|
-
|
|
78
|
-
const titleText: Ref<string> = ref('');
|
|
79
|
-
const descriptionText: Ref<string> = ref('');
|
|
80
|
-
const iconName: Ref<string> = ref('');
|
|
81
|
-
const upgradeButtonText: Ref<string> = ref('');
|
|
82
|
-
const features: Ref<string[]> = ref([]);
|
|
83
|
-
|
|
84
|
-
const props = defineProps<{
|
|
85
|
-
isUpgradeModalVisible: boolean;
|
|
86
|
-
isDesignCom: boolean;
|
|
87
|
-
upgradeUrl: string;
|
|
88
|
-
brandPageType: string;
|
|
89
|
-
contextType: WebsiteContextUpgradeType;
|
|
90
|
-
}>();
|
|
91
|
-
|
|
92
|
-
const FEATURE_KEYS = {
|
|
93
|
-
PREMIUM_CONTENT: 'PREMIUM_CONTENT',
|
|
94
|
-
STORE: 'STORE',
|
|
95
|
-
UNLIMITED_PAGES: 'UNLIMITED_PAGES',
|
|
96
|
-
CUSTOMER_CARE: 'CUSTOMER_CARE',
|
|
97
|
-
CUSTOM_DOMAIN: 'CUSTOM_DOMAIN',
|
|
98
|
-
CANCEL_ANYTIME: 'CANCEL_ANYTIME',
|
|
99
|
-
NO_WATERMARK: 'NO_WATERMARK',
|
|
100
|
-
} as const;
|
|
101
|
-
|
|
102
|
-
type FeatureKey = keyof typeof FEATURE_KEYS;
|
|
103
|
-
|
|
104
|
-
const FEATURE_CONFIG: Record<FeatureKey, (websiteName: string) => string> = {
|
|
105
|
-
PREMIUM_CONTENT: () => websiteContextualUpgradeModalTr('featurePremiumContent'),
|
|
106
|
-
STORE: () => websiteContextualUpgradeModalTr('featureStore'),
|
|
107
|
-
UNLIMITED_PAGES: () => websiteContextualUpgradeModalTr('featureUnlimitedPages'),
|
|
108
|
-
CUSTOMER_CARE: () => websiteContextualUpgradeModalTr('featureCustomerCare'),
|
|
109
|
-
CUSTOM_DOMAIN: () => websiteContextualUpgradeModalTr('featureCustomDomain'),
|
|
110
|
-
CANCEL_ANYTIME: () =>
|
|
111
|
-
`<div class="tw-text-success-500"><strong>${websiteContextualUpgradeModalTr('featureCancelAnytime')}</strong></div>`,
|
|
112
|
-
NO_WATERMARK: (websiteName: string) => websiteContextualUpgradeModalTr('featureNoWatermark', { websiteName }),
|
|
113
|
-
};
|
|
114
|
-
|
|
115
|
-
const FEATURE_ORDERS: Record<string, FeatureKey[]> = {
|
|
116
|
-
PremiumContent: [
|
|
117
|
-
'PREMIUM_CONTENT',
|
|
118
|
-
'STORE',
|
|
119
|
-
'UNLIMITED_PAGES',
|
|
120
|
-
'CUSTOMER_CARE',
|
|
121
|
-
'CUSTOM_DOMAIN',
|
|
122
|
-
'CANCEL_ANYTIME',
|
|
123
|
-
'NO_WATERMARK',
|
|
124
|
-
],
|
|
125
|
-
RemoveWatermark: [
|
|
126
|
-
'NO_WATERMARK',
|
|
127
|
-
'STORE',
|
|
128
|
-
'UNLIMITED_PAGES',
|
|
129
|
-
'CUSTOMER_CARE',
|
|
130
|
-
'PREMIUM_CONTENT',
|
|
131
|
-
'CANCEL_ANYTIME',
|
|
132
|
-
'CUSTOM_DOMAIN',
|
|
133
|
-
],
|
|
134
|
-
Default: [
|
|
135
|
-
'UNLIMITED_PAGES',
|
|
136
|
-
'STORE',
|
|
137
|
-
'PREMIUM_CONTENT',
|
|
138
|
-
'CUSTOMER_CARE',
|
|
139
|
-
'CUSTOM_DOMAIN',
|
|
140
|
-
'CANCEL_ANYTIME',
|
|
141
|
-
'NO_WATERMARK',
|
|
142
|
-
],
|
|
143
|
-
};
|
|
144
|
-
|
|
145
|
-
const toKebabCase = (value: string) =>
|
|
146
|
-
value
|
|
147
|
-
.replace(/([a-z0-9])([A-Z])/g, '$1-$2')
|
|
148
|
-
.replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
|
|
149
|
-
.toLowerCase();
|
|
150
|
-
|
|
151
|
-
const getFeatureOrder = (websiteName: string) => {
|
|
152
|
-
const contextTypeKey =
|
|
153
|
-
props.contextType === WEBSITE_UPGRADE_CONTEXT_TYPES.Maps ||
|
|
154
|
-
props.contextType === WEBSITE_UPGRADE_CONTEXT_TYPES.Videos ||
|
|
155
|
-
props.contextType === WEBSITE_UPGRADE_CONTEXT_TYPES.ContactForm
|
|
156
|
-
? 'PremiumContent'
|
|
157
|
-
: props.contextType;
|
|
158
|
-
|
|
159
|
-
const order = FEATURE_ORDERS[contextTypeKey] || FEATURE_ORDERS.Default;
|
|
160
|
-
|
|
161
|
-
features.value = order.map((key) => FEATURE_CONFIG[key](websiteName));
|
|
162
|
-
};
|
|
163
|
-
|
|
164
|
-
const initModalContent = (websiteName: string) => {
|
|
165
|
-
const titleForIcon = `upgradeTo${props.contextType}`;
|
|
166
|
-
iconName.value = `websites-${toKebabCase(titleForIcon)}`;
|
|
167
|
-
|
|
168
|
-
titleText.value = websiteContextualUpgradeModalTr(`${titleForIcon}.title`);
|
|
169
|
-
descriptionText.value = websiteContextualUpgradeModalTr(`${titleForIcon}.description`);
|
|
170
|
-
upgradeButtonText.value = websiteContextualUpgradeModalTr('upgradeButtonText');
|
|
171
|
-
|
|
172
|
-
getFeatureOrder(websiteName);
|
|
173
|
-
};
|
|
174
|
-
|
|
175
|
-
const websiteName = props.isDesignCom ? 'Design.com' : 'BrandCrowd';
|
|
176
|
-
initModalContent(websiteName);
|
|
177
|
-
|
|
178
|
-
const emit = defineEmits<{
|
|
179
|
-
'on-close-upgrade-modal': [];
|
|
180
|
-
'on-upgrade-button-clicked': [];
|
|
181
|
-
}>();
|
|
182
|
-
|
|
183
|
-
const closeUpgradeModal = () => {
|
|
184
|
-
emit('on-close-upgrade-modal');
|
|
185
|
-
};
|
|
186
|
-
|
|
187
|
-
const onUpgradeClick = () => {
|
|
188
|
-
emit('on-upgrade-button-clicked');
|
|
189
|
-
};
|
|
190
|
-
</script>
|
|
191
|
-
<style scoped>
|
|
192
|
-
.bottom-bar {
|
|
193
|
-
@apply tw-absolute tw-p-4 tw-bottom-0 tw-left-0 tw-w-full tw-border-t tw-border-grayscale-300 md:tw-p-0 md:tw-relative md:tw-border-none;
|
|
194
|
-
}
|
|
195
|
-
.button-size {
|
|
196
|
-
@apply tw-w-full md:tw-max-w-40;
|
|
197
|
-
}
|
|
198
|
-
@media (max-width: 768px) {
|
|
199
|
-
.nothanks-button-mobile {
|
|
200
|
-
@apply tw-hidden;
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
</style>
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"websiteContextualUpgradeModal": {
|
|
3
|
-
"upgradeButtonText": "Jetzt upgraden",
|
|
4
|
-
"closeButtonText": "Nein, danke",
|
|
5
|
-
"featureCustomerCare": "Kundenbetreuung rund um die Uhr",
|
|
6
|
-
"featureCustomDomain": "Eine benutzerdefinierte Domain verbinden",
|
|
7
|
-
"featureNoWatermark": "Kein {{websiteName}}-Wasserzeichen",
|
|
8
|
-
"featureUnlimitedPages": "Unbegrenzte Seiten",
|
|
9
|
-
"featurePremiumContent": "Kontaktformulare, Videos und Karten",
|
|
10
|
-
"featureStore": "Einfacher Online-Shop",
|
|
11
|
-
"featureCancelAnytime": "Jederzeit kündigen",
|
|
12
|
-
"premiumUpgradeNote": "Mit Premium erhalten Sie:",
|
|
13
|
-
"upgradeToAddPage": {
|
|
14
|
-
"title": "Mit einem Upgrade können Sie weitere Seiten hinzufügen.",
|
|
15
|
-
"description": "Sie haben das kostenlose Seitenlimit erreicht. Mit einem Upgrade können Sie Ihre Website weiter ausbauen und alle Premium-Funktionen nutzen."
|
|
16
|
-
},
|
|
17
|
-
"upgradeToContactForm": {
|
|
18
|
-
"title": "Upgraden, um das Kontaktformular freizuschalten",
|
|
19
|
-
"description": "Lassen Sie Besucher Sie direkt erreichen. Führen Sie ein Upgrade durch, um ein Kontaktformular zu Ihrer Website hinzuzufügen und auf alle Premium-Funktionen zuzugreifen."
|
|
20
|
-
},
|
|
21
|
-
"upgradeToMaps": {
|
|
22
|
-
"title": "Upgraden, um Karten freizuschalten",
|
|
23
|
-
"description": "Helfen Sie den Besuchern, Sie leicht zu finden. Führen Sie ein Upgrade durch, um interaktive Karten in Ihre Website einzubetten und auf alle Premium-Funktionen zuzugreifen."
|
|
24
|
-
},
|
|
25
|
-
"upgradeToVideos": {
|
|
26
|
-
"title": "Upgraden, um Videos freizuschalten",
|
|
27
|
-
"description": "Erwecken Sie Ihren Inhalt zum Leben. Führen Sie ein Upgrade durch, um Videos in Ihre Website einzubetten, sie abzuspielen und auf alle Premium-Funktionen zuzugreifen."
|
|
28
|
-
},
|
|
29
|
-
"upgradeToRemoveWatermark": {
|
|
30
|
-
"title": "Upgrade zum Entfernen des Wasserzeichens",
|
|
31
|
-
"description": "Machen Sie sie wirklich zu Ihrer eigenen. Führen Sie ein Upgrade durch, um unser Wasserzeichen von Ihrer Website zu entfernen und auf alle Premium-Funktionen zuzugreifen."
|
|
32
|
-
},
|
|
33
|
-
"upgradeToPublish": {
|
|
34
|
-
"title": "Zum Veröffentlichen upgraden",
|
|
35
|
-
"description": "Sie können mit jedem Abonnement eine Website veröffentlichen. Fügen Sie ein weiteres Abonnement hinzu, um diese Website zu veröffentlichen und auf alle Premium-Funktionen zuzugreifen."
|
|
36
|
-
},
|
|
37
|
-
"upgradeToGoogleAd": {
|
|
38
|
-
"title": "Upgraden, um Google AdSense freizuschalten",
|
|
39
|
-
"description": "Verbinden Sie Google AdSense und verdienen Sie Geld mit Ihrem Traffic. Führen Sie ein Upgrade durch, um alle Premium-Funktionen freizuschalten."
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"websiteContextualUpgradeModal": {
|
|
3
|
-
"upgradeButtonText": "Hazte prémium ya",
|
|
4
|
-
"closeButtonText": "No, gracias",
|
|
5
|
-
"featureCustomerCare": "Atención al cliente 24/7",
|
|
6
|
-
"featureCustomDomain": "Conecta un dominio personalizado",
|
|
7
|
-
"featureNoWatermark": "Sin marca de agua {{websiteName}}",
|
|
8
|
-
"featureUnlimitedPages": "Páginas ilimitadas",
|
|
9
|
-
"featurePremiumContent": "Formularios de contacto, vídeos y mapas",
|
|
10
|
-
"featureStore": "Tienda online básica",
|
|
11
|
-
"featureCancelAnytime": "Cancela en cualquier momento",
|
|
12
|
-
"premiumUpgradeNote": "Con prémium, obtendrás:",
|
|
13
|
-
"upgradeToAddPage": {
|
|
14
|
-
"title": "Mejora para añadir más páginas",
|
|
15
|
-
"description": "Has alcanzado el límite de páginas gratis. Actualiza para seguir construyendo tu sitio y acceder a todas las características prémium."
|
|
16
|
-
},
|
|
17
|
-
"upgradeToContactForm": {
|
|
18
|
-
"title": "Actualiza para desbloquear el formulario de contacto.",
|
|
19
|
-
"description": "Deja que los visitantes lleguen hasta ti directamente. Actualiza para añadir un formulario de contacto a tu sitio y acceder a todas las características prémium."
|
|
20
|
-
},
|
|
21
|
-
"upgradeToMaps": {
|
|
22
|
-
"title": "Actualiza para desbloquear los mapas.",
|
|
23
|
-
"description": "Ayuda a los visitantes a encontrarte fácilmente. Actualiza para incrustar mapas interactivos en tu sitio y accede a todas las características prémium."
|
|
24
|
-
},
|
|
25
|
-
"upgradeToVideos": {
|
|
26
|
-
"title": "Actualiza para desbloquear vídeos",
|
|
27
|
-
"description": "Da vida a tu contenido. Actualiza para incrustar y reproducir vídeos en tu sitio y accede a todas las características prémium."
|
|
28
|
-
},
|
|
29
|
-
"upgradeToRemoveWatermark": {
|
|
30
|
-
"title": "Actualiza para eliminar marca de agua",
|
|
31
|
-
"description": "Hazlo tuyo de verdad. Actualiza para eliminar nuestra marca de agua de tu sitio web y accede a todas las características prémium."
|
|
32
|
-
},
|
|
33
|
-
"upgradeToPublish": {
|
|
34
|
-
"title": "Actualiza para publicar",
|
|
35
|
-
"description": "Cada suscripción te permite publicar un sitio web. Añade otra suscripción para publicar este sitio y acceder a todas las características prémium."
|
|
36
|
-
},
|
|
37
|
-
"upgradeToGoogleAd": {
|
|
38
|
-
"title": "Actualiza para desbloquear Google AdSense",
|
|
39
|
-
"description": "Conecta Google AdSense y empieza a ganar dinero con tu tráfico. Actualiza para desbloquear todas las características prémium."
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"websiteContextualUpgradeModal": {
|
|
3
|
-
"upgradeButtonText": "Mettre à niveau maintenant",
|
|
4
|
-
"closeButtonText": "Non merci",
|
|
5
|
-
"featureCustomerCare": "Service client 24 h/24 et 7 j/7",
|
|
6
|
-
"featureCustomDomain": "Connectez un domaine personnalisé",
|
|
7
|
-
"featureNoWatermark": "Aucun filigrane {{websiteName}}",
|
|
8
|
-
"featureUnlimitedPages": "Pages illimitées",
|
|
9
|
-
"featurePremiumContent": "Formulaires de contact, vidéos et cartes",
|
|
10
|
-
"featureStore": "Une boutique en ligne simple",
|
|
11
|
-
"featureCancelAnytime": "Annulez à tout moment",
|
|
12
|
-
"premiumUpgradeNote": "Avec Premium, vous profitez de :",
|
|
13
|
-
"upgradeToAddPage": {
|
|
14
|
-
"title": "Mettre à niveau pour ajouter des pages supplémentaires",
|
|
15
|
-
"description": "Vous avez atteint la limite de pages gratuites. Passez à la version Premium pour continuer à construire votre site et accéder à toutes les fonctionnalités premium."
|
|
16
|
-
},
|
|
17
|
-
"upgradeToContactForm": {
|
|
18
|
-
"title": "Passez à la version Premium pour débloquer le formulaire de contact",
|
|
19
|
-
"description": "Permettez aux visiteurs de vous contacter directement. Passez à la version Premium pour ajouter un formulaire de contact à votre site et accéder à toutes les fonctionnalités premium."
|
|
20
|
-
},
|
|
21
|
-
"upgradeToMaps": {
|
|
22
|
-
"title": "Passez à la version Premium pour débloquer les cartes",
|
|
23
|
-
"description": "Aidez les visiteurs à vous trouver facilement. Passez à la version Premium pour intégrer des cartes interactives sur votre site et accéder à toutes les fonctionnalités premium."
|
|
24
|
-
},
|
|
25
|
-
"upgradeToVideos": {
|
|
26
|
-
"title": "Passez à la version Premium pour débloquer les vidéos",
|
|
27
|
-
"description": "Donnez vie à votre contenu. Passez à la version Premium pour intégrer et lire des vidéos sur votre site et accéder à toutes les fonctionnalités premium."
|
|
28
|
-
},
|
|
29
|
-
"upgradeToRemoveWatermark": {
|
|
30
|
-
"title": "Passez à la version Premium pour supprimer le filigrane",
|
|
31
|
-
"description": "Créez un site à votre image. Passez à la version Premium pour supprimer notre filigrane de votre site et accéder à toutes les fonctionnalités premium."
|
|
32
|
-
},
|
|
33
|
-
"upgradeToPublish": {
|
|
34
|
-
"title": "Changer de forfait pour publier",
|
|
35
|
-
"description": "Chaque abonnement vous permet de publier un site Web. Ajoutez un autre abonnement pour publier ce site et accéder à toutes les fonctionnalités premium."
|
|
36
|
-
},
|
|
37
|
-
"upgradeToGoogleAd": {
|
|
38
|
-
"title": "Passez à la version Premium pour débloquer Google AdSense",
|
|
39
|
-
"description": "Connectez Google AdSense et commencez à monnayer votre trafic. Passez à la version Premium pour débloquer toutes les fonctionnalités premium."
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"websiteContextualUpgradeModal": {
|
|
3
|
-
"upgradeButtonText": "Mettre à niveau maintenant",
|
|
4
|
-
"closeButtonText": "Non, merci",
|
|
5
|
-
"featureCustomerCare": "Service client 24 h/24 et 7 j/7",
|
|
6
|
-
"featureCustomDomain": "Connectez un domaine personnalisé",
|
|
7
|
-
"featureNoWatermark": "Aucun filigrane {{websiteName}}",
|
|
8
|
-
"featureUnlimitedPages": "Pages illimitées",
|
|
9
|
-
"featurePremiumContent": "Formulaires de contact, vidéos et cartes",
|
|
10
|
-
"featureStore": "Une boutique en ligne simple",
|
|
11
|
-
"featureCancelAnytime": "Annulez à tout moment",
|
|
12
|
-
"premiumUpgradeNote": "Avec Premium, vous recevrez :",
|
|
13
|
-
"upgradeToAddPage": {
|
|
14
|
-
"title": "Mettre à niveau pour ajouter des pages supplémentaires",
|
|
15
|
-
"description": "Vous avez atteint la limite de pages gratuites. Passez à la version Premium pour continuer à construire votre site et accéder à toutes les fonctionnalités premium."
|
|
16
|
-
},
|
|
17
|
-
"upgradeToContactForm": {
|
|
18
|
-
"title": "Mettez à niveau pour déverrouiller le formulaire de contact",
|
|
19
|
-
"description": "Permettez aux visiteurs de vous contacter directement. Passez à la version Premium pour ajouter un Formulaire de contact à votre site et accéder à toutes les fonctionnalités premium."
|
|
20
|
-
},
|
|
21
|
-
"upgradeToMaps": {
|
|
22
|
-
"title": "Passez à la version Premium pour débloquer les cartes",
|
|
23
|
-
"description": "Aidez les visiteurs à vous trouver facilement. Passez à la version Premium pour intégrer des cartes interactives sur votre site et accéder à toutes les fonctionnalités premium."
|
|
24
|
-
},
|
|
25
|
-
"upgradeToVideos": {
|
|
26
|
-
"title": "Passez à la version Premium pour débloquer les vidéos",
|
|
27
|
-
"description": "Donnez vie à votre contenu. Passez à la version Premium pour intégrer et lire des vidéos sur votre site et accéder à toutes les fonctionnalités premium."
|
|
28
|
-
},
|
|
29
|
-
"upgradeToRemoveWatermark": {
|
|
30
|
-
"title": "Passez à la version Premium pour supprimer le filigrane",
|
|
31
|
-
"description": "Créez un site à votre image. Passez à la version Premium pour supprimer notre filigrane de votre site et accéder à toutes les fonctionnalités premium."
|
|
32
|
-
},
|
|
33
|
-
"upgradeToPublish": {
|
|
34
|
-
"title": "Changer de forfait pour publier",
|
|
35
|
-
"description": "Chaque abonnement vous permet de publier un site Web. Ajoutez un autre abonnement pour publier ce site et accéder à toutes les fonctionnalités premium."
|
|
36
|
-
},
|
|
37
|
-
"upgradeToGoogleAd": {
|
|
38
|
-
"title": "Passez à la version Premium pour débloquer Google AdSense",
|
|
39
|
-
"description": "Connectez Google AdSense et commencez à monétiser votre trafic. Passez à la version Premium pour débloquer toutes les fonctionnalités premium."
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"websiteContextualUpgradeModal": {
|
|
3
|
-
"upgradeButtonText": "Upgrade Now",
|
|
4
|
-
"closeButtonText": "No Thanks",
|
|
5
|
-
"featureCustomerCare": "24/7 customer care",
|
|
6
|
-
"featureCustomDomain": "Connect a custom domain",
|
|
7
|
-
"featureNoWatermark": "No {{websiteName}} watermark",
|
|
8
|
-
"featureUnlimitedPages": "Unlimited pages",
|
|
9
|
-
"featurePremiumContent": "Contact forms, videos and maps",
|
|
10
|
-
"featureStore": "Basic online store",
|
|
11
|
-
"featureCancelAnytime": "Cancel anytime",
|
|
12
|
-
"premiumUpgradeNote": "With Premium, you'll get:",
|
|
13
|
-
"upgradeToAddPage": {
|
|
14
|
-
"title": "Upgrade to add more pages",
|
|
15
|
-
"description": "You've reached the free page limit. Upgrade to keep building your site and access all premium features."
|
|
16
|
-
},
|
|
17
|
-
"upgradeToContactForm": {
|
|
18
|
-
"title": "Upgrade to unlock contact form",
|
|
19
|
-
"description": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features."
|
|
20
|
-
},
|
|
21
|
-
"upgradeToMaps": {
|
|
22
|
-
"title": "Upgrade to unlock maps",
|
|
23
|
-
"description": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features."
|
|
24
|
-
},
|
|
25
|
-
"upgradeToVideos": {
|
|
26
|
-
"title": "Upgrade to unlock videos",
|
|
27
|
-
"description": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features."
|
|
28
|
-
},
|
|
29
|
-
"upgradeToRemoveWatermark": {
|
|
30
|
-
"title": "Upgrade to remove watermark",
|
|
31
|
-
"description": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features."
|
|
32
|
-
},
|
|
33
|
-
"upgradeToPublish": {
|
|
34
|
-
"title": "Upgrade to publish",
|
|
35
|
-
"description": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features."
|
|
36
|
-
},
|
|
37
|
-
"upgradeToGoogleAd": {
|
|
38
|
-
"title": "Upgrade to unlock Google AdSense",
|
|
39
|
-
"description": "Connect Google AdSense and start earning from your traffic. Upgrade to unlock all premium features."
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"websiteContextualUpgradeModal": {
|
|
3
|
-
"upgradeButtonText": "Faça upgrade agora",
|
|
4
|
-
"closeButtonText": "Não, obrigado",
|
|
5
|
-
"featureCustomerCare": "Atendimento ao cliente 24 horas por dia, 7 dias por semana",
|
|
6
|
-
"featureCustomDomain": "Conecte um domínio personalizado",
|
|
7
|
-
"featureNoWatermark": "Sem marca d'água {{websiteName}}",
|
|
8
|
-
"featureUnlimitedPages": "Páginas ilimitadas",
|
|
9
|
-
"featurePremiumContent": "Formulários de contato, vídeos e mapas",
|
|
10
|
-
"featureStore": "Loja online básica",
|
|
11
|
-
"featureCancelAnytime": "Cancele a qualquer momento",
|
|
12
|
-
"premiumUpgradeNote": "Com o Premium, você terá:",
|
|
13
|
-
"upgradeToAddPage": {
|
|
14
|
-
"title": "Atualizar para adicionar mais páginas",
|
|
15
|
-
"description": "Você atingiu o limite de páginas gratuitas. Faça o upgrade para continuar desenvolvendo seu site e acessar todos os recursos premium."
|
|
16
|
-
},
|
|
17
|
-
"upgradeToContactForm": {
|
|
18
|
-
"title": "Faça upgrade para acessar o formulário de contato.",
|
|
19
|
-
"description": "Permita que os visitantes entrem em contato diretamente com você. Faça um upgrade para adicionar um formulário de contato ao seu site e acesse todos os recursos premium."
|
|
20
|
-
},
|
|
21
|
-
"upgradeToMaps": {
|
|
22
|
-
"title": "Faça upgrade para acessar mapas",
|
|
23
|
-
"description": "Ajude os visitantes a encontrar você facilmente. Faça upgrade para incorporar mapas interativos ao seu site e acessar todos os recursos premium."
|
|
24
|
-
},
|
|
25
|
-
"upgradeToVideos": {
|
|
26
|
-
"title": "Faça upgrade para acessar vídeos",
|
|
27
|
-
"description": "Dê vida ao seu conteúdo. Faça upgrade para incorporar e reproduzir vídeos no seu site e acessar todos os recursos premium."
|
|
28
|
-
},
|
|
29
|
-
"upgradeToRemoveWatermark": {
|
|
30
|
-
"title": "Faça upgrade para remover a marca d'água",
|
|
31
|
-
"description": "Torne-o verdadeiramente seu. Faça upgrade para remover nossa marca d'água do seu site e acessar todos os recursos premium."
|
|
32
|
-
},
|
|
33
|
-
"upgradeToPublish": {
|
|
34
|
-
"title": "Faça upgrade para publicar",
|
|
35
|
-
"description": "Cada assinatura permite que você publique um site. Adicione mais uma assinatura para publicar este site e acesse todos os recursos premium."
|
|
36
|
-
},
|
|
37
|
-
"upgradeToGoogleAd": {
|
|
38
|
-
"title": "Faça upgrade para acessar o Google AdSense",
|
|
39
|
-
"description": "Conecte o Google AdSense e comece a ganhar com seu tráfego. Faça upgrade para acessar todos os recursos premium."
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|