@designcrowd/fe-shared-lib 1.2.21 → 1.2.22

package/index.js

@@ -54,7 +54,3 @@ export { default as HashRouteModal } from './src/atoms/components/Modal/HashRout
 export { default as Select } from './src/atoms/components/Select/Select.vue';
 export { default as NumberStepper } from './src/atoms/components/NumberStepper/NumberStepper.vue';
 export { default as CopyToClipboardText } from './src/atoms/components/CopyToClipboardText/CopyToClipboardText.vue';
-export { default as WebDesignSupportUpsell } from './src/atoms/components/Upsell/WebDesignSupport.vue';
-export { default as DigitalBusinessCardUpsell } from './src/atoms/components/Upsell/DigitalBusinessCard.vue';
-export { default as LinkInBioUpsell } from './src/atoms/components/Upsell/LinkInBio.vue';
-export { default as UpgradeWebsiteUpsell } from './src/atoms/components/Upsell/UpgradeWebsite.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.21",
+  "version": "1.2.22",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/src/atoms/components/Icon/icons/maker/twitter.vue

@@ -1,5 +1,6 @@
 <template>
   <path
-    d="M6.3723 14c-2.3529 0-4.2548-.3891-5.1105-1.0546a.3143.3143 0 0 1-.1019-.1574.3096.3096 0 0 1 .0067-.1864.3341.3341 0 0 1 .1231-.1488.3426.3426 0 0 1 .1864-.0574c1.4005-.022 2.3052-.3438 2.9957-.7329-1.332-.1609-2.1638-.7782-2.591-1.947a.2446.2446 0 0 1-.0066-.1654.2494.2494 0 0 1 .1005-.133.3486.3486 0 0 1 .3333-.0234c.3571.2297.7128.275 1.1414.275-.9005-.5266-1.7408-1.397-2.0685-2.475a.2703.2703 0 0 1 .0111-.1671.2761.2761 0 0 1 .1079-.1299.2941.2941 0 0 1 .3333.022c.2815.2242.621.367.9804.4125-.9328-.9157-1.5042-2.2687-.696-3.7578l.14-.275.238.2296c1.4762 1.4891 2.8319 2.1766 5.3038 2.6345v-.0907c-.0054-.8016.3107-1.5731.8798-2.1479.5692-.5747 1.3458-.9066 2.1621-.9239.6708 0 1.5937.4592 1.9733.6655.0238 0 .0476.0234.0476 0a17.7307 17.7307 0 0 0 1.7114-.6421.262.262 0 0 1 .2801.0467.2311.2311 0 0 1 .0705.1297.2282.2282 0 0 1-.0229.1453 3.131 3.131 0 0 1-.5882.9845l.4748-.1595a.322.322 0 0 1 .1485.0012.3186.3186 0 0 1 .1316.0676.2959.2959 0 0 1 .0713.1286.2917.2917 0 0 1 .0001.1464 2.2687 2.2687 0 0 1-.4358.8165 2.3167 2.3167 0 0 1-.7294.5805v.0687C13.9798 10.403 10.5569 14 6.3722 14Z"
+    d="M12.1655 1H14.5349L9.35972 6.93021L15.4483 15H10.6815L6.94786 10.1048L2.67545 15H0.305103L5.84041 8.65655L0 1H4.88841L8.2629 5.47324L12.1655 1ZM11.3352 13.5788H12.6483L4.17393 2.3469H2.76621L11.3352 13.5788Z"
+    fill="black"
   />
 </template>

package/src/atoms/components/Modal/Modal.vue

