@designcrowd/fe-shared-lib 1.5.9-kp-4550-4 → 1.5.9

package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.vue

@@ -1,135 +0,0 @@
-<template>
-  <Modal
-    :visible="props.isUpgradeModalVisible"
-    full-screen-breakpoint="sm"
-    :show-modal-background-image="!isDesignCom"
-    classes="tw-max-w-3xl tw-p-8"
-    @close-modal="closeUpgradeModal"
-  >
-    <div class="tw-flex tw-flex-col tw-text-black">
-      <div class="tw-flex tw-flex-col tw-pb-16 md:tw-pb-0">
-        <Icon
-          v-if="iconName"
-          :name="iconName"
-          :view-box="'0 0 100 100'"
-          size="5xl"
-          :class="{
-            'tw-text-primary-500': isDesignCom,
-            'tw-text-white': !isDesignCom,
-          }"
-          class="tw-mb-4"
-        />
-        <h2 v-if="titleText" class="tw-font-bold tw-text-3xl tw-mb-2">
-          {{ titleText }}
-        </h2>
-        <span class="tw-text-grayscale-600 tw-mb-2" v-html="descriptionText" />
-        <br />
-        <p class="tw-font-bold">{{ websiteContextualUpgradeModalTr('premiumUpgradeNote') }}</p>
-        <div class="tw-flex tw-flex-col md:tw-flex-row tw-mt-2">
-          <div
-            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"
-          >
-            <div v-for="(feature, i) in features" :key="i" class="tw-flex tw-items-center tw-text-sm tw-rounded-md">
-              <Icon class="tw-text-success-500" name="check" size="sm" />
-              <span class="tw-ml-2 tw-text-grayscale-600" v-html="feature" />
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="bottom-bar tw-mt-4 tw-bg-grayscale-200">
-        <div class="bottom-bar tw-mt-6 tw-flex tw-flex-col md:tw-flex-row md:tw-items-center md:tw-gap-2">
-          <div class="button-size md:tw-flex-1">
-            <Button
-              data-test-upgrade-button
-              :label="upgradeButtonText"
-              size="medium"
-              :variant="'primary'"
-              icon="chevron-right-wide"
-              :url="upgradeUrl"
-              classes="tw-w-full"
-              @on-click="onUpgradeClick"
-            />
-          </div>
-          <div class="md:tw-flex-1 md:tw-max-w-40 tw-mt-3 md:tw-mt-0">
-            <Button
-              data-test-upgrade-button
-              :label="websiteContextualUpgradeModalTr('closeButtonText')"
-              size="medium"
-              :variant="'no-border'"
-              :url="upgradeUrl"
-              classes="tw-w-full"
-              @on-click="closeUpgradeModal"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </Modal>
-</template>
-<script setup lang="ts">
-import Modal from '../../../atoms/components/Modal/Modal.vue';
-import Button from '../../../atoms/components/Button/Button.vue';
-import Icon from '../../../atoms/components/Icon/Icon.vue';
-import { websiteContextualUpgradeModalTr } from '../../../useSharedLibTranslate';
-import { Ref, ref } from 'vue';
-import { unescape } from 'lodash';
-
-const titleText: Ref<string> = ref('');
-const descriptionText: Ref<string> = ref('');
-const iconName: Ref<string> = ref('');
-const upgradeButtonText: Ref<string> = ref('');
-const features: Ref<string[]> = ref([]);
-
-const props = defineProps<{
-  isUpgradeModalVisible: boolean;
-  isDesignCom: boolean;
-  upgradeUrl: string;
-  brandPageType: string;
-  contentType: string | 'ContactForm' | 'Videos' | 'Maps' | 'AddPage' | 'Publish' | 'RemoveWatermark';
-}>();
-const toKebabCase = (value: string) =>
-  value
-    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
-    .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
-    .toLowerCase();
-
-const initModalContent = (websiteName: string) => {
-  const titleForIcon = `upgradeTo${props.contentType}`;
-  iconName.value = `websites-${toKebabCase(titleForIcon)}`;
-
-  titleText.value = websiteContextualUpgradeModalTr(`${titleForIcon}Title`);
-  descriptionText.value = websiteContextualUpgradeModalTr(`upgradeTo${props.contentType}Description`);
-  upgradeButtonText.value = websiteContextualUpgradeModalTr('upgradeButtonText');
-
-  features.value = [
-    websiteContextualUpgradeModalTr('featureCustomerCare'),
-    websiteContextualUpgradeModalTr('featureCustomDomain'),
-    websiteContextualUpgradeModalTr('featureNoWatermark', { websiteName }),
-    websiteContextualUpgradeModalTr('featureUnlimitedPages'),
-    websiteContextualUpgradeModalTr('featurePremiumContent'),
-    unescape(websiteContextualUpgradeModalTr('featureCancelAnytime')),
-    websiteContextualUpgradeModalTr('featureStore'),
-  ];
-};
-
-const websiteName = props.isDesignCom ? 'Design.com' : 'BrandCrowd';
-initModalContent(websiteName);
-
-const emit = defineEmits<{
-  'on-close-upgrade-modal': [];
-  'on-upgrade-button-clicked': [];
-}>();
-
-const closeUpgradeModal = () => {
-  emit('on-close-upgrade-modal');
-};
-
-const onUpgradeClick = () => {
-  emit('on-upgrade-button-clicked');
-};
-</script>
-<style scoped>
-.button-size {
-  @apply tw-w-full md:tw-max-w-40;
-}
-</style>

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.de-DE.json

