@designcrowd/fe-shared-lib 1.2.1-rr-7 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.1-rr-7",
+  "version": "1.2.1",
   "scripts": {
     "start": "npm run storybook",
     "build": "npm run build:css --production",

package/src/atoms/components/FormControl/FormControl.mixin.js

@@ -97,20 +97,11 @@ export default {
       required: false,
       default: false,
     },
-    requiredMessage: {
-      type: String,
-      required: false,
-      default: 'Please fill in this field.',
-    },
   },
   methods: {
-    input(modelValue, event) {
+    input(modelValue) {
       this.$emit('update:modelValue', modelValue);
       this.$emit('input', modelValue);
-
-      if (event?.target) {
-        event.target.setCustomValidity('');
-      }
     },
     keyup(modelValue) {
       this.$emit('keyup', modelValue);

package/src/atoms/components/TextInput/TextInput.vue

@@ -73,8 +73,7 @@
             },
           ]"
           class="tw-text-grayscale-600 tw-box-border tw-w-full tw-text-base tw-px-4 tw-border tw-border-solid focus:tw-outline-none tw-transition-colors tw-duration-300 tw-ease-out tw-shadow-inner"
-          @invalid="setValidationMessage"
-          @input.stop="input($event.target.value, $event)"
+          @input.stop="input($event.target.value)"
           @keyup.stop="keyup($event.target.value)"
           @keydown.stop="keydown($event.target.value, $event)"
           @focus="focus($event.target.value)"
@@ -152,9 +151,6 @@ export default {
         this.$emit('on-clear-confirmation');
       }
     },
-    setValidationMessage(event) {
-      event.target.setCustomValidity(this.requiredMessage);
-    },
   },
 };
 </script>

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

@@ -196,6 +196,7 @@
                 :display-result-limit="4"
                 :domain-search-location="sitePublishedModal"
                 @on-change-search="onSearchTextChanged"
+                @on-buy-now-click="onBuyNowClick"
               />
             </div>
             <Button
@@ -489,7 +490,7 @@ export default {
       this.$emit('on-hide-domain-modal');
     },
     onCopyUrlClick() {
-      this.$emit('copy-url-click');
+      this.$emit('copy-url-clicked');
     },
     onSlugChanged(e) {
       this.searchText = e;
@@ -509,6 +510,7 @@ export default {
     },
     onSearchTextChanged(val) {
       this.searchText = val;
+      this.$emit('on-change-search', val);
     },
     onSelectPurchasedDomain(newVal) {
       this.selectedCustomDomain = newVal;
@@ -524,6 +526,9 @@ export default {
     onSellDomainNameListCloseModal() {
       this.$emit('on-hide-domain-modal');
     },
+    onBuyNowClick() {
+      this.$emit('on-buy-now-clicked');
+    },
     async searchDomainName(isUserTriggered) {
       this.isLoading = true;
       let searchSlug = '';

package/src/experiences/components/SellDomainNameList/SellDomainNameList.vue

@@ -114,6 +114,7 @@ export default {
       if (typeof this.domainSearchLocation !== 'undefined') {
         request.domainSearchLocation = this.domainSearchLocation;
       }
+      this.$emit('on-buy-now-click');
       window.dispatchEvent(
         new CustomEvent(Events.DomainSelectedEvent, {
           detail: request,

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

@@ -25,6 +25,7 @@
       :load-more-domains-button-text="loadMoreDomainsButtonText"
       :domain-search-location="domainSearchLocation"
       @load-more-domains="onLoadMoreDomains"
+      @on-buy-now-click="onBuyNowClick"
     />
     <div v-else-if="shouldShowDomainNameNotFound" class="tw-flex tw-justify-center tw-text-center">
       Sorry, we couldn't find any domain for "{{ previousSearchText }}".
@@ -145,6 +146,9 @@ export default {
       window.dispatchEvent(new CustomEvent(Events.DomainLoadMoreEvent));
       this.domainNameItemsInView += this.domainNameItemsPerPage;
     },
+    onBuyNowClick() {
+      this.$emit('on-buy-now-click');
+    },
     resetDomainNameItemsInView() {
       this.domainNameItemsInView = this.domainNameItemsPerPage;
     },

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

@@ -20,6 +20,7 @@
       :domain-name-items-per-page="domainNameItemsPerPage"
       :load-more-domains-button-text="loadMoreDomainsButtonText"
       :domain-search-location="domainSearchLocation"
+      @on-buy-now-click="onBuyNowClick"
     />
   </div>
 </template>
@@ -170,6 +171,9 @@ export default {
         this.isBusy = false;
       }
     },
+    onBuyNowClick() {
+      this.$emit('on-buy-now-click');
+    },
     cleanText(inputText) {
       // In this function, we use the Unicode property escapes \p{L} and \p{N} to match any Unicode letters (characters from various scripts) and Unicode numbers, respectively.
       const cleanedText = inputText.replace(/[^\p{L}\p{N}\-.]+/gu, '');