@@ -15,7 +15,7 @@
       :class="[
         {
           'tw-w-full': !isImageMode,
-          'tw-p-4': !removeHorizontalPadding && !simple,
+          'tw-p-4': !simple,
           'tw-max-w-md': size === 'md',
           'tw-max-w-xl': size === 'xl',
           'tw-max-w-2xl': !size && !isImageMode,
@@ -91,11 +91,6 @@ export default {
       required: false,
       default: false,
     },
-    removeHorizontalPadding: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
     visible: {
       type: Boolean,
       required: false,

package/src/bundles/bundled-translations.de-DE.json

@@ -3,21 +3,6 @@
     "domainCreditUsed": "Verwendetes Domain-Guthaben",
     "free": "Kostenlos"
   },
-  "upsellModalComponents": {
-    "getStartedLabel": "Los geht’s",
-    "upgradeNowLabel": "Jetzt upgraden",
-    "linkInBioTitle": "BIO-LINK-SEITE ERSTELLEN",
-    "linkInBioSubtitle": "Erstellen Sie einen Bio-Link, mit dem Sie neue Kontakte knüpfen und Ihre Marke stärken",
-    "webSupportTitle": "Professionelle Unterstützung für Webdesign anfordern",
-    "webSupportSubtitle": "Unser professionelles Webdesign-Team unterstützt Sie beim Aufbau und der Optimierung Ihrer Website",
-    "webDesignButtonLabel": "Webdesign-Unterstützung anfordern",
-    "digitalBusinessCardTitle": "Erstellen Sie Ihre digitale Visitenkarte",
-    "digitalBusinessCardSubtitle": "Erstellen Sie eine digitale Visitenkarte, mit der Sie neue Kontakte knüpfen und Ihre Marke stärken",
-    "upgradeWebsiteTitle": "Auf Premium-Website upgraden",
-    "upgradeWebsiteSubtitle": "Schalten Sie alle erweiterten Funktionen für mehr Flexibilität frei",
-    "legalZoomTitle": "Launchen Sie kostenlos Ihre eigene LLC",
-    "legalZoomSubtitle": "In Zusammenarbeit mit LegalZoom können Sie jetzt kostenlos eine eigene LLC gründen."
-  },
   "sharedPaymentConfig": {
     "onboardingIncomplete": "Das Onboarding wurde noch nicht abgeschlossen.",
     "pendingVerification": "Ausstehende Verifizierung",

package/src/bundles/bundled-translations.es-ES.json

@@ -3,21 +3,6 @@
     "domainCreditUsed": "Crédito del dominio usado",
     "free": "Gratis"
   },
-  "upsellModalComponents": {
-    "getStartedLabel": "Comienza",
-    "upgradeNowLabel": "Hazte prémium ya",
-    "linkInBioTitle": "CREA TU ENLACE A LA BIO",
-    "linkInBioSubtitle": "Lanza un enlace en tu biografía que impulse las conexiones y eleve tu presencia",
-    "webSupportTitle": "Obtén soporte profesional en diseño web",
-    "webSupportSubtitle": "Nuestro equipo profesional de diseño web te ayudará a crear y sacar el máximo partido a tu sitio web",
-    "webDesignButtonLabel": "Obtén soporte de diseño web",
-    "digitalBusinessCardTitle": "Crea tu tarjeta de visita digital",
-    "digitalBusinessCardSubtitle": "Lanza una tarjeta de visita digital que impulse las conexiones y eleve tu marca",
-    "upgradeWebsiteTitle": "Pásate a un sitio web prémium",
-    "upgradeWebsiteSubtitle": "Accede a todas las funciones avanzadas para disfrutar de mayor flexibilidad",
-    "legalZoomTitle": "Inicia tu LLC gratis",
-    "legalZoomSubtitle": "En colaboración con LegalZoom, inicia tu LLC gratis"
-  },
   "sharedPaymentConfig": {
     "onboardingIncomplete": "Incorporación incompleta",
     "pendingVerification": "Pendiente de verificación",

package/src/bundles/bundled-translations.fr-FR.json

@@ -3,21 +3,6 @@
     "domainCreditUsed": "Crédit de domaine utilisé",
     "free": "Gratuit"
   },
-  "upsellModalComponents": {
-    "getStartedLabel": "Commencez",
-    "upgradeNowLabel": "Mettre à niveau maintenant",
-    "linkInBioTitle": "CRÉEZ VOTRE LIEN DANS LA BIO",
-    "linkInBioSubtitle": "Lancez un lien dans la bio qui favorise les connexions et booste",
-    "webSupportTitle": "Profitez d'une assistance professionnelle à la conception de sites Web",
-    "webSupportSubtitle": "Notre équipe professionnelle de conception de sites Web vous aidera à créer votre site Web et à en tirer le meilleur parti.",
-    "webDesignButtonLabel": "Assistance Web",
-    "digitalBusinessCardTitle": "Créez votre carte de visite numérique",
-    "digitalBusinessCardSubtitle": "Profitez d'une carte de visite numérique qui favorise les connexions et booste votre marque",
-    "upgradeWebsiteTitle": "Passez à un site Web premium",
-    "upgradeWebsiteSubtitle": "Débloquez toutes les fonctionnalités avancées pour plus de flexibilité",
-    "legalZoomTitle": "Créez votre entreprise gratuitement",
-    "legalZoomSubtitle": "En partenariat avec LegalZoom, créez votre entreprise gratuitement"
-  },
   "sharedPaymentConfig": {
     "onboardingIncomplete": "Inscription incomplète",
     "pendingVerification": "Vérification en attente",

package/src/bundles/bundled-translations.json

@@ -3,21 +3,6 @@
     "domainCreditUsed": "Domain credit used",
     "free": "Free"
   },
-  "upsellModalComponents": {
-    "getStartedLabel": "Get Started",
-    "upgradeNowLabel": "Upgrade Now",
-    "linkInBioTitle": "Create your Link in Bio",
-    "linkInBioSubtitle": "Launch a link in bio that drives connections and elevates",
-    "webSupportTitle": "Get Professional Web Design Support",
-    "webSupportSubtitle": "Our professional web design team will help you build and get the most out of your website",
-    "webDesignButtonLabel": "Get Web Design Support",
-    "digitalBusinessCardTitle": "Create your digital business card",
-    "digitalBusinessCardSubtitle": "Launch a digital business card that drives connections and elevates your brand",
-    "upgradeWebsiteTitle": "Upgrade to premium website",
-    "upgradeWebsiteSubtitle": "Unlock all advanced features for more flexibility",
-    "legalZoomTitle": "Start your LLC for free",
-    "legalZoomSubtitle": "In partnership with LegalZoom, kickstart your LLC for free"
-  },
   "sharedPaymentConfig": {
     "onboardingIncomplete": "Onboarding Incomplete",
     "pendingVerification": "Pending Verification",

package/src/bundles/bundled-translations.pt-PT.json

@@ -3,21 +3,6 @@
     "domainCreditUsed": "Crédito de domínio utilizado",
     "free": "Grátis"
   },
-  "upsellModalComponents": {
-    "getStartedLabel": "Comece",
-    "upgradeNowLabel": "Faça upgrade agora",
-    "linkInBioTitle": "CRIAR LINK NA BIOGRAFIA",
-    "linkInBioSubtitle": "Lance um link na bio que promova ligações e eleve",
-    "webSupportTitle": "Obter apoio profissional ao web design",
-    "webSupportSubtitle": "A nossa equipa profissional de design Web design vai ajudar a construir e a tirar o máximo partido do seu website.",
-    "webDesignButtonLabel": "Obter apoio ao web design",
-    "digitalBusinessCardTitle": "Crie o seu Cartão de Visita Digital",
-    "digitalBusinessCardSubtitle": "Lance um cartão de visita digital que promove ligações e eleva a sua marca",
-    "upgradeWebsiteTitle": "Upgrade para Website premium",
-    "upgradeWebsiteSubtitle": "Desbloqueie todas as funcionalidades avançadas para maior flexibilidade",
-    "legalZoomTitle": "Crie a sua sociedade gratuitamente",
-    "legalZoomSubtitle": "Em parceria com a LegalZoom, crie a sua sociedade gratuitamente"
-  },
   "sharedPaymentConfig": {
     "onboardingIncomplete": "Integração incompleta",
     "pendingVerification": "Verificação Pendente",

package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.stories.js

@@ -1,6 +1,5 @@
 import Card from './PublishBrandPageCard.vue';
 import PublishBrandPageModal from './PublishBrandPageModal.vue';
-import UpgradeWebsite from '../../../atoms/components/Upsell/UpgradeWebsite.vue';
 import { domains } from './__fixtures__/data';
 import { setSharedLibLocaleAsync } from '../../../useSharedLibTranslate';
 
@@ -225,43 +224,3 @@ export const Free = () => {
 };
 
 Free.loaders = [loadTranslationAsync];
-
-export const PublishedNoDomainsABtestUpgrade = () => {
-  return {
-    components: {
-      PublishBrandPageModal,
-      UpgradeWebsite
-    },
-    data() {
-      return {
-        domains: [],
-        upgradeProps: {
-          title: 'Upgrade to premium website',
-          subtitle: 'Unlock all advanced features for more flexibility',
-          imageUrl: 'https://bcassetcdn.com/assets/images/modal/onboarding-upsell-website@2x.en-us.png',
-        },
-      };
-    },
-    template: `
-      <PublishBrandPageModal
-        visible
-        :is-design-com="false"
-        is-published
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-slug='test-slug' 
-        brand-page-base-url="https://brand.site" 
-        radio-value="slug"
-        show-upsell-rotation
-        brand-page-url="https://brand.site/test-slug">
-        <template #upsellContainer>
-          <UpgradeWebsite
-            button-url="https://example.com/upgrade"
-          />
-      </PublishBrandPageModal>
-  `,
-  };
-};
-
-PublishedNoDomainsABtestUpgrade.loaders = [loadTranslationAsync];

package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue

@@ -1,38 +1,26 @@
 <template>
   <div class="publish-bp--container">
     <Modal
-      classes="publish-bp--modal tw-pt-4"
+      classes="publish-bp--modal tw-px-2 md:tw-px-8"
       close-on-esc
       :visible="visible"
       :hide-scrollbar="false"
       :show-modal-background-image="showModalBackgroundImage"
       :content-classes="isBusy ? ['tw-overflow-y-hidden'] : []"
-      :remove-horizontal-padding="showUpsellRotation && !isCustomDomainActive && !hasPurchasedDomains"
-      :class="{
-        'tw-px-2 md:tw-px-8': !showUpsellRotation && isCustomDomainActive && hasPurchasedDomains,
-      }"
       @close-modal="onCloseModal"
     >
       <template #header>
         <div v-if="isNotPublished || isSlugEditMode" class="tw-text-center tw-font-bold tw-mb-8 tw-mt-8 tw-text-4xl">
           <span>{{ firstTimePublishHeaderLabel }}</span>
         </div>
-        <div
-          v-if="isPublished && !isSlugEditMode"
-          class="tw-text-center tw-font-bold tw-mt-8"
-          :class="{
-            'tw-mb-8 ': !showUpsellRotation,
-          }"
-        >
+        <div v-if="isPublished && !isSlugEditMode" class="tw-text-center tw-font-bold tw-mb-8 tw-mt-8">
           <p class="tw-font-bold tw-text-black tw-mb-2 tw-text-4xl">{{ sitePublishedLabel }}</p>
