@designcrowd/fe-shared-lib 1.2.20-ml-902-1 → 1.2.20-rr-test

package/dist/css/tailwind-brandCrowd.css

@@ -643,10 +643,6 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.tw-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -853,6 +849,9 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
+.tw-w-1\/3 {
+  width: 33.333333%;
+}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -1021,9 +1020,6 @@ video {
 .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
-.\!tw-cursor-not-allowed {
-  cursor: not-allowed !important;
-}
 .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -2259,10 +2255,6 @@ video {
     margin-left: 1rem;
   }
 
-  .md\:tw-mr-2 {
-    margin-right: 0.5rem;
-  }
-
   .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/dist/css/tailwind-brandPage.css

@@ -643,10 +643,6 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.tw-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -853,6 +849,9 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
+.tw-w-1\/3 {
+  width: 33.333333%;
+}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -1021,9 +1020,6 @@ video {
 .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
-.\!tw-cursor-not-allowed {
-  cursor: not-allowed !important;
-}
 .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1943,10 +1939,6 @@ video {
     margin-left: 1rem;
   }
 
-  .md\:tw-mr-2 {
-    margin-right: 0.5rem;
-  }
-
   .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/dist/css/tailwind-crazyDomains.css

@@ -643,10 +643,6 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.tw-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -853,6 +849,9 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
+.tw-w-1\/3 {
+  width: 33.333333%;
+}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -1021,9 +1020,6 @@ video {
 .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
-.\!tw-cursor-not-allowed {
-  cursor: not-allowed !important;
-}
 .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -2259,10 +2255,6 @@ video {
     margin-left: 1rem;
   }
 
-  .md\:tw-mr-2 {
-    margin-right: 0.5rem;
-  }
-
   .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/dist/css/tailwind-designCom.css

@@ -643,10 +643,6 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.tw-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -853,6 +849,9 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
+.tw-w-1\/3 {
+  width: 33.333333%;
+}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -1021,9 +1020,6 @@ video {
 .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
-.\!tw-cursor-not-allowed {
-  cursor: not-allowed !important;
-}
 .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -2259,10 +2255,6 @@ video {
     margin-left: 1rem;
   }
 
-  .md\:tw-mr-2 {
-    margin-right: 0.5rem;
-  }
-
   .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/dist/css/tailwind-designCrowd.css

@@ -643,10 +643,6 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.tw-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -853,6 +849,9 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
+.tw-w-1\/3 {
+  width: 33.333333%;
+}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -1021,9 +1020,6 @@ video {
 .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
-.\!tw-cursor-not-allowed {
-  cursor: not-allowed !important;
-}
 .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -2259,10 +2255,6 @@ video {
     margin-left: 1rem;
   }
 
-  .md\:tw-mr-2 {
-    margin-right: 0.5rem;
-  }
-
   .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.20-ml-902-1",
+  "version": "1.2.20-rr-test",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",
@@ -113,4 +113,4 @@
   "overrides": {
     "storybook": "$storybook"
   }
-}
+}

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

@@ -92,11 +92,5 @@
     "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,11 +92,5 @@
     "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,11 +92,5 @@
     "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,11 +92,5 @@
     "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,11 +92,5 @@
     "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/AuthFlow/SignIn.vue

@@ -7,7 +7,7 @@
             v-if="recommendedActionLink"
             variant="secondary"
             size="small"
-            :label="resetPasswordButtonlabel"
+            label="RESET PASSWORD"
             class="tw-hidden sm:tw-inline"
             :url="getRedirectToRecommendedActionUrl"
           />
@@ -15,7 +15,7 @@
             v-if="recommendedActionLink"
             variant="secondary"
             size="medium"
-            :label="resetPasswordButtonlabel"
+            label="RESET PASSWORD"
             :full-width="true"
             class="sm:tw-hidden tw-mt-2"
             :url="getRedirectToRecommendedActionUrl"
@@ -327,7 +327,6 @@ export default {
       emailPlaceholderLabel: this.signInContent.emailPlaceholderLabel ?? 'Email Address',
       passwordPlaceholderLabel: this.signInContent.passwordPlaceholderLabel ?? 'Password',
       forgotPasswordLabel: this.signInContent.forgotPasswordLabel ?? 'Forgot Password?',
-      resetPasswordButtonlabel: this.signInContent.resetPasswordButtonlabel ?? 'RESET PASSWORD',
       orLabel: this.signInContent.orLabel ?? 'or',
       signUpLabel: this.signInContent.signUpLabel ?? 'Sign Up',
     };

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

@@ -66,7 +66,7 @@
 import Button from '../../../atoms/components/Button/Button.vue';
 import Price from '../../../atoms/components/Price/Price.vue';
 import Events from '../../constants/event-constants';
-import { sellDomainNameListTr } from '../../../useSharedLibTranslate';
+import { sellDomainNameListTr, getCurrentLocale } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -116,6 +116,11 @@ export default {
       costPriceLabel: sellDomainNameListTr('costPriceLabel'),
     };
   },
+  computed: {
+    currentLocale() {
+      return getCurrentLocale();
+    },
+  },
   methods: {
     onBuyNowClick(domain) {
       const request = domain;
@@ -129,7 +134,9 @@ export default {
         }),
       );
       if (this.isUserAuthenticated) {
-        window.location.href = domain.checkoutUrl;
+        const { checkoutUrl } = domain;
+        checkoutUrl.searchParams.set('locale', this.currentLocale);
+        window.location.href = checkoutUrl;
       }
     },
     getPrice(domain) {

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

@@ -55,7 +55,7 @@
       }"
     >
       <label for="replace-logo-file" class="tw-sr-only">
-        {{ uploadLogoSearchResultCardTr('replaceLogo') }}
+        Replace logo
         <input
           id="replace-logo-file"
           ref="fileInput"
@@ -65,7 +65,7 @@
         />
       </label>
       <div
-        class="tw-flex tw-items-center tw-justify-center tw-flex-col tw-gap-4"
+        class="tw-flex tw-items-center tw-justify-center"
         :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-text-xs tw-text-secondary tw-font-sans tw-font-bold"
+          class="tw-uppercase tw-ml-6 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,7 +102,6 @@ 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: {
@@ -132,11 +131,6 @@ export default {
       default: false,
     },
   },
