@designcrowd/fe-shared-lib 1.2.9-ml-currency → 1.2.9-shared-branch-1

package/src/atoms/components/Price/Price.vue

@@ -5,10 +5,6 @@
   </span>
 </template>
 <script>
-
-import i18next from "i18next";
-import {setSharedLibLocaleAsync} from "../../../useSharedLibTranslate";
-
 export default {
   props: {
     amount: {
@@ -26,11 +22,6 @@ export default {
       required: false,
       default: null,
     },
-    localeCurrency: {
-      type: String,
-      required: false,
-      default: null,
-    },
     fraction: {
       type: [Number, String],
       required: false,
@@ -57,9 +48,6 @@ export default {
       default: false,
     },
   },
-  setup() {
-    setSharedLibLocaleAsync();
-  },
   computed: {
     amountFormatted() {
       if (this.isDomainCredit) {
@@ -70,11 +58,6 @@ export default {
         return 'Free';
       }
 
-      if (this.localeCurrency != null)
-      {
-        return i18next.t('{{val, number}}', { ns: 'fe-shared-lib', val: this.amount, lng: this.localeCurrency, minimumFractionDigits: this.fraction });
-      }
-
       const parsedAmount = Number.parseFloat(this.amount);
 
       if (Number.isNaN(parsedAmount)) {

package/src/bundleTranslation.js

@@ -64,6 +64,7 @@ const bundle = () => {
     const translations = {};
 
     translationFiles.forEach((file) => {
+      console.log(file);
       const fileContent = fs.readFileSync(file, 'utf-8');
 
       Object.assign(translations, JSON.parse(fileContent));

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

@@ -1,4 +1,12 @@
 {
+  "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

@@ -1,4 +1,12 @@
 {
+  "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

@@ -1,4 +1,12 @@
 {
+  "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

@@ -1,4 +1,12 @@
 {
+  "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

@@ -1,4 +1,12 @@
 {
+  "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/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

@@ -55,6 +55,8 @@ const sellDomainNameListModalTr = (key, valuesToInterpolate = {}) =>
 
 const sellDomainNameListTr = (key, valuesToInterpolate = {}) => tr(`sellDomainNameList.${key}`, valuesToInterpolate);
 
+const sharedPaymentConfigTr = (key, valuesToInterpolate = {}) => tr(`sharedPaymentConfig.${key}`, valuesToInterpolate);
+
 const getCurrentLocale = () => {
   return i18next.language || 'en-US';
 };
@@ -70,5 +72,5 @@ export {
   sellDomainNameModalApplicationTr,
   sellDomainNameListModalTr,
   sellDomainNameListTr,
+  sharedPaymentConfigTr,
 };
-