-          <div v-if="!showUpsellRotation">
-            <p v-if="hasPurchasedDomains || isCustomDomainActive" class="tw-text-grayscale-600 tw-mb-8">
-              {{ publishSuccessLabel }}
-            </p>
-            <p v-else class="tw-text-grayscale-600 tw-mb-8 tw-font-normal">
-              {{ publishedSuccessDescriptionLabel }}
-            </p>
-          </div>
+          <p v-if="hasPurchasedDomains || isCustomDomainActive" class="tw-text-grayscale-600 tw-mb-8">
+            {{ publishSuccessLabel }}
+          </p>
+          <p v-else class="tw-text-grayscale-600 tw-mb-8 tw-font-normal">
+            {{ publishedSuccessDescriptionLabel }}
+          </p>
         </div>
       </template>
       <template #default>
@@ -200,21 +188,24 @@
         </div>
         <div v-else class="tw-font-sans">
           <div v-if="!isCustomDomainActive && !hasPurchasedDomains" class="tw-mb-6 tw-text-left">
-            <div v-if="!showUpsellRotation">
-              <div class="tw-mb-6">
-                <SellDomainNameSearchWithResults
-                  :is-design-com="isDesignCom"
-                  :initial-search-term="searchText"
-                  :currency="userCurrency"
-                  :display-result-limit="4"
-                  :domain-search-location="sitePublishedModal"
-                  show-view-more-button
-                  @on-change-search="onSearchTextChanged"
-                  @on-buy-now-click="onBuyNowClick"
-                  @on-view-more="onViewMore"
-                />
-              </div>
+            <div class="tw-mb-6">
+              <SellDomainNameSearchWithResults
+                :is-design-com="isDesignCom"
+                :initial-search-term="searchText"
+                :currency="userCurrency"
+                :display-result-limit="4"
+                :domain-search-location="sitePublishedModal"
+                @on-change-search="onSearchTextChanged"
+                @on-buy-now-click="onBuyNowClick"
+              />
             </div>
