@designcrowd/fe-shared-lib 1.5.10-kp-7 → 1.5.10
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 +7 -27
- package/dist/css/tailwind-brandPage.css +3 -27
- package/dist/css/tailwind-crazyDomains.css +7 -27
- package/dist/css/tailwind-designCom.css +7 -27
- package/dist/css/tailwind-designCrowd.css +7 -27
- package/index.js +0 -1
- package/package.json +1 -3
- 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 +3 -41
- package/src/bundles/bundled-translations.es-ES.json +3 -41
- package/src/bundles/bundled-translations.fr-CA.json +3 -41
- package/src/bundles/bundled-translations.fr-FR.json +3 -41
- package/src/bundles/bundled-translations.json +3 -41
- package/src/bundles/bundled-translations.pt-BR.json +3 -41
- package/src/bundles/bundled-translations.pt-PT.json +3 -41
- package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue +5 -0
- package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.de-DE.json +23 -21
- package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.es-ES.json +23 -21
- package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.fr-CA.json +23 -21
- package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.fr-FR.json +23 -21
- package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.json +3 -1
- package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.pt-BR.json +23 -21
- package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.pt-PT.json +23 -21
- package/src/experiences/components/PublishBrandPageModal/views/PublishWhenNoDomainsView.vue +14 -1
- 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/public/css/tailwind-brandCrowd.css +0 -2503
- package/public/css/tailwind-brandPage.css +0 -2187
- package/public/css/tailwind-crazyDomains.css +0 -2503
- package/public/css/tailwind-designCom.css +0 -2503
- package/public/css/tailwind-designCrowd.css +0 -2503
- 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 -214
- 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
|
@@ -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,214 +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
|
-
|
|
77
|
-
const titleText: Ref<string> = ref('');
|
|
78
|
-
const descriptionText: Ref<string> = ref('');
|
|
79
|
-
const iconName: Ref<string> = ref('');
|
|
80
|
-
const upgradeButtonText: Ref<string> = ref('');
|
|
81
|
-
const features: Ref<string[]> = ref([]);
|
|
82
|
-
|
|
83
|
-
const CONTEXT_TYPES = {
|
|
84
|
-
ContactForm: 'ContactForm',
|
|
85
|
-
Videos: 'Videos',
|
|
86
|
-
Maps: 'Maps',
|
|
87
|
-
AddPage: 'AddPage',
|
|
88
|
-
Publish: 'Publish',
|
|
89
|
-
RemoveWatermark: 'RemoveWatermark',
|
|
90
|
-
GoogleAd: 'GoogleAd',
|
|
91
|
-
} as const;
|
|
92
|
-
|
|
93
|
-
type ContextUpgradeType = keyof typeof CONTEXT_TYPES;
|
|
94
|
-
|
|
95
|
-
const props = defineProps<{
|
|
96
|
-
isUpgradeModalVisible: boolean;
|
|
97
|
-
isDesignCom: boolean;
|
|
98
|
-
upgradeUrl: string;
|
|
99
|
-
brandPageType: string;
|
|
100
|
-
contextType: ContextUpgradeType;
|
|
101
|
-
}>();
|
|
102
|
-
|
|
103
|
-
const FEATURE_KEYS = {
|
|
104
|
-
PREMIUM_CONTENT: 'PREMIUM_CONTENT',
|
|
105
|
-
STORE: 'STORE',
|
|
106
|
-
UNLIMITED_PAGES: 'UNLIMITED_PAGES',
|
|
107
|
-
CUSTOMER_CARE: 'CUSTOMER_CARE',
|
|
108
|
-
CUSTOM_DOMAIN: 'CUSTOM_DOMAIN',
|
|
109
|
-
CANCEL_ANYTIME: 'CANCEL_ANYTIME',
|
|
110
|
-
NO_WATERMARK: 'NO_WATERMARK',
|
|
111
|
-
} as const;
|
|
112
|
-
|
|
113
|
-
type FeatureKey = keyof typeof FEATURE_KEYS;
|
|
114
|
-
|
|
115
|
-
const FEATURE_CONFIG: Record<FeatureKey, (websiteName: string) => string> = {
|
|
116
|
-
PREMIUM_CONTENT: () => websiteContextualUpgradeModalTr('featurePremiumContent'),
|
|
117
|
-
STORE: () => websiteContextualUpgradeModalTr('featureStore'),
|
|
118
|
-
UNLIMITED_PAGES: () => websiteContextualUpgradeModalTr('featureUnlimitedPages'),
|
|
119
|
-
CUSTOMER_CARE: () => websiteContextualUpgradeModalTr('featureCustomerCare'),
|
|
120
|
-
CUSTOM_DOMAIN: () => websiteContextualUpgradeModalTr('featureCustomDomain'),
|
|
121
|
-
CANCEL_ANYTIME: () =>
|
|
122
|
-
`<div class="tw-text-success-500"><strong>${websiteContextualUpgradeModalTr('featureCancelAnytime')}</strong></div>`,
|
|
123
|
-
NO_WATERMARK: (websiteName: string) => websiteContextualUpgradeModalTr('featureNoWatermark', { websiteName }),
|
|
124
|
-
};
|
|
125
|
-
|
|
126
|
-
const FEATURE_ORDERS: Record<string, FeatureKey[]> = {
|
|
127
|
-
PremiumContent: [
|
|
128
|
-
'PREMIUM_CONTENT',
|
|
129
|
-
'STORE',
|
|
130
|
-
'UNLIMITED_PAGES',
|
|
131
|
-
'CUSTOMER_CARE',
|
|
132
|
-
'CUSTOM_DOMAIN',
|
|
133
|
-
'CANCEL_ANYTIME',
|
|
134
|
-
'NO_WATERMARK',
|
|
135
|
-
],
|
|
136
|
-
RemoveWatermark: [
|
|
137
|
-
'NO_WATERMARK',
|
|
138
|
-
'STORE',
|
|
139
|
-
'UNLIMITED_PAGES',
|
|
140
|
-
'CUSTOMER_CARE',
|
|
141
|
-
'PREMIUM_CONTENT',
|
|
142
|
-
'CANCEL_ANYTIME',
|
|
143
|
-
'CUSTOM_DOMAIN',
|
|
144
|
-
],
|
|
145
|
-
Default: [
|
|
146
|
-
'UNLIMITED_PAGES',
|
|
147
|
-
'STORE',
|
|
148
|
-
'PREMIUM_CONTENT',
|
|
149
|
-
'CUSTOMER_CARE',
|
|
150
|
-
'CUSTOM_DOMAIN',
|
|
151
|
-
'CANCEL_ANYTIME',
|
|
152
|
-
'NO_WATERMARK',
|
|
153
|
-
],
|
|
154
|
-
};
|
|
155
|
-
|
|
156
|
-
const toKebabCase = (value: string) =>
|
|
157
|
-
value
|
|
158
|
-
.replace(/([a-z0-9])([A-Z])/g, '$1-$2')
|
|
159
|
-
.replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
|
|
160
|
-
.toLowerCase();
|
|
161
|
-
|
|
162
|
-
const getFeatureOrder = (websiteName: string) => {
|
|
163
|
-
const contextTypeKey =
|
|
164
|
-
props.contextType === CONTEXT_TYPES.Maps ||
|
|
165
|
-
props.contextType === CONTEXT_TYPES.Videos ||
|
|
166
|
-
props.contextType === CONTEXT_TYPES.ContactForm
|
|
167
|
-
? 'PremiumContent'
|
|
168
|
-
: props.contextType;
|
|
169
|
-
|
|
170
|
-
const order = FEATURE_ORDERS[contextTypeKey] || FEATURE_ORDERS.Default;
|
|
171
|
-
|
|
172
|
-
features.value = order.map((key) => FEATURE_CONFIG[key](websiteName));
|
|
173
|
-
};
|
|
174
|
-
|
|
175
|
-
const initModalContent = (websiteName: string) => {
|
|
176
|
-
const titleForIcon = `upgradeTo${props.contextType}`;
|
|
177
|
-
iconName.value = `websites-${toKebabCase(titleForIcon)}`;
|
|
178
|
-
|
|
179
|
-
titleText.value = websiteContextualUpgradeModalTr(`${titleForIcon}.title`);
|
|
180
|
-
descriptionText.value = websiteContextualUpgradeModalTr(`${titleForIcon}.description`);
|
|
181
|
-
upgradeButtonText.value = websiteContextualUpgradeModalTr('upgradeButtonText');
|
|
182
|
-
|
|
183
|
-
getFeatureOrder(websiteName);
|
|
184
|
-
};
|
|
185
|
-
|
|
186
|
-
const websiteName = props.isDesignCom ? 'Design.com' : 'BrandCrowd';
|
|
187
|
-
initModalContent(websiteName);
|
|
188
|
-
|
|
189
|
-
const emit = defineEmits<{
|
|
190
|
-
'on-close-upgrade-modal': [];
|
|
191
|
-
'on-upgrade-button-clicked': [];
|
|
192
|
-
}>();
|
|
193
|
-
|
|
194
|
-
const closeUpgradeModal = () => {
|
|
195
|
-
emit('on-close-upgrade-modal');
|
|
196
|
-
};
|
|
197
|
-
|
|
198
|
-
const onUpgradeClick = () => {
|
|
199
|
-
emit('on-upgrade-button-clicked');
|
|
200
|
-
};
|
|
201
|
-
</script>
|
|
202
|
-
<style scoped>
|
|
203
|
-
.bottom-bar {
|
|
204
|
-
@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;
|
|
205
|
-
}
|
|
206
|
-
.button-size {
|
|
207
|
-
@apply tw-w-full md:tw-max-w-40;
|
|
208
|
-
}
|
|
209
|
-
@media (max-width: 768px) {
|
|
210
|
-
.nothanks-button-mobile {
|
|
211
|
-
@apply tw-hidden;
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
</style>
|
|
@@ -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 your site",
|
|
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": "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 your site",
|
|
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": "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 your site",
|
|
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": "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 your site",
|
|
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": "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": "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 your site",
|
|
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
|
-
}
|