@designcrowd/fe-shared-lib 1.2.5-ml-jj-2 → 1.2.5-ml-currency

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

@@ -1,5 +1,5 @@
 <template>
-  <template v-if="!!$slots.header">
+  <template v-if="!!this.$slots['header']">
     <Modal
       classes="sell-domain-name-list-modal--modal tw-text-black"
       close-on-esc
@@ -49,8 +49,8 @@
         <SellDomainNameSearch
           v-if="visible"
           :is-design-com="isDesignCom"
-          :header-title="headerTitle || domainSearchHeaderTitle"
-          :header-subtitle="headerSubtitle || domainSearchHeaderSubtitle"
+          :header-title="headerTitle"
+          :header-subtitle="headerSubtitle"
           :initial-search-term="initialSearchTerm"
           @onSearch="onSearchDomainName"
           @onSearchTextInputChange="onSearchTextInputChange"
@@ -71,12 +71,14 @@
   </template>
 </template>
 <script>
-import Modal from '../../../atoms/components/Modal/Modal.vue';
+import Modal from '../../../../src/atoms/components/Modal/Modal.vue';
 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 { tr } from '../../../useSharedLibTranslate';
+
+const headerSubtitle = 'Buy matching domain name for your brand';
+const headerTitle = 'Search a domain name';
 
 export default {
   components: {
@@ -87,11 +89,11 @@ export default {
   props: {
     headerSubtitle: {
       type: String,
-      default: null,
+      default: () => headerSubtitle,
     },
     headerTitle: {
       type: String,
-      default: null,
+      default: () => headerTitle,
     },
     modelValue: {
       type: String,
@@ -120,12 +122,6 @@ export default {
       default: undefined,
     },
   },
-  setup() {
-    return {
-      domainSearchHeaderTitle: tr('sellDomainNameModalApplication.domainSearchHeaderTitle'),
-      domainSearchHeaderSubtitle: tr('sellDomainNameModalApplication.domainSearchHeaderTitle'),
-    };
-  },
   data: () => ({
     domainNameItems: [],
     userCurrency: {},

package/src/experiences/components/SellDomainNameSearch/SellDomainNameSearch.vue

@@ -32,7 +32,7 @@
         <Button
           :classes="searchButtonClasses"
           variant="primary"
-          :label="searchButtonLabel"
+          label="Search"
           :disabled="false"
           @on-click="onSearchBarClick"
         />
@@ -41,10 +41,15 @@
   </div>
 </template>
 <script>
-import Button from '../../../atoms/components/Button/Button.vue';
-import TextInput from '../../../atoms/components/TextInput/TextInput.vue';
-import { sellDomainNameMinSearchTextLength } from '../../constants/sell-domain-name-constants';
-import { tr } from '../../../useSharedLibTranslate';
+import Button from '../../../../src/atoms/components/Button/Button.vue';
+import TextInput from '../../../../src/atoms/components/TextInput/TextInput.vue';
+
+import {
+  sellDomainNameMinSearchTextLength,
+  sellDomainNameSearchBarLabel,
+  sellDomainNameSearchBarPlaceholder,
+  sellDomainNameSearchBarPreText,
+} from '../../constants/sell-domain-name-constants';
 
 export default {
   components: {
@@ -74,24 +79,14 @@ export default {
       type: Boolean,
       required: false,
     },
-    contentOverride: {
-      type: Object,
-      required: false,
-      default: null,
-    },
   },
   emits: ['onSearch', 'onSearchTextInputChange'],
-  setup() {
-    return {
-      searchButtonLabel: tr('sellDomainNameSearch.searchButtonLabel'),
-      searchBarLabel: tr('sellDomainNameSearch.searchBarLabel'),
-      searchBarPlaceholder: tr('sellDomainNameSearch.searchBarPlaceholder'),
-      searchBarPreText: tr('sellDomainNameSearch.searchBarPreText'),
-    };
-  },
   data() {
     return {
+      searchBarLabel: sellDomainNameSearchBarLabel,
+      searchBarPlaceholder: sellDomainNameSearchBarPlaceholder,
       searchText: this.initialSearchTerm ?? '',
+      searchBarPreText: sellDomainNameSearchBarPreText,
     };
   },
   computed: {

package/src/experiences/components/SellDomainNameSearchResult/SellDomainNameListSearchResult.vue

@@ -28,20 +28,20 @@
       @on-buy-now-click="onBuyNowClick"
     />
     <div v-else-if="shouldShowDomainNameNotFound" class="tw-flex tw-justify-center tw-text-center">
-      {{ domainSearchEmptyMessageWithUserDomainName }}
+      Sorry, we couldn't find any domain for "{{ previousSearchText }}".
       <br />
-      {{ searchAnotherDomainMessage }}
+      Try searching with another domain name.
     </div>
     <div v-else></div>
   </div>
 </template>
 
 <script>
-import Loader from '../../../atoms/components/Loader/Loader.vue';
-import Picture from '../../../atoms/components/Picture/Picture.vue';
+import Loader from '../../../../src/atoms/components/Loader/Loader.vue';
+import Picture from '../../../../src/atoms/components/Picture/Picture.vue';
+
 import SellDomainNameList from '../SellDomainNameList/SellDomainNameList.vue';
 import Events from '../../constants/event-constants';
-import { tr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -101,23 +101,12 @@ export default {
       default: undefined,
     },
   },
-  setup() {
-    return {
-      tr,
-      searchAnotherDomainMessage: tr('sellDomainNameListSearchResult.searchAnotherDomainMessage'),
-    };
-  },
   data() {
     return {
       domainNameItemsInView: undefined,
     };
   },
   computed: {
-    domainSearchEmptyMessageWithUserDomainName() {
-      return tr('sellDomainNameListSearchResult.domainSearchEmptyMessage', {
-        domainNameSearchTerm: this.previousSearchText,
-      });
-    },
     shouldShowDomainNameNotFound() {
       return (
         !this.isBusy &&

package/src/experiences/components/SellDomainNameWidget/SellDomainNameWidget.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    {{ domainSearchOrConnectHeaderSubtitle }}
+    Buy matching domain name for your brand or connect your existing domain
     <div class="tw-flex tw-flex-col md:tw-flex-row tw-mt-4 tw-mb-4">
       <TextInput
         v-model="searchText"
@@ -18,7 +18,7 @@
       <Button
         classes="tw-w-full tw-mt-2 md:tw-rounded-l-none md:tw-mt-0"
         variant="primary"
-        :label="searchButtonLabel"
+        label="Search"
         :disabled="false"
         @on-click="onSearchBarClick"
       />
@@ -31,18 +31,21 @@
       :domain-name-items="domainNameItems"
       :previous-search-text="previousSearchText"
       :visible="isSearchDomainListModalVisible"
-      :search-button-label="searchButtonLabel"
       @close-modal="onSellDomainNameListCloseModal"
       @search="onSearchDomainName(true)"
     />
   </div>
 </template>
 <script>
-import { tr } from '../../../useSharedLibTranslate';
-import Button from '../../../atoms/components/Button/Button.vue';
-import TextInput from '../../../atoms/components/TextInput/TextInput.vue';
+import Button from '../../../../src/atoms/components/Button/Button.vue';
+import TextInput from '../../../../src/atoms/components/TextInput/TextInput.vue';
+
 import SellDomainNameListModal from '../SellDomainNameListModal/SellDomainNameListModal.vue';
-import { sellDomainNameMinSearchTextLength } from '../../constants/sell-domain-name-constants';
+import {
+  sellDomainNameMinSearchTextLength,
+  sellDomainNameSearchBarLabel,
+  sellDomainNameSearchBarPlaceholder,
+} from '../../constants/sell-domain-name-constants';
 import Events from '../../constants/event-constants';
 import brandCrowdApiClient from '../../clients/brand-crowd-api.client';
 
@@ -73,19 +76,13 @@ export default {
       default: false,
     },
   },
-  setup() {
-    return {
-      searchButtonLabel: tr('sellDomainNameWidget.searchButtonLabel'),
-      searchBarLabel: tr('sellDomainNameWidget.searchBarLabel'),
-      searchBarPlaceholder: tr('sellDomainNameWidget.searchBarPlaceholder'),
-      domainSearchOrConnectHeaderSubtitle: tr('sellDomainNameWidget.domainSearchOrConnectHeaderSubtitle'),
-    };
-  },
   data: () => ({
     domainNameItems: undefined,
     userCurrency: undefined,
     isBusy: false,
     isSearchDomainListModalVisible: false,
+    searchBarLabel: sellDomainNameSearchBarLabel,
+    searchBarPlaceholder: sellDomainNameSearchBarPlaceholder,
     searchText: '',
     previousSearchText: '',
   }),

package/.storybook-static/assets/Auth-CV5AmoX8.css

@@ -1 +0,0 @@
-.email-input[data-v-bb7289b6]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.password-input[data-v-bb7289b6]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-bb7289b6]{padding-left:2.5rem!important}.email-input[data-v-965d0268]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-965d0268]{padding-left:2.5rem!important}.password-input[data-v-da12bb42]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-da12bb42]{padding-left:2.5rem!important}