-  setup() {
-    return {
-      uploadLogoSearchResultCardTr,
-    };
-  },
   data() {
     return {
       extraWideLandscape: this.useLandscapeTile && this.aspectRatio <= 30,
@@ -144,14 +138,10 @@ export default {
   },
   computed: {
     replaceButtonLabel() {
-      return this.alternativeLayout
-        ? this.uploadLogoSearchResultCardTr('replace')
-        : this.uploadLogoSearchResultCardTr('replaceLogo');
+      return this.alternativeLayout ? 'Replace' : 'Replace Logo';
     },
     deleteButtonLabel() {
-      return this.alternativeLayout
-        ? this.uploadLogoSearchResultCardTr('delete')
-        : this.uploadLogoSearchResultCardTr('deleteLogo');
+      return this.alternativeLayout ? 'Delete' : 'Delete Logo';
     },
   },
   methods: {

package/src/useSharedLibTranslate.js

@@ -63,9 +63,6 @@ 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';
 };
@@ -96,7 +93,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)) {
@@ -104,7 +101,7 @@ const formatCurrency = (amount, locale, currency, fraction = 0, showAbbreviation
   }
 
   return localeAmount;
-};
+}
 
 export {
   setSharedLibLocaleAsync,
@@ -120,6 +117,5 @@ export {
   uploadYourLogoTr,
   sharedPaymentConfigTr,
   priceTr,
-  uploadLogoSearchResultCardTr,
   formatCurrency,
 };