@designcrowd/fe-shared-lib 1.2.20-rr-test-3 → 1.2.20-rr-test-5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.20-rr-test-3",
+  "version": "1.2.20-rr-test-5",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/src/bundles/bundled-translations.de-DE.json

@@ -92,5 +92,11 @@
     "clickToUpload": "klicken Sie hier, um eine Datei hochzuladen.",
     "acceptedFiles": "Wir akzeptieren PNG-, JPG-, SVG- und EPS-Dateien bis zu 25 MB.",
     "wrongUploadType": "Sie können Dateien dieses Typs nicht hochladen."
+  },
+  "uploadLogoSearchResultCard": {
+    "replace": "Ersetzen",
+    "replaceLogo": "Logo ersetzen",
+    "delete": "Löschen",
+    "deleteLogo": "Logo löschen"
   }
 }

package/src/bundles/bundled-translations.es-ES.json

@@ -92,5 +92,11 @@
     "clickToUpload": "haz clic para subirlo",
     "acceptedFiles": "Aceptamos archivos PNG, JPG, SVG o EPS de hasta 25 MB",
     "wrongUploadType": "No puedes subir archivos de este tipo."
+  },
+  "uploadLogoSearchResultCard": {
+    "replace": "Sustituir",
+    "replaceLogo": "Reemplaza el logo",
+    "delete": "Eliminar",
+    "deleteLogo": "Elimina el logo"
   }
 }

package/src/bundles/bundled-translations.fr-FR.json

@@ -92,5 +92,11 @@
     "clickToUpload": "cliquez pour télécharger",
     "acceptedFiles": "Nous acceptons les fichiers PNG, JPG, SVG ou EPS jusqu'à 25 Mo",
     "wrongUploadType": "Vous ne pouvez pas télécharger des fichiers de ce type."
+  },
+  "uploadLogoSearchResultCard": {
+    "replace": "Remplacer",
+    "replaceLogo": "Remplacez le logo",
+    "delete": "Supprimer",
+    "deleteLogo": "Supprimez le logo"
   }
 }

package/src/bundles/bundled-translations.json

@@ -92,5 +92,11 @@
     "clickToUpload": "click to upload",
     "acceptedFiles": "We accept PNG, JPG, SVG or EPS files up to 25MB",
     "wrongUploadType": "You can't upload files of this type."
+  },
+  "uploadLogoSearchResultCard": {
+    "replace": "Replace",
+    "replaceLogo": "Replace Logo",
+    "delete": "Delete",
+    "deleteLogo": "Delete Logo"
   }
 }

package/src/bundles/bundled-translations.pt-PT.json

@@ -92,5 +92,11 @@
     "clickToUpload": "clique para carregar",
     "acceptedFiles": "Aceitamos ficheiros PNG, JPG, SVG ou EPS até 25 MB",
     "wrongUploadType": "Não pode carregar ficheiros deste tipo."
+  },
+  "uploadLogoSearchResultCard": {
+    "replace": "Substituir",
+    "replaceLogo": "Substituir logótipo",
+    "delete": "Eliminar",
+    "deleteLogo": "Eliminar Logótipo"
   }
 }

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

@@ -136,7 +136,7 @@ export default {
       if (this.isUserAuthenticated) {
         const { checkoutUrl } = domain;
         const url = new URL(checkoutUrl, window.location.origin);
-        url.searchParams.set('locale', this.getCurrentLocale());
+        url.searchParams.set('locale', this.currentLocale);
         window.location.href = url.toString();
       }
     },

package/src/experiences/components/UploadedLogoSearchResultCard/UploadedLogoSearchResultCard.vue

@@ -55,7 +55,7 @@
       }"
     >
       <label for="replace-logo-file" class="tw-sr-only">
-        Replace logo
+        {{ uploadLogoSearchResultCardTr('replaceLogo') }}
         <input
           id="replace-logo-file"
           ref="fileInput"
@@ -65,7 +65,7 @@
         />
       </label>
       <div
-        class="tw-flex tw-items-center tw-justify-center"
+        class="tw-flex tw-items-center tw-justify-center tw-flex-col tw-gap-4"
         :class="{
           'md:tw-items-center': useLandscapeTile,
           'md:tw-flex-col': aspectRatio > 30 && useLandscapeTile,
@@ -81,7 +81,7 @@
           @on-click="onReplaceButtonClick"
         />
         <button
-          class="tw-uppercase tw-ml-6 tw-text-xs tw-text-secondary tw-font-sans tw-font-bold"
+          class="tw-uppercase tw-text-xs tw-text-secondary tw-font-sans tw-font-bold"
           :class="{
             'md:tw-mt-3': useLandscapeTile && !extraWideLandscape,
             'md:tw-ml-0': useLandscapeTile,
