@razorpay/blade 12.98.0 → 12.98.1

package/build/lib/web/development/components/Dropdown/InputDropdownButton.web.js

@@ -31,7 +31,7 @@ import { Text } from '../Typography/Text/Text.js';
 import ChevronUpDownIcon from '../Icons/ChevronUpDownIcon/ChevronUpDownIcon.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "_isInsideSearchInput", "isDisabled", "onChange", "name", "testID", "value", "defaultValue", "icon", "leading", "size"];
+var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "_isInsideSearchInput", "isDisabled", "onChange", "name", "testID", "value", "defaultValue", "icon", "leading", "showDisplayValue", "size"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledSearchTrailingDropdown = /*#__PURE__*/styled.button.withConfig({
@@ -89,6 +89,8 @@ var _InputDropdownButton = function _InputDropdownButton(_ref2) {
     defaultValue = _ref2.defaultValue,
     Icon = _ref2.icon,
     leading = _ref2.leading,
+    _ref2$showDisplayValu = _ref2.showDisplayValue,
+    showDisplayValue = _ref2$showDisplayValu === void 0 ? true : _ref2$showDisplayValu,
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 'medium' : _ref2$size,
     rest = _objectWithoutProperties(_ref2, _excluded);
@@ -174,7 +176,7 @@ var _InputDropdownButton = function _InputDropdownButton(_ref2) {
       }), leading, Icon && /*#__PURE__*/jsx(Icon, {
         size: "medium",
         color: isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'
-      }), /*#__PURE__*/jsx(Text, {
+      }), showDisplayValue && /*#__PURE__*/jsx(Text, {
         variant: "body",
         size: "medium",
         weight: "regular",

package/build/lib/web/development/components/Dropdown/InputDropdownButton.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputDropdownButton.web.js","sources":["../../../../../../src/components/Dropdown/InputDropdownButton.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { spacing } from '~tokens/global';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { ChevronUpDownIcon } from '~components/Icons';\nimport { Box } from '~components/Box';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { Text } from '~components/Typography';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { useId } from '~utils/useId';\nimport type { IconComponent } from '~components/Icons';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\nimport {\n  inputDropdownButtonBorderRadius,\n  baseInputHeight,\n  inputDropdownButtonPadding,\n} from '~components/Input/BaseInput/baseInputTokens';\nimport type { BaseInputProps } from '~components/Input/BaseInput/BaseInput';\n\ntype BaseInputDropDownButtonProps = {\n  /**\n   * isOpen is used to control the open state of the dropdown\n   */\n  isOpen?: boolean;\n  /**\n   * onBlur is the callback function that is called when the dropdown is blurred\n   */\n  onBlur?: BaseButtonProps['onBlur'];\n  /**\n   * onKeyDown is the callback function that is called when the dropdown is keyed down\n   */\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n  /**\n   * onClick is the callback function that is called when the dropdown is clicked\n   */\n  onClick?: BaseButtonProps['onClick'];\n  /**\n   * accessibilityLabel is the label of the dropdown\n   */\n  accessibilityLabel?: string;\n  /**\n   * @private\n   */\n  _isInsideSearchInput?: boolean;\n  /**\n   * isDisabled is the disabled state of the dropdown\n   */\n  isDisabled?: boolean;\n  /**\n   * onChange is the callback function that is called when the dropdown is changed\n   */\n  onChange?: (props: { name: string; value: string }) => void;\n  /**\n   * name is the name of the dropdown\n   */\n  name?: string;\n  /**\n   * testID is the testID of the dropdown\n   */\n  testID?: string;\n  /**\n   * icon is the icon of the dropdown\n   */\n  icon?: IconComponent;\n  /**\n   * leading is a custom leading element (e.g., flag image)\n   */\n  leading?: React.ReactNode;\n  /**\n   * size is the size of the dropdown button (inherited from parent input)\n   * @default 'medium'\n   */\n  size?: NonNullable<BaseInputProps['size']>;\n} & DataAnalyticsAttribute;\n\ntype ControlledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  /**\n   * value is the value of the dropdown\n   */\n  value: string;\n  defaultValue?: never;\n};\n\ntype UncontrolledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  value?: never;\n  /**\n   * defaultValue is the default selected value of the dropdown\n   */\n  defaultValue: string;\n};\n\ntype InputDropDownButtonProps =\n  | ControlledInputDropDownButtonProps\n  | UncontrolledInputDropDownButtonProps;\n\nconst StyledSearchTrailingDropdown = styled.button<{\n  $isSelected?: boolean;\n  isDisabled?: boolean;\n  $size: NonNullable<BaseInputProps['size']>;\n}>(({ theme, isDisabled, $size }) => {\n  // The wrapper BaseBox in BaseInputVisuals already applies paddingY\n  // So we need to subtract that from the baseInputHeight to get the correct button height\n  const paddingValue = inputDropdownButtonPadding[$size];\n  const wrapperVerticalPadding = spacing[paddingValue] * 2; // top + bottom padding from wrapper\n  const buttonHeight = baseInputHeight[$size] - wrapperVerticalPadding;\n\n  return {\n    backgroundColor: theme.colors.transparent,\n    gap: makeSpace(theme.spacing[2]),\n    display: 'flex',\n    boxSizing: 'border-box',\n    height: makeSpace(buttonHeight),\n    padding: makeSpace(theme.spacing[2]),\n    alignItems: 'center',\n    border: 'none',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    '&[disabled]': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n    '&:focus': {\n      ...getFocusRingStyles({ theme }),\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:hover': {\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:focus-visible': {\n      outlineOffset: makeSpace(theme.spacing[0]),\n    },\n    borderRadius: inputDropdownButtonBorderRadius[$size],\n  };\n});\n\nconst _InputDropdownButton = ({\n  onClick,\n  onBlur,\n  onKeyDown,\n  accessibilityLabel,\n  _isInsideSearchInput = false,\n  isDisabled,\n  onChange,\n  name,\n  testID,\n  value,\n  defaultValue,\n  icon: Icon,\n  leading,\n  size = 'medium',\n  ...rest\n}: InputDropDownButtonProps): React.ReactElement | null => {\n  const idBase = useId('input-drop-down-button');\n  const {\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    displayValue,\n  } = useDropdown();\n\n  useControlledDropdownInput({\n    onChange: ({ name, values }) => {\n      onChange?.({\n        name: name || idBase,\n        value: values[0],\n      });\n    },\n    name,\n    value,\n    defaultValue,\n    triggererRef,\n    isSelectInput: false,\n  });\n\n  if (!displayValue) {\n    return null;\n  }\n\n  return (\n    <StyledSearchTrailingDropdown\n      type=\"button\"\n      $size={size}\n      onClick={(e) => {\n        if (isDisabled) return;\n        onTriggerClick();\n        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n        // Since this dropdown is inside another dropdown we should stop event stopPropagation.\n        e?.stopPropagation();\n      }}\n      onBlur={(e) => {\n        if (isDisabled) return;\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        if (isDisabled) return;\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n        e?.stopPropagation();\n      }}\n      {...makeAccessible({\n        label: accessibilityLabel ?? `change ${displayValue} filter`,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'InputDropdownButton'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      })}\n      ref={triggererRef}\n      isDisabled={isDisabled}\n      {...makeAnalyticsAttribute(rest)}\n      {...metaAttribute({ name: 'InputDropdownButton', testID })}\n    >\n      <Box\n        padding={`spacing.${inputDropdownButtonPadding[size]}`}\n        display=\"flex\"\n        gap=\"spacing.2\"\n        alignItems=\"center\"\n      >\n        {_isInsideSearchInput && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          >\n            {' '}\n            in\n          </Text>\n        )}\n        {leading}\n        {Icon && (\n          <Icon\n            size=\"medium\"\n            color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n          />\n        )}\n\n        <Text\n          variant=\"body\"\n          size=\"medium\"\n          weight=\"regular\"\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n        >\n          {displayValue}\n        </Text>\n        <ChevronUpDownIcon\n          color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n        />\n      </Box>\n    </StyledSearchTrailingDropdown>\n  );\n};\n\nconst InputDropdownButton = assignWithoutSideEffects(_InputDropdownButton, {\n  componentId: dropdownComponentIds.triggers.InputDropdownButton,\n  displayName: 'InputDropDown',\n});\n\nexport { InputDropdownButton };\n"],"names":["StyledSearchTrailingDropdown","styled","button","withConfig","displayName","componentId","_ref","theme","isDisabled","$size","paddingValue","inputDropdownButtonPadding","wrapperVerticalPadding","spacing","buttonHeight","baseInputHeight","backgroundColor","colors","transparent","gap","makeSpace","display","boxSizing","height","padding","alignItems","border","cursor","pointerEvents","_objectSpread","getFocusRingStyles","interactive","background","gray","faded","outlineOffset","borderRadius","inputDropdownButtonBorderRadius","_InputDropdownButton","_ref2","onClick","onBlur","onKeyDown","accessibilityLabel","_ref2$_isInsideSearch","_isInsideSearchInput","onChange","name","testID","value","defaultValue","Icon","icon","leading","_ref2$size","size","rest","_objectWithoutProperties","_excluded","idBase","useId","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","displayValue","useControlledDropdownInput","_ref3","values","isSelectInput","_jsx","type","e","stopPropagation","event","makeAccessible","label","concat","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","ref","makeAnalyticsAttribute","metaAttribute","children","_jsxs","Box","Text","variant","weight","color","ChevronUpDownIcon","InputDropdownButton","assignWithoutSideEffects","dropdownComponentIds","triggers"],"mappings":"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"}
+{"version":3,"file":"InputDropdownButton.web.js","sources":["../../../../../../src/components/Dropdown/InputDropdownButton.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { spacing } from '~tokens/global';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { ChevronUpDownIcon } from '~components/Icons';\nimport { Box } from '~components/Box';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { Text } from '~components/Typography';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { useId } from '~utils/useId';\nimport type { IconComponent } from '~components/Icons';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\nimport {\n  inputDropdownButtonBorderRadius,\n  baseInputHeight,\n  inputDropdownButtonPadding,\n} from '~components/Input/BaseInput/baseInputTokens';\nimport type { BaseInputProps } from '~components/Input/BaseInput/BaseInput';\n\ntype BaseInputDropDownButtonProps = {\n  /**\n   * isOpen is used to control the open state of the dropdown\n   */\n  isOpen?: boolean;\n  /**\n   * onBlur is the callback function that is called when the dropdown is blurred\n   */\n  onBlur?: BaseButtonProps['onBlur'];\n  /**\n   * onKeyDown is the callback function that is called when the dropdown is keyed down\n   */\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n  /**\n   * onClick is the callback function that is called when the dropdown is clicked\n   */\n  onClick?: BaseButtonProps['onClick'];\n  /**\n   * accessibilityLabel is the label of the dropdown\n   */\n  accessibilityLabel?: string;\n  /**\n   * @private\n   */\n  _isInsideSearchInput?: boolean;\n  /**\n   * isDisabled is the disabled state of the dropdown\n   */\n  isDisabled?: boolean;\n  /**\n   * onChange is the callback function that is called when the dropdown is changed\n   */\n  onChange?: (props: { name: string; value: string }) => void;\n  /**\n   * name is the name of the dropdown\n   */\n  name?: string;\n  /**\n   * testID is the testID of the dropdown\n   */\n  testID?: string;\n  /**\n   * icon is the icon of the dropdown\n   */\n  icon?: IconComponent;\n  /**\n   * leading is a custom leading element (e.g., flag image)\n   */\n  leading?: React.ReactNode;\n  /**\n   * showDisplayValue shows the selected value text in the trigger button.\n   * When false, only the leading element (e.g., a flag) is shown.\n   * @default true\n   */\n  showDisplayValue?: boolean;\n  /**\n   * size is the size of the dropdown button (inherited from parent input)\n   * @default 'medium'\n   */\n  size?: NonNullable<BaseInputProps['size']>;\n} & DataAnalyticsAttribute;\n\ntype ControlledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  /**\n   * value is the value of the dropdown\n   */\n  value: string;\n  defaultValue?: never;\n};\n\ntype UncontrolledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  value?: never;\n  /**\n   * defaultValue is the default selected value of the dropdown\n   */\n  defaultValue: string;\n};\n\ntype InputDropDownButtonProps =\n  | ControlledInputDropDownButtonProps\n  | UncontrolledInputDropDownButtonProps;\n\nconst StyledSearchTrailingDropdown = styled.button<{\n  $isSelected?: boolean;\n  isDisabled?: boolean;\n  $size: NonNullable<BaseInputProps['size']>;\n}>(({ theme, isDisabled, $size }) => {\n  // The wrapper BaseBox in BaseInputVisuals already applies paddingY\n  // So we need to subtract that from the baseInputHeight to get the correct button height\n  const paddingValue = inputDropdownButtonPadding[$size];\n  const wrapperVerticalPadding = spacing[paddingValue] * 2; // top + bottom padding from wrapper\n  const buttonHeight = baseInputHeight[$size] - wrapperVerticalPadding;\n\n  return {\n    backgroundColor: theme.colors.transparent,\n    gap: makeSpace(theme.spacing[2]),\n    display: 'flex',\n    boxSizing: 'border-box',\n    height: makeSpace(buttonHeight),\n    padding: makeSpace(theme.spacing[2]),\n    alignItems: 'center',\n    border: 'none',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    '&[disabled]': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n    '&:focus': {\n      ...getFocusRingStyles({ theme }),\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:hover': {\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:focus-visible': {\n      outlineOffset: makeSpace(theme.spacing[0]),\n    },\n    borderRadius: inputDropdownButtonBorderRadius[$size],\n  };\n});\n\nconst _InputDropdownButton = ({\n  onClick,\n  onBlur,\n  onKeyDown,\n  accessibilityLabel,\n  _isInsideSearchInput = false,\n  isDisabled,\n  onChange,\n  name,\n  testID,\n  value,\n  defaultValue,\n  icon: Icon,\n  leading,\n  showDisplayValue = true,\n  size = 'medium',\n  ...rest\n}: InputDropDownButtonProps): React.ReactElement | null => {\n  const idBase = useId('input-drop-down-button');\n  const {\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    displayValue,\n  } = useDropdown();\n\n  useControlledDropdownInput({\n    onChange: ({ name, values }) => {\n      onChange?.({\n        name: name || idBase,\n        value: values[0],\n      });\n    },\n    name,\n    value,\n    defaultValue,\n    triggererRef,\n    isSelectInput: false,\n  });\n\n  if (!displayValue) {\n    return null;\n  }\n\n  return (\n    <StyledSearchTrailingDropdown\n      type=\"button\"\n      $size={size}\n      onClick={(e) => {\n        if (isDisabled) return;\n        onTriggerClick();\n        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n        // Since this dropdown is inside another dropdown we should stop event stopPropagation.\n        e?.stopPropagation();\n      }}\n      onBlur={(e) => {\n        if (isDisabled) return;\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        if (isDisabled) return;\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n        e?.stopPropagation();\n      }}\n      {...makeAccessible({\n        label: accessibilityLabel ?? `change ${displayValue} filter`,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'InputDropdownButton'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      })}\n      ref={triggererRef}\n      isDisabled={isDisabled}\n      {...makeAnalyticsAttribute(rest)}\n      {...metaAttribute({ name: 'InputDropdownButton', testID })}\n    >\n      <Box\n        padding={`spacing.${inputDropdownButtonPadding[size]}`}\n        display=\"flex\"\n        gap=\"spacing.2\"\n        alignItems=\"center\"\n      >\n        {_isInsideSearchInput && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          >\n            {' '}\n            in\n          </Text>\n        )}\n        {leading}\n        {Icon && (\n          <Icon\n            size=\"medium\"\n            color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n          />\n        )}\n\n        {showDisplayValue && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n          >\n            {displayValue}\n          </Text>\n        )}\n        <ChevronUpDownIcon\n          color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n        />\n      </Box>\n    </StyledSearchTrailingDropdown>\n  );\n};\n\nconst InputDropdownButton = assignWithoutSideEffects(_InputDropdownButton, {\n  componentId: dropdownComponentIds.triggers.InputDropdownButton,\n  displayName: 'InputDropDown',\n});\n\nexport { InputDropdownButton };\n"],"names":["StyledSearchTrailingDropdown","styled","button","withConfig","displayName","componentId","_ref","theme","isDisabled","$size","paddingValue","inputDropdownButtonPadding","wrapperVerticalPadding","spacing","buttonHeight","baseInputHeight","backgroundColor","colors","transparent","gap","makeSpace","display","boxSizing","height","padding","alignItems","border","cursor","pointerEvents","_objectSpread","getFocusRingStyles","interactive","background","gray","faded","outlineOffset","borderRadius","inputDropdownButtonBorderRadius","_InputDropdownButton","_ref2","onClick","onBlur","onKeyDown","accessibilityLabel","_ref2$_isInsideSearch","_isInsideSearchInput","onChange","name","testID","value","defaultValue","Icon","icon","leading","_ref2$showDisplayValu","showDisplayValue","_ref2$size","size","rest","_objectWithoutProperties","_excluded","idBase","useId","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","displayValue","useControlledDropdownInput","_ref3","values","isSelectInput","_jsx","type","e","stopPropagation","event","makeAccessible","label","concat","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","ref","makeAnalyticsAttribute","metaAttribute","children","_jsxs","Box","Text","variant","weight","color","ChevronUpDownIcon","InputDropdownButton","assignWithoutSideEffects","dropdownComponentIds","triggers"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgHA,IAAMA,4BAA4B,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,sDAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAI/C,CAAA,CAAA,UAAAC,IAAA,EAAkC;AAAA,EAAA,IAA/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAA;AAC5B;AACA;AACA,EAAA,IAAMC,YAAY,GAAGC,0BAA0B,CAACF,KAAK,CAAC,CAAA;EACtD,IAAMG,sBAAsB,GAAGC,OAAO,CAACH,YAAY,CAAC,GAAG,CAAC,CAAC;AACzD,EAAA,IAAMI,YAAY,GAAGC,eAAe,CAACN,KAAK,CAAC,GAAGG,sBAAsB,CAAA;EAEpE,OAAO;AACLI,IAAAA,eAAe,EAAET,KAAK,CAACU,MAAM,CAACC,WAAW;IACzCC,GAAG,EAAEC,SAAS,CAACb,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC,CAAC;AAChCQ,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,SAAS,EAAE,YAAY;AACvBC,IAAAA,MAAM,EAAEH,SAAS,CAACN,YAAY,CAAC;IAC/BU,OAAO,EAAEJ,SAAS,CAACb,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC,CAAC;AACpCY,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,MAAM,EAAEnB,UAAU,GAAG,aAAa,GAAG,SAAS;AAC9C,IAAA,aAAa,EAAE;AACbmB,MAAAA,MAAM,EAAE,aAAa;AACrBC,MAAAA,aAAa,EAAE,MAAA;KAChB;AACD,IAAA,SAAS,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACJC,kBAAkB,CAAC;AAAEvB,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;MAChCS,eAAe,EAAET,KAAK,CAACU,MAAM,CAACc,WAAW,CAACC,UAAU,CAACC,IAAI,CAACC,KAAAA;KAC3D,CAAA;AACD,IAAA,SAAS,EAAE;MACTlB,eAAe,EAAET,KAAK,CAACU,MAAM,CAACc,WAAW,CAACC,UAAU,CAACC,IAAI,CAACC,KAAAA;KAC3D;AACD,IAAA,iBAAiB,EAAE;MACjBC,aAAa,EAAEf,SAAS,CAACb,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC,CAAA;KAC1C;IACDuB,YAAY,EAAEC,+BAA+B,CAAC5B,KAAK,CAAA;GACpD,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM6B,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAiBiC;AAAA,EAAA,IAhBzDC,QAAO,GAAAD,KAAA,CAAPC,OAAO;IACPC,OAAM,GAAAF,KAAA,CAANE,MAAM;IACNC,UAAS,GAAAH,KAAA,CAATG,SAAS;IACTC,kBAAkB,GAAAJ,KAAA,CAAlBI,kBAAkB;IAAAC,qBAAA,GAAAL,KAAA,CAClBM,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAC5BpC,UAAU,GAAA+B,KAAA,CAAV/B,UAAU;IACVsC,SAAQ,GAAAP,KAAA,CAARO,QAAQ;IACRC,IAAI,GAAAR,KAAA,CAAJQ,IAAI;IACJC,MAAM,GAAAT,KAAA,CAANS,MAAM;IACNC,KAAK,GAAAV,KAAA,CAALU,KAAK;IACLC,YAAY,GAAAX,KAAA,CAAZW,YAAY;IACNC,IAAI,GAAAZ,KAAA,CAAVa,IAAI;IACJC,OAAO,GAAAd,KAAA,CAAPc,OAAO;IAAAC,qBAAA,GAAAf,KAAA,CACPgB,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;IAAAE,UAAA,GAAAjB,KAAA,CACvBkB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA;AACZE,IAAAA,IAAI,GAAAC,wBAAA,CAAApB,KAAA,EAAAqB,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,MAAM,GAAGC,KAAK,CAAC,wBAAwB,CAAC,CAAA;AAC9C,EAAA,IAAAC,YAAA,GASIC,WAAW,EAAE;IARfC,cAAc,GAAAF,YAAA,CAAdE,cAAc;IACdC,gBAAgB,GAAAH,YAAA,CAAhBG,gBAAgB;IAChBC,cAAc,GAAAJ,YAAA,CAAdI,cAAc;IACdC,MAAM,GAAAL,YAAA,CAANK,MAAM;IACNC,WAAW,GAAAN,YAAA,CAAXM,WAAW;IACXC,eAAe,GAAAP,YAAA,CAAfO,eAAe;IACfC,YAAY,GAAAR,YAAA,CAAZQ,YAAY;IACZC,YAAY,GAAAT,YAAA,CAAZS,YAAY,CAAA;AAGdC,EAAAA,0BAA0B,CAAC;AACzB3B,IAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAA4B,KAAA,EAAwB;AAAA,MAAA,IAAnB3B,IAAI,GAAA2B,KAAA,CAAJ3B,IAAI;QAAE4B,MAAM,GAAAD,KAAA,CAANC,MAAM,CAAA;AACvB7B,MAAAA,SAAQ,KAARA,IAAAA,IAAAA,SAAQ,KAARA,KAAAA,CAAAA,IAAAA,SAAQ,CAAG;QACTC,IAAI,EAAEA,IAAI,IAAIc,MAAM;QACpBZ,KAAK,EAAE0B,MAAM,CAAC,CAAC,CAAA;AACjB,OAAC,CAAC,CAAA;KACH;AACD5B,IAAAA,IAAI,EAAJA,IAAI;AACJE,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,YAAY,EAAZA,YAAY;AACZqB,IAAAA,YAAY,EAAZA,YAAY;AACZK,IAAAA,aAAa,EAAE,KAAA;AACjB,GAAC,CAAC,CAAA;EAEF,IAAI,CAACJ,YAAY,EAAE;AACjB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EAEA,oBACEK,GAAA,CAAC7E,4BAA4B,EAAA6B,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AAC3BiD,IAAAA,IAAI,EAAC,QAAQ;AACbrE,IAAAA,KAAK,EAAEgD,IAAK;AACZjB,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGuC,CAAC,EAAK;AACd,MAAA,IAAIvE,UAAU,EAAE,OAAA;AAChByD,MAAAA,cAAc,EAAE,CAAA;AAChB;AACAzB,MAAAA,QAAO,aAAPA,QAAO,KAAA,KAAA,CAAA,IAAPA,QAAO,CAAGuC,CAAQ,CAAC,CAAA;AACnB;AACAA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,IAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;KACpB;AACFvC,IAAAA,MAAM,EAAE,SAARA,MAAMA,CAAGsC,CAAC,EAAK;AACb,MAAA,IAAIvE,UAAU,EAAE,OAAA;AAChB;AACA;AACAiC,MAAAA,OAAM,aAANA,OAAM,KAAA,KAAA,CAAA,IAANA,OAAM,CAAGsC,CAAQ,CAAC,CAAA;AAClBA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,IAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;KACpB;AACFtC,IAAAA,SAAS,EAAE,SAAXA,SAASA,CAAGqC,CAAC,EAAK;AAChB,MAAA,IAAIvE,UAAU,EAAE,OAAA;AAChB0D,MAAAA,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,KAAhBA,KAAAA,CAAAA,IAAAA,gBAAgB,CAAG;AAAEe,QAAAA,KAAK,EAAEF,CAAAA;AAAS,OAAC,CAAC,CAAA;AACvC;AACArC,MAAAA,UAAS,aAATA,UAAS,KAAA,KAAA,CAAA,IAATA,UAAS,CAAGqC,CAAQ,CAAC,CAAA;AACrBA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,IAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;AACtB,KAAA;AAAE,GAAA,EACEE,cAAc,CAAC;IACjBC,KAAK,EAAExC,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAlBA,kBAAkB,GAAAyC,SAAAA,CAAAA,MAAA,CAAcZ,YAAY,EAAS,SAAA,CAAA;AAC5Da,IAAAA,QAAQ,EAAEC,0BAA0B,CAAChB,eAAe,EAAE,qBAAqB,CAAC;AAC5EiB,IAAAA,QAAQ,EAAEnB,MAAM;AAChBoB,IAAAA,QAAQ,EAAAJ,EAAAA,CAAAA,MAAA,CAAKjB,cAAc,EAAa,aAAA,CAAA;AACxCsB,IAAAA,gBAAgB,EAAEpB,WAAW,IAAI,CAAC,GAAAe,EAAAA,CAAAA,MAAA,CAAMjB,cAAc,EAAAiB,GAAAA,CAAAA,CAAAA,MAAA,CAAIf,WAAW,CAAKqB,GAAAA,SAAAA;AAC5E,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACFC,IAAAA,GAAG,EAAEpB,YAAa;AAClB/D,IAAAA,UAAU,EAAEA,UAAAA;AAAW,GAAA,EACnBoF,sBAAsB,CAAClC,IAAI,CAAC,CAAA,EAC5BmC,aAAa,CAAC;AAAE9C,IAAAA,IAAI,EAAE,qBAAqB;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAA8C,QAAA,eAE1DC,IAAA,CAACC,GAAG,EAAA;AACFxE,MAAAA,OAAO,aAAA4D,MAAA,CAAazE,0BAA0B,CAAC8C,IAAI,CAAC,CAAG;AACvDpC,MAAAA,OAAO,EAAC,MAAM;AACdF,MAAAA,GAAG,EAAC,WAAW;AACfM,MAAAA,UAAU,EAAC,QAAQ;AAAAqE,MAAAA,QAAA,EAElBjD,CAAAA,oBAAoB,iBACnBkD,IAAA,CAACE,IAAI,EAAA;AACHC,QAAAA,OAAO,EAAC,MAAM;AACdzC,QAAAA,IAAI,EAAC,QAAQ;AACb0C,QAAAA,MAAM,EAAC,SAAS;AAChBC,QAAAA,KAAK,EAAE5F,UAAU,GAAG,4BAA4B,GAAG,yBAA0B;QAAAsF,QAAA,EAAA,CAE5E,GAAG,EAAC,IAEP,CAAA;OAAM,CACP,EACAzC,OAAO,EACPF,IAAI,iBACH0B,GAAA,CAAC1B,IAAI,EAAA;AACHM,QAAAA,IAAI,EAAC,QAAQ;AACb2C,QAAAA,KAAK,EAAE5F,UAAU,GAAG,4BAA4B,GAAG,yBAAA;AAA0B,OAC9E,CACF,EAEA+C,gBAAgB,iBACfsB,GAAA,CAACoB,IAAI,EAAA;AACHC,QAAAA,OAAO,EAAC,MAAM;AACdzC,QAAAA,IAAI,EAAC,QAAQ;AACb0C,QAAAA,MAAM,EAAC,SAAS;AAChBC,QAAAA,KAAK,EAAE5F,UAAU,GAAG,4BAA4B,GAAG,0BAA2B;AAAAsF,QAAAA,QAAA,EAE7EtB,YAAAA;AAAY,OACT,CACP,eACDK,GAAA,CAACwB,iBAAiB,EAAA;AAChBD,QAAAA,KAAK,EAAE5F,UAAU,GAAG,4BAA4B,GAAG,yBAAA;AAA0B,OAC9E,CAAC,CAAA;KACC,CAAA;AAAC,GAAA,CACsB,CAAC,CAAA;AAEnC,CAAC,CAAA;AAED,IAAM8F,mBAAmB,gBAAGC,wBAAwB,CAACjE,oBAAoB,EAAE;AACzEjC,EAAAA,WAAW,EAAEmG,oBAAoB,CAACC,QAAQ,CAACH,mBAAmB;AAC9DlG,EAAAA,WAAW,EAAE,eAAA;AACf,CAAC;;;;"}

package/build/lib/web/development/components/Input/PhoneNumberInput/CountrySelector.web.js

@@ -79,7 +79,8 @@ var CountrySelector = function CountrySelector(_ref) {
       accessibilityLabel: "".concat(countryNameFormatter.of(selectedCountry), " - Select Country"),
       isDisabled: isDisabled,
       size: size,
-      leading: flagImage
+      leading: flagImage,
+      showDisplayValue: false
     }), isMobile ? /*#__PURE__*/jsxs(BottomSheet, {
       children: [/*#__PURE__*/jsx(BottomSheetHeader, {
         title: "Select A Country"

package/build/lib/web/development/components/Input/PhoneNumberInput/CountrySelector.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelector.web.js","sources":["../../../../../../../src/components/Input/PhoneNumberInput/CountrySelector.web.tsx"],"sourcesContent":["import type { CountryCodeType, getFlagsForAllCountries } from '@razorpay/i18nify-js';\nimport { getDialCodeByCountryCode, getFlagOfCountry } from '@razorpay/i18nify-js';\nimport React from 'react';\nimport { size as sizes } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport {\n  ActionList,\n  ActionListItem,\n  ActionListItemAsset,\n  ActionListItemText,\n} from '~components/ActionList';\nimport { BottomSheet, BottomSheetBody, BottomSheetHeader } from '~components/BottomSheet';\nimport type { DropdownOverlayProps } from '~components/Dropdown';\nimport { Dropdown, DropdownOverlay, InputDropdownButton } from '~components/Dropdown';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst countryNameFormatter = new Intl.DisplayNames(['en'], { type: 'region' });\n\ntype CountryData = {\n  code: CountryCodeType;\n  name: string;\n}[];\ntype CounterSelectorProps = {\n  selectedCountry: CountryCodeType;\n  inputWrapperRef: DropdownOverlayProps['referenceRef'];\n  countryData: CountryData;\n  onItemClick: (props: { name: string }) => void;\n  flags: ReturnType<typeof getFlagsForAllCountries>;\n  isDisabled?: boolean;\n  size: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst flagSize = {\n  xsmall: makeSize(sizes[16]),\n  small: makeSize(sizes[16]),\n  medium: makeSize(sizes[20]),\n  large: makeSize(sizes[24]),\n} as const;\n\nconst CountrySelector = ({\n  isDisabled,\n  selectedCountry,\n  inputWrapperRef,\n  countryData,\n  onItemClick,\n  flags,\n  size,\n}: CounterSelectorProps): React.ReactElement => {\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);\n  const isMobile = useIsMobile();\n\n  const actionList = (\n    <ActionList isVirtualized={true}>\n      {countryData.map((country) => {\n        return (\n          <ActionListItem\n            key={country.code}\n            leading={<ActionListItemAsset src={flags[country.code]['4X3']} alt={country.name} />}\n            title={country.name}\n            value={country.code}\n            trailing={\n              <ActionListItemText>{getDialCodeByCountryCode(country.code)}</ActionListItemText>\n            }\n          />\n        );\n      })}\n    </ActionList>\n  );\n\n  const flagImage = (\n    <img\n      loading=\"lazy\"\n      role=\"presentation\"\n      width={flagSize[size]}\n      src={getFlagOfCountry(selectedCountry)['4X3']}\n      alt=\"\"\n    />\n  );\n\n  return (\n    <Dropdown isOpen={isDropdownOpen} onOpenChange={setIsDropdownOpen}>\n      <InputDropdownButton\n        value={selectedCountry}\n        onChange={({ value }) => onItemClick({ name: value })}\n        accessibilityLabel={`${countryNameFormatter.of(selectedCountry)} - Select Country`}\n        isDisabled={isDisabled}\n        size={size}\n        leading={flagImage}\n      />\n      {isMobile ? (\n        <BottomSheet>\n          <BottomSheetHeader title=\"Select A Country\" />\n          <BottomSheetBody>{actionList}</BottomSheetBody>\n        </BottomSheet>\n      ) : (\n        <DropdownOverlay referenceRef={inputWrapperRef}>{actionList}</DropdownOverlay>\n      )}\n    </Dropdown>\n  );\n};\n\nexport { CountrySelector, countryNameFormatter };\n"],"names":["countryNameFormatter","Intl","DisplayNames","type","flagSize","xsmall","makeSize","sizes","small","medium","large","CountrySelector","_ref","isDisabled","selectedCountry","inputWrapperRef","countryData","onItemClick","flags","size","_React$useState","React","useState","_React$useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","isMobile","useIsMobile","actionList","_jsx","ActionList","isVirtualized","children","map","country","ActionListItem","leading","ActionListItemAsset","src","code","alt","name","title","value","trailing","ActionListItemText","getDialCodeByCountryCode","flagImage","loading","role","width","getFlagOfCountry","_jsxs","Dropdown","isOpen","onOpenChange","InputDropdownButton","onChange","_ref2","accessibilityLabel","concat","of","BottomSheet","BottomSheetHeader","BottomSheetBody","DropdownOverlay","referenceRef"],"mappings":"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"}
+{"version":3,"file":"CountrySelector.web.js","sources":["../../../../../../../src/components/Input/PhoneNumberInput/CountrySelector.web.tsx"],"sourcesContent":["import type { CountryCodeType, getFlagsForAllCountries } from '@razorpay/i18nify-js';\nimport { getDialCodeByCountryCode, getFlagOfCountry } from '@razorpay/i18nify-js';\nimport React from 'react';\nimport { size as sizes } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport {\n  ActionList,\n  ActionListItem,\n  ActionListItemAsset,\n  ActionListItemText,\n} from '~components/ActionList';\nimport { BottomSheet, BottomSheetBody, BottomSheetHeader } from '~components/BottomSheet';\nimport type { DropdownOverlayProps } from '~components/Dropdown';\nimport { Dropdown, DropdownOverlay, InputDropdownButton } from '~components/Dropdown';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst countryNameFormatter = new Intl.DisplayNames(['en'], { type: 'region' });\n\ntype CountryData = {\n  code: CountryCodeType;\n  name: string;\n}[];\ntype CounterSelectorProps = {\n  selectedCountry: CountryCodeType;\n  inputWrapperRef: DropdownOverlayProps['referenceRef'];\n  countryData: CountryData;\n  onItemClick: (props: { name: string }) => void;\n  flags: ReturnType<typeof getFlagsForAllCountries>;\n  isDisabled?: boolean;\n  size: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst flagSize = {\n  xsmall: makeSize(sizes[16]),\n  small: makeSize(sizes[16]),\n  medium: makeSize(sizes[20]),\n  large: makeSize(sizes[24]),\n} as const;\n\nconst CountrySelector = ({\n  isDisabled,\n  selectedCountry,\n  inputWrapperRef,\n  countryData,\n  onItemClick,\n  flags,\n  size,\n}: CounterSelectorProps): React.ReactElement => {\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);\n  const isMobile = useIsMobile();\n\n  const actionList = (\n    <ActionList isVirtualized={true}>\n      {countryData.map((country) => {\n        return (\n          <ActionListItem\n            key={country.code}\n            leading={<ActionListItemAsset src={flags[country.code]['4X3']} alt={country.name} />}\n            title={country.name}\n            value={country.code}\n            trailing={\n              <ActionListItemText>{getDialCodeByCountryCode(country.code)}</ActionListItemText>\n            }\n          />\n        );\n      })}\n    </ActionList>\n  );\n\n  const flagImage = (\n    <img\n      loading=\"lazy\"\n      role=\"presentation\"\n      width={flagSize[size]}\n      src={getFlagOfCountry(selectedCountry)['4X3']}\n      alt=\"\"\n    />\n  );\n\n  return (\n    <Dropdown isOpen={isDropdownOpen} onOpenChange={setIsDropdownOpen}>\n      <InputDropdownButton\n        value={selectedCountry}\n        onChange={({ value }) => onItemClick({ name: value })}\n        accessibilityLabel={`${countryNameFormatter.of(selectedCountry)} - Select Country`}\n        isDisabled={isDisabled}\n        size={size}\n        leading={flagImage}\n        showDisplayValue={false}\n      />\n      {isMobile ? (\n        <BottomSheet>\n          <BottomSheetHeader title=\"Select A Country\" />\n          <BottomSheetBody>{actionList}</BottomSheetBody>\n        </BottomSheet>\n      ) : (\n        <DropdownOverlay referenceRef={inputWrapperRef}>{actionList}</DropdownOverlay>\n      )}\n    </Dropdown>\n  );\n};\n\nexport { CountrySelector, countryNameFormatter };\n"],"names":["countryNameFormatter","Intl","DisplayNames","type","flagSize","xsmall","makeSize","sizes","small","medium","large","CountrySelector","_ref","isDisabled","selectedCountry","inputWrapperRef","countryData","onItemClick","flags","size","_React$useState","React","useState","_React$useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","isMobile","useIsMobile","actionList","_jsx","ActionList","isVirtualized","children","map","country","ActionListItem","leading","ActionListItemAsset","src","code","alt","name","title","value","trailing","ActionListItemText","getDialCodeByCountryCode","flagImage","loading","role","width","getFlagOfCountry","_jsxs","Dropdown","isOpen","onOpenChange","InputDropdownButton","onChange","_ref2","accessibilityLabel","concat","of","showDisplayValue","BottomSheet","BottomSheetHeader","BottomSheetBody","DropdownOverlay","referenceRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBMA,IAAAA,oBAAoB,GAAG,IAAIC,IAAI,CAACC,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE;AAAEC,EAAAA,IAAI,EAAE,QAAA;AAAS,CAAC,EAAC;AAgB9E,IAAMC,QAAQ,GAAG;AACfC,EAAAA,MAAM,EAAEC,QAAQ,CAACC,IAAK,CAAC,EAAE,CAAC,CAAC;AAC3BC,EAAAA,KAAK,EAAEF,QAAQ,CAACC,IAAK,CAAC,EAAE,CAAC,CAAC;AAC1BE,EAAAA,MAAM,EAAEH,QAAQ,CAACC,IAAK,CAAC,EAAE,CAAC,CAAC;AAC3BG,EAAAA,KAAK,EAAEJ,QAAQ,CAACC,IAAK,CAAC,EAAE,CAAC,CAAA;AAC3B,CAAU,CAAA;AAEV,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAP9CC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,eAAe,GAAAF,IAAA,CAAfE,eAAe;IACfC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,IAAI,GAAAP,IAAA,CAAJO,IAAI,CAAA;AAEJ,EAAA,IAAAC,eAAA,GAA4CC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAA1DK,IAAAA,cAAc,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,iBAAiB,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAMI,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,EAAA,IAAMC,UAAU,gBACdC,GAAA,CAACC,UAAU,EAAA;AAACC,IAAAA,aAAa,EAAE,IAAK;AAAAC,IAAAA,QAAA,EAC7BjB,WAAW,CAACkB,GAAG,CAAC,UAACC,OAAO,EAAK;MAC5B,oBACEL,GAAA,CAACM,cAAc,EAAA;QAEbC,OAAO,eAAEP,GAAA,CAACQ,mBAAmB,EAAA;UAACC,GAAG,EAAErB,KAAK,CAACiB,OAAO,CAACK,IAAI,CAAC,CAAC,KAAK,CAAE;UAACC,GAAG,EAAEN,OAAO,CAACO,IAAAA;AAAK,SAAE,CAAE;QACrFC,KAAK,EAAER,OAAO,CAACO,IAAK;QACpBE,KAAK,EAAET,OAAO,CAACK,IAAK;QACpBK,QAAQ,eACNf,GAAA,CAACgB,kBAAkB,EAAA;AAAAb,UAAAA,QAAA,EAAEc,wBAAwB,CAACZ,OAAO,CAACK,IAAI,CAAA;SAAsB,CAAA;OAL7EL,EAAAA,OAAO,CAACK,IAOd,CAAC,CAAA;KAEL,CAAA;AAAC,GACQ,CACb,CAAA;EAED,IAAMQ,SAAS,gBACblB,GAAA,CAAA,KAAA,EAAA;AACEmB,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,IAAI,EAAC,cAAc;AACnBC,IAAAA,KAAK,EAAE/C,QAAQ,CAACe,IAAI,CAAE;AACtBoB,IAAAA,GAAG,EAAEa,gBAAgB,CAACtC,eAAe,CAAC,CAAC,KAAK,CAAE;AAC9C2B,IAAAA,GAAG,EAAC,EAAA;AAAE,GACP,CACF,CAAA;EAED,oBACEY,IAAA,CAACC,QAAQ,EAAA;AAACC,IAAAA,MAAM,EAAE9B,cAAe;AAAC+B,IAAAA,YAAY,EAAE9B,iBAAkB;IAAAO,QAAA,EAAA,cAChEH,GAAA,CAAC2B,mBAAmB,EAAA;AAClBb,MAAAA,KAAK,EAAE9B,eAAgB;AACvB4C,MAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAAC,KAAA,EAAA;AAAA,QAAA,IAAKf,KAAK,GAAAe,KAAA,CAALf,KAAK,CAAA;AAAA,QAAA,OAAO3B,WAAW,CAAC;AAAEyB,UAAAA,IAAI,EAAEE,KAAAA;AAAM,SAAC,CAAC,CAAA;OAAC;MACtDgB,kBAAkB,EAAA,EAAA,CAAAC,MAAA,CAAK7D,oBAAoB,CAAC8D,EAAE,CAAChD,eAAe,CAAC,EAAoB,mBAAA,CAAA;AACnFD,MAAAA,UAAU,EAAEA,UAAW;AACvBM,MAAAA,IAAI,EAAEA,IAAK;AACXkB,MAAAA,OAAO,EAAEW,SAAU;AACnBe,MAAAA,gBAAgB,EAAE,KAAA;AAAM,KACzB,CAAC,EACDpC,QAAQ,gBACP0B,IAAA,CAACW,WAAW,EAAA;MAAA/B,QAAA,EAAA,cACVH,GAAA,CAACmC,iBAAiB,EAAA;AAACtB,QAAAA,KAAK,EAAC,kBAAA;AAAkB,OAAE,CAAC,eAC9Cb,GAAA,CAACoC,eAAe,EAAA;AAAAjC,QAAAA,QAAA,EAAEJ,UAAAA;AAAU,OAAkB,CAAC,CAAA;AAAA,KACpC,CAAC,gBAEdC,GAAA,CAACqC,eAAe,EAAA;AAACC,MAAAA,YAAY,EAAErD,eAAgB;AAAAkB,MAAAA,QAAA,EAAEJ,UAAAA;AAAU,KAAkB,CAC9E,CAAA;AAAA,GACO,CAAC,CAAA;AAEf;;;;"}

package/build/lib/web/production/_virtual/cloneDeep.js

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/compat/object/cloneDeep.js';
+import '../node_modules/es-toolkit/dist/object/cloneDeep.js';
 //# sourceMappingURL=cloneDeep.js.map

package/build/lib/web/production/_virtual/cloneDeep3.js

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/object/cloneDeep.js';
+import '../node_modules/es-toolkit/dist/compat/object/cloneDeep.js';
 //# sourceMappingURL=cloneDeep3.js.map

package/build/lib/web/production/components/Dropdown/InputDropdownButton.web.js

@@ -31,7 +31,7 @@ import { Text } from '../Typography/Text/Text.js';
 import ChevronUpDownIcon from '../Icons/ChevronUpDownIcon/ChevronUpDownIcon.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "_isInsideSearchInput", "isDisabled", "onChange", "name", "testID", "value", "defaultValue", "icon", "leading", "size"];
+var _excluded = ["onClick", "onBlur", "onKeyDown", "accessibilityLabel", "_isInsideSearchInput", "isDisabled", "onChange", "name", "testID", "value", "defaultValue", "icon", "leading", "showDisplayValue", "size"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledSearchTrailingDropdown = /*#__PURE__*/styled.button.withConfig({
@@ -89,6 +89,8 @@ var _InputDropdownButton = function _InputDropdownButton(_ref2) {
     defaultValue = _ref2.defaultValue,
     Icon = _ref2.icon,
     leading = _ref2.leading,
+    _ref2$showDisplayValu = _ref2.showDisplayValue,
+    showDisplayValue = _ref2$showDisplayValu === void 0 ? true : _ref2$showDisplayValu,
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 'medium' : _ref2$size,
     rest = _objectWithoutProperties(_ref2, _excluded);
@@ -174,7 +176,7 @@ var _InputDropdownButton = function _InputDropdownButton(_ref2) {
       }), leading, Icon && /*#__PURE__*/jsx(Icon, {
         size: "medium",
         color: isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'
-      }), /*#__PURE__*/jsx(Text, {
+      }), showDisplayValue && /*#__PURE__*/jsx(Text, {
         variant: "body",
         size: "medium",
         weight: "regular",

package/build/lib/web/production/components/Dropdown/InputDropdownButton.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputDropdownButton.web.js","sources":["../../../../../../src/components/Dropdown/InputDropdownButton.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { spacing } from '~tokens/global';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { ChevronUpDownIcon } from '~components/Icons';\nimport { Box } from '~components/Box';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { Text } from '~components/Typography';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { useId } from '~utils/useId';\nimport type { IconComponent } from '~components/Icons';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\nimport {\n  inputDropdownButtonBorderRadius,\n  baseInputHeight,\n  inputDropdownButtonPadding,\n} from '~components/Input/BaseInput/baseInputTokens';\nimport type { BaseInputProps } from '~components/Input/BaseInput/BaseInput';\n\ntype BaseInputDropDownButtonProps = {\n  /**\n   * isOpen is used to control the open state of the dropdown\n   */\n  isOpen?: boolean;\n  /**\n   * onBlur is the callback function that is called when the dropdown is blurred\n   */\n  onBlur?: BaseButtonProps['onBlur'];\n  /**\n   * onKeyDown is the callback function that is called when the dropdown is keyed down\n   */\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n  /**\n   * onClick is the callback function that is called when the dropdown is clicked\n   */\n  onClick?: BaseButtonProps['onClick'];\n  /**\n   * accessibilityLabel is the label of the dropdown\n   */\n  accessibilityLabel?: string;\n  /**\n   * @private\n   */\n  _isInsideSearchInput?: boolean;\n  /**\n   * isDisabled is the disabled state of the dropdown\n   */\n  isDisabled?: boolean;\n  /**\n   * onChange is the callback function that is called when the dropdown is changed\n   */\n  onChange?: (props: { name: string; value: string }) => void;\n  /**\n   * name is the name of the dropdown\n   */\n  name?: string;\n  /**\n   * testID is the testID of the dropdown\n   */\n  testID?: string;\n  /**\n   * icon is the icon of the dropdown\n   */\n  icon?: IconComponent;\n  /**\n   * leading is a custom leading element (e.g., flag image)\n   */\n  leading?: React.ReactNode;\n  /**\n   * size is the size of the dropdown button (inherited from parent input)\n   * @default 'medium'\n   */\n  size?: NonNullable<BaseInputProps['size']>;\n} & DataAnalyticsAttribute;\n\ntype ControlledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  /**\n   * value is the value of the dropdown\n   */\n  value: string;\n  defaultValue?: never;\n};\n\ntype UncontrolledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  value?: never;\n  /**\n   * defaultValue is the default selected value of the dropdown\n   */\n  defaultValue: string;\n};\n\ntype InputDropDownButtonProps =\n  | ControlledInputDropDownButtonProps\n  | UncontrolledInputDropDownButtonProps;\n\nconst StyledSearchTrailingDropdown = styled.button<{\n  $isSelected?: boolean;\n  isDisabled?: boolean;\n  $size: NonNullable<BaseInputProps['size']>;\n}>(({ theme, isDisabled, $size }) => {\n  // The wrapper BaseBox in BaseInputVisuals already applies paddingY\n  // So we need to subtract that from the baseInputHeight to get the correct button height\n  const paddingValue = inputDropdownButtonPadding[$size];\n  const wrapperVerticalPadding = spacing[paddingValue] * 2; // top + bottom padding from wrapper\n  const buttonHeight = baseInputHeight[$size] - wrapperVerticalPadding;\n\n  return {\n    backgroundColor: theme.colors.transparent,\n    gap: makeSpace(theme.spacing[2]),\n    display: 'flex',\n    boxSizing: 'border-box',\n    height: makeSpace(buttonHeight),\n    padding: makeSpace(theme.spacing[2]),\n    alignItems: 'center',\n    border: 'none',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    '&[disabled]': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n    '&:focus': {\n      ...getFocusRingStyles({ theme }),\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:hover': {\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:focus-visible': {\n      outlineOffset: makeSpace(theme.spacing[0]),\n    },\n    borderRadius: inputDropdownButtonBorderRadius[$size],\n  };\n});\n\nconst _InputDropdownButton = ({\n  onClick,\n  onBlur,\n  onKeyDown,\n  accessibilityLabel,\n  _isInsideSearchInput = false,\n  isDisabled,\n  onChange,\n  name,\n  testID,\n  value,\n  defaultValue,\n  icon: Icon,\n  leading,\n  size = 'medium',\n  ...rest\n}: InputDropDownButtonProps): React.ReactElement | null => {\n  const idBase = useId('input-drop-down-button');\n  const {\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    displayValue,\n  } = useDropdown();\n\n  useControlledDropdownInput({\n    onChange: ({ name, values }) => {\n      onChange?.({\n        name: name || idBase,\n        value: values[0],\n      });\n    },\n    name,\n    value,\n    defaultValue,\n    triggererRef,\n    isSelectInput: false,\n  });\n\n  if (!displayValue) {\n    return null;\n  }\n\n  return (\n    <StyledSearchTrailingDropdown\n      type=\"button\"\n      $size={size}\n      onClick={(e) => {\n        if (isDisabled) return;\n        onTriggerClick();\n        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n        // Since this dropdown is inside another dropdown we should stop event stopPropagation.\n        e?.stopPropagation();\n      }}\n      onBlur={(e) => {\n        if (isDisabled) return;\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        if (isDisabled) return;\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n        e?.stopPropagation();\n      }}\n      {...makeAccessible({\n        label: accessibilityLabel ?? `change ${displayValue} filter`,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'InputDropdownButton'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      })}\n      ref={triggererRef}\n      isDisabled={isDisabled}\n      {...makeAnalyticsAttribute(rest)}\n      {...metaAttribute({ name: 'InputDropdownButton', testID })}\n    >\n      <Box\n        padding={`spacing.${inputDropdownButtonPadding[size]}`}\n        display=\"flex\"\n        gap=\"spacing.2\"\n        alignItems=\"center\"\n      >\n        {_isInsideSearchInput && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          >\n            {' '}\n            in\n          </Text>\n        )}\n        {leading}\n        {Icon && (\n          <Icon\n            size=\"medium\"\n            color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n          />\n        )}\n\n        <Text\n          variant=\"body\"\n          size=\"medium\"\n          weight=\"regular\"\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n        >\n          {displayValue}\n        </Text>\n        <ChevronUpDownIcon\n          color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n        />\n      </Box>\n    </StyledSearchTrailingDropdown>\n  );\n};\n\nconst InputDropdownButton = assignWithoutSideEffects(_InputDropdownButton, {\n  componentId: dropdownComponentIds.triggers.InputDropdownButton,\n  displayName: 'InputDropDown',\n});\n\nexport { InputDropdownButton };\n"],"names":["StyledSearchTrailingDropdown","styled","button","withConfig","displayName","componentId","_ref","theme","isDisabled","$size","paddingValue","inputDropdownButtonPadding","wrapperVerticalPadding","spacing","buttonHeight","baseInputHeight","backgroundColor","colors","transparent","gap","makeSpace","display","boxSizing","height","padding","alignItems","border","cursor","pointerEvents","_objectSpread","getFocusRingStyles","interactive","background","gray","faded","outlineOffset","borderRadius","inputDropdownButtonBorderRadius","_InputDropdownButton","_ref2","onClick","onBlur","onKeyDown","accessibilityLabel","_ref2$_isInsideSearch","_isInsideSearchInput","onChange","name","testID","value","defaultValue","Icon","icon","leading","_ref2$size","size","rest","_objectWithoutProperties","_excluded","idBase","useId","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","displayValue","useControlledDropdownInput","_ref3","values","isSelectInput","_jsx","type","e","stopPropagation","event","makeAccessible","label","concat","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","ref","makeAnalyticsAttribute","metaAttribute","children","_jsxs","Box","Text","variant","weight","color","ChevronUpDownIcon","InputDropdownButton","assignWithoutSideEffects","dropdownComponentIds","triggers"],"mappings":"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"}
+{"version":3,"file":"InputDropdownButton.web.js","sources":["../../../../../../src/components/Dropdown/InputDropdownButton.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { spacing } from '~tokens/global';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { ChevronUpDownIcon } from '~components/Icons';\nimport { Box } from '~components/Box';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { Text } from '~components/Typography';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { useId } from '~utils/useId';\nimport type { IconComponent } from '~components/Icons';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\nimport {\n  inputDropdownButtonBorderRadius,\n  baseInputHeight,\n  inputDropdownButtonPadding,\n} from '~components/Input/BaseInput/baseInputTokens';\nimport type { BaseInputProps } from '~components/Input/BaseInput/BaseInput';\n\ntype BaseInputDropDownButtonProps = {\n  /**\n   * isOpen is used to control the open state of the dropdown\n   */\n  isOpen?: boolean;\n  /**\n   * onBlur is the callback function that is called when the dropdown is blurred\n   */\n  onBlur?: BaseButtonProps['onBlur'];\n  /**\n   * onKeyDown is the callback function that is called when the dropdown is keyed down\n   */\n  onKeyDown?: BaseButtonProps['onKeyDown'];\n  /**\n   * onClick is the callback function that is called when the dropdown is clicked\n   */\n  onClick?: BaseButtonProps['onClick'];\n  /**\n   * accessibilityLabel is the label of the dropdown\n   */\n  accessibilityLabel?: string;\n  /**\n   * @private\n   */\n  _isInsideSearchInput?: boolean;\n  /**\n   * isDisabled is the disabled state of the dropdown\n   */\n  isDisabled?: boolean;\n  /**\n   * onChange is the callback function that is called when the dropdown is changed\n   */\n  onChange?: (props: { name: string; value: string }) => void;\n  /**\n   * name is the name of the dropdown\n   */\n  name?: string;\n  /**\n   * testID is the testID of the dropdown\n   */\n  testID?: string;\n  /**\n   * icon is the icon of the dropdown\n   */\n  icon?: IconComponent;\n  /**\n   * leading is a custom leading element (e.g., flag image)\n   */\n  leading?: React.ReactNode;\n  /**\n   * showDisplayValue shows the selected value text in the trigger button.\n   * When false, only the leading element (e.g., a flag) is shown.\n   * @default true\n   */\n  showDisplayValue?: boolean;\n  /**\n   * size is the size of the dropdown button (inherited from parent input)\n   * @default 'medium'\n   */\n  size?: NonNullable<BaseInputProps['size']>;\n} & DataAnalyticsAttribute;\n\ntype ControlledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  /**\n   * value is the value of the dropdown\n   */\n  value: string;\n  defaultValue?: never;\n};\n\ntype UncontrolledInputDropDownButtonProps = BaseInputDropDownButtonProps & {\n  value?: never;\n  /**\n   * defaultValue is the default selected value of the dropdown\n   */\n  defaultValue: string;\n};\n\ntype InputDropDownButtonProps =\n  | ControlledInputDropDownButtonProps\n  | UncontrolledInputDropDownButtonProps;\n\nconst StyledSearchTrailingDropdown = styled.button<{\n  $isSelected?: boolean;\n  isDisabled?: boolean;\n  $size: NonNullable<BaseInputProps['size']>;\n}>(({ theme, isDisabled, $size }) => {\n  // The wrapper BaseBox in BaseInputVisuals already applies paddingY\n  // So we need to subtract that from the baseInputHeight to get the correct button height\n  const paddingValue = inputDropdownButtonPadding[$size];\n  const wrapperVerticalPadding = spacing[paddingValue] * 2; // top + bottom padding from wrapper\n  const buttonHeight = baseInputHeight[$size] - wrapperVerticalPadding;\n\n  return {\n    backgroundColor: theme.colors.transparent,\n    gap: makeSpace(theme.spacing[2]),\n    display: 'flex',\n    boxSizing: 'border-box',\n    height: makeSpace(buttonHeight),\n    padding: makeSpace(theme.spacing[2]),\n    alignItems: 'center',\n    border: 'none',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    '&[disabled]': {\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n    '&:focus': {\n      ...getFocusRingStyles({ theme }),\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:hover': {\n      backgroundColor: theme.colors.interactive.background.gray.faded,\n    },\n    '&:focus-visible': {\n      outlineOffset: makeSpace(theme.spacing[0]),\n    },\n    borderRadius: inputDropdownButtonBorderRadius[$size],\n  };\n});\n\nconst _InputDropdownButton = ({\n  onClick,\n  onBlur,\n  onKeyDown,\n  accessibilityLabel,\n  _isInsideSearchInput = false,\n  isDisabled,\n  onChange,\n  name,\n  testID,\n  value,\n  defaultValue,\n  icon: Icon,\n  leading,\n  showDisplayValue = true,\n  size = 'medium',\n  ...rest\n}: InputDropDownButtonProps): React.ReactElement | null => {\n  const idBase = useId('input-drop-down-button');\n  const {\n    onTriggerClick,\n    onTriggerKeydown,\n    dropdownBaseId,\n    isOpen,\n    activeIndex,\n    hasFooterAction,\n    triggererRef,\n    displayValue,\n  } = useDropdown();\n\n  useControlledDropdownInput({\n    onChange: ({ name, values }) => {\n      onChange?.({\n        name: name || idBase,\n        value: values[0],\n      });\n    },\n    name,\n    value,\n    defaultValue,\n    triggererRef,\n    isSelectInput: false,\n  });\n\n  if (!displayValue) {\n    return null;\n  }\n\n  return (\n    <StyledSearchTrailingDropdown\n      type=\"button\"\n      $size={size}\n      onClick={(e) => {\n        if (isDisabled) return;\n        onTriggerClick();\n        // Setting it for web fails it on native typecheck and vice versa\n        onClick?.(e as any);\n        // Since this dropdown is inside another dropdown we should stop event stopPropagation.\n        e?.stopPropagation();\n      }}\n      onBlur={(e) => {\n        if (isDisabled) return;\n        // With button trigger, there is no \"value\" as such. It's just clickable items\n        // Setting it for web fails it on native typecheck and vice versa\n        onBlur?.(e as any);\n        e?.stopPropagation();\n      }}\n      onKeyDown={(e) => {\n        if (isDisabled) return;\n        onTriggerKeydown?.({ event: e as any });\n        // Setting it for web fails it on native typecheck and vice versa\n        onKeyDown?.(e as any);\n        e?.stopPropagation();\n      }}\n      {...makeAccessible({\n        label: accessibilityLabel ?? `change ${displayValue} filter`,\n        hasPopup: getActionListContainerRole(hasFooterAction, 'InputDropdownButton'),\n        expanded: isOpen,\n        controls: `${dropdownBaseId}-actionlist`,\n        activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n      })}\n      ref={triggererRef}\n      isDisabled={isDisabled}\n      {...makeAnalyticsAttribute(rest)}\n      {...metaAttribute({ name: 'InputDropdownButton', testID })}\n    >\n      <Box\n        padding={`spacing.${inputDropdownButtonPadding[size]}`}\n        display=\"flex\"\n        gap=\"spacing.2\"\n        alignItems=\"center\"\n      >\n        {_isInsideSearchInput && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          >\n            {' '}\n            in\n          </Text>\n        )}\n        {leading}\n        {Icon && (\n          <Icon\n            size=\"medium\"\n            color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n          />\n        )}\n\n        {showDisplayValue && (\n          <Text\n            variant=\"body\"\n            size=\"medium\"\n            weight=\"regular\"\n            color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n          >\n            {displayValue}\n          </Text>\n        )}\n        <ChevronUpDownIcon\n          color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n        />\n      </Box>\n    </StyledSearchTrailingDropdown>\n  );\n};\n\nconst InputDropdownButton = assignWithoutSideEffects(_InputDropdownButton, {\n  componentId: dropdownComponentIds.triggers.InputDropdownButton,\n  displayName: 'InputDropDown',\n});\n\nexport { InputDropdownButton };\n"],"names":["StyledSearchTrailingDropdown","styled","button","withConfig","displayName","componentId","_ref","theme","isDisabled","$size","paddingValue","inputDropdownButtonPadding","wrapperVerticalPadding","spacing","buttonHeight","baseInputHeight","backgroundColor","colors","transparent","gap","makeSpace","display","boxSizing","height","padding","alignItems","border","cursor","pointerEvents","_objectSpread","getFocusRingStyles","interactive","background","gray","faded","outlineOffset","borderRadius","inputDropdownButtonBorderRadius","_InputDropdownButton","_ref2","onClick","onBlur","onKeyDown","accessibilityLabel","_ref2$_isInsideSearch","_isInsideSearchInput","onChange","name","testID","value","defaultValue","Icon","icon","leading","_ref2$showDisplayValu","showDisplayValue","_ref2$size","size","rest","_objectWithoutProperties","_excluded","idBase","useId","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","displayValue","useControlledDropdownInput","_ref3","values","isSelectInput","_jsx","type","e","stopPropagation","event","makeAccessible","label","concat","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","ref","makeAnalyticsAttribute","metaAttribute","children","_jsxs","Box","Text","variant","weight","color","ChevronUpDownIcon","InputDropdownButton","assignWithoutSideEffects","dropdownComponentIds","triggers"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgHA,IAAMA,4BAA4B,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,sDAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAI/C,CAAA,CAAA,UAAAC,IAAA,EAAkC;AAAA,EAAA,IAA/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAA;AAC5B;AACA;AACA,EAAA,IAAMC,YAAY,GAAGC,0BAA0B,CAACF,KAAK,CAAC,CAAA;EACtD,IAAMG,sBAAsB,GAAGC,OAAO,CAACH,YAAY,CAAC,GAAG,CAAC,CAAC;AACzD,EAAA,IAAMI,YAAY,GAAGC,eAAe,CAACN,KAAK,CAAC,GAAGG,sBAAsB,CAAA;EAEpE,OAAO;AACLI,IAAAA,eAAe,EAAET,KAAK,CAACU,MAAM,CAACC,WAAW;IACzCC,GAAG,EAAEC,SAAS,CAACb,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC,CAAC;AAChCQ,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,SAAS,EAAE,YAAY;AACvBC,IAAAA,MAAM,EAAEH,SAAS,CAACN,YAAY,CAAC;IAC/BU,OAAO,EAAEJ,SAAS,CAACb,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC,CAAC;AACpCY,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,MAAM,EAAEnB,UAAU,GAAG,aAAa,GAAG,SAAS;AAC9C,IAAA,aAAa,EAAE;AACbmB,MAAAA,MAAM,EAAE,aAAa;AACrBC,MAAAA,aAAa,EAAE,MAAA;KAChB;AACD,IAAA,SAAS,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACJC,kBAAkB,CAAC;AAAEvB,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;MAChCS,eAAe,EAAET,KAAK,CAACU,MAAM,CAACc,WAAW,CAACC,UAAU,CAACC,IAAI,CAACC,KAAAA;KAC3D,CAAA;AACD,IAAA,SAAS,EAAE;MACTlB,eAAe,EAAET,KAAK,CAACU,MAAM,CAACc,WAAW,CAACC,UAAU,CAACC,IAAI,CAACC,KAAAA;KAC3D;AACD,IAAA,iBAAiB,EAAE;MACjBC,aAAa,EAAEf,SAAS,CAACb,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC,CAAA;KAC1C;IACDuB,YAAY,EAAEC,+BAA+B,CAAC5B,KAAK,CAAA;GACpD,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM6B,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAiBiC;AAAA,EAAA,IAhBzDC,QAAO,GAAAD,KAAA,CAAPC,OAAO;IACPC,OAAM,GAAAF,KAAA,CAANE,MAAM;IACNC,UAAS,GAAAH,KAAA,CAATG,SAAS;IACTC,kBAAkB,GAAAJ,KAAA,CAAlBI,kBAAkB;IAAAC,qBAAA,GAAAL,KAAA,CAClBM,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAC5BpC,UAAU,GAAA+B,KAAA,CAAV/B,UAAU;IACVsC,SAAQ,GAAAP,KAAA,CAARO,QAAQ;IACRC,IAAI,GAAAR,KAAA,CAAJQ,IAAI;IACJC,MAAM,GAAAT,KAAA,CAANS,MAAM;IACNC,KAAK,GAAAV,KAAA,CAALU,KAAK;IACLC,YAAY,GAAAX,KAAA,CAAZW,YAAY;IACNC,IAAI,GAAAZ,KAAA,CAAVa,IAAI;IACJC,OAAO,GAAAd,KAAA,CAAPc,OAAO;IAAAC,qBAAA,GAAAf,KAAA,CACPgB,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;IAAAE,UAAA,GAAAjB,KAAA,CACvBkB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA;AACZE,IAAAA,IAAI,GAAAC,wBAAA,CAAApB,KAAA,EAAAqB,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,MAAM,GAAGC,KAAK,CAAC,wBAAwB,CAAC,CAAA;AAC9C,EAAA,IAAAC,YAAA,GASIC,WAAW,EAAE;IARfC,cAAc,GAAAF,YAAA,CAAdE,cAAc;IACdC,gBAAgB,GAAAH,YAAA,CAAhBG,gBAAgB;IAChBC,cAAc,GAAAJ,YAAA,CAAdI,cAAc;IACdC,MAAM,GAAAL,YAAA,CAANK,MAAM;IACNC,WAAW,GAAAN,YAAA,CAAXM,WAAW;IACXC,eAAe,GAAAP,YAAA,CAAfO,eAAe;IACfC,YAAY,GAAAR,YAAA,CAAZQ,YAAY;IACZC,YAAY,GAAAT,YAAA,CAAZS,YAAY,CAAA;AAGdC,EAAAA,0BAA0B,CAAC;AACzB3B,IAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAA4B,KAAA,EAAwB;AAAA,MAAA,IAAnB3B,IAAI,GAAA2B,KAAA,CAAJ3B,IAAI;QAAE4B,MAAM,GAAAD,KAAA,CAANC,MAAM,CAAA;AACvB7B,MAAAA,SAAQ,KAARA,IAAAA,IAAAA,SAAQ,KAARA,KAAAA,CAAAA,IAAAA,SAAQ,CAAG;QACTC,IAAI,EAAEA,IAAI,IAAIc,MAAM;QACpBZ,KAAK,EAAE0B,MAAM,CAAC,CAAC,CAAA;AACjB,OAAC,CAAC,CAAA;KACH;AACD5B,IAAAA,IAAI,EAAJA,IAAI;AACJE,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,YAAY,EAAZA,YAAY;AACZqB,IAAAA,YAAY,EAAZA,YAAY;AACZK,IAAAA,aAAa,EAAE,KAAA;AACjB,GAAC,CAAC,CAAA;EAEF,IAAI,CAACJ,YAAY,EAAE;AACjB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EAEA,oBACEK,GAAA,CAAC7E,4BAA4B,EAAA6B,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AAC3BiD,IAAAA,IAAI,EAAC,QAAQ;AACbrE,IAAAA,KAAK,EAAEgD,IAAK;AACZjB,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGuC,CAAC,EAAK;AACd,MAAA,IAAIvE,UAAU,EAAE,OAAA;AAChByD,MAAAA,cAAc,EAAE,CAAA;AAChB;AACAzB,MAAAA,QAAO,aAAPA,QAAO,KAAA,KAAA,CAAA,IAAPA,QAAO,CAAGuC,CAAQ,CAAC,CAAA;AACnB;AACAA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,IAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;KACpB;AACFvC,IAAAA,MAAM,EAAE,SAARA,MAAMA,CAAGsC,CAAC,EAAK;AACb,MAAA,IAAIvE,UAAU,EAAE,OAAA;AAChB;AACA;AACAiC,MAAAA,OAAM,aAANA,OAAM,KAAA,KAAA,CAAA,IAANA,OAAM,CAAGsC,CAAQ,CAAC,CAAA;AAClBA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,IAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;KACpB;AACFtC,IAAAA,SAAS,EAAE,SAAXA,SAASA,CAAGqC,CAAC,EAAK;AAChB,MAAA,IAAIvE,UAAU,EAAE,OAAA;AAChB0D,MAAAA,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,KAAhBA,KAAAA,CAAAA,IAAAA,gBAAgB,CAAG;AAAEe,QAAAA,KAAK,EAAEF,CAAAA;AAAS,OAAC,CAAC,CAAA;AACvC;AACArC,MAAAA,UAAS,aAATA,UAAS,KAAA,KAAA,CAAA,IAATA,UAAS,CAAGqC,CAAQ,CAAC,CAAA;AACrBA,MAAAA,CAAC,aAADA,CAAC,KAAA,KAAA,CAAA,IAADA,CAAC,CAAEC,eAAe,EAAE,CAAA;AACtB,KAAA;AAAE,GAAA,EACEE,cAAc,CAAC;IACjBC,KAAK,EAAExC,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAlBA,kBAAkB,GAAAyC,SAAAA,CAAAA,MAAA,CAAcZ,YAAY,EAAS,SAAA,CAAA;AAC5Da,IAAAA,QAAQ,EAAEC,0BAA0B,CAAChB,eAAe,EAAE,qBAAqB,CAAC;AAC5EiB,IAAAA,QAAQ,EAAEnB,MAAM;AAChBoB,IAAAA,QAAQ,EAAAJ,EAAAA,CAAAA,MAAA,CAAKjB,cAAc,EAAa,aAAA,CAAA;AACxCsB,IAAAA,gBAAgB,EAAEpB,WAAW,IAAI,CAAC,GAAAe,EAAAA,CAAAA,MAAA,CAAMjB,cAAc,EAAAiB,GAAAA,CAAAA,CAAAA,MAAA,CAAIf,WAAW,CAAKqB,GAAAA,SAAAA;AAC5E,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACFC,IAAAA,GAAG,EAAEpB,YAAa;AAClB/D,IAAAA,UAAU,EAAEA,UAAAA;AAAW,GAAA,EACnBoF,sBAAsB,CAAClC,IAAI,CAAC,CAAA,EAC5BmC,aAAa,CAAC;AAAE9C,IAAAA,IAAI,EAAE,qBAAqB;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAA8C,QAAA,eAE1DC,IAAA,CAACC,GAAG,EAAA;AACFxE,MAAAA,OAAO,aAAA4D,MAAA,CAAazE,0BAA0B,CAAC8C,IAAI,CAAC,CAAG;AACvDpC,MAAAA,OAAO,EAAC,MAAM;AACdF,MAAAA,GAAG,EAAC,WAAW;AACfM,MAAAA,UAAU,EAAC,QAAQ;AAAAqE,MAAAA,QAAA,EAElBjD,CAAAA,oBAAoB,iBACnBkD,IAAA,CAACE,IAAI,EAAA;AACHC,QAAAA,OAAO,EAAC,MAAM;AACdzC,QAAAA,IAAI,EAAC,QAAQ;AACb0C,QAAAA,MAAM,EAAC,SAAS;AAChBC,QAAAA,KAAK,EAAE5F,UAAU,GAAG,4BAA4B,GAAG,yBAA0B;QAAAsF,QAAA,EAAA,CAE5E,GAAG,EAAC,IAEP,CAAA;OAAM,CACP,EACAzC,OAAO,EACPF,IAAI,iBACH0B,GAAA,CAAC1B,IAAI,EAAA;AACHM,QAAAA,IAAI,EAAC,QAAQ;AACb2C,QAAAA,KAAK,EAAE5F,UAAU,GAAG,4BAA4B,GAAG,yBAAA;AAA0B,OAC9E,CACF,EAEA+C,gBAAgB,iBACfsB,GAAA,CAACoB,IAAI,EAAA;AACHC,QAAAA,OAAO,EAAC,MAAM;AACdzC,QAAAA,IAAI,EAAC,QAAQ;AACb0C,QAAAA,MAAM,EAAC,SAAS;AAChBC,QAAAA,KAAK,EAAE5F,UAAU,GAAG,4BAA4B,GAAG,0BAA2B;AAAAsF,QAAAA,QAAA,EAE7EtB,YAAAA;AAAY,OACT,CACP,eACDK,GAAA,CAACwB,iBAAiB,EAAA;AAChBD,QAAAA,KAAK,EAAE5F,UAAU,GAAG,4BAA4B,GAAG,yBAAA;AAA0B,OAC9E,CAAC,CAAA;KACC,CAAA;AAAC,GAAA,CACsB,CAAC,CAAA;AAEnC,CAAC,CAAA;AAED,IAAM8F,mBAAmB,gBAAGC,wBAAwB,CAACjE,oBAAoB,EAAE;AACzEjC,EAAAA,WAAW,EAAEmG,oBAAoB,CAACC,QAAQ,CAACH,mBAAmB;AAC9DlG,EAAAA,WAAW,EAAE,eAAA;AACf,CAAC;;;;"}

package/build/lib/web/production/components/Input/PhoneNumberInput/CountrySelector.web.js

@@ -79,7 +79,8 @@ var CountrySelector = function CountrySelector(_ref) {
       accessibilityLabel: "".concat(countryNameFormatter.of(selectedCountry), " - Select Country"),
       isDisabled: isDisabled,
       size: size,
-      leading: flagImage
+      leading: flagImage,
+      showDisplayValue: false
     }), isMobile ? /*#__PURE__*/jsxs(BottomSheet, {
       children: [/*#__PURE__*/jsx(BottomSheetHeader, {
         title: "Select A Country"

package/build/lib/web/production/components/Input/PhoneNumberInput/CountrySelector.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelector.web.js","sources":["../../../../../../../src/components/Input/PhoneNumberInput/CountrySelector.web.tsx"],"sourcesContent":["import type { CountryCodeType, getFlagsForAllCountries } from '@razorpay/i18nify-js';\nimport { getDialCodeByCountryCode, getFlagOfCountry } from '@razorpay/i18nify-js';\nimport React from 'react';\nimport { size as sizes } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport {\n  ActionList,\n  ActionListItem,\n  ActionListItemAsset,\n  ActionListItemText,\n} from '~components/ActionList';\nimport { BottomSheet, BottomSheetBody, BottomSheetHeader } from '~components/BottomSheet';\nimport type { DropdownOverlayProps } from '~components/Dropdown';\nimport { Dropdown, DropdownOverlay, InputDropdownButton } from '~components/Dropdown';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst countryNameFormatter = new Intl.DisplayNames(['en'], { type: 'region' });\n\ntype CountryData = {\n  code: CountryCodeType;\n  name: string;\n}[];\ntype CounterSelectorProps = {\n  selectedCountry: CountryCodeType;\n  inputWrapperRef: DropdownOverlayProps['referenceRef'];\n  countryData: CountryData;\n  onItemClick: (props: { name: string }) => void;\n  flags: ReturnType<typeof getFlagsForAllCountries>;\n  isDisabled?: boolean;\n  size: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst flagSize = {\n  xsmall: makeSize(sizes[16]),\n  small: makeSize(sizes[16]),\n  medium: makeSize(sizes[20]),\n  large: makeSize(sizes[24]),\n} as const;\n\nconst CountrySelector = ({\n  isDisabled,\n  selectedCountry,\n  inputWrapperRef,\n  countryData,\n  onItemClick,\n  flags,\n  size,\n}: CounterSelectorProps): React.ReactElement => {\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);\n  const isMobile = useIsMobile();\n\n  const actionList = (\n    <ActionList isVirtualized={true}>\n      {countryData.map((country) => {\n        return (\n          <ActionListItem\n            key={country.code}\n            leading={<ActionListItemAsset src={flags[country.code]['4X3']} alt={country.name} />}\n            title={country.name}\n            value={country.code}\n            trailing={\n              <ActionListItemText>{getDialCodeByCountryCode(country.code)}</ActionListItemText>\n            }\n          />\n        );\n      })}\n    </ActionList>\n  );\n\n  const flagImage = (\n    <img\n      loading=\"lazy\"\n      role=\"presentation\"\n      width={flagSize[size]}\n      src={getFlagOfCountry(selectedCountry)['4X3']}\n      alt=\"\"\n    />\n  );\n\n  return (\n    <Dropdown isOpen={isDropdownOpen} onOpenChange={setIsDropdownOpen}>\n      <InputDropdownButton\n        value={selectedCountry}\n        onChange={({ value }) => onItemClick({ name: value })}\n        accessibilityLabel={`${countryNameFormatter.of(selectedCountry)} - Select Country`}\n        isDisabled={isDisabled}\n        size={size}\n        leading={flagImage}\n      />\n      {isMobile ? (\n        <BottomSheet>\n          <BottomSheetHeader title=\"Select A Country\" />\n          <BottomSheetBody>{actionList}</BottomSheetBody>\n        </BottomSheet>\n      ) : (\n        <DropdownOverlay referenceRef={inputWrapperRef}>{actionList}</DropdownOverlay>\n      )}\n    </Dropdown>\n  );\n};\n\nexport { CountrySelector, countryNameFormatter };\n"],"names":["countryNameFormatter","Intl","DisplayNames","type","flagSize","xsmall","makeSize","sizes","small","medium","large","CountrySelector","_ref","isDisabled","selectedCountry","inputWrapperRef","countryData","onItemClick","flags","size","_React$useState","React","useState","_React$useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","isMobile","useIsMobile","actionList","_jsx","ActionList","isVirtualized","children","map","country","ActionListItem","leading","ActionListItemAsset","src","code","alt","name","title","value","trailing","ActionListItemText","getDialCodeByCountryCode","flagImage","loading","role","width","getFlagOfCountry","_jsxs","Dropdown","isOpen","onOpenChange","InputDropdownButton","onChange","_ref2","accessibilityLabel","concat","of","BottomSheet","BottomSheetHeader","BottomSheetBody","DropdownOverlay","referenceRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBMA,IAAAA,oBAAoB,GAAG,IAAIC,IAAI,CAACC,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE;AAAEC,EAAAA,IAAI,EAAE,QAAA;AAAS,CAAC,EAAC;AAgB9E,IAAMC,QAAQ,GAAG;AACfC,EAAAA,MAAM,EAAEC,QAAQ,CAACC,IAAK,CAAC,EAAE,CAAC,CAAC;AAC3BC,EAAAA,KAAK,EAAEF,QAAQ,CAACC,IAAK,CAAC,EAAE,CAAC,CAAC;AAC1BE,EAAAA,MAAM,EAAEH,QAAQ,CAACC,IAAK,CAAC,EAAE,CAAC,CAAC;AAC3BG,EAAAA,KAAK,EAAEJ,QAAQ,CAACC,IAAK,CAAC,EAAE,CAAC,CAAA;AAC3B,CAAU,CAAA;AAEV,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAP9CC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,eAAe,GAAAF,IAAA,CAAfE,eAAe;IACfC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,IAAI,GAAAP,IAAA,CAAJO,IAAI,CAAA;AAEJ,EAAA,IAAAC,eAAA,GAA4CC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAA1DK,IAAAA,cAAc,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,iBAAiB,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAMI,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,EAAA,IAAMC,UAAU,gBACdC,GAAA,CAACC,UAAU,EAAA;AAACC,IAAAA,aAAa,EAAE,IAAK;AAAAC,IAAAA,QAAA,EAC7BjB,WAAW,CAACkB,GAAG,CAAC,UAACC,OAAO,EAAK;MAC5B,oBACEL,GAAA,CAACM,cAAc,EAAA;QAEbC,OAAO,eAAEP,GAAA,CAACQ,mBAAmB,EAAA;UAACC,GAAG,EAAErB,KAAK,CAACiB,OAAO,CAACK,IAAI,CAAC,CAAC,KAAK,CAAE;UAACC,GAAG,EAAEN,OAAO,CAACO,IAAAA;AAAK,SAAE,CAAE;QACrFC,KAAK,EAAER,OAAO,CAACO,IAAK;QACpBE,KAAK,EAAET,OAAO,CAACK,IAAK;QACpBK,QAAQ,eACNf,GAAA,CAACgB,kBAAkB,EAAA;AAAAb,UAAAA,QAAA,EAAEc,wBAAwB,CAACZ,OAAO,CAACK,IAAI,CAAA;SAAsB,CAAA;OAL7EL,EAAAA,OAAO,CAACK,IAOd,CAAC,CAAA;KAEL,CAAA;AAAC,GACQ,CACb,CAAA;EAED,IAAMQ,SAAS,gBACblB,GAAA,CAAA,KAAA,EAAA;AACEmB,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,IAAI,EAAC,cAAc;AACnBC,IAAAA,KAAK,EAAE/C,QAAQ,CAACe,IAAI,CAAE;AACtBoB,IAAAA,GAAG,EAAEa,gBAAgB,CAACtC,eAAe,CAAC,CAAC,KAAK,CAAE;AAC9C2B,IAAAA,GAAG,EAAC,EAAA;AAAE,GACP,CACF,CAAA;EAED,oBACEY,IAAA,CAACC,QAAQ,EAAA;AAACC,IAAAA,MAAM,EAAE9B,cAAe;AAAC+B,IAAAA,YAAY,EAAE9B,iBAAkB;IAAAO,QAAA,EAAA,cAChEH,GAAA,CAAC2B,mBAAmB,EAAA;AAClBb,MAAAA,KAAK,EAAE9B,eAAgB;AACvB4C,MAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAAC,KAAA,EAAA;AAAA,QAAA,IAAKf,KAAK,GAAAe,KAAA,CAALf,KAAK,CAAA;AAAA,QAAA,OAAO3B,WAAW,CAAC;AAAEyB,UAAAA,IAAI,EAAEE,KAAAA;AAAM,SAAC,CAAC,CAAA;OAAC;MACtDgB,kBAAkB,EAAA,EAAA,CAAAC,MAAA,CAAK7D,oBAAoB,CAAC8D,EAAE,CAAChD,eAAe,CAAC,EAAoB,mBAAA,CAAA;AACnFD,MAAAA,UAAU,EAAEA,UAAW;AACvBM,MAAAA,IAAI,EAAEA,IAAK;AACXkB,MAAAA,OAAO,EAAEW,SAAAA;AAAU,KACpB,CAAC,EACDrB,QAAQ,gBACP0B,IAAA,CAACU,WAAW,EAAA;MAAA9B,QAAA,EAAA,cACVH,GAAA,CAACkC,iBAAiB,EAAA;AAACrB,QAAAA,KAAK,EAAC,kBAAA;AAAkB,OAAE,CAAC,eAC9Cb,GAAA,CAACmC,eAAe,EAAA;AAAAhC,QAAAA,QAAA,EAAEJ,UAAAA;AAAU,OAAkB,CAAC,CAAA;AAAA,KACpC,CAAC,gBAEdC,GAAA,CAACoC,eAAe,EAAA;AAACC,MAAAA,YAAY,EAAEpD,eAAgB;AAAAkB,MAAAA,QAAA,EAAEJ,UAAAA;AAAU,KAAkB,CAC9E,CAAA;AAAA,GACO,CAAC,CAAA;AAEf;;;;"}
+{"version":3,"file":"CountrySelector.web.js","sources":["../../../../../../../src/components/Input/PhoneNumberInput/CountrySelector.web.tsx"],"sourcesContent":["import type { CountryCodeType, getFlagsForAllCountries } from '@razorpay/i18nify-js';\nimport { getDialCodeByCountryCode, getFlagOfCountry } from '@razorpay/i18nify-js';\nimport React from 'react';\nimport { size as sizes } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport {\n  ActionList,\n  ActionListItem,\n  ActionListItemAsset,\n  ActionListItemText,\n} from '~components/ActionList';\nimport { BottomSheet, BottomSheetBody, BottomSheetHeader } from '~components/BottomSheet';\nimport type { DropdownOverlayProps } from '~components/Dropdown';\nimport { Dropdown, DropdownOverlay, InputDropdownButton } from '~components/Dropdown';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst countryNameFormatter = new Intl.DisplayNames(['en'], { type: 'region' });\n\ntype CountryData = {\n  code: CountryCodeType;\n  name: string;\n}[];\ntype CounterSelectorProps = {\n  selectedCountry: CountryCodeType;\n  inputWrapperRef: DropdownOverlayProps['referenceRef'];\n  countryData: CountryData;\n  onItemClick: (props: { name: string }) => void;\n  flags: ReturnType<typeof getFlagsForAllCountries>;\n  isDisabled?: boolean;\n  size: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst flagSize = {\n  xsmall: makeSize(sizes[16]),\n  small: makeSize(sizes[16]),\n  medium: makeSize(sizes[20]),\n  large: makeSize(sizes[24]),\n} as const;\n\nconst CountrySelector = ({\n  isDisabled,\n  selectedCountry,\n  inputWrapperRef,\n  countryData,\n  onItemClick,\n  flags,\n  size,\n}: CounterSelectorProps): React.ReactElement => {\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);\n  const isMobile = useIsMobile();\n\n  const actionList = (\n    <ActionList isVirtualized={true}>\n      {countryData.map((country) => {\n        return (\n          <ActionListItem\n            key={country.code}\n            leading={<ActionListItemAsset src={flags[country.code]['4X3']} alt={country.name} />}\n            title={country.name}\n            value={country.code}\n            trailing={\n              <ActionListItemText>{getDialCodeByCountryCode(country.code)}</ActionListItemText>\n            }\n          />\n        );\n      })}\n    </ActionList>\n  );\n\n  const flagImage = (\n    <img\n      loading=\"lazy\"\n      role=\"presentation\"\n      width={flagSize[size]}\n      src={getFlagOfCountry(selectedCountry)['4X3']}\n      alt=\"\"\n    />\n  );\n\n  return (\n    <Dropdown isOpen={isDropdownOpen} onOpenChange={setIsDropdownOpen}>\n      <InputDropdownButton\n        value={selectedCountry}\n        onChange={({ value }) => onItemClick({ name: value })}\n        accessibilityLabel={`${countryNameFormatter.of(selectedCountry)} - Select Country`}\n        isDisabled={isDisabled}\n        size={size}\n        leading={flagImage}\n        showDisplayValue={false}\n      />\n      {isMobile ? (\n        <BottomSheet>\n          <BottomSheetHeader title=\"Select A Country\" />\n          <BottomSheetBody>{actionList}</BottomSheetBody>\n        </BottomSheet>\n      ) : (\n        <DropdownOverlay referenceRef={inputWrapperRef}>{actionList}</DropdownOverlay>\n      )}\n    </Dropdown>\n  );\n};\n\nexport { CountrySelector, countryNameFormatter };\n"],"names":["countryNameFormatter","Intl","DisplayNames","type","flagSize","xsmall","makeSize","sizes","small","medium","large","CountrySelector","_ref","isDisabled","selectedCountry","inputWrapperRef","countryData","onItemClick","flags","size","_React$useState","React","useState","_React$useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","isMobile","useIsMobile","actionList","_jsx","ActionList","isVirtualized","children","map","country","ActionListItem","leading","ActionListItemAsset","src","code","alt","name","title","value","trailing","ActionListItemText","getDialCodeByCountryCode","flagImage","loading","role","width","getFlagOfCountry","_jsxs","Dropdown","isOpen","onOpenChange","InputDropdownButton","onChange","_ref2","accessibilityLabel","concat","of","showDisplayValue","BottomSheet","BottomSheetHeader","BottomSheetBody","DropdownOverlay","referenceRef"],"mappings":"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"}

package/build/lib/web/production/node_modules/es-toolkit/dist/compat/object/cloneDeep.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
-import { __exports as cloneDeep$1 } from '../../../../../_virtual/cloneDeep2.js';
+import { __exports as cloneDeep$1 } from '../../../../../_virtual/cloneDeep4.js';
 import '../../../../../_virtual/cloneDeepWith.js';
 import { __exports as cloneDeepWith } from '../../../../../_virtual/cloneDeepWith2.js';
 

package/build/lib/web/production/node_modules/es-toolkit/dist/compat/predicate/matches.js

@@ -1,9 +1,9 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
 import { __exports as matches$1 } from '../../../../../_virtual/matches2.js';
 import '../../../../../_virtual/isMatch.js';
-import '../../../../../_virtual/cloneDeep3.js';
+import '../../../../../_virtual/cloneDeep.js';
 import { __exports as isMatch } from '../../../../../_virtual/isMatch2.js';
-import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep4.js';
+import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep2.js';
 
 (function (exports) {
 	'use strict';

package/build/lib/web/production/node_modules/es-toolkit/dist/compat/predicate/matchesProperty.js

@@ -2,12 +2,12 @@ import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelper
 import { __exports as matchesProperty$1 } from '../../../../../_virtual/matchesProperty2.js';
 import '../../../../../_virtual/isMatch.js';
 import '../../../../../_virtual/toKey.js';
-import '../../../../../_virtual/cloneDeep.js';
+import '../../../../../_virtual/cloneDeep3.js';
 import '../../../../../_virtual/get.js';
 import '../../../../../_virtual/has.js';
 import { __exports as isMatch } from '../../../../../_virtual/isMatch2.js';
 import { __exports as toKey } from '../../../../../_virtual/toKey2.js';
-import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep2.js';
+import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep4.js';
 import { __exports as get } from '../../../../../_virtual/get2.js';
 import { __exports as has } from '../../../../../_virtual/has2.js';
 

package/build/lib/web/production/node_modules/es-toolkit/dist/object/cloneDeep.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from '../../../../_virtual/_commonjsHelpers.js';
-import { __exports as cloneDeep$1 } from '../../../../_virtual/cloneDeep4.js';
+import { __exports as cloneDeep$1 } from '../../../../_virtual/cloneDeep2.js';
 import '../../../../_virtual/cloneDeepWith3.js';
 import { __exports as cloneDeepWith } from '../../../../_virtual/cloneDeepWith4.js';
 

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

@@ -17690,6 +17690,12 @@ type BaseInputDropDownButtonProps = {
      * leading is a custom leading element (e.g., flag image)
      */
     leading?: React__default.ReactNode;
+    /**
+     * showDisplayValue shows the selected value text in the trigger button.
+     * When false, only the leading element (e.g., a flag) is shown.
+     * @default true
+     */
+    showDisplayValue?: boolean;
     /**
      * size is the size of the dropdown button (inherited from parent input)
      * @default 'medium'
@@ -17711,7 +17717,7 @@ type UncontrolledInputDropDownButtonProps = BaseInputDropDownButtonProps & {
     defaultValue: string;
 };
 type InputDropDownButtonProps = ControlledInputDropDownButtonProps | UncontrolledInputDropDownButtonProps;
-declare const InputDropdownButton: ({ onClick, onBlur, onKeyDown, accessibilityLabel, _isInsideSearchInput, isDisabled, onChange, name, testID, value, defaultValue, icon: Icon, leading, size, ...rest }: InputDropDownButtonProps) => React__default.ReactElement | null;
+declare const InputDropdownButton: ({ onClick, onBlur, onKeyDown, accessibilityLabel, _isInsideSearchInput, isDisabled, onChange, name, testID, value, defaultValue, icon: Icon, leading, showDisplayValue, size, ...rest }: InputDropDownButtonProps) => React__default.ReactElement | null;
 
 type ElevateProps = Pick<BaseMotionBoxProps, 'type' | 'motionTriggers' | 'children'> & {
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.98.0",
+  "version": "12.98.1",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"