@@ -1,26 +0,0 @@
-{
-  "websiteContextualUpgradeModal": {
-    "upgradeButtonText": "Upgrade Now",
-    "closeButtonText": "No Thanks",
-    "upgradeToAddPageTitle": "Upgrade to add more pages",
-    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
-    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
-    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
-    "upgradeToMapsTitle": "Upgrade to unlock maps",
-    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
-    "upgradeToVideosTitle": "Upgrade to unlock videos",
-    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
-    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
-    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
-    "upgradeToPublishTitle": "Upgrade to publish your site",
-    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
-    "featureCustomerCare": "24/7 customer care",
-    "featureCustomDomain": "Connect a custom domain",
-    "featureNoWatermark": "No {{websiteName}} watermark",
-    "featureUnlimitedPages": "Unlimited pages",
-    "featurePremiumContent": "Contact forms, videos and maps",
-    "featureStore": "Basic online store",
-    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
-    "premiumUpgradeNote": "With Premium, you'll get:"
-  }
-}

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.es-ES.json

@@ -1,26 +0,0 @@
-{
-  "websiteContextualUpgradeModal": {
-    "upgradeButtonText": "Upgrade Now",
-    "closeButtonText": "No Thanks",
-    "upgradeToAddPageTitle": "Upgrade to add more pages",
-    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
-    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
-    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
-    "upgradeToMapsTitle": "Upgrade to unlock maps",
-    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
-    "upgradeToVideosTitle": "Upgrade to unlock videos",
-    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
-    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
-    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
-    "upgradeToPublishTitle": "Upgrade to publish your site",
-    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
-    "featureCustomerCare": "24/7 customer care",
-    "featureCustomDomain": "Connect a custom domain",
-    "featureNoWatermark": "No {{websiteName}} watermark",
-    "featureUnlimitedPages": "Unlimited pages",
-    "featurePremiumContent": "Contact forms, videos and maps",
-    "featureStore": "Basic online store",
-    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
-    "premiumUpgradeNote": "With Premium, you'll get:"
-  }
-}

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.fr-CA.json

@@ -1,26 +0,0 @@
-{
-  "websiteContextualUpgradeModal": {
-    "upgradeButtonText": "Upgrade Now",
-    "closeButtonText": "No Thanks",
-    "upgradeToAddPageTitle": "Upgrade to add more pages",
-    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
-    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
-    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
-    "upgradeToMapsTitle": "Upgrade to unlock maps",
-    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
-    "upgradeToVideosTitle": "Upgrade to unlock videos",
-    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
-    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
-    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
-    "upgradeToPublishTitle": "Upgrade to publish your site",
-    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
-    "featureCustomerCare": "24/7 customer care",
-    "featureCustomDomain": "Connect a custom domain",
-    "featureNoWatermark": "No {{websiteName}} watermark",
-    "featureUnlimitedPages": "Unlimited pages",
-    "featurePremiumContent": "Contact forms, videos and maps",
-    "featureStore": "Basic online store",
-    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
-    "premiumUpgradeNote": "With Premium, you'll get:"
-  }
-}

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.fr-FR.json

