diff --git a/packages/blade/package.json b/packages/blade/package.json
index 274aebd8ba4..72a66b682e5 100644
--- a/packages/blade/package.json
+++ b/packages/blade/package.json
@@ -280,8 +280,8 @@
"typescript-transform-paths": "3.4.7",
"@types/body-scroll-lock": "3.1.0",
"ramda": "0.29.1",
- "@razorpay/i18nify-js": "1.9.3",
- "@razorpay/i18nify-react": "4.0.8",
+ "@razorpay/i18nify-js": "1.10.3",
+ "@razorpay/i18nify-react": "4.0.9",
"plop": "3.1.1",
"node-plop": "0.32.0",
"svgson": "5.3.1"
@@ -300,8 +300,8 @@
"react-hot-toast": "2.4.1",
"@gorhom/bottom-sheet": "^4.4.6",
"@gorhom/portal": "^1.0.14",
- "@razorpay/i18nify-js": "^1.9.3",
- "@razorpay/i18nify-react": "^4.0.8"
+ "@razorpay/i18nify-js": "^1.10.3",
+ "@razorpay/i18nify-react": "^4.0.9"
},
"peerDependenciesMeta": {
"react-native": {
diff --git a/packages/blade/src/components/Amount/Amount.tsx b/packages/blade/src/components/Amount/Amount.tsx
index 3f11781e291..04cb73fe93e 100644
--- a/packages/blade/src/components/Amount/Amount.tsx
+++ b/packages/blade/src/components/Amount/Amount.tsx
@@ -116,7 +116,6 @@ const AmountValue = ({
fontFamily={numberFontFamily}
as={isReactNative ? undefined : 'span'}
>
- {amount.minusSign}
{amount.integer}
- {amount.minusSign}
{amount.formatted}
);
@@ -188,27 +186,29 @@ export const formatAmountWithSuffix = ({
};
}
case 'humanize': {
- const formatted = formatNumber(value, {
+ const options = {
intlOptions: {
notation: 'compact',
maximumFractionDigits: 2,
trailingZeroDisplay: 'stripIfInteger',
},
- });
+ } as const;
return {
- formatted,
+ ...formatNumberByParts(value, options),
+ formatted: formatNumber(value, options),
};
}
default: {
- const formatted = formatNumber(value, {
+ const options = {
intlOptions: {
maximumFractionDigits: 0,
roundingMode: 'floor',
},
- });
+ } as const;
return {
- formatted,
+ ...formatNumberByParts(value, options),
+ formatted: formatNumber(value, options),
};
}
}
@@ -298,6 +298,8 @@ const _Amount = ({
: normalAmountSizes[type][size];
const isReactNative = getPlatformType() === 'react-native';
+ console.log(renderedValue);
+
return (
+ {renderedValue.minusSign ? (
+
+ {renderedValue.minusSign}
+
+ ) : null}
{currencyPosition === 'left' && (