@designcrowd/fe-shared-lib 1.2.18-kp-3 → 1.2.18-ml-currency

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.json

@@ -1,24 +1,22 @@
 {
-  "publishBrandPageModal": {
-    "firstTimePublishHeaderLabel": "Set the URL for {{brandPageDisplayName}}",
-    "sitePublishedLabel": "Site published!",
-    "publishSuccessLabel": "Your {{brandPageDisplayName}} is live! Start using your link:",
-    "freePublishCardTitleLabel": "Free Address",
-    "freePublishCardDescriptionLabel": "Choose a free address to publish now. You can always edit the URL later",
-    "slugInputPlaceholderYourNameLabel": "your-name",
-    "slugInputPlaceholderYourBusinessNameLabel": "your-business-name",
-    "freeDomainLabel": "Free domain",
-    "purchasedDomainLabel": "Purchased domain",
-    "setUrlLabel": "Set URL",
-    "publishLabel": "Publish",
-    "viewMoreDomainLabel": "VIEW MORE DOMAINS",
-    "viewMyWebsiteLabel": "View {{brandPageDisplayName}}",
-    "copyLabel": "Copy",
-    "copySuccessLabel": "Copied!",
-    "publishedSuccessDescriptionLabel": "Buy matching domain name for your brand",
-    "hasAlreadyPurchasedDomainCloseButtonLabel": "No thanks, maybe later",
-    "selectDomainDropdownPlaceholder": "Select domain name",
-    "websiteFriendlyName": "Website",
-    "digitalBusinessCardFriendlyName": "Digital Business Card"
-  }
-}
+    "publishBrandPageModal": {
+        "firstTimePublishHeaderLabel": "Set the URL for {{brandPageDisplayName}}",
+        "sitePublishedLabel": "Site published!",
+        "publishSuccessLabel": "Your {{brandPageDisplayName}} is live! Start using your link:",
+        "freePublishCardTitleLabel": "Free Address",
+        "freePublishCardDescriptionLabel": "Choose a free address to publish now. You can always edit the URL later",
+        "slugInputPlaceholderYourNameLabel": "your-name",
+        "slugInputPlaceholderYourBusinessNameLabel": "your-business-name",
+        "freeDomainLabel": "Free domain",
+        "purchasedDomainLabel": "Purchased domain",
+        "setUrlLabel": "Set URL",
+        "publishLabel": "Publish",
+        "viewMoreDomainLabel": "VIEW MORE DOMAINS",
+        "viewMyWebsiteLabel": "View {{brandPageDisplayName}}",
+        "copyLabel": "Copy",
+        "copySuccessLabel": "Copied!",
+        "publishedSuccessDescriptionLabel": "Buy matching domain name for your brand",
+        "hasAlreadyPurchasedDomainCloseButtonLabel": "No thanks, maybe later",
+        "selectDomainDropdownPlaceholder": "Select domain name"
+    }
+}

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.pt-PT.json

@@ -17,8 +17,6 @@
     "copySuccessLabel" : "Copiado!",
     "publishedSuccessDescriptionLabel" : "Compre um nome de domínio que corresponda à sua marca",
     "hasAlreadyPurchasedDomainCloseButtonLabel" : "Não, obrigado, talvez mais tarde",
-    "selectDomainDropdownPlaceholder" : "Selecionar nome de domínio",
-    "websiteFriendlyName" : "Website",
-    "digitalBusinessCardFriendlyName" : "Cartão de visita digital"
+    "selectDomainDropdownPlaceholder" : "Selecionar nome de domínio"
   }
-}
+}

package/src/useSharedLibTranslate.js

@@ -67,6 +67,47 @@ const getCurrentLocale = () => {
   return i18next.language || 'en-US';
 };
 
+const formatCurrency = (amount, locale, currency, fraction = 0, showAbbreviation = false) => {
+  let localeAmount = i18next.t('{{val, currency}}', {
+    ns: 'fe-shared-lib',
+    val: amount,
+    currency: currency.iso4127Code,
+    locale: locale,
+    maximumFractionDigits: fraction,
+    useGrouping: false,
+  });
+
+  const abbreviationTrimmed = currency.abbreviation.trim();
+  const symbolTrimmed = currency.symbol.trim();
+
+  // i18next always uses iso code for ZAR, prefer symbol over iso code
+  if (localeAmount.includes(currency.iso4127Code) && currency.iso4127Code === 'ZAR') {
+    return localeAmount.replace(currency.iso4127Code, symbolTrimmed);
+  }
+
+  // edge case
+  if (localeAmount.includes(currency.iso4127Code)) {
+    return localeAmount.replace(currency.iso4127Code, symbolTrimmed);
+  }
+
+  // show abbreviation locale logic
+  // note: showAbbreviation is only passed as true for symbol = "$"
+  if (currency.symbol.trim() !== '$') {
+    return localeAmount;
+  }
+
+  const altAudAbbreviation = 'AU';
+  if (showAbbreviation && !localeAmount.includes(abbreviationTrimmed)) {
+    return localeAmount.replace(symbolTrimmed,`${abbreviationTrimmed}${symbolTrimmed}`);
+  } else if (!showAbbreviation && localeAmount.includes(altAudAbbreviation)) {
+    return localeAmount.replace(altAudAbbreviation, '');
+  } else if (!showAbbreviation && localeAmount.includes(abbreviationTrimmed)) {
+    return localeAmount.replace(abbreviationTrimmed, '');
+  }
+
+  return localeAmount;
+}
+
 export {
   setSharedLibLocaleAsync,
   getCurrentLocale,
@@ -81,4 +122,5 @@ export {
   uploadYourLogoTr,
   sharedPaymentConfigTr,
   priceTr,
+  formatCurrency,
 };