@@ -102,6 +102,7 @@ import Button from '../../../../src/atoms/components/Button/Button.vue';
 import Events from '../../constants/event-constants';
 import API from '../../constants/api';
 import trackEvent from '../../helpers/tracking';
+import { uploadLogoSearchResultCardTr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -131,6 +132,11 @@ export default {
       default: false,
     },
   },
+  setup() {
+    return {
+      uploadLogoSearchResultCardTr,
+    };
+  },
   data() {
     return {
       extraWideLandscape: this.useLandscapeTile && this.aspectRatio <= 30,
@@ -138,10 +144,14 @@ export default {
   },
   computed: {
     replaceButtonLabel() {
-      return this.alternativeLayout ? 'Replace' : 'Replace Logo';
+      return this.alternativeLayout
+        ? this.uploadLogoSearchResultCardTr('replace')
+        : this.uploadLogoSearchResultCardTr('replaceLogo');
     },
     deleteButtonLabel() {
-      return this.alternativeLayout ? 'Delete' : 'Delete Logo';
+      return this.alternativeLayout
+        ? this.uploadLogoSearchResultCardTr('delete')
+        : this.uploadLogoSearchResultCardTr('deleteLogo');
     },
   },
   methods: {

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.de-DE.json

@@ -0,0 +1,8 @@
+{
+  "uploadLogoSearchResultCard" : {
+    "replace" : "Ersetzen",
+    "replaceLogo" : "Logo ersetzen",
+    "delete" : "Löschen",
+    "deleteLogo" : "Logo löschen"
+  }
+}

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.es-ES.json

@@ -0,0 +1,8 @@
+{
+  "uploadLogoSearchResultCard" : {
+    "replace" : "Sustituir",
+    "replaceLogo" : "Reemplaza el logo",
+    "delete" : "Eliminar",
+    "deleteLogo" : "Elimina el logo"
+  }
+}

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.fr-FR.json

@@ -0,0 +1,8 @@
+{
+  "uploadLogoSearchResultCard" : {
+    "replace" : "Remplacer",
+    "replaceLogo" : "Remplacez le logo",
+    "delete" : "Supprimer",
+    "deleteLogo" : "Supprimez le logo"
+  }
+}

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.json

@@ -0,0 +1,8 @@
+{
+  "uploadLogoSearchResultCard": {
+    "replace": "Replace",
+    "replaceLogo": "Replace Logo",
+    "delete": "Delete",
+    "deleteLogo": "Delete Logo"
+  }
+}

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.pt-PT.json

@@ -0,0 +1,8 @@
+{
+  "uploadLogoSearchResultCard" : {
+    "replace" : "Substituir",
+    "replaceLogo" : "Substituir logótipo",
+    "delete" : "Eliminar",
+    "deleteLogo" : "Eliminar Logótipo"
+  }
+}

package/src/useSharedLibTranslate.js

@@ -63,6 +63,9 @@ const sharedPaymentConfigTr = (key, valuesToInterpolate = {}) => tr(`sharedPayme
 
 const priceTr = (key, valuesToInterpolate = {}) => tr(`price.${key}`, valuesToInterpolate);
 
+const uploadLogoSearchResultCardTr = (key, valuesToInterpolate = {}) =>
+  tr(`uploadLogoSearchResultCard.${key}`, valuesToInterpolate);
+
 const getCurrentLocale = () => {
   return i18next.language || 'en-US';
 };
@@ -93,7 +96,7 @@ const formatCurrency = (amount, locale, currency, fraction = 0, showAbbreviation
 
   const altAudAbbreviation = 'AU';
   if (showAbbreviation && !localeAmount.includes(abbreviationTrimmed)) {
-    return localeAmount.replace(symbolTrimmed,`${abbreviationTrimmed}${symbolTrimmed}`);
+    return localeAmount.replace(symbolTrimmed, `${abbreviationTrimmed}${symbolTrimmed}`);
   } else if (!showAbbreviation && localeAmount.includes(altAudAbbreviation)) {
     return localeAmount.replace(altAudAbbreviation, '');
   } else if (!showAbbreviation && localeAmount.includes(abbreviationTrimmed)) {
@@ -101,7 +104,7 @@ const formatCurrency = (amount, locale, currency, fraction = 0, showAbbreviation
   }
 
   return localeAmount;
-}
+};
 
 export {
   setSharedLibLocaleAsync,
@@ -117,5 +120,6 @@ export {
   uploadYourLogoTr,
   sharedPaymentConfigTr,
   priceTr,
+  uploadLogoSearchResultCardTr,
   formatCurrency,
 };