@@ -1,26 +0,0 @@
-{
-  "websiteContextualUpgradeModal": {
-    "upgradeButtonText": "Upgrade Now",
-    "closeButtonText": "No Thanks",
-    "upgradeToAddPageTitle": "Upgrade to add more pages",
-    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
-    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
-    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
-    "upgradeToMapsTitle": "Upgrade to unlock maps",
-    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
-    "upgradeToVideosTitle": "Upgrade to unlock videos",
-    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
-    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
-    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
-    "upgradeToPublishTitle": "Upgrade to publish your site",
-    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
-    "featureCustomerCare": "24/7 customer care",
-    "featureCustomDomain": "Connect a custom domain",
-    "featureNoWatermark": "No {{websiteName}} watermark",
-    "featureUnlimitedPages": "Unlimited pages",
-    "featurePremiumContent": "Contact forms, videos and maps",
-    "featureStore": "Basic online store",
-    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
-    "premiumUpgradeNote": "With Premium, you'll get:"
-  }
-}

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.json

@@ -1,26 +0,0 @@
-{
-  "websiteContextualUpgradeModal": {
-    "upgradeButtonText": "Upgrade Now",
-    "closeButtonText": "No Thanks",
-    "upgradeToAddPageTitle": "Upgrade to add more pages",
-    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
-    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
-    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
-    "upgradeToMapsTitle": "Upgrade to unlock maps",
-    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
-    "upgradeToVideosTitle": "Upgrade to unlock videos",
-    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
-    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
-    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
-    "upgradeToPublishTitle": "Upgrade to publish your site",
-    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
-    "featureCustomerCare": "24/7 customer care",
-    "featureCustomDomain": "Connect a custom domain",
-    "featureNoWatermark": "No {{websiteName}} watermark",
-    "featureUnlimitedPages": "Unlimited pages",
-    "featurePremiumContent": "Contact forms, videos and maps",
-    "featureStore": "Basic online store",
-    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
-    "premiumUpgradeNote": "With Premium, you'll get:"
-  }
-}

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.pt-BR.json

@@ -1,26 +0,0 @@
-{
-  "websiteContextualUpgradeModal": {
-    "upgradeButtonText": "Upgrade Now",
-    "closeButtonText": "No Thanks",
-    "upgradeToAddPageTitle": "Upgrade to add more pages",
-    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
-    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
-    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
-    "upgradeToMapsTitle": "Upgrade to unlock maps",
-    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
-    "upgradeToVideosTitle": "Upgrade to unlock videos",
-    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
-    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
-    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
-    "upgradeToPublishTitle": "Upgrade to publish your site",
-    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
-    "featureCustomerCare": "24/7 customer care",
-    "featureCustomDomain": "Connect a custom domain",
-    "featureNoWatermark": "No {{websiteName}} watermark",
-    "featureUnlimitedPages": "Unlimited pages",
-    "featurePremiumContent": "Contact forms, videos and maps",
-    "featureStore": "Basic online store",
-    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
-    "premiumUpgradeNote": "With Premium, you'll get:"
-  }
-}

package/src/experiences/components/WebsitesContextualUpgradeModal/i18n/website-contextual-upgrade-modal.pt-PT.json

@@ -1,26 +0,0 @@
-{
-  "websiteContextualUpgradeModal": {
-    "upgradeButtonText": "Upgrade Now",
-    "closeButtonText": "No Thanks",
-    "upgradeToAddPageTitle": "Upgrade to add more pages",
-    "upgradeToAddPageDescription": "You've reached the free page limit. Upgrade to keep building your site and access all premium features.",
-    "upgradeToContactFormTitle": "Upgrade to unlock contact form",
-    "upgradeToContactFormDescription": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features.",
-    "upgradeToMapsTitle": "Upgrade to unlock maps",
-    "upgradeToMapsDescription": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features.",
-    "upgradeToVideosTitle": "Upgrade to unlock videos",
-    "upgradeToVideosDescription": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features.",
-    "upgradeToRemoveWatermarkTitle": "Upgrade to remove watermark",
-    "upgradeToRemoveWatermarkDescription": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features.",
-    "upgradeToPublishTitle": "Upgrade to publish your site",
-    "upgradeToPublishDescription": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features.",
-    "featureCustomerCare": "24/7 customer care",
-    "featureCustomDomain": "Connect a custom domain",
-    "featureNoWatermark": "No {{websiteName}} watermark",
-    "featureUnlimitedPages": "Unlimited pages",
-    "featurePremiumContent": "Contact forms, videos and maps",
-    "featureStore": "Basic online store",
-    "featureCancelAnytime": "<div class=\"tw-text-success-500\"><strong>Cancel anytime</strong></div>",
-    "premiumUpgradeNote": "With Premium, you'll get:"
-  }
-}