@designcrowd/fe-shared-lib 1.2.12 → 1.2.13-ml-407-3

package/package.json

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

package/src/atoms/components/Price/i18n/price.json

@@ -1,6 +1,6 @@
-{
-  "price": {
-    "domainCreditUsed": "Domain credit used",
-    "free": "Free"
-  }
+{
+  "price": {
+    "domainCreditUsed": "Domain credit used",
+    "free": "Free"
+  }
 }

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

@@ -3,6 +3,14 @@
     "domainCreditUsed": "Verwendetes Domain-Guthaben",
     "free": "Kostenlos"
   },
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Das Onboarding wurde noch nicht abgeschlossen.",
+    "pendingVerification": "Ausstehende Verifizierung",
+    "connected": "Verbunden",
+    "inactive": "Inaktiv",
+    "addPaymentProvider": "Zahlungsanbieter hinzufügen",
+    "deletePaymentMethod": "Zahlungsmethode löschen"
+  },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Legen Sie die URL für {{brandPageDisplayName}} fest",
     "sitePublishedLabel": "Seite veröffentlicht!",

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

@@ -3,6 +3,14 @@
     "domainCreditUsed": "Crédito del dominio usado",
     "free": "Gratis"
   },
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Incorporación incompleta",
+    "pendingVerification": "Pendiente de verificación",
+    "connected": "Conectado",
+    "inactive": "Inactivo",
+    "addPaymentProvider": "Añadir proveedor de pago",
+    "deletePaymentMethod": "Eliminar método de pago"
+  },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Establece la URL para {{brandPageDisplayName}}",
     "sitePublishedLabel": "¡Sitio publicado!",

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

@@ -3,6 +3,14 @@
     "domainCreditUsed": "Crédit de domaine utilisé",
     "free": "Gratuit"
   },
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Inscription incomplète",
+    "pendingVerification": "Vérification en attente",
+    "connected": "Connecté",
+    "inactive": "Inactif",
+    "addPaymentProvider": "Ajouter un fournisseur de paiement",
+    "deletePaymentMethod": "Supprimer le mode de paiement"
+  },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Définissez l'URL pour {{brandPageDisplayName}}",
     "sitePublishedLabel": "Site publié !",

package/src/bundles/bundled-translations.json

@@ -3,6 +3,14 @@
     "domainCreditUsed": "Domain credit used",
     "free": "Free"
   },
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Onboarding Incomplete",
+    "pendingVerification": "Pending Verification",
+    "connected": "Connected",
+    "inactive": "Inactive",
+    "addPaymentProvider": "Add Payment Provider",
+    "deletePaymentMethod": "Delete payment method"
+  },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Set the URL for {{brandPageDisplayName}}",
     "sitePublishedLabel": "Site published!",

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

@@ -3,6 +3,14 @@
     "domainCreditUsed": "Crédito de domínio utilizado",
     "free": "Grátis"
   },
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Integração incompleta",
+    "pendingVerification": "Verificação Pendente",
+    "connected": "Ligado",
+    "inactive": "Inativo",
+    "addPaymentProvider": "Adicionar fornecedor de pagamentos",
+    "deletePaymentMethod": "Eliminar método de pagamento"
+  },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Defina o URL para {{brandPageDisplayName}}",
     "sitePublishedLabel": "Site publicado!",

package/src/experiences/components/AuthFlow/SignIn.vue

@@ -57,7 +57,7 @@
           </p>
           <div class="tw-flex tw-flex-col">
             <div>
-              <form id="signin" action="/identity/account/signin" method="post" @submit="validate">
+              <form id="signin" :action="getSignInAction" method="post" @submit="validate">
                 <input name="__RequestVerificationToken" type="hidden" :value="antiForgeryToken" />
                 <label for="userName" class="tw-sr-only"> {{ emailLabel }} </label>
                 <input
@@ -170,6 +170,7 @@ import themeMixin from '../../mixins/themeMixin';
 import { SIGN_IN } from '../../constants/partner-dictionary-constants';
 import isValidEmail from '../../helpers/email-validator';
 import SocialSignIn from './SocialSignIn.vue';
