@razorpay/blade 10.23.4 → 11.0.0

package/build/lib/web/production/components/Amount/Amount.js

@@ -1,17 +1,22 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
-import { affixFontSizes, amountFontSizes, amountLineHeights, getCurrencyAbbreviations, currencyPrefixMapping } from './amountTokens.js';
-import '../Typography/BaseText/index.js';
+import { subtleFontSizes, normalAmountSizes, amountLineHeights, getCurrencyAbbreviations, currencyIndicatorMapping, currencyPositionMapping } from './amountTokens.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../Box/styledProps/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/logger/index.js';
+import { objectKeysWithType } from '../../utils/objectKeysWithType.js';
+import '../Typography/BaseText/index.js';
+import '../Typography/index.js';
+import '../../tokens/global/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
+import { Text } from '../Typography/Text/Text.js';
 import { BaseText } from '../Typography/BaseText/BaseText.web.js';
+import { opacity } from '../../tokens/global/opacity.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
@@ -19,60 +24,64 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["value", "suffix", "size", "isAffixSubtle", "intent", "prefix", "testID", "currency"];
+var _excluded = ["value", "suffix", "type", "size", "weight", "isAffixSubtle", "isStrikethrough", "color", "currencyIndicator", "currency", "testID"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getTextColorProps = function getTextColorProps(_ref) {
-  var intent = _ref.intent;
+  var color = _ref.color;
   var props = {
-    amountValueColor: 'surface.text.normal.lowContrast',
-    affixColor: 'surface.text.muted.lowContrast'
+    amountValueColor: 'surface.text.gray.normal'
   };
-  if (!intent) return props;
-  props.amountValueColor = "feedback.text.".concat(intent, ".lowContrast");
-  props.affixColor = "feedback.text.".concat(intent, ".lowContrast");
+  if (!color) return props;
+  props.amountValueColor = color;
   return props;
 };
 var AmountValue = function AmountValue(_ref2) {
   var value = _ref2.value,
-    size = _ref2.size,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
+    _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'body' : _ref2$type,
+    _ref2$weight = _ref2.weight,
+    weight = _ref2$weight === void 0 ? 'regular' : _ref2$weight,
     amountValueColor = _ref2.amountValueColor,
     isAffixSubtle = _ref2.isAffixSubtle,
-    suffix = _ref2.suffix,
-    affixColor = _ref2.affixColor;
-  var affixFontWeight = isAffixSubtle ? 'regular' : 'bold';
+    suffix = _ref2.suffix;
   var isReactNative = getPlatformType() === 'react-native';
-  var affixFontSize = isAffixSubtle ? affixFontSizes[size] : amountFontSizes[size];
-  var valueForWeight = size.includes('bold') || size.startsWith('title') ? 'bold' : 'regular';
+  var affixFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];
+  var numberFontFamily = type === 'body' ? 'text' : 'heading';
   if (suffix === 'decimals' && isAffixSubtle) {
     var integer = value.split('.')[0];
     var decimal = value.split('.')[1];
 
-    // Native does not support alignItems of Text inside a div, insted we need to wrap is in a Text
-    var AmountWrapper = getPlatformType() === 'react-native' ? BaseText : React__default.Fragment;
+    // Native does not support alignItems of Text inside a div, instead we need to wrap is in a Text
+    var AmountWrapper = isReactNative ? Text : React__default.Fragment;
     return /*#__PURE__*/jsxs(AmountWrapper, {
-      children: [/*#__PURE__*/jsxs(BaseText, {
-        fontSize: amountFontSizes[size],
-        fontWeight: valueForWeight,
-        lineHeight: amountLineHeights[size],
+      children: [/*#__PURE__*/jsx(BaseText, {
+        fontSize: normalAmountSizes[type][size],
+        fontWeight: weight,
+        lineHeight: amountLineHeights[type][size],
         color: amountValueColor,
+        fontFamily: numberFontFamily,
         as: isReactNative ? undefined : 'span',
-        children: [integer, "."]
-      }), /*#__PURE__*/jsx(BaseText, {
-        marginLeft: "spacing.1",
-        fontWeight: affixFontWeight,
+        children: integer
+      }), /*#__PURE__*/jsxs(BaseText, {
+        fontWeight: weight,
         fontSize: affixFontSize,
-        color: affixColor,
+        fontFamily: numberFontFamily,
+        color: amountValueColor,
         as: isReactNative ? undefined : 'span',
-        children: decimal || '00'
+        opacity: isAffixSubtle ? opacity[8] : 1,
+        children: [".", decimal || '00']
       })]
     });
   }
   return /*#__PURE__*/jsx(BaseText, {
-    fontSize: amountFontSizes[size],
-    fontWeight: valueForWeight,
+    fontSize: normalAmountSizes[type][size],
+    fontWeight: weight,
+    fontFamily: numberFontFamily,
     color: amountValueColor,
-    lineHeight: amountLineHeights[size],
+    lineHeight: amountLineHeights[type][size],
     children: value
   });
 };
@@ -98,7 +107,12 @@ var addCommas = function addCommas(amountValue, currency) {
  * ie: for INR 2000 => 2K
  * for MYR 2000000 => 2M
  */
-var getHumanizedAmount = function getHumanizedAmount(amountValue, currency) {
+var getHumanizedAmount = function getHumanizedAmount(_ref3) {
+  var value = _ref3.value,
+    currency = _ref3.currency,
+    _ref3$denominationPos = _ref3.denominationPosition,
+    denominationPosition = _ref3$denominationPos === void 0 ? 'right' : _ref3$denominationPos;
+  var amountValue = value;
   var abbreviations = getCurrencyAbbreviations(currency);
   var abbreviation = abbreviations.find(function (abbr) {
     return amountValue >= abbr.value;
@@ -106,15 +120,18 @@ var getHumanizedAmount = function getHumanizedAmount(amountValue, currency) {
   if (abbreviation) {
     amountValue = amountValue / abbreviation.value;
     var formattedAmountValue = getFlooredFixed(amountValue, 2);
-    return addCommas(formattedAmountValue, currency) + abbreviation.symbol;
-  } else {
-    return amountValue.toString();
+    if (denominationPosition === 'right') {
+      return "".concat(addCommas(formattedAmountValue, currency)).concat(abbreviation.symbol);
+    }
+    return "".concat(abbreviation.symbol).concat(addCommas(formattedAmountValue, currency));
   }
+  return amountValue.toString();
 };
-var formatAmountWithSuffix = function formatAmountWithSuffix(_ref3) {
-  var suffix = _ref3.suffix,
-    value = _ref3.value,
-    currency = _ref3.currency;
+var formatAmountWithSuffix = function formatAmountWithSuffix(_ref4) {
+  var suffix = _ref4.suffix,
+    value = _ref4.value,
+    currency = _ref4.currency,
+    denominationPosition = _ref4.denominationPosition;
   switch (suffix) {
     case 'decimals':
       {
@@ -123,7 +140,11 @@ var formatAmountWithSuffix = function formatAmountWithSuffix(_ref3) {
       }
     case 'humanize':
       {
-        return getHumanizedAmount(value, currency);
+        return getHumanizedAmount({
+          value: value,
+          currency: currency,
+          denominationPosition: denominationPosition
+        });
       }
     case 'none':
       {
@@ -133,25 +154,27 @@ var formatAmountWithSuffix = function formatAmountWithSuffix(_ref3) {
       return addCommas(getFlooredFixed(value, 0), currency);
   }
 };
-var getCurrencyWeight = function getCurrencyWeight(isAffixSubtle, size) {
-  if (isAffixSubtle || size.startsWith('bold')) return 'bold';
-  return 'regular';
-};
-var _Amount = function _Amount(_ref4) {
-  var value = _ref4.value,
-    _ref4$suffix = _ref4.suffix,
-    suffix = _ref4$suffix === void 0 ? 'decimals' : _ref4$suffix,
-    _ref4$size = _ref4.size,
-    size = _ref4$size === void 0 ? 'body-medium' : _ref4$size,
-    _ref4$isAffixSubtle = _ref4.isAffixSubtle,
-    isAffixSubtle = _ref4$isAffixSubtle === void 0 ? true : _ref4$isAffixSubtle,
-    intent = _ref4.intent,
-    _ref4$prefix = _ref4.prefix,
-    prefix = _ref4$prefix === void 0 ? 'currency-symbol' : _ref4$prefix,
-    testID = _ref4.testID,
-    _ref4$currency = _ref4.currency,
-    currency = _ref4$currency === void 0 ? 'INR' : _ref4$currency,
-    styledProps = _objectWithoutProperties(_ref4, _excluded);
+var _Amount = function _Amount(_ref5) {
+  var value = _ref5.value,
+    _ref5$suffix = _ref5.suffix,
+    suffix = _ref5$suffix === void 0 ? 'decimals' : _ref5$suffix,
+    _ref5$type = _ref5.type,
+    type = _ref5$type === void 0 ? 'body' : _ref5$type,
+    _ref5$size = _ref5.size,
+    size = _ref5$size === void 0 ? 'medium' : _ref5$size,
+    _ref5$weight = _ref5.weight,
+    weight = _ref5$weight === void 0 ? 'regular' : _ref5$weight,
+    _ref5$isAffixSubtle = _ref5.isAffixSubtle,
+    isAffixSubtle = _ref5$isAffixSubtle === void 0 ? true : _ref5$isAffixSubtle,
+    _ref5$isStrikethrough = _ref5.isStrikethrough,
+    isStrikethrough = _ref5$isStrikethrough === void 0 ? false : _ref5$isStrikethrough,
+    color = _ref5.color,
+    _ref5$currencyIndicat = _ref5.currencyIndicator,
+    currencyIndicator = _ref5$currencyIndicat === void 0 ? 'currency-symbol' : _ref5$currencyIndicat,
+    _ref5$currency = _ref5.currency,
+    currency = _ref5$currency === void 0 ? 'INR' : _ref5$currency,
+    testID = _ref5.testID,
+    styledProps = _objectWithoutProperties(_ref5, _excluded);
   if (false) {
     if (typeof value !== 'number') {
       throwBladeError({
@@ -159,31 +182,53 @@ var _Amount = function _Amount(_ref4) {
         moduleName: 'Amount'
       });
     }
-    // @ts-expect-error neutral intent should throw error
-    if (intent === 'neutral') {
+    // @ts-expect-error neutral color should throw error
+    if (color === 'neutral') {
       throwBladeError({
-        message: '`neutral` intent is not supported.',
+        message: '`neutral` color is not supported.',
+        moduleName: 'Amount'
+      });
+    }
+    var bodySizes = objectKeysWithType(normalAmountSizes.body);
+    if ((type === 'body' || !type) && !bodySizes.includes(size)) {
+      throwBladeError({
+        message: "size=\"".concat(size, "\" is not allowed with type=\"body\""),
+        moduleName: 'Amount'
+      });
+    }
+    var displaySizes = objectKeysWithType(normalAmountSizes.display);
+    if (type === 'display' && !displaySizes.includes(size)) {
+      throwBladeError({
+        message: "size=\"".concat(size, "\" is not allowed with type=\"display\""),
+        moduleName: 'Amount'
+      });
+    }
+    var headingSizes = objectKeysWithType(normalAmountSizes.heading);
+    if (type === 'heading' && !headingSizes.includes(size)) {
+      throwBladeError({
+        message: "size=\"".concat(size, "\" is not allowed with type=\"heading\""),
         moduleName: 'Amount'
       });
     }
   }
-  var currencyPrefix = currencyPrefixMapping[currency][prefix];
+  var currencySymbolOrCode = currencyIndicatorMapping[currency][currencyIndicator];
+  var currencyPosition = currencyPositionMapping[currency] || 'left';
+  var denominationPosition = currencyPosition === 'left' ? 'right' : 'left';
   var renderedValue = formatAmountWithSuffix({
     suffix: suffix,
     value: value,
-    currency: currency
+    currency: currency,
+    denominationPosition: denominationPosition
   });
   var _getTextColorProps = getTextColorProps({
-      intent: intent
+      color: color
     }),
-    amountValueColor = _getTextColorProps.amountValueColor,
-    affixColor = _getTextColorProps.affixColor;
-  var currencyColor = isAffixSubtle ? affixColor : amountValueColor;
-  var currencyFontSize = isAffixSubtle ? affixFontSizes[size] : amountFontSizes[size];
-  var currencyWeight = getCurrencyWeight(isAffixSubtle, size);
+    amountValueColor = _getTextColorProps.amountValueColor;
+  var currencyFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];
   var isReactNative = getPlatformType() === 'react-native';
   return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
-    display: isReactNative ? 'flex' : 'inline-flex'
+    display: isReactNative ? 'flex' : 'inline-flex',
+    flexDirection: "row"
   }, metaAttribute({
     name: MetaConstants.Amount,
     testID: testID
@@ -192,20 +237,40 @@ var _Amount = function _Amount(_ref4) {
       display: isReactNative ? 'flex' : 'inline-flex',
       alignItems: "baseline",
       flexDirection: "row",
-      children: [/*#__PURE__*/jsx(BaseText, {
+      position: "relative",
+      children: [currencyPosition === 'left' && /*#__PURE__*/jsx(BaseText, {
         marginRight: "spacing.1",
-        fontWeight: currencyWeight,
+        fontWeight: weight,
         fontSize: currencyFontSize,
-        color: currencyColor,
+        color: amountValueColor,
         as: isReactNative ? undefined : 'span',
-        children: currencyPrefix
+        opacity: isAffixSubtle ? opacity[8] : 1,
+        children: currencySymbolOrCode
       }), /*#__PURE__*/jsx(AmountValue, {
         value: renderedValue,
         amountValueColor: amountValueColor,
+        type: type,
+        weight: weight,
         size: size,
         isAffixSubtle: isAffixSubtle,
-        suffix: suffix,
-        affixColor: affixColor
+        suffix: suffix
+      }), currencyPosition === 'right' && /*#__PURE__*/jsx(BaseText, {
+        marginLeft: "spacing.1",
+        fontWeight: weight,
+        fontSize: currencyFontSize,
+        color: amountValueColor,
+        as: isReactNative ? undefined : 'span',
+        opacity: isAffixSubtle ? opacity[8] : 1,
+        children: currencySymbolOrCode
+      }), isStrikethrough && /*#__PURE__*/jsx(BaseBox
+      // @ts-expect-error - intentionally setting the border color to the color prop for this hacky strikethrough
+      , {
+        borderBottomColor: amountValueColor,
+        borderBottomWidth: type === 'body' ? 'thin' : 'thicker',
+        borderBottomStyle: "solid",
+        position: "absolute",
+        width: "100%",
+        top: "50%"
       })]
     })
   }));

package/build/lib/web/production/components/Amount/Amount.js.map

@@ -1 +1 @@
-{"version":3,"file":"Amount.js","sources":["../../../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { Currency } from './amountTokens';\nimport {\n  amountFontSizes,\n  getCurrencyAbbreviations,\n  currencyPrefixMapping,\n  affixFontSizes,\n  amountLineHeights,\n} from './amountTokens';\nimport { BaseText } from '~components/Typography/BaseText';\nimport type { Feedback } from '~tokens/theme/theme';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TestID } from '~utils/types';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\n\ntype AmountProps = {\n  /**\n   * The value to be rendered within the component.\n   *\n   */\n  value: number;\n  /**\n   * Sets the intent of the amount.\n   *\n   * @default undefined\n   */\n  intent?: Exclude<Feedback, 'neutral'>;\n  /**\n   * Sets the size of the amount.\n   *\n   * @default 'body-medium'\n   */\n  size?:\n    | 'body-medium-bold'\n    | 'body-small'\n    | 'body-small-bold'\n    | 'body-medium'\n    | 'body-medium-bold'\n    | 'heading-small'\n    | 'heading-small-bold'\n    | 'heading-large'\n    | 'heading-large-bold'\n    | 'title-small'\n    | 'title-medium';\n  /**\n   * Indicates what the suffix of amount should be\n   *\n   * @default 'decimals'\n   */\n  suffix?: 'decimals' | 'none' | 'humanize';\n  /**\n   * Makes the prefix symbol and decimal digits small and faded\n   *\n   * @default true\n   */\n  isAffixSubtle?: true | false;\n  /**\n   * Prefix to be shown before the amount value. The prefix can be either a currency symbol or a currency code.\n   *\n   * @default 'currency-symbol'\n   */\n  prefix?: 'currency-symbol' | 'currency-code';\n  /**\n   * The currency of the amount.  Note that this component\n   * only displays the provided value in the specified currency, it does not perform any currency conversion.\n   *\n   * @default 'INR'\n   * */\n  currency?: Currency;\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  amountValueColor: BaseTextProps['color'];\n  affixColor: BaseTextProps['color'];\n};\n\nconst getTextColorProps = ({ intent }: { intent: AmountProps['intent'] }): ColorProps => {\n  const props: ColorProps = {\n    amountValueColor: 'surface.text.normal.lowContrast',\n    affixColor: 'surface.text.muted.lowContrast',\n  };\n  if (!intent) return props;\n  props.amountValueColor = `feedback.text.${intent}.lowContrast`;\n  props.affixColor = `feedback.text.${intent}.lowContrast`;\n  return props;\n};\n\ninterface AmountValue extends Omit<AmountProps, 'value'> {\n  affixColor: BaseTextProps['color'];\n  amountValueColor: BaseTextProps['color'];\n  value: string;\n  size: Exclude<AmountProps['size'], undefined>;\n}\n\nconst AmountValue = ({\n  value,\n  size,\n  amountValueColor,\n  isAffixSubtle,\n  suffix,\n  affixColor,\n}: AmountValue): ReactElement => {\n  const affixFontWeight = isAffixSubtle ? 'regular' : 'bold';\n  const isReactNative = getPlatformType() === 'react-native';\n  const affixFontSize = isAffixSubtle ? affixFontSizes[size] : amountFontSizes[size];\n  const valueForWeight = size.includes('bold') || size.startsWith('title') ? 'bold' : 'regular';\n  if (suffix === 'decimals' && isAffixSubtle) {\n    const integer = value.split('.')[0];\n    const decimal = value.split('.')[1];\n\n    // Native does not support alignItems of Text inside a div, insted we need to wrap is in a Text\n    const AmountWrapper = getPlatformType() === 'react-native' ? BaseText : React.Fragment;\n\n    return (\n      <AmountWrapper>\n        <BaseText\n          fontSize={amountFontSizes[size]}\n          fontWeight={valueForWeight}\n          lineHeight={amountLineHeights[size]}\n          color={amountValueColor}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {integer}.\n        </BaseText>\n        <BaseText\n          marginLeft=\"spacing.1\"\n          fontWeight={affixFontWeight}\n          fontSize={affixFontSize}\n          color={affixColor}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {decimal || '00'}\n        </BaseText>\n      </AmountWrapper>\n    );\n  }\n  return (\n    <BaseText\n      fontSize={amountFontSizes[size]}\n      fontWeight={valueForWeight}\n      color={amountValueColor}\n      lineHeight={amountLineHeights[size]}\n    >\n      {value}\n    </BaseText>\n  );\n};\n\n// This function rounds a number to a specified number of decimal places\n// and floors the result.\nexport const getFlooredFixed = (value: number, decimalPlaces: number): number => {\n  const factor = 100 ** decimalPlaces;\n  const roundedValue = Math.floor(value * factor) / factor;\n  return Number(roundedValue.toFixed(decimalPlaces));\n};\n\nexport const addCommas = (amountValue: number, currency: Currency, decimalPlaces = 0): string => {\n  // If the currency is 'INR', set the locale to 'en-IN' (Indian English).\n  // Otherwise, set the locale to 'en-US' (U.S. English).\n  const locale = currency === 'INR' ? 'en-IN' : 'en-US';\n  return amountValue.toLocaleString(locale, { minimumFractionDigits: decimalPlaces });\n};\n/**\n * This function returns the humanized amount\n * ie: for INR 2000 => 2K\n * for MYR 2000000 => 2M\n */\nexport const getHumanizedAmount = (amountValue: number, currency: Currency): string => {\n  const abbreviations = getCurrencyAbbreviations(currency);\n\n  const abbreviation = abbreviations.find((abbr) => amountValue >= abbr.value);\n  if (abbreviation) {\n    amountValue = amountValue / abbreviation.value;\n    const formattedAmountValue = getFlooredFixed(amountValue, 2);\n    return addCommas(formattedAmountValue, currency) + abbreviation.symbol;\n  } else {\n    return amountValue.toString();\n  }\n};\n\ntype FormatAmountWithSuffixType = {\n  suffix: AmountProps['suffix'];\n  value: number;\n  currency: Currency;\n};\n\nexport const formatAmountWithSuffix = ({\n  suffix,\n  value,\n  currency,\n}: FormatAmountWithSuffixType): string => {\n  switch (suffix) {\n    case 'decimals': {\n      const decimalNumber = getFlooredFixed(value, 2);\n      return addCommas(decimalNumber, currency, 2);\n    }\n    case 'humanize': {\n      return getHumanizedAmount(value, currency);\n    }\n    case 'none': {\n      return addCommas(getFlooredFixed(value, 0), currency);\n    }\n    default:\n      return addCommas(getFlooredFixed(value, 0), currency);\n  }\n};\n\nconst getCurrencyWeight = (\n  isAffixSubtle: NonNullable<AmountProps['isAffixSubtle']>,\n  size: NonNullable<AmountProps['size']>,\n): 'bold' | 'regular' => {\n  if (isAffixSubtle || size.startsWith('bold')) return 'bold';\n  return 'regular';\n};\n\nconst _Amount = ({\n  value,\n  suffix = 'decimals',\n  size = 'body-medium',\n  isAffixSubtle = true,\n  intent,\n  prefix = 'currency-symbol',\n  testID,\n  currency = 'INR',\n  ...styledProps\n}: AmountProps): ReactElement => {\n  if (__DEV__) {\n    if (typeof value !== 'number') {\n      throwBladeError({\n        message: '`value` prop must be of type `number` for Amount.',\n        moduleName: 'Amount',\n      });\n    }\n    // @ts-expect-error neutral intent should throw error\n    if (intent === 'neutral') {\n      throwBladeError({\n        message: '`neutral` intent is not supported.',\n        moduleName: 'Amount',\n      });\n    }\n  }\n\n  const currencyPrefix = currencyPrefixMapping[currency][prefix];\n  const renderedValue = formatAmountWithSuffix({ suffix, value, currency });\n  const { amountValueColor, affixColor } = getTextColorProps({\n    intent,\n  });\n\n  const currencyColor = isAffixSubtle ? affixColor : amountValueColor;\n  const currencyFontSize = isAffixSubtle ? affixFontSizes[size] : amountFontSizes[size];\n  const currencyWeight = getCurrencyWeight(isAffixSubtle, size);\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox\n      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Amount, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display={(isReactNative ? 'flex' : 'inline-flex') as never}\n        alignItems=\"baseline\"\n        flexDirection=\"row\"\n      >\n        <BaseText\n          marginRight=\"spacing.1\"\n          fontWeight={currencyWeight}\n          fontSize={currencyFontSize}\n          color={currencyColor}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {currencyPrefix}\n        </BaseText>\n        <AmountValue\n          value={renderedValue}\n          amountValueColor={amountValueColor}\n          size={size}\n          isAffixSubtle={isAffixSubtle}\n          suffix={suffix}\n          affixColor={affixColor}\n        />\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Amount = assignWithoutSideEffects(_Amount, {\n  displayName: 'Amount',\n  componentId: 'Amount',\n});\n\nexport type { AmountProps };\nexport { Amount };\n"],"names":["getTextColorProps","_ref","intent","props","amountValueColor","affixColor","concat","AmountValue","_ref2","value","size","isAffixSubtle","suffix","affixFontWeight","isReactNative","getPlatformType","affixFontSize","affixFontSizes","amountFontSizes","valueForWeight","includes","startsWith","integer","split","decimal","AmountWrapper","BaseText","React","Fragment","_jsxs","children","fontSize","fontWeight","lineHeight","amountLineHeights","color","as","undefined","_jsx","marginLeft","getFlooredFixed","decimalPlaces","factor","Math","pow","roundedValue","floor","Number","toFixed","addCommas","amountValue","currency","arguments","length","locale","toLocaleString","minimumFractionDigits","getHumanizedAmount","abbreviations","getCurrencyAbbreviations","abbreviation","find","abbr","formattedAmountValue","symbol","toString","formatAmountWithSuffix","_ref3","decimalNumber","getCurrencyWeight","_Amount","_ref4","_ref4$suffix","_ref4$size","_ref4$isAffixSubtle","_ref4$prefix","prefix","testID","_ref4$currency","styledProps","_objectWithoutProperties","_excluded","throwBladeError","message","moduleName","currencyPrefix","currencyPrefixMapping","renderedValue","_getTextColorProps","currencyColor","currencyFontSize","currencyWeight","BaseBox","_objectSpread","display","metaAttribute","name","MetaConstants","Amount","getStyledProps","alignItems","flexDirection","marginRight","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Amount.js","sources":["../../../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { AmountTypeProps, Currency } from './amountTokens';\nimport {\n  normalAmountSizes,\n  getCurrencyAbbreviations,\n  currencyIndicatorMapping,\n  subtleFontSizes,\n  amountLineHeights,\n  currencyPositionMapping,\n} from './amountTokens';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TestID } from '~utils/types';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { objectKeysWithType } from '~utils/objectKeysWithType';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { Text } from '~components/Typography';\nimport { opacity } from '~tokens/global';\nimport type { FontFamily } from '~tokens/global';\n\ntype AmountCommonProps = {\n  /**\n   * The value to be rendered within the component.\n   *\n   */\n  value: number;\n  /**\n   * Sets the color of the amount.\n   *\n   * @default undefined\n   */\n  color?: BaseTextProps['color'];\n  /**\n   * Indicates what the suffix of amount should be\n   *\n   * @default 'decimals'\n   */\n  suffix?: 'decimals' | 'none' | 'humanize';\n  /**\n   * Makes the currency indicator(currency symbol/code) and decimal digits small and faded\n   *\n   * @default true\n   */\n  isAffixSubtle?: true | false;\n  /**\n   * Determines the visual representation of the currency, choose between displaying the currency symbol or code.\n   *\n   * @default 'currency-symbol'\n   */\n  currencyIndicator?: 'currency-symbol' | 'currency-code';\n  /**\n   * The currency of the amount.  Note that this component\n   * only displays the provided value in the specified currency, it does not perform any currency conversion.\n   *\n   * @default 'INR'\n   * */\n  currency?: Currency;\n  /**\n   * If true, the amount text will have a line through it.\n   *\n   * @default false\n   */\n  isStrikethrough?: boolean;\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  amountValueColor: BaseTextProps['color'];\n};\n\ntype AmountProps = AmountTypeProps & AmountCommonProps;\n\nconst getTextColorProps = ({ color }: { color: AmountProps['color'] }): ColorProps => {\n  const props: ColorProps = {\n    amountValueColor: 'surface.text.gray.normal',\n  };\n  if (!color) return props;\n  props.amountValueColor = color;\n  return props;\n};\n\ninterface AmountValue extends Omit<AmountProps, 'value'> {\n  amountValueColor: BaseTextProps['color'];\n  value: string;\n  size: Exclude<AmountProps['size'], undefined>;\n}\n\nconst AmountValue = ({\n  value,\n  size = 'medium',\n  type = 'body',\n  weight = 'regular',\n  amountValueColor,\n  isAffixSubtle,\n  suffix,\n}: AmountValue): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  const affixFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];\n  const numberFontFamily: keyof FontFamily = type === 'body' ? 'text' : 'heading';\n  if (suffix === 'decimals' && isAffixSubtle) {\n    const integer = value.split('.')[0];\n    const decimal = value.split('.')[1];\n\n    // Native does not support alignItems of Text inside a div, instead we need to wrap is in a Text\n    const AmountWrapper = isReactNative ? Text : React.Fragment;\n\n    return (\n      <AmountWrapper>\n        <BaseText\n          fontSize={normalAmountSizes[type][size]}\n          fontWeight={weight}\n          lineHeight={amountLineHeights[type][size]}\n          color={amountValueColor}\n          fontFamily={numberFontFamily}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {integer}\n        </BaseText>\n        <BaseText\n          fontWeight={weight}\n          fontSize={affixFontSize}\n          fontFamily={numberFontFamily}\n          color={amountValueColor}\n          as={isReactNative ? undefined : 'span'}\n          opacity={isAffixSubtle ? opacity[8] : 1}\n        >\n          .{decimal || '00'}\n        </BaseText>\n      </AmountWrapper>\n    );\n  }\n  return (\n    <BaseText\n      fontSize={normalAmountSizes[type][size]}\n      fontWeight={weight}\n      fontFamily={numberFontFamily}\n      color={amountValueColor}\n      lineHeight={amountLineHeights[type][size]}\n    >\n      {value}\n    </BaseText>\n  );\n};\n\n// This function rounds a number to a specified number of decimal places\n// and floors the result.\nexport const getFlooredFixed = (value: number, decimalPlaces: number): number => {\n  const factor = 100 ** decimalPlaces;\n  const roundedValue = Math.floor(value * factor) / factor;\n  return Number(roundedValue.toFixed(decimalPlaces));\n};\n\nexport const addCommas = (amountValue: number, currency: Currency, decimalPlaces = 0): string => {\n  // If the currency is 'INR', set the locale to 'en-IN' (Indian English).\n  // Otherwise, set the locale to 'en-US' (U.S. English).\n  const locale = currency === 'INR' ? 'en-IN' : 'en-US';\n  return amountValue.toLocaleString(locale, { minimumFractionDigits: decimalPlaces });\n};\n/**\n * This function returns the humanized amount\n * ie: for INR 2000 => 2K\n * for MYR 2000000 => 2M\n */\nexport const getHumanizedAmount = ({\n  value,\n  currency,\n  denominationPosition = 'right',\n}: {\n  value: number;\n  currency: Currency;\n  denominationPosition?: 'left' | 'right';\n}): string => {\n  let amountValue = value;\n  const abbreviations = getCurrencyAbbreviations(currency);\n  const abbreviation = abbreviations.find((abbr) => amountValue >= abbr.value);\n\n  if (abbreviation) {\n    amountValue = amountValue / abbreviation.value;\n    const formattedAmountValue = getFlooredFixed(amountValue, 2);\n\n    if (denominationPosition === 'right') {\n      return `${addCommas(formattedAmountValue, currency)}${abbreviation.symbol}`;\n    }\n\n    return `${abbreviation.symbol}${addCommas(formattedAmountValue, currency)}`;\n  }\n\n  return amountValue.toString();\n};\n\ntype FormatAmountWithSuffixType = {\n  suffix: AmountProps['suffix'];\n  value: number;\n  currency: Currency;\n  denominationPosition?: 'left' | 'right';\n};\n\nexport const formatAmountWithSuffix = ({\n  suffix,\n  value,\n  currency,\n  denominationPosition,\n}: FormatAmountWithSuffixType): string => {\n  switch (suffix) {\n    case 'decimals': {\n      const decimalNumber = getFlooredFixed(value, 2);\n      return addCommas(decimalNumber, currency, 2);\n    }\n    case 'humanize': {\n      return getHumanizedAmount({ value, currency, denominationPosition });\n    }\n    case 'none': {\n      return addCommas(getFlooredFixed(value, 0), currency);\n    }\n    default:\n      return addCommas(getFlooredFixed(value, 0), currency);\n  }\n};\n\nconst _Amount = ({\n  value,\n  suffix = 'decimals',\n  type = 'body',\n  size = 'medium',\n  weight = 'regular',\n  isAffixSubtle = true,\n  isStrikethrough = false,\n  color,\n  currencyIndicator = 'currency-symbol',\n  currency = 'INR',\n  testID,\n  ...styledProps\n}: AmountProps): ReactElement => {\n  if (__DEV__) {\n    if (typeof value !== 'number') {\n      throwBladeError({\n        message: '`value` prop must be of type `number` for Amount.',\n        moduleName: 'Amount',\n      });\n    }\n    // @ts-expect-error neutral color should throw error\n    if (color === 'neutral') {\n      throwBladeError({\n        message: '`neutral` color is not supported.',\n        moduleName: 'Amount',\n      });\n    }\n\n    const bodySizes = objectKeysWithType(normalAmountSizes.body);\n    if ((type === 'body' || !type) && !bodySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"body\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const displaySizes = objectKeysWithType(normalAmountSizes.display);\n    if (type === 'display' && !displaySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"display\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const headingSizes = objectKeysWithType(normalAmountSizes.heading);\n    if (type === 'heading' && !headingSizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"heading\"`,\n        moduleName: 'Amount',\n      });\n    }\n  }\n\n  const currencySymbolOrCode = currencyIndicatorMapping[currency][currencyIndicator];\n  const currencyPosition = currencyPositionMapping[currency] || 'left';\n  const denominationPosition = currencyPosition === 'left' ? 'right' : 'left';\n  const renderedValue = formatAmountWithSuffix({ suffix, value, currency, denominationPosition });\n  const { amountValueColor } = getTextColorProps({\n    color,\n  });\n\n  const currencyFontSize = isAffixSubtle\n    ? subtleFontSizes[type][size]\n    : normalAmountSizes[type][size];\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox\n      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n      flexDirection=\"row\"\n      {...metaAttribute({ name: MetaConstants.Amount, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display={(isReactNative ? 'flex' : 'inline-flex') as never}\n        alignItems=\"baseline\"\n        flexDirection=\"row\"\n        position=\"relative\"\n      >\n        {currencyPosition === 'left' && (\n          <BaseText\n            marginRight=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        <AmountValue\n          value={renderedValue}\n          amountValueColor={amountValueColor}\n          type={type}\n          weight={weight}\n          size={size}\n          isAffixSubtle={isAffixSubtle}\n          suffix={suffix}\n        />\n        {currencyPosition === 'right' && (\n          <BaseText\n            marginLeft=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        {isStrikethrough && (\n          <BaseBox\n            // @ts-expect-error - intentionally setting the border color to the color prop for this hacky strikethrough\n            borderBottomColor={amountValueColor}\n            borderBottomWidth={type === 'body' ? 'thin' : 'thicker'}\n            borderBottomStyle=\"solid\"\n            position=\"absolute\"\n            width=\"100%\"\n            top=\"50%\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Amount = assignWithoutSideEffects(_Amount, {\n  displayName: 'Amount',\n  componentId: 'Amount',\n});\n\nexport type { AmountProps };\nexport { Amount };\n"],"names":["getTextColorProps","_ref","color","props","amountValueColor","AmountValue","_ref2","value","_ref2$size","size","_ref2$type","type","_ref2$weight","weight","isAffixSubtle","suffix","isReactNative","getPlatformType","affixFontSize","subtleFontSizes","normalAmountSizes","numberFontFamily","integer","split","decimal","AmountWrapper","Text","React","Fragment","_jsxs","children","_jsx","BaseText","fontSize","fontWeight","lineHeight","amountLineHeights","fontFamily","as","undefined","opacity","getFlooredFixed","decimalPlaces","factor","Math","pow","roundedValue","floor","Number","toFixed","addCommas","amountValue","currency","arguments","length","locale","toLocaleString","minimumFractionDigits","getHumanizedAmount","_ref3","_ref3$denominationPos","denominationPosition","abbreviations","getCurrencyAbbreviations","abbreviation","find","abbr","formattedAmountValue","concat","symbol","toString","formatAmountWithSuffix","_ref4","decimalNumber","_Amount","_ref5","_ref5$suffix","_ref5$type","_ref5$size","_ref5$weight","_ref5$isAffixSubtle","_ref5$isStrikethrough","isStrikethrough","_ref5$currencyIndicat","currencyIndicator","_ref5$currency","testID","styledProps","_objectWithoutProperties","_excluded","throwBladeError","message","moduleName","bodySizes","objectKeysWithType","body","includes","displaySizes","display","headingSizes","heading","currencySymbolOrCode","currencyIndicatorMapping","currencyPosition","currencyPositionMapping","renderedValue","_getTextColorProps","currencyFontSize","BaseBox","_objectSpread","flexDirection","metaAttribute","name","MetaConstants","Amount","getStyledProps","alignItems","position","marginRight","marginLeft","borderBottomColor","borderBottomWidth","borderBottomStyle","width","top","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/web/production/components/Amount/amountTokens.js

@@ -1,42 +1,69 @@
-var affixFontSizes = {
-  'body-small': 75,
-  'body-small-bold': 75,
-  'body-medium': 75,
-  'body-medium-bold': 75,
-  'heading-small': 75,
-  'heading-small-bold': 75,
-  'heading-large': 100,
-  'heading-large-bold': 100,
-  'title-small': 300,
-  'title-medium': 400
+var normalAmountSizes = {
+  body: {
+    xsmall: 25,
+    small: 75,
+    medium: 100,
+    large: 200
+  },
+  heading: {
+    small: 300,
+    medium: 400,
+    large: 500,
+    xlarge: 600,
+    '2xlarge': 700
+  },
+  display: {
+    small: 800,
+    medium: 900,
+    large: 1000,
+    xlarge: 1100
+  }
 };
-var amountFontSizes = {
-  'body-small': 75,
-  'body-small-bold': 75,
-  'body-medium': 100,
-  'body-medium-bold': 100,
-  'heading-small': 200,
-  'heading-small-bold': 200,
-  'heading-large': 400,
-  'heading-large-bold': 400,
-  'title-small': 600,
-  'title-medium': 700
+var subtleFontSizes = {
+  body: {
+    xsmall: normalAmountSizes.body.xsmall,
+    small: normalAmountSizes.body.xsmall,
+    medium: normalAmountSizes.body.xsmall,
+    large: normalAmountSizes.body.small
+  },
+  heading: {
+    small: normalAmountSizes.body.small,
+    medium: normalAmountSizes.body.medium,
+    large: normalAmountSizes.body.large,
+    xlarge: normalAmountSizes.heading.medium,
+    '2xlarge': normalAmountSizes.heading.large
+  },
+  display: {
+    small: normalAmountSizes.heading.xlarge,
+    medium: normalAmountSizes.heading['2xlarge'],
+    large: normalAmountSizes.heading['2xlarge'],
+    xlarge: normalAmountSizes.display.small
+  }
 };
 var amountLineHeights = {
-  'body-small': 50,
-  'body-small-bold': 50,
-  'body-medium': 100,
-  'body-medium-bold': 100,
-  'heading-small': 300,
-  'heading-small-bold': 300,
-  'heading-large': 400,
-  'heading-large-bold': 400,
-  'title-small': 500,
-  'title-medium': 600
+  body: {
+    xsmall: 25,
+    small: 75,
+    medium: 100,
+    large: 200
+  },
+  heading: {
+    small: 300,
+    medium: 400,
+    large: 500,
+    xlarge: 600,
+    '2xlarge': 700
+  },
+  display: {
+    small: 800,
+    medium: 900,
+    large: 1000,
+    xlarge: 1100
+  }
 };
 
 // All the supported currency codes are taken from Razorpay's Merchant Dashboard codebase
-var currencyPrefixMapping = {
+var currencyIndicatorMapping = {
   AED: {
     'currency-symbol': 'د.إ',
     'currency-code': 'AED'
@@ -442,6 +469,12 @@ var getCurrencyAbbreviations = function getCurrencyAbbreviations(currency) {
     symbol: 'K'
   }];
 };
+var currencyPositionMapping = {
+  DZD: 'right',
+  BHD: 'right',
+  OMR: 'right',
+  KWD: 'right'
+};
 
-export { affixFontSizes, amountFontSizes, amountLineHeights, currencyPrefixMapping, getCurrencyAbbreviations };
+export { amountLineHeights, currencyIndicatorMapping, currencyPositionMapping, getCurrencyAbbreviations, normalAmountSizes, subtleFontSizes };
 //# sourceMappingURL=amountTokens.js.map