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

package/package.json

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

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

@@ -12,10 +12,10 @@
                 {{ title }}
               </p>
               <span
-                v-if="showLabel"
+                v-if="pillLabel"
                 class="tw-text-xs tw-h-4 tw-w-fit tw-text-primary-500 tw-border tw-border-solid tw-border-primary-500 tw-rounded-full tw-px-2 tw-font-sans tw-uppercase"
               >
-                Recommended
+                {{ pillLabel }}
               </span>
             </div>
             <p class="tw-mt-2 md:tw-mt-0 tw-text-grayscale-600 tw-text-sm">
@@ -27,7 +27,7 @@
           </div>
           <div v-if="hasSearchButton" class="tw-w-full md:tw-w-auto md:tw-justify-end md:tw-pl-4 desktop-cta">
             <Button
-              label="Search"
+              :label="searchButtonLabel"
               class="tw-flex tw-items-center tw-justify-center md:tw-ml-2 tw-mt-2 md:tw-mt-0 tw-font-sans tw-font-bold tw-transition-colors tw-duration-300 tw-text-sm tw-w-full tw-rounded tw-cursor-pointer tw-w-full md:tw-w-24"
               data-test-brand-page-search-button
               variant="primary"
@@ -47,7 +47,7 @@
       </div>
       <div v-if="hasSearchButton" class="tw-w-full md:tw-w-auto md:tw-justify-end md:tw-pl-4 mobile-cta tw-mt-2">
         <Button
-          label="Search"
+          :label="searchButtonLabel"
           class="tw-flex tw-items-center tw-justify-center md:tw-ml-2 tw-mt-2 md:tw-mt-0 tw-font-sans tw-font-bold tw-transition-colors tw-duration-300 tw-text-sm tw-w-full tw-rounded tw-cursor-pointer tw-w-full md:tw-w-24"
           data-test-brand-page-search-button
           variant="primary"
@@ -86,9 +86,13 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
-  showLabel: {
-    type: Boolean,
-    default: false,
+  searchButtonLabel: {
+    type: String,
+    default: () => 'Search',
+  },
+  pillLabel: {
+    type: String,
+    default: null,
   },
 });
 

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

@@ -31,10 +31,6 @@ const localePublishBrandPageModalContent = {
       publishedSuccessDescriptionLabel: 'Buy matching domain name for your brand',
       hasAlreadyPurchasedDomainCloseButtonLabel: 'No thanks, maybe later',
     },
-    sellDomainNameListSearchResult: {
-      domainSearchEmptyMessage: 'Sorry, we couldn\'t find any domain for "{domainNameSearchTerm}".',
-      searchAnotherDomainMessage: 'Try searching with another domain name.',
-    },
   },
   'en-test': {
     searchButtonLabel: '++Search',
@@ -57,10 +53,6 @@ const localePublishBrandPageModalContent = {
       publishedSuccessDescriptionLabel: '++Buy matching domain name for your brand',
       hasAlreadyPurchasedDomainCloseButtonLabel: '++No thanks, maybe later',
     },
-    sellDomainNameListSearchResult: {
-      domainSearchEmptyMessage: '++Sorry, we couldn\'t find any domain for "{domainNameSearchTerm}".',
-      searchAnotherDomainMessage: '++Try searching with another domain name.',
-    },
   },
 };
 

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

@@ -195,7 +195,7 @@
                 :currency="userCurrency"
                 :display-result-limit="4"
                 :domain-search-location="sitePublishedModal"
-                :content="content"
+                :search-button-label="content.searchButtonLabel"
                 @on-change-search="onSearchTextChanged"
               />
             </div>

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

@@ -4,7 +4,7 @@
       :is-design-com="isDesignCom"
       :initial-search-term="initialSearchTerm"
       :show-white-search-background="showWhiteSearchBackground"
-      :search-button-label="content.searchButtonLabel"
+      :search-button-label="searchButtonLabel"
       @onSearch="onSearchDomainName"
     />
     <SellDomainNameSearchResult
@@ -101,9 +101,9 @@ export default {
       type: Number,
       default: undefined,
     },
-    content: {
-      type: Object,
-      required: true,
+    searchButtonLabel: {
+      type: String,
+      default: () => 'Search',
     },
   },
   data: () => ({