+import { getCurrentLocale } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -334,6 +335,9 @@ export default {
     isLoading() {
       return this.emailLoading || this.facebookLoading || this.googleLoading;
     },
+    currentLocale() {
+      return getCurrentLocale();
+    },
     submissionButtonLabelLowercase() {
       return this.submissionButtonLabel.toLowerCase();
     },
@@ -369,6 +373,11 @@ export default {
       }
       return this.signUpText;
     },
+    getSignInAction() {
+      const params = new URLSearchParams();
+      params.set('locale', this.currentLocale);
+      return `/identity/account/signin?${params.toString()}`;
+    },
   },
   watch: {
     capturePassword() {

package/src/experiences/components/AuthFlow/SignUp.vue

@@ -34,6 +34,7 @@
           </h2>
           <form id="signup" action="/identity/account/signup" method="post" @submit="validate">
             <input name="__RequestVerificationToken" type="hidden" :value="antiForgeryToken" />
+            <input name="requestLocale" type="hidden" :value="currentLocale" />
             <label for="userName" class="tw-sr-only"> {{ emailLabel }} </label>
             <input
               v-model="aUserName"
@@ -116,6 +117,7 @@ import SocialSignIn from './SocialSignIn.vue';
 import SubmissionButton from './SubmissionButton.vue';
 import AuthLegal from './AuthLegal.vue';
 import themeMixin from '../../mixins/themeMixin';
+import { getCurrentLocale } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -229,6 +231,9 @@ export default {
       }
       return url?.toString();
     },
+    currentLocale() {
+      return getCurrentLocale();
+    },
   },
   methods: {
     validate(e) {

package/src/experiences/components/PaymentConfigList/PaymentConfig.mixin.js

@@ -1,5 +1,6 @@
 import vClickOutside from 'click-outside-vue3';
 import brandPageApiClient from '../../clients/brand-page-api.client';
+import { sharedPaymentConfigTr } from '../../../useSharedLibTranslate';
 
 export const paymentConfigStatuses = Object.freeze({
   active: 'Active',
@@ -38,13 +39,13 @@ export default {
     getPaymentConfigStatusDisplayText(paymentConfigStatus) {
       switch (paymentConfigStatus) {
         case paymentConfigStatuses.pendingPreOnboarding:
-          return 'Onboarding Incomplete';
+          return sharedPaymentConfigTr('onboardingIncomplete');
         case paymentConfigStatuses.pendingPostOnboarding:
-          return 'Pending Verification';
+          return sharedPaymentConfigTr('pendingVerification');
         case paymentConfigStatuses.active:
-          return 'Connected';
+          return sharedPaymentConfigTr('connected');
         case paymentConfigStatuses.unactivatedByCustomer:
-          return 'Inactive';
+          return sharedPaymentConfigTr('inactive');
         default:
           if (process.env.NODE_ENV !== 'production') {
             console.warn(`Unsupported payment config status ${paymentConfigStatus}`);

package/src/experiences/components/PaymentConfigList/PaymentConfigDropdown.vue

@@ -5,7 +5,7 @@
     </div>
     <Button
       v-if="isAddPaymentProviderButtonVisible"
-      label="Add Payment Provider"
+      :label="sharedPaymentConfigTr('addPaymentProvider')"
       size="small"
       variant="outline"
       @on-click="onAddPaymentProviderButtonClick"
@@ -43,7 +43,7 @@
       <DropdownItem v-if="showAddPaymentProvider" class="tw-border-t-2" @click="onAddPaymentProviderButtonClick">
         <Button
           :full-width="true"
-          label="Add Payment Provider"
+          :label="sharedPaymentConfigTr('addPaymentProvider')"
           size="small"
           variant="outline"
           @on-click="onAddPaymentProviderButtonClick"
@@ -60,6 +60,7 @@ import Loader from '../../../../src/atoms/components/Loader/Loader.vue';
 import Pill from '../../../../src/atoms/components/Pill/Pill.vue';
 
 import PaymentConfigMixin, { paymentConfigStatuses } from './PaymentConfig.mixin';
+import { sharedPaymentConfigTr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -109,6 +110,8 @@ export default {
     }
   },
   methods: {
+    sharedPaymentConfigTr,
+
     onAddPaymentProviderButtonClick() {
       this.$emit('on-add-payment-provider-click');
     },

package/src/experiences/components/PaymentConfigList/PaymentConfigList.vue

@@ -48,7 +48,7 @@
             @click="onClickDeleteConfirmation(paymentConfig.id)"
           >
             <span class="tw-whitespace-nowrap tw-flex tw-gap-2"
-              ><Icon name="delete" size="sm" />Delete payment method</span
+              ><Icon name="delete" size="sm" />{{ sharedPaymentConfigTr('deletePaymentMethod') }}</span
             >
           </li>
         </ul>
@@ -71,6 +71,7 @@ import PaymentConfigDeleteConfigModal from './PaymentConfigDeleteConfigModal.vue
 import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
 
 import PaymentConfigMixin from './PaymentConfig.mixin';
+import { sharedPaymentConfigTr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -89,6 +90,8 @@ export default {
     };
   },
   methods: {
+    sharedPaymentConfigTr,
+
     onClickStripeOptions(index) {
       this.activeStripeOptionIndex = this.activeStripeOptionIndex === index ? null : index;
     },

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.de-DE.json

@@ -0,0 +1,10 @@
+{
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Das Onboarding wurde noch nicht abgeschlossen.",
+    "pendingVerification" : "Ausstehende Verifizierung",
+    "connected" : "Verbunden",
+    "inactive" : "Inaktiv",
+    "addPaymentProvider" : "Zahlungsanbieter hinzufügen",
+    "deletePaymentMethod" : "Zahlungsmethode löschen"
+  }
+}

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.es-ES.json

@@ -0,0 +1,10 @@
+{
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Incorporación incompleta",
+    "pendingVerification" : "Pendiente de verificación",
+    "connected" : "Conectado",
+    "inactive" : "Inactivo",
+    "addPaymentProvider" : "Añadir proveedor de pago",
+    "deletePaymentMethod" : "Eliminar método de pago"
+  }
+}

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-FR.json

@@ -0,0 +1,10 @@
+{
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Inscription incomplète",
+    "pendingVerification" : "Vérification en attente",
+    "connected" : "Connecté",
+    "inactive" : "Inactif",
+    "addPaymentProvider" : "Ajouter un fournisseur de paiement",
+    "deletePaymentMethod" : "Supprimer le mode de paiement"
+  }
+}

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.json

@@ -0,0 +1,10 @@
+{
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Onboarding Incomplete",
+    "pendingVerification": "Pending Verification",
+    "connected": "Connected",
+    "inactive": "Inactive",
+    "addPaymentProvider": "Add Payment Provider",
+    "deletePaymentMethod": "Delete payment method"
+  }
+}

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-PT.json

@@ -0,0 +1,10 @@
+{
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Integração incompleta",
+    "pendingVerification" : "Verificação Pendente",
+    "connected" : "Ligado",
+    "inactive" : "Inativo",
+    "addPaymentProvider" : "Adicionar fornecedor de pagamentos",
+    "deletePaymentMethod" : "Eliminar método de pagamento"
+  }
+}

package/src/useSharedLibTranslate.js

@@ -27,6 +27,8 @@ const setSharedLibLocaleAsync = async (locale = 'en-US') => {
   await i18next.addResourceBundle(localeToUse, 'fe-shared-lib', {
     ...languageFile,
   });
+
+  await i18next.changeLanguage(localeToUse);
 };
 
 const tr = (key, valuesToInterpolate = {}) => {
@@ -55,6 +57,8 @@ const sellDomainNameListModalTr = (key, valuesToInterpolate = {}) =>
 
 const sellDomainNameListTr = (key, valuesToInterpolate = {}) => tr(`sellDomainNameList.${key}`, valuesToInterpolate);
 
+const sharedPaymentConfigTr = (key, valuesToInterpolate = {}) => tr(`sharedPaymentConfig.${key}`, valuesToInterpolate);
+
 const priceTr = (key, valuesToInterpolate = {}) => tr(`price.${key}`, valuesToInterpolate);
 
 const getCurrentLocale = () => {
@@ -72,6 +76,6 @@ export {
   sellDomainNameModalApplicationTr,
   sellDomainNameListModalTr,
   sellDomainNameListTr,
+  sharedPaymentConfigTr,
   priceTr,
 };
-