@designcrowd/fe-shared-lib 1.2.0-ml-jj-3 → 1.2.0-ml-jj-4

package/index.js

@@ -20,6 +20,7 @@ export { default as PublishBrandPageModal } from './src/experiences/components/P
 export { default as PublishBrandPageCard } from './src/experiences/components/PublishBrandPageModal/PublishBrandPageCard.vue';
 
 export { default as useSellDomainNameSearchContent } from './src/experiences/components/SellDomainNameSearch/UseSellDomainNameSearchContent';
+export { default as useSellDomainNameListSearchResultContent } from './src/experiences/components/SellDomainNameSearchResult/UseSellDomainNameListSearchResultContent';
 
 export { default as Button } from './src/atoms/components/Button/Button.vue';
 export { default as ButtonGroup } from './src/atoms/components/ButtonGroup/ButtonGroup.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.0-ml-jj-3",
+  "version": "1.2.0-ml-jj-4",
   "scripts": {
     "start": "npm run storybook",
     "build": "npm run build:css --production",

package/src/experiences/components/SellDomainNameListModal/SellDomainNameListModal.vue

@@ -34,7 +34,7 @@
   </Modal>
 </template>
 <script>
-import Modal from '../../../../src/atoms/components/Modal/Modal.vue';
+import Modal from '../../../atoms/components/Modal/Modal.vue';
 
 import SellDomainNameSearch from '../SellDomainNameSearch/SellDomainNameSearch.vue';
 import SellDomainNameSearchResult from '../SellDomainNameSearchResult/SellDomainNameListSearchResult.vue';

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

@@ -1,5 +1,5 @@
 <template>
-  <template v-if="!!this.$slots['header']">
+  <template v-if="!!$slots.header">
     <Modal
       classes="sell-domain-name-list-modal--modal tw-text-black"
       close-on-esc
@@ -71,7 +71,7 @@
   </template>
 </template>
 <script>
-import Modal from '../../../../src/atoms/components/Modal/Modal.vue';
+import Modal from '../../../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';

package/src/experiences/components/SellDomainNameSearch/UseSellDomainNameSearchContent.js

@@ -7,7 +7,7 @@ import {
 let globalContentProvider = null;
 
 const defaultContent = {
-  searchButtonLabel: 'Search---',
+  searchButtonLabel: 'Search',
   searchBarLabel: sellDomainNameSearchBarLabel,
   searchBarPlaceholder: sellDomainNameSearchBarPlaceholder,
   searchBarPreText: sellDomainNameSearchBarPreText,

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

@@ -41,6 +41,7 @@ import Picture from '../../../atoms/components/Picture/Picture.vue';
 
 import SellDomainNameList from '../SellDomainNameList/SellDomainNameList.vue';
 import Events from '../../constants/event-constants';
+import useSellDomainNameListSearchResultContent from './UseSellDomainNameListSearchResultContent';
 
 export default {
   components: {
@@ -99,15 +100,18 @@ export default {
       type: String,
       default: undefined,
     },
-    content: {
-      type: Object,
-      required: true,
-    },
+  },
+  setup(props) {
+    const contentProvider = useSellDomainNameListSearchResultContent(props.contentOverride);
+    const content = contentProvider.getContent();
+
+    return {
+      domainSearchEmptyMessage: content.domainSearchEmptyMessage,
+      searchAnotherDomainMessage: content.searchAnotherDomainMessage,
+    };
   },
   data() {
     return {
-      domainSearchEmptyMessage: this.content.sellDomainNameListSearchResult.domainSearchEmptyMessage,
-      searchAnotherDomainMessage: this.content.sellDomainNameListSearchResult.searchAnotherDomainMessage,
       domainNameItemsInView: undefined,
     };
   },

package/src/experiences/components/SellDomainNameSearchResult/UseSellDomainNameListSearchResultContent.js

@@ -0,0 +1,25 @@
+let globalContentProvider = null;
+
+const defaultContent = {
+  domainSearchEmptyMessage: `Sorry, we couldn't find any domain for "{domainNameSearchTerm}".`,
+  searchAnotherDomainMessage: `Try searching with another domain name.`,
+};
+
+const useSellDomainNameListSearchResultContent = (overrides = {}) => {
+  const setGlobalContentHandler = (handler) => {
+    globalContentProvider = handler;
+  };
+
+  return {
+    setGlobalContentHandler,
+    getContent: () => {
+      return {
+        ...defaultContent,
+        ...(globalContentProvider ? globalContentProvider() : {}), // provide global content through global injection
+        ...overrides, // can override specific contents on demand
+      };
+    },
+  };
+};
+
+export default useSellDomainNameListSearchResultContent;

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

@@ -21,7 +21,6 @@
       :domain-name-items-per-page="domainNameItemsPerPage"
       :load-more-domains-button-text="loadMoreDomainsButtonText"
       :domain-search-location="domainSearchLocation"
-      :content="content"
     />
   </div>
 </template>