@designcrowd/fe-shared-lib 1.5.10-kp-8 → 1.5.10

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

@@ -46,6 +46,14 @@
     <div class="tw-mt-4">
       <slot name="recommended" />
     </div>
+    <div class="tw-m-4 tw-text-center">
+      <p :class="{ 'tw-text-grayscale-600': isDesignCom }">
+        {{ alreadyHaveADomainLabel }}
+        <a href="#" class="tw-text-primary-500 hover:tw-text-primary-600" @click.prevent="onUseExistingDomain">{{
+          useExistingDomainLabel
+        }}</a>
+      </p>
+    </div>
   </div>
 </template>
 <script>
@@ -107,7 +115,7 @@ export default {
       default: '',
     },
   },
-  emits: ['internal-publish-brand-page', 'on-slug-changed'],
+  emits: ['internal-publish-brand-page', 'on-slug-changed', 'on-use-existing-domain'],
   setup() {
     return {
       publishBrandPageModalTr,
@@ -116,6 +124,8 @@ export default {
       slugInputPlaceholderYourNameLabel: publishBrandPageModalTr('slugInputPlaceholderYourNameLabel'),
       slugInputPlaceholderYourBusinessNameLabel: publishBrandPageModalTr('slugInputPlaceholderYourBusinessNameLabel'),
       publishLabel: publishBrandPageModalTr('publishLabel'),
+      alreadyHaveADomainLabel: publishBrandPageModalTr('alreadyHaveADomainLabel'),
+      useExistingDomainLabel: publishBrandPageModalTr('useExistingDomainLabel'),
     };
   },
   data() {
@@ -163,6 +173,9 @@ export default {
     onPublish() {
       this.$emit('internal-publish-brand-page', this.internalSlug);
     },
+    onUseExistingDomain() {
+      this.$emit('on-use-existing-domain');
+    },
   },
 };
 </script>

package/src/useSharedLibTranslate.js

@@ -68,9 +68,6 @@ const priceTr = (key, valuesToInterpolate = {}) => tr(`price.${key}`, valuesToIn
 const uploadLogoSearchResultCardTr = (key, valuesToInterpolate = {}) =>
   tr(`uploadLogoSearchResultCard.${key}`, valuesToInterpolate);
 
-const websiteContextualUpgradeModalTr = (key, valuesToInterpolate = {}) =>
-  tr(`websiteContextualUpgradeModal.${key}`, valuesToInterpolate);
-
 const getCurrentLocale = () => {
   return i18next.language || 'en-US';
 };
@@ -127,5 +124,4 @@ export {
   priceTr,
   uploadLogoSearchResultCardTr,
   formatCurrency,
-  websiteContextualUpgradeModalTr,
 };