@designcrowd/fe-shared-lib 1.5.12 → 1.5.14

package/src/atoms/components/Icon/Icon.vue

@@ -415,6 +415,7 @@ import IconWebsitesUpgradeToMaps from './icons/websites/upgrade-to-maps.vue';
 import IconWebsitesUpgradeToGoogleAd from './icons/websites/upgrade-to-google-ad.vue';
 
 import IconGroup from './icons/group.vue';
+import IconPremiumContent from './icons/premium-content.vue';
 
 export default {
   components: {
@@ -699,6 +700,7 @@ export default {
     IconShape,
 
     IconGroup,
+    IconPremiumContent,
 
     // Maker icons
     IconMakerAnimate,

package/src/atoms/components/Icon/icons/premium-content.vue

@@ -0,0 +1,8 @@
+<template>
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M12.55 12.125C12.6521 12.125 12.7323 12.1536 12.7906 12.2109C12.8635 12.2826 12.9 12.3685 12.9 12.4688V13.1563C12.9 13.2565 12.8635 13.3353 12.7906 13.3926C12.7323 13.4642 12.6521 13.5 12.55 13.5H3.45C3.34792 13.5 3.26042 13.4642 3.1875 13.3926C3.12917 13.3353 3.1 13.2565 3.1 13.1563V12.4688C3.1 12.3685 3.12917 12.2826 3.1875 12.2109C3.26042 12.1536 3.34792 12.125 3.45 12.125H12.55ZM13.2063 5.55078C13.4104 5.35026 13.6583 5.25 13.95 5.25C14.2417 5.25 14.4896 5.35026 14.6938 5.55078C14.8979 5.7513 15 5.99479 15 6.28125C15 6.56771 14.8979 6.8112 14.6938 7.01172C14.4896 7.21224 14.2417 7.3125 13.95 7.3125C13.9063 7.3125 13.8479 7.30534 13.775 7.29102L12.2 11.4375H3.8L2.225 7.29102C2.15208 7.30534 2.09375 7.3125 2.05 7.3125C1.75833 7.3125 1.51042 7.21224 1.30625 7.01172C1.10208 6.8112 1 6.56771 1 6.28125C1 5.99479 1.10208 5.7513 1.30625 5.55078C1.51042 5.35026 1.75833 5.25 2.05 5.25C2.34167 5.25 2.58958 5.35026 2.79375 5.55078C2.99792 5.7513 3.1 5.99479 3.1 6.28125C3.1 6.42448 3.07083 6.56771 3.0125 6.71094L4.5875 7.63477C4.74792 7.73503 4.92292 7.76367 5.1125 7.7207C5.31667 7.66341 5.4625 7.55599 5.55 7.39844L7.34375 4.32617C7.08125 4.11133 6.95 3.84635 6.95 3.53125C6.95 3.24479 7.05208 3.0013 7.25625 2.80078C7.46042 2.60026 7.70833 2.5 8 2.5C8.29167 2.5 8.53958 2.60026 8.74375 2.80078C8.94792 3.0013 9.05 3.24479 9.05 3.53125C9.05 3.84635 8.91875 4.11133 8.65625 4.32617L10.45 7.39844C10.5375 7.55599 10.676 7.66341 10.8656 7.7207C11.0552 7.76367 11.2375 7.73503 11.4125 7.63477L12.9875 6.71094C12.9292 6.56771 12.9 6.42448 12.9 6.28125C12.9 5.99479 13.0021 5.7513 13.2063 5.55078Z"
+      fill="#e3a008"
+    />
+  </svg>
+</template>

package/src/experiences/components/SellDomainNameModalApplication/SellDomainNameModalApplication.vue

@@ -31,6 +31,7 @@
           :domain-name-items="domainNameItems"
           :currency="userCurrency"
           :model-value="modelValue"
+          @on-buy-now-click="onBuyNowClick"
         />
       </template>
     </Modal>
@@ -76,7 +77,7 @@ import brandCrowdApiClient from '../../clients/brand-crowd-api.client';
 import SellDomainNameSearch from '../SellDomainNameSearch/SellDomainNameSearch.vue';
 import SellDomainNameSearchResult from '../SellDomainNameSearchResult/SellDomainNameListSearchResult.vue';
 import Events from '../../constants/event-constants';
-import { sellDomainNameModalApplicationTr } from '../../../useSharedLibTranslate';
+import { getCurrentLocale, sellDomainNameModalApplicationTr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -123,7 +124,7 @@ export default {
   setup() {
     return {
       domainSearchHeaderTitle: sellDomainNameModalApplicationTr('domainSearchHeaderTitle'),
-      domainSearchHeaderSubtitle: sellDomainNameModalApplicationTr('domainSearchHeaderTitle'),
+      domainSearchHeaderSubtitle: sellDomainNameModalApplicationTr('domainSearchHeaderSubtitle'),
     };
   },
   data: () => ({
@@ -139,6 +140,11 @@ export default {
       this.searchDomainName(false);
     }
   },
+  computed: {
+    currentLocale() {
+      return getCurrentLocale();
+    },
+  },
   methods: {
     async onSearchDomainName(event) {
       this.searchText = event.searchText;
@@ -159,6 +165,10 @@ export default {
           request.logoDraftToken = this.logoDraftToken;
         }
 
+        if (this.currentLocale) {
+          request.locale = this.currentLocale;
+        }
+
         window.dispatchEvent(new CustomEvent(Events.DomainSearchEvent, { detail: request }));
         const result = await brandCrowdApiClient.searchDomainNamesByKeywordAsync(request);
         if (!result) {
@@ -182,6 +192,9 @@ export default {
     onCloseModal() {
       this.$emit('close-modal');
     },
+    onBuyNowClick() {
+      this.$emit('on-buy-now-click');
+    },
     onSearchTextInputChange(newVal) {
       this.searchText = newVal;
     },