@designcrowd/fe-shared-lib 1.2.0-tr-9 → 1.2.0-tr-10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.0-tr-9",
+  "version": "1.2.0-tr-10",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

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

@@ -20,8 +20,8 @@
       aria-labelledby="title"
       aria-describedby="desc"
     >
-      <title :id="`${name}-${id}-title`" lang="en">{{ title }}</title>
-      <desc :id="`${name}-${id}-desc`" lang="en">{{ description }}</desc>
+      <title v-if="title" :id="`${name}-${id}-title`" lang="en">{{ title }}</title>
+      <desc v-if="description" :id="`${name}-${id}-desc`" lang="en">{{ description }}</desc>
       <component :is="`icon-${iconName}`"></component>
     </svg>
   </div>
@@ -799,7 +799,7 @@ export default {
       return css || null;
     },
     title() {
-      return this.altText || `${this.titleCase(this.name)}`;
+      return this.altText;
     },
     description() {
       return `${this.title} Icon`;

package/src/bundleTranslation.js

@@ -1,7 +1,7 @@
 const path = require('path');
 const fs = require('fs');
 
-const localeSuffixes = ['_de-DE', '_fr-FR', '_es-ES', '_pt-PT', ''];
+const localeSuffixes = ['.de-DE', '.fr-FR', '.es-ES', '.pt-PT', ''];
 
 const findTranslationFiles = (dir, localeString) => {
   const files = [];
@@ -15,7 +15,7 @@ const findTranslationFiles = (dir, localeString) => {
         files.push(
           ...fs
             .readdirSync(fullPath)
-            .filter((file) => file.endsWith(`translation${localeString}.json`))
+            .filter((file) => file.endsWith(`${localeString}.json`))
             .map((file) => path.join(fullPath, file)),
         );
       } else {

package/src/bundles/bundled-translations.json

@@ -1,5 +1,5 @@
 {
   "publishModal": {
-    "test": "EN-Publish Brand Page"
+    "test": "PT-Publish Brand Page"
   }
 }

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
@@ -493,15 +494,13 @@ export default {
       this.$emit('radio-button-changed', domain);
     },
     onCloseModal() {
-      console.log(this.testMessage);
-
       console.log('closing the modal with', this.tr('publishModal.test'));
 
       this.$emit('close-modal');
       this.$emit('on-hide-domain-modal');
     },
     onCopyUrlClick() {
-      this.$emit('copy-url-click');
+      this.$emit('copy-url-clicked');
     },
     onSlugChanged(e) {
       this.searchText = e;
@@ -521,6 +520,7 @@ export default {
     },
     onSearchTextChanged(val) {
       this.searchText = val;
+      this.$emit('on-change-search', val);
     },
     onSelectPurchasedDomain(newVal) {
       this.selectedCustomDomain = newVal;
@@ -536,6 +536,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, '');

package/src/useSharedLibTranslate.js

@@ -5,10 +5,10 @@ const fallbackLocale = 'en-US';
 
 const relativePathsToTranslationFiles = {
   'en-US': () => import('./bundles/bundled-translations.json'),
-  'de-DE': () => import('./bundles/bundled-translations_de-DE.json'),
-  'fr-FR': () => import('./bundles/bundled-translations_fr-FR.json'),
-  'es-ES': () => import('./bundles/bundled-translations_es-ES.json'),
-  'pt-PT': () => import('./bundles/bundled-translations_pt-PT.json'),
+  'de-DE': () => import('./bundles/bundled-translations.de-DE.json'),
+  'fr-FR': () => import('./bundles/bundled-translations.fr-FR.json'),
+  'es-ES': () => import('./bundles/bundled-translations.es-ES.json'),
+  'pt-PT': () => import('./bundles/bundled-translations.pt-PT.json'),
 };
 
 const setLocaleAsync = async (locale = 'en-US') => {
@@ -24,21 +24,12 @@ const setLocaleAsync = async (locale = 'en-US') => {
 
   const languageFile = (await relativePathsToTranslationFiles[localeToUse]()).default;
 
-  console.log('initialising language file for feshared');
-
-  console.log(languageFile);
   await i18next.addResourceBundle(localeToUse, 'fe-shared-lib', {
     ...languageFile,
   });
-
-  console.log('finished initialising language file for feshared');
 };
 
 const tr = (key, valuesToInterpolate = {}) => {
-  const languages = i18next.getDataByLanguage('en-US');
-
-  console.log('languages in the fesharedlib', languages);
-
   const translated = i18next.t(key, { ns: 'fe-shared-lib', ...valuesToInterpolate });
 
   return translated;