+            <Button
+              :label="viewMoreDomainLabel"
+              variant="no-border"
+              size="small-medium"
+              class="tw-text-center"
+              @on-click="onViewMore"
+            />
           </div>
           <div class="tw-px-4 tw-text-center" :class="{ 'lg:tw-px-20': hasPurchasedDomains }">
             <TextCopyField
@@ -239,9 +230,6 @@
               @on-click="onBrandPageUrlClick"
             />
           </div>
-          <div v-if="showUpsellRotation" class="tw-border-t tw-border-solid tw-border-grayscale-500 tw-p-5">
-            <slot name="upsellContainer" />
-          </div>
         </div>
       </template>
     </Modal>
@@ -415,16 +403,6 @@ export default {
       required: true,
       default: '',
     },
-    showUpsellRotation: {
-      type: Boolean,
-      required: true,
-      default: false,
-    },
-    selectedUpsellProp: {
-      type: Object,
-      required: true,
-      default: null,
-    },
   },
   emits: [
     'close-modal',

package/src/experiences/components/SellDomainNameSearchWithResults/SellDomainNameSearchWithResults.vue

@@ -22,14 +22,6 @@
       :domain-search-location="domainSearchLocation"
       @on-buy-now-click="onBuyNowClick"
     />
-    <Button
-      v-if="showViewMoreButton"
-      :label="viewMoreDomainLabel"
-      variant="no-border"
-      size="small-medium"
-      class="tw-text-center tw-pt-6"
-      @on-click="onViewMore"
-    />
   </div>
 </template>
 <script>
@@ -38,8 +30,6 @@ import SellDomainNameSearchResult from '../SellDomainNameSearchResult/SellDomain
 
 import brandCrowdApiClient from '../../clients/brand-crowd-api.client';
 import Events from '../../constants/event-constants';
-import { publishBrandPageModalTr } from '../../../useSharedLibTranslate';
-import Button from '../../../atoms/components/Button/Button.vue';
 
 const TEXT_CHANGED_PARAM = 'textChanged';
 
@@ -47,7 +37,6 @@ export default {
   components: {
     SellDomainNameSearch,
     SellDomainNameSearchResult,
-    Button,
   },
   props: {
     currency: {
@@ -112,16 +101,6 @@ export default {
       type: Number,
       default: undefined,
     },
-    showViewMoreButton: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  setup() {
-    return {
-      publishBrandPageModalTr,
-      viewMoreDomainLabel: publishBrandPageModalTr('viewMoreDomainLabel'),
-    };
   },
   data: () => ({
     domainNameItems: undefined,
@@ -205,9 +184,6 @@ export default {
       const urlParams = new URLSearchParams(window.location.search);
       return urlParams.get(TEXT_CHANGED_PARAM)?.toUpperCase() === 'TRUE' || false;
     },
-    onViewMore() {
-      this.$emit('on-view-more');
-    },
   },
 };
 </script>

package/src/useSharedLibTranslate.js

@@ -63,12 +63,8 @@ const sharedPaymentConfigTr = (key, valuesToInterpolate = {}) => tr(`sharedPayme
 
 const priceTr = (key, valuesToInterpolate = {}) => tr(`price.${key}`, valuesToInterpolate);
 
-<<<<<<< HEAD
-const upsellModalComponentsTr = (key, valuesToInterpolate = {}) => tr(`upsellModalComponents.${key}`, valuesToInterpolate);
-=======
 const uploadLogoSearchResultCardTr = (key, valuesToInterpolate = {}) =>
   tr(`uploadLogoSearchResultCard.${key}`, valuesToInterpolate);
->>>>>>> 1cacd59c8edc8358417754913e88f2e620000d69
 
 const getCurrentLocale = () => {
   return i18next.language || 'en-US';
@@ -124,10 +120,6 @@ export {
   uploadYourLogoTr,
   sharedPaymentConfigTr,
   priceTr,
-<<<<<<< HEAD
-  upsellModalComponentsTr,
-=======
   uploadLogoSearchResultCardTr,
   formatCurrency,
->>>>>>> 1cacd59c8edc8358417754913e88f2e620000d69
 };

package/src/atoms/components/Upsell/DigitalBusinessCard.vue

@@ -1,63 +0,0 @@
-<template>
-  <div>
-    <h3 class="tw-text-center tw-text-2xl tw-font-bold tw-mb-2">
-      {{ title }}
-    </h3>
-    <div class="tw-flex tw-justify-center tw-items-center">
-      <figure
-        class="tw-relative tw-block tw-overflow-hidden tw-max-h-full group-hover:tw-scale-105 tw-transition-all tw-h-full group-hover:tw-shadow tw-w-72"
-      >
-        <img :src="imageUrl" alt="" loading="lazy" class="tw-w-full tw-rounded-md tw-h-full" />
-      </figure>
-    </div>
-    <div class="tw-text-center tw-mb-5 tw-text-grayscale-600 tw-mt-2">
-      {{ subtitle }}
-    </div>
-    <div v-if="buttonUrl" class="tw-flex tw-gap-4 tw-mt-5">
-      <Button full-width variant="primary" :label="buttonLabel" classes="tw-flex-1" @click="onClick" />
-    </div>
-  </div>
-</template>
-<script>
-import Button from '../../../atoms/components/Button/Button.vue';
-import { upsellModalComponentsTr, getCurrentLocale } from '../../../useSharedLibTranslate';
-
-export default {
-  components: {
-    Button,
-  },
-  props: {
-    buttonUrl: {
-      type: String,
-      required: true,
-    },
-  },
-  computed: {
-    title() {
-      return upsellModalComponentsTr('digitalBusinessCardTitle') || 'Create your digital business card';
-    },
-    subtitle() {
-      return (
-        upsellModalComponentsTr('digitalBusinessCardSubtitle') ||
-        'Launch a digital business card that drives connections and elevates your brand'
-      );
-    },
-    imageUrl() {
-      const locale = getCurrentLocale().toLowerCase();
-      return `https://bcassetcdn.com/assets/images/modal/website-xsell-digital-business-card@2x.${locale}.png`;
-    },
-    buttonLabel() {
-      return upsellModalComponentsTr('getStartedLabel') || 'Get Started';
-    },
-  },
-  methods: {
-    onClick() {
-      this.$emit('on-button-click');
-
-      if (this.buttonUrl) {
-        window.location.href = this.buttonUrl;
-      }
-    },
-  },
-};
-</script>

package/src/atoms/components/Upsell/LinkInBio.vue

@@ -1,62 +0,0 @@
-<template>
-  <div>
-    <h3 class="tw-text-center tw-text-2xl tw-font-bold tw-mb-2">
-      {{ title }}
-    </h3>
-    <div class="tw-flex tw-justify-center tw-items-center">
-      <figure
-        class="tw-relative tw-block tw-overflow-hidden tw-max-h-full group-hover:tw-scale-105 tw-transition-all tw-h-full group-hover:tw-shadow tw-w-72"
-      >
-        <img :src="imageUrl" alt="" loading="lazy" class="tw-w-full tw-rounded-md tw-h-full" />
-      </figure>
-    </div>
-    <div class="tw-text-center tw-mb-5 tw-text-grayscale-600 tw-mt-2">
-      {{ subtitle }}
-    </div>
-    <div v-if="buttonUrl" class="tw-flex tw-gap-4 tw-mt-5">
-      <Button full-width variant="primary" :label="buttonLabel" classes="tw-flex-1" @click="onClick" />
-    </div>
-  </div>
-</template>
-<script>
-import Button from '../../../atoms/components/Button/Button.vue';
-import { upsellModalComponentsTr, getCurrentLocale } from '../../../useSharedLibTranslate';
-
-export default {
-  components: {
-    Button,
-  },
-  props: {
-    buttonUrl: {
-      type: String,
-      required: true,
-    },
-  },
-  computed: {
-    title() {
-      return upsellModalComponentsTr('linkInBioTitle') || 'Create your Link in Bio';
-    },
-    subtitle() {
-      return (
-        upsellModalComponentsTr('linkInBioSubtitle') || 'Launch a link in bio that drives connections and elevates'
-      );
-    },
-    imageUrl() {
-      const locale = getCurrentLocale().toLowerCase();
-      return `https://bcassetcdn.com/assets/images/modal/website-xsell-link-in-bio@2x.${locale}.png`;
-    },
-    buttonLabel() {
-      return upsellModalComponentsTr('getStartedLabel') || 'Get Started';
-    },
-  },
-  methods: {
-    onClick() {
-      this.$emit('on-button-click');
-
-      if (this.buttonUrl) {
-        window.location.href = this.buttonUrl;
-      }
-    },
-  },
-};
-</script>

package/src/atoms/components/Upsell/UpgradeWebsite.vue

@@ -1,60 +0,0 @@
-<template>
-  <div>
-    <h3 class="tw-text-center tw-text-2xl tw-font-bold tw-mb-2">
-      {{ title }}
-    </h3>
-    <div class="tw-flex tw-justify-center tw-items-center">
-      <figure
-        class="tw-relative tw-block tw-overflow-hidden tw-max-h-full group-hover:tw-scale-105 tw-transition-all tw-h-full group-hover:tw-shadow tw-w-72"
-      >
-        <img :src="imageUrl" alt="" loading="lazy" class="tw-w-full tw-rounded-md tw-h-full" />
-      </figure>
-    </div>
-    <div class="tw-text-center tw-mb-5 tw-text-grayscale-600 tw-mt-2">
-      {{ subtitle }}
-    </div>
-    <div v-if="buttonUrl" class="tw-flex tw-gap-4 tw-mt-5">
-      <Button full-width variant="primary" :label="buttonLabel" classes="tw-flex-1" @click="onClick" />
-    </div>
-  </div>
-</template>
-<script>
-import Button from '../../../atoms/components/Button/Button.vue';
-import { upsellModalComponentsTr, getCurrentLocale } from '../../../useSharedLibTranslate';
-
-export default {
-  components: {
-    Button,
-  },
-  props: {
-    buttonUrl: {
-      type: String,
-      required: true,
-    },
-  },
-  computed: {
-    title() {
-      return upsellModalComponentsTr('upgradeWebsiteTitle') || 'Upgrade to premium website';
-    },
-    subtitle() {
-      return upsellModalComponentsTr('upgradeWebsiteSubtitle') || 'Unlock all advanced features for more flexibility';
-    },
-    imageUrl() {
-      const locale = getCurrentLocale().toLowerCase();
-      return `https://bcassetcdn.com/assets/images/modal/onboarding-upsell-website@2x.${locale}.png`;
-    },
-    buttonLabel() {
-      return upsellModalComponentsTr('upgradeNowLabel') || 'Upgrade Now';
-    },
-  },
-  methods: {
-    onClick() {
-      this.$emit('on-button-click');
-
-      if (this.buttonUrl) {
-        window.location.href = this.buttonUrl;
-      }
-    },
-  },
-};
-</script>

package/src/atoms/components/Upsell/WebDesignSupport.vue

@@ -1,63 +0,0 @@
-<template>
-  <div>
-    <h3 class="tw-text-center tw-text-2xl tw-font-bold tw-mb-2">
-      {{ title }}
-    </h3>
-    <div class="tw-flex tw-justify-center tw-items-center">
-      <figure
-        class="tw-relative tw-block tw-overflow-hidden tw-max-h-full group-hover:tw-scale-105 tw-transition-all tw-h-full group-hover:tw-shadow tw-w-72"
-      >
-        <img :src="imageUrl" alt="" loading="lazy" class="tw-w-full tw-rounded-md tw-h-full" />
-      </figure>
-    </div>
-    <div class="tw-text-center tw-mb-5 tw-text-grayscale-600 tw-mt-2">
-      {{ subtitle }}
-    </div>
-    <div v-if="buttonUrl" class="tw-flex tw-gap-4 tw-mt-5">
-      <Button full-width variant="primary" :label="buttonLabel" classes="tw-flex-1" @click="onClick" />
-    </div>
-  </div>
-</template>
-<script>
-import Button from '../../../atoms/components/Button/Button.vue';
-import { upsellModalComponentsTr, getCurrentLocale } from '../../../useSharedLibTranslate';
-
-export default {
-  components: {
-    Button,
-  },
-  props: {
-    buttonUrl: {
-      type: String,
-      required: true,
-    },
-  },
-  computed: {
-    title() {
-      return upsellModalComponentsTr('webSupportTitle') || 'Get Professional Web Design Support';
-    },
-    subtitle() {
-      return (
-        upsellModalComponentsTr('webSupportSubtitle') ||
-        'Our professional web design team will help you build and get the most out of your website'
-      );
-    },
-    imageUrl() {
-      const locale = getCurrentLocale().toLowerCase();
-      return `https://bcassetcdn.com/assets/images/modal/brandpage-design-support@2x.${locale}.png`;
-    },
-    buttonLabel() {
-      return upsellModalComponentsTr('webDesignButtonLabel') || 'Get Web Design Support';
-    },
-  },
-  methods: {
-    onClick() {
-      this.$emit('on-button-click');
-
-      if (this.buttonUrl) {
-        window.location.href = this.buttonUrl;
-      }
-    },
-  },
-};
-</script>

package/src/atoms/components/Upsell/i18n/upsell-modal-components.de-DE.json

@@ -1,17 +0,0 @@
-{
-  "upsellModalComponents" : {
-    "getStartedLabel" : "Los geht’s",
-    "upgradeNowLabel" : "Jetzt upgraden",
-    "linkInBioTitle" : "BIO-LINK-SEITE ERSTELLEN",
-    "linkInBioSubtitle" : "Erstellen Sie einen Bio-Link, mit dem Sie neue Kontakte knüpfen und Ihre Marke stärken",
-    "webSupportTitle" : "Professionelle Unterstützung für Webdesign anfordern",
-    "webSupportSubtitle" : "Unser professionelles Webdesign-Team unterstützt Sie beim Aufbau und der Optimierung Ihrer Website",
-    "webDesignButtonLabel" : "Webdesign-Unterstützung anfordern",
-    "digitalBusinessCardTitle" : "Erstellen Sie Ihre digitale Visitenkarte",
-    "digitalBusinessCardSubtitle" : "Erstellen Sie eine digitale Visitenkarte, mit der Sie neue Kontakte knüpfen und Ihre Marke stärken",
-    "upgradeWebsiteTitle" : "Auf Premium-Website upgraden",
-    "upgradeWebsiteSubtitle" : "Schalten Sie alle erweiterten Funktionen für mehr Flexibilität frei",
-    "legalZoomTitle" : "Launchen Sie kostenlos Ihre eigene LLC",
-    "legalZoomSubtitle" : "In Zusammenarbeit mit LegalZoom können Sie jetzt kostenlos eine eigene LLC gründen."
-  }
-}

package/src/atoms/components/Upsell/i18n/upsell-modal-components.es-ES.json

@@ -1,17 +0,0 @@
-{
-  "upsellModalComponents" : {
-    "getStartedLabel" : "Comienza",
-    "upgradeNowLabel" : "Hazte prémium ya",
-    "linkInBioTitle" : "CREA TU ENLACE A LA BIO",
-    "linkInBioSubtitle" : "Lanza un enlace en tu biografía que impulse las conexiones y eleve tu presencia",
-    "webSupportTitle" : "Obtén soporte profesional en diseño web",
-    "webSupportSubtitle" : "Nuestro equipo profesional de diseño web te ayudará a crear y sacar el máximo partido a tu sitio web",
-    "webDesignButtonLabel" : "Obtén soporte de diseño web",
-    "digitalBusinessCardTitle" : "Crea tu tarjeta de visita digital",
-    "digitalBusinessCardSubtitle" : "Lanza una tarjeta de visita digital que impulse las conexiones y eleve tu marca",
-    "upgradeWebsiteTitle" : "Pásate a un sitio web prémium",
-    "upgradeWebsiteSubtitle" : "Accede a todas las funciones avanzadas para disfrutar de mayor flexibilidad",
-    "legalZoomTitle" : "Inicia tu LLC gratis",
-    "legalZoomSubtitle" : "En colaboración con LegalZoom, inicia tu LLC gratis"
-  }
-}

package/src/atoms/components/Upsell/i18n/upsell-modal-components.fr-FR.json

@@ -1,17 +0,0 @@
-{
-  "upsellModalComponents" : {
-    "getStartedLabel" : "Commencez",
-    "upgradeNowLabel" : "Mettre à niveau maintenant",
-    "linkInBioTitle" : "CRÉEZ VOTRE LIEN DANS LA BIO",
-    "linkInBioSubtitle" : "Lancez un lien dans la bio qui favorise les connexions et booste",
-    "webSupportTitle" : "Profitez d'une assistance professionnelle à la conception de sites Web",
-    "webSupportSubtitle" : "Notre équipe professionnelle de conception de sites Web vous aidera à créer votre site Web et à en tirer le meilleur parti.",
-    "webDesignButtonLabel" : "Assistance Web",
-    "digitalBusinessCardTitle" : "Créez votre carte de visite numérique",
-    "digitalBusinessCardSubtitle" : "Profitez d'une carte de visite numérique qui favorise les connexions et booste votre marque",
-    "upgradeWebsiteTitle" : "Passez à un site Web premium",
-    "upgradeWebsiteSubtitle" : "Débloquez toutes les fonctionnalités avancées pour plus de flexibilité",
-    "legalZoomTitle" : "Créez votre entreprise gratuitement",
-    "legalZoomSubtitle" : "En partenariat avec LegalZoom, créez votre entreprise gratuitement"
-  }
-}

package/src/atoms/components/Upsell/i18n/upsell-modal-components.json

@@ -1,17 +0,0 @@
-{
-  "upsellModalComponents": {
-    "getStartedLabel": "Get Started",
-    "upgradeNowLabel": "Upgrade Now",
-    "linkInBioTitle": "Create your Link in Bio",
-    "linkInBioSubtitle": "Launch a link in bio that drives connections and elevates",
-    "webSupportTitle": "Get Professional Web Design Support",
-    "webSupportSubtitle": "Our professional web design team will help you build and get the most out of your website",
-    "webDesignButtonLabel": "Get Web Design Support",
-    "digitalBusinessCardTitle": "Create your digital business card",
-    "digitalBusinessCardSubtitle": "Launch a digital business card that drives connections and elevates your brand",
-    "upgradeWebsiteTitle": "Upgrade to premium website",
-    "upgradeWebsiteSubtitle": "Unlock all advanced features for more flexibility",
-    "legalZoomTitle": "Start your LLC for free",
-    "legalZoomSubtitle": "In partnership with LegalZoom, kickstart your LLC for free"
-  }
-}

package/src/atoms/components/Upsell/i18n/upsell-modal-components.pt-PT.json

@@ -1,17 +0,0 @@
-{
-  "upsellModalComponents" : {
-    "getStartedLabel" : "Comece",
-    "upgradeNowLabel" : "Faça upgrade agora",
-    "linkInBioTitle" : "CRIAR LINK NA BIOGRAFIA",
-    "linkInBioSubtitle" : "Lance um link na bio que promova ligações e eleve",
-    "webSupportTitle" : "Obter apoio profissional ao web design",
-    "webSupportSubtitle" : "A nossa equipa profissional de design Web design vai ajudar a construir e a tirar o máximo partido do seu website.",
-    "webDesignButtonLabel" : "Obter apoio ao web design",
-    "digitalBusinessCardTitle" : "Crie o seu Cartão de Visita Digital",
-    "digitalBusinessCardSubtitle" : "Lance um cartão de visita digital que promove ligações e eleva a sua marca",
-    "upgradeWebsiteTitle" : "Upgrade para Website premium",
-    "upgradeWebsiteSubtitle" : "Desbloqueie todas as funcionalidades avançadas para maior flexibilidade",
-    "legalZoomTitle" : "Crie a sua sociedade gratuitamente",
-    "legalZoomSubtitle" : "Em parceria com a LegalZoom, crie a sua sociedade gratuitamente"
-  }
-}