@razorpay/blade 11.1.1 → 11.2.1

package/build/lib/web/production/components/Input/BaseInput/BaseInputTagSlot.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputTagSlot.web.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputTagSlot.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseInputTagSlotProps } from './types';\nimport { BASEINPUT_DEFAULT_HEIGHT } from './baseInputConfig';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeSize } from '~utils';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\n\nconst MINUMUM_INPUT_SPACE = 30;\nconst PLUS_X_MORE_TEXT_WIDTH = 60;\nconst TAG_MAX_WIDTH: number = size['140'];\n\nconst useVisibleTagsCount = ({\n  slotRef,\n  tags,\n  maxTagRows,\n  visibleTagsCountRef,\n  showAllTags,\n  labelPrefix,\n}: {\n  slotRef: React.RefObject<HTMLDivElement>;\n  tags: BaseInputTagSlotProps['tags'];\n  maxTagRows: BaseInputTagSlotProps['maxTagRows'];\n  visibleTagsCountRef: BaseInputTagSlotProps['visibleTagsCountRef'];\n  showAllTags: BaseInputTagSlotProps['showAllTags'];\n  labelPrefix: BaseInputTagSlotProps['labelPrefix'];\n}): number => {\n  const [visibleTagsCount, setVisibleTagsCount] = React.useState(0);\n  const visibleTagsCountStateRef = React.useRef<number>(0);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!tags || labelPrefix) {\n      setVisibleTagsCount(0);\n      return;\n    }\n\n    if (maxTagRows === 'multiple' || showAllTags) {\n      visibleTagsCountRef.current = tags.length;\n      setVisibleTagsCount(tags.length);\n      return;\n    }\n\n    const inputTagsSlotWidth = slotRef.current?.clientWidth;\n    visibleTagsCountStateRef.current = 0;\n    let totalTagsWidth = 0;\n\n    if (!inputTagsSlotWidth) {\n      return;\n    }\n\n    const allTagsEl = slotRef.current?.querySelectorAll(\n      `[data-blade-component=\"${MetaConstants.Tag}\"]`,\n    );\n\n    const totalAvailableSpaceForTags =\n      inputTagsSlotWidth - (MINUMUM_INPUT_SPACE + PLUS_X_MORE_TEXT_WIDTH);\n\n    if (allTagsEl.length !== tags.length) {\n      // some weird edge cases in controlled select where tags are not rendered in children\n      // we assume 140px (max-width of tag as width of all tags)\n      const tagsCount = Math.floor((totalAvailableSpaceForTags / TAG_MAX_WIDTH) * tags.length);\n      visibleTagsCountRef.current = tagsCount;\n      setVisibleTagsCount(tagsCount);\n      return;\n    }\n\n    for (const tagEl of allTagsEl) {\n      totalTagsWidth += tagEl.clientWidth;\n      if (totalTagsWidth >= totalAvailableSpaceForTags) {\n        break;\n      } else {\n        visibleTagsCountStateRef.current++;\n      }\n    }\n\n    visibleTagsCountRef.current = visibleTagsCountStateRef.current;\n    setVisibleTagsCount(visibleTagsCountStateRef.current);\n  }, [tags?.length, showAllTags]);\n\n  return visibleTagsCount;\n};\n\nconst getSelectedTextWithoutTags = ({\n  items,\n  labelPrefix,\n}: {\n  items: number;\n  labelPrefix?: string;\n}): string => {\n  if (labelPrefix) {\n    return `${labelPrefix} (${items} Selected)`;\n  }\n\n  return `${items} Selected`;\n};\n\nconst BaseInputTagSlot = ({\n  renderAs,\n  children,\n  tags,\n  maxTagRows,\n  showAllTags,\n  setShouldIgnoreBlurAnimation,\n  handleOnInputClick,\n  isDropdownTrigger,\n  visibleTagsCountRef,\n  labelPrefix,\n  isDisabled,\n}: BaseInputTagSlotProps): React.ReactElement => {\n  const hasTags = tags && tags.length > 0;\n  const slotRef = React.useRef<HTMLDivElement>(null);\n  const visibleTagsCount = useVisibleTagsCount({\n    slotRef,\n    tags,\n    maxTagRows,\n    visibleTagsCountRef,\n    showAllTags,\n    labelPrefix,\n  });\n\n  React.useEffect(() => {\n    slotRef.current?.scrollTo?.({\n      top:\n        maxTagRows === 'multiple' || maxTagRows === 'expandable' ? slotRef.current.scrollHeight : 0,\n      left: maxTagRows === 'single' ? slotRef.current.scrollWidth : 0,\n      behavior: 'smooth',\n    });\n  }, [tags?.length, maxTagRows]);\n\n  React.useEffect(() => {\n    if (!showAllTags) {\n      slotRef.current?.scrollTo?.({\n        top: 0,\n        left: 0,\n        behavior: 'smooth',\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showAllTags]);\n\n  const visibleTags = React.useMemo(() => {\n    return showAllTags ? tags : tags?.slice(0, visibleTagsCount);\n  }, [showAllTags, tags, visibleTagsCount]);\n\n  const invisibleTagsCount = React.useMemo(() => {\n    if (tags && visibleTags) {\n      return tags.length - visibleTags.length;\n    }\n\n    return 0;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tags?.length, visibleTags?.length]);\n\n  const isMobile = useIsMobile();\n\n  if (!isDropdownTrigger) {\n    // If its not dropdown trigger, we don't need to render tag containers\n    return children;\n  }\n\n  // tag height changes in mobile and desktop so we keep different paddings to make it look as expected\n  const paddingYWithTags = isMobile ? 'spacing.1' : 'spacing.2';\n\n  return (\n    <BaseBox\n      ref={slotRef}\n      className=\"tags-slot\"\n      paddingY={paddingYWithTags}\n      paddingLeft=\"spacing.4\"\n      display=\"flex\"\n      flex=\"1\"\n      flexWrap={maxTagRows === 'single' ? 'nowrap' : 'wrap'}\n      overflowX=\"auto\"\n      overflowY={showAllTags || maxTagRows === 'multiple' ? 'auto' : 'hidden'}\n      minHeight={makeSize(BASEINPUT_DEFAULT_HEIGHT)}\n      onMouseDown={() => {\n        setShouldIgnoreBlurAnimation?.(true);\n      }}\n      onClick={(e) => {\n        handleOnInputClick(castWebType(e));\n      }}\n      onMouseUp={() => {\n        setShouldIgnoreBlurAnimation?.(false);\n      }}\n    >\n      {visibleTags}\n      {tags && !showAllTags && invisibleTagsCount ? (\n        <Text\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n          alignSelf=\"center\"\n          marginY=\"spacing.2\"\n          marginRight=\"spacing.4\"\n          variant=\"body\"\n          size=\"small\"\n          weight=\"regular\"\n        >\n          <BaseBox as=\"span\" whiteSpace=\"nowrap\">\n            {visibleTags?.length === 0\n              ? getSelectedTextWithoutTags({\n                  items: invisibleTagsCount,\n                  labelPrefix,\n                })\n              : `+${invisibleTagsCount} More`}\n          </BaseBox>\n        </Text>\n      ) : null}\n      <BaseBox\n        marginTop=\"-4px\"\n        minWidth={hasTags && renderAs === 'button' ? undefined : makeSize(MINUMUM_INPUT_SPACE)}\n        width={hasTags && renderAs === 'button' ? makeSize(size['1']) : '100%'}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { BaseInputTagSlot };\n"],"names":["MINUMUM_INPUT_SPACE","PLUS_X_MORE_TEXT_WIDTH","TAG_MAX_WIDTH","size","useVisibleTagsCount","_ref","slotRef","tags","maxTagRows","visibleTagsCountRef","showAllTags","labelPrefix","_React$useState","React","useState","_React$useState2","_slicedToArray","visibleTagsCount","setVisibleTagsCount","visibleTagsCountStateRef","useRef","useIsomorphicLayoutEffect","_slotRef$current","_slotRef$current2","current","length","inputTagsSlotWidth","clientWidth","totalTagsWidth","allTagsEl","querySelectorAll","concat","MetaConstants","Tag","totalAvailableSpaceForTags","tagsCount","Math","floor","_iterator","_createForOfIteratorHelper","_step","s","n","done","tagEl","value","err","e","f","getSelectedTextWithoutTags","_ref2","items","BaseInputTagSlot","_ref3","renderAs","children","setShouldIgnoreBlurAnimation","handleOnInputClick","isDropdownTrigger","isDisabled","hasTags","useEffect","_slotRef$current3","_slotRef$current3$scr","scrollTo","call","top","scrollHeight","left","scrollWidth","behavior","_slotRef$current4","_slotRef$current4$scr","visibleTags","useMemo","slice","invisibleTagsCount","isMobile","useIsMobile","paddingYWithTags","_jsxs","BaseBox","ref","className","paddingY","paddingLeft","display","flex","flexWrap","overflowX","overflowY","minHeight","makeSize","BASEINPUT_DEFAULT_HEIGHT","onMouseDown","onClick","castWebType","onMouseUp","_jsx","Text","color","alignSelf","marginY","marginRight","variant","weight","as","whiteSpace","marginTop","minWidth","undefined","width"],"mappings":"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"}
+{"version":3,"file":"BaseInputTagSlot.web.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputTagSlot.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { BaseInputTagSlotProps } from './types';\nimport { BASEINPUT_DEFAULT_HEIGHT } from './baseInputConfig';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeSize } from '~utils';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\n\nconst MINUMUM_INPUT_SPACE = 30;\nconst PLUS_X_MORE_TEXT_WIDTH = 60;\nconst TAG_MAX_WIDTH: number = size['140'];\n\nconst useVisibleTagsCount = ({\n  slotRef,\n  tags,\n  maxTagRows,\n  visibleTagsCountRef,\n  showAllTags,\n  labelPrefix,\n}: {\n  slotRef: React.RefObject<HTMLDivElement>;\n  tags: BaseInputTagSlotProps['tags'];\n  maxTagRows: BaseInputTagSlotProps['maxTagRows'];\n  visibleTagsCountRef: BaseInputTagSlotProps['visibleTagsCountRef'];\n  showAllTags: BaseInputTagSlotProps['showAllTags'];\n  labelPrefix: BaseInputTagSlotProps['labelPrefix'];\n}): number => {\n  const [visibleTagsCount, setVisibleTagsCount] = React.useState(0);\n  const visibleTagsCountStateRef = React.useRef<number>(0);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!tags || labelPrefix) {\n      setVisibleTagsCount(0);\n      return;\n    }\n\n    if (maxTagRows === 'multiple' || showAllTags) {\n      visibleTagsCountRef.current = tags.length;\n      setVisibleTagsCount(tags.length);\n      return;\n    }\n\n    const inputTagsSlotWidth = slotRef.current?.clientWidth;\n    visibleTagsCountStateRef.current = 0;\n    let totalTagsWidth = 0;\n\n    if (!inputTagsSlotWidth) {\n      return;\n    }\n\n    const allTagsEl = slotRef.current?.querySelectorAll(\n      `[data-blade-component=\"${MetaConstants.Tag}\"]`,\n    );\n\n    const totalAvailableSpaceForTags =\n      inputTagsSlotWidth - (MINUMUM_INPUT_SPACE + PLUS_X_MORE_TEXT_WIDTH);\n\n    if (allTagsEl.length !== tags.length) {\n      // some weird edge cases in controlled select where tags are not rendered in children\n      // we assume 140px (max-width of tag as width of all tags)\n      const tagsCount = Math.floor((totalAvailableSpaceForTags / TAG_MAX_WIDTH) * tags.length);\n      visibleTagsCountRef.current = tagsCount;\n      setVisibleTagsCount(tagsCount);\n      return;\n    }\n\n    for (const tagEl of allTagsEl) {\n      totalTagsWidth += tagEl.clientWidth;\n      if (totalTagsWidth >= totalAvailableSpaceForTags) {\n        break;\n      } else {\n        visibleTagsCountStateRef.current++;\n      }\n    }\n\n    visibleTagsCountRef.current = visibleTagsCountStateRef.current;\n    setVisibleTagsCount(visibleTagsCountStateRef.current);\n  }, [tags?.length, showAllTags]);\n\n  return visibleTagsCount;\n};\n\nconst getSelectedTextWithoutTags = ({\n  items,\n  labelPrefix,\n}: {\n  items: number;\n  labelPrefix?: string;\n}): string => {\n  if (labelPrefix) {\n    return `${labelPrefix} (${items} Selected)`;\n  }\n\n  return `${items} Selected`;\n};\n\nconst TagSlotContainer = styled(BaseBox)(() => {\n  return {\n    // hides the scrollbar of tagslot\n    '::-webkit-scrollbar': {\n      display: 'none',\n    },\n    '-ms-overflow-style': 'none',\n    'scrollbar-width': 'none',\n  };\n});\n\nconst BaseInputTagSlot = ({\n  renderAs,\n  children,\n  tags,\n  maxTagRows,\n  showAllTags,\n  setShouldIgnoreBlurAnimation,\n  handleOnInputClick,\n  isDropdownTrigger,\n  visibleTagsCountRef,\n  labelPrefix,\n  isDisabled,\n}: BaseInputTagSlotProps): React.ReactElement => {\n  const hasTags = tags && tags.length > 0;\n  const slotRef = React.useRef<HTMLDivElement>(null);\n  const visibleTagsCount = useVisibleTagsCount({\n    slotRef,\n    tags,\n    maxTagRows,\n    visibleTagsCountRef,\n    showAllTags,\n    labelPrefix,\n  });\n\n  React.useEffect(() => {\n    slotRef.current?.scrollTo?.({\n      top:\n        maxTagRows === 'multiple' || maxTagRows === 'expandable' ? slotRef.current.scrollHeight : 0,\n      left: maxTagRows === 'single' ? slotRef.current.scrollWidth : 0,\n      behavior: 'smooth',\n    });\n  }, [tags?.length, maxTagRows]);\n\n  React.useEffect(() => {\n    if (!showAllTags) {\n      slotRef.current?.scrollTo?.({\n        top: 0,\n        left: 0,\n        behavior: 'smooth',\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showAllTags]);\n\n  const visibleTags = React.useMemo(() => {\n    return showAllTags ? tags : tags?.slice(0, visibleTagsCount);\n  }, [showAllTags, tags, visibleTagsCount]);\n\n  const invisibleTagsCount = React.useMemo(() => {\n    if (tags && visibleTags) {\n      return tags.length - visibleTags.length;\n    }\n\n    return 0;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tags?.length, visibleTags?.length]);\n\n  const isMobile = useIsMobile();\n\n  if (!isDropdownTrigger) {\n    // If its not dropdown trigger, we don't need to render tag containers\n    return children;\n  }\n\n  // tag height changes in mobile and desktop so we keep different paddings to make it look as expected\n  const paddingYWithTags = isMobile ? 'spacing.1' : 'spacing.2';\n\n  return (\n    <TagSlotContainer\n      ref={slotRef}\n      className=\"tags-slot\"\n      paddingY={paddingYWithTags}\n      paddingLeft=\"spacing.4\"\n      display=\"flex\"\n      flex=\"1\"\n      flexWrap={maxTagRows === 'single' ? 'nowrap' : 'wrap'}\n      overflowX=\"auto\"\n      overflowY={showAllTags || maxTagRows === 'multiple' ? 'auto' : 'hidden'}\n      minHeight={makeSize(BASEINPUT_DEFAULT_HEIGHT)}\n      onMouseDown={() => {\n        setShouldIgnoreBlurAnimation?.(true);\n      }}\n      onClick={(e) => {\n        handleOnInputClick(castWebType(e));\n      }}\n      onMouseUp={() => {\n        setShouldIgnoreBlurAnimation?.(false);\n      }}\n    >\n      {visibleTags}\n      {tags && !showAllTags && invisibleTagsCount ? (\n        <Text\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n          alignSelf=\"center\"\n          marginY=\"spacing.2\"\n          marginRight=\"spacing.4\"\n          variant=\"body\"\n          size=\"small\"\n          weight=\"regular\"\n        >\n          <BaseBox as=\"span\" whiteSpace=\"nowrap\">\n            {visibleTags?.length === 0\n              ? getSelectedTextWithoutTags({\n                  items: invisibleTagsCount,\n                  labelPrefix,\n                })\n              : `+${invisibleTagsCount} More`}\n          </BaseBox>\n        </Text>\n      ) : null}\n      <BaseBox\n        marginTop=\"-4px\"\n        minWidth={hasTags && renderAs === 'button' ? undefined : makeSize(MINUMUM_INPUT_SPACE)}\n        width={hasTags && renderAs === 'button' ? makeSize(size['1']) : '100%'}\n      >\n        {children}\n      </BaseBox>\n    </TagSlotContainer>\n  );\n};\n\nexport { BaseInputTagSlot };\n"],"names":["MINUMUM_INPUT_SPACE","PLUS_X_MORE_TEXT_WIDTH","TAG_MAX_WIDTH","size","useVisibleTagsCount","_ref","slotRef","tags","maxTagRows","visibleTagsCountRef","showAllTags","labelPrefix","_React$useState","React","useState","_React$useState2","_slicedToArray","visibleTagsCount","setVisibleTagsCount","visibleTagsCountStateRef","useRef","useIsomorphicLayoutEffect","_slotRef$current","_slotRef$current2","current","length","inputTagsSlotWidth","clientWidth","totalTagsWidth","allTagsEl","querySelectorAll","concat","MetaConstants","Tag","totalAvailableSpaceForTags","tagsCount","Math","floor","_iterator","_createForOfIteratorHelper","_step","s","n","done","tagEl","value","err","e","f","getSelectedTextWithoutTags","_ref2","items","TagSlotContainer","styled","BaseBox","withConfig","displayName","componentId","display","BaseInputTagSlot","_ref3","renderAs","children","setShouldIgnoreBlurAnimation","handleOnInputClick","isDropdownTrigger","isDisabled","hasTags","useEffect","_slotRef$current3","_slotRef$current3$scr","scrollTo","call","top","scrollHeight","left","scrollWidth","behavior","_slotRef$current4","_slotRef$current4$scr","visibleTags","useMemo","slice","invisibleTagsCount","isMobile","useIsMobile","paddingYWithTags","_jsxs","ref","className","paddingY","paddingLeft","flex","flexWrap","overflowX","overflowY","minHeight","makeSize","BASEINPUT_DEFAULT_HEIGHT","onMouseDown","onClick","castWebType","onMouseUp","_jsx","Text","color","alignSelf","marginY","marginRight","variant","weight","as","whiteSpace","marginTop","minWidth","undefined","width"],"mappings":"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"}

package/build/types/components/index.d.ts

@@ -4,6 +4,7 @@ import React__default, { ReactNode, ReactElement, ReactChild, SyntheticEvent, Ke
 import { View, ViewStyle, AccessibilityRole, GestureResponderEvent } from 'react-native';
 import * as styled_components from 'styled-components';
 import { CSSObject } from 'styled-components';
+import { CurrencyCodeType } from '@razorpay/i18nify-js/currency';
 import { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';
 import * as csstype from 'csstype';
 import { UseFloatingOptions } from '@floating-ui/react';
@@ -2471,389 +2472,6 @@ type AmountBodyProps = {
     weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
 };
 type AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;
-declare const currencyIndicatorMapping: {
-    AED: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    ALL: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    AMD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    ARS: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    AUD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    AWG: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    BBD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    BDT: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    BMD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    BND: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    BOB: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    BSD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    BWP: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    BZD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    CAD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    CHF: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    CNY: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    COP: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    CRC: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    CUP: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    CZK: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    DKK: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    DOP: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    DZD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    EGP: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    ETB: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    EUR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    FJD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    GBP: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    GHS: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    GIP: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    GMD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    GTQ: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    GYD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    HKD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    HNL: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    HRK: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    HTG: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    HUF: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    IDR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    ILS: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    INR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    JMD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    KES: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    KGS: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    KHR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    KYD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    KZT: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    LAK: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    LKR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    LRD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    LSL: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    MAD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    MDL: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    MKD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    MMK: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    MNT: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    MOP: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    MUR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    MVR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    MWK: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    MXN: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    MYR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    NAD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    NGN: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    NIO: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    NOK: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    NPR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    NZD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    PEN: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    PGK: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    PHP: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    PKR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    QAR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    RUB: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    SAR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    SCR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    SEK: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    SGD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    SLL: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    SOS: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    SSP: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    SVC: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    SZL: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    THB: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    TTD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    TZS: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    USD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    UYU: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    UZS: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    YER: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    ZAR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    KWD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    BHD: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-    OMR: {
-        'currency-symbol': string;
-        'currency-code': string;
-    };
-};
-type Currency = keyof typeof currencyIndicatorMapping;
 
 type AmountCommonProps = {
     /**
@@ -2882,6 +2500,8 @@ type AmountCommonProps = {
     /**
      * Determines the visual representation of the currency, choose between displaying the currency symbol or code.
      *
+     * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.
+     *
      * @default 'currency-symbol'
      */
     currencyIndicator?: 'currency-symbol' | 'currency-code';
@@ -2891,7 +2511,7 @@ type AmountCommonProps = {
      *
      * @default 'INR'
      * */
-    currency?: Currency;
+    currency?: CurrencyCodeType;
     /**
      * If true, the amount text will have a line through it.
      *