@razorpay/blade 11.18.2 → 11.18.3

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

@@ -20,7 +20,7 @@ import { BaseInput } from '../BaseInput/BaseInput.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["defaultCountry", "country", "onCountryChange", "label", "labelPosition", "defaultValue", "value", "name", "onChange", "necessityIndicator", "isRequired", "isDisabled", "leadingIcon", "trailingIcon", "validationState", "errorText", "helpText", "successText", "size", "onClearButtonClick", "showCountrySelector", "showDialCode", "onClick", "onBlur", "onFocus", "accessibilityLabel", "autoFocus", "testID", "keyboardReturnKeyType", "autoCompleteSuggestionType", "allowedCountries"];
+var _excluded = ["defaultCountry", "country", "onCountryChange", "label", "labelPosition", "defaultValue", "value", "name", "onChange", "necessityIndicator", "isRequired", "isDisabled", "leadingIcon", "trailingIcon", "validationState", "errorText", "helpText", "successText", "size", "onClearButtonClick", "showCountrySelector", "showDialCode", "onClick", "onBlur", "onFocus", "accessibilityLabel", "autoFocus", "testID", "keyboardReturnKeyType", "autoCompleteSuggestionType", "allowedCountries", "placeholder"];
 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 _PhoneNumberInput = function _PhoneNumberInput(_ref, ref) {
@@ -61,6 +61,7 @@ var _PhoneNumberInput = function _PhoneNumberInput(_ref, ref) {
     keyboardReturnKeyType = _ref$keyboardReturnKe === void 0 ? 'done' : _ref$keyboardReturnKe,
     autoCompleteSuggestionType = _ref.autoCompleteSuggestionType,
     allowedCountries = _ref.allowedCountries,
+    placeholder = _ref.placeholder,
     styledProps = _objectWithoutProperties(_ref, _excluded);
   var inputRef = React__default.useRef(null);
   var mergedRef = useMergeRefs(ref, inputRef);
@@ -167,7 +168,7 @@ var _PhoneNumberInput = function _PhoneNumberInput(_ref, ref) {
     defaultValue: defaultValue,
     value: value,
     name: name,
-    placeholder: formatPhoneNumber('1234567890', selectedCountry),
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatPhoneNumber('1234567890', selectedCountry),
     trailingIcon: trailingIcon,
     leadingIcon: leadingIcon,
     prefix: showDialCode ? getDialCodeByCountryCode(selectedCountry) : undefined,

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

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberInput.web.js","sources":["../../../../../../../src/components/Input/PhoneNumberInput/PhoneNumberInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CountryCodeType } from '@razorpay/i18nify-js';\nimport {\n  formatPhoneNumber,\n  getDialCodeByCountryCode,\n  getFlagsForAllCountries,\n} from '@razorpay/i18nify-js';\nimport React from 'react';\nimport type { PhoneNumberInputProps } from './types';\nimport { countryNameFormatter, CountrySelector } from './CountrySelector';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { IconButton } from '~components/Button/IconButton';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { getKeyboardAndAutocompleteProps } from '~components/Input/BaseInput/utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type { BladeElementRef } from '~utils/types';\nimport { CloseIcon } from '~components/Icons';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { useControllableState } from '~utils/useControllable';\n\nconst _PhoneNumberInput: React.ForwardRefRenderFunction<BladeElementRef, PhoneNumberInputProps> = (\n  {\n    defaultCountry = 'IN',\n    country,\n    onCountryChange,\n    label,\n    labelPosition,\n    defaultValue,\n    value,\n    name,\n    onChange,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    leadingIcon,\n    trailingIcon,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    size = 'medium',\n    onClearButtonClick,\n    showCountrySelector = true,\n    showDialCode = true,\n    onClick,\n    onBlur,\n    onFocus,\n    accessibilityLabel = 'Enter phone number',\n    autoFocus,\n    testID,\n    keyboardReturnKeyType = 'done',\n    autoCompleteSuggestionType,\n    allowedCountries,\n    ...styledProps\n  },\n  ref,\n): React.ReactElement => {\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const mergedRef = useMergeRefs(ref, inputRef);\n\n  const inputWrapperRef = React.useRef<HTMLDivElement | null>(null);\n  const [shouldShowClearButton, setShouldShowClearButton] = React.useState(false);\n  const [selectedCountry, setSelectedCountry] = useControllableState<CountryCodeType>({\n    defaultValue: defaultCountry as CountryCodeType,\n    value: country,\n    onChange: (country) => onCountryChange?.({ country }),\n  });\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(defaultValue ?? value));\n  }, [defaultValue, value]);\n\n  const renderTrailingInteractionElement = (): React.ReactNode => {\n    if (!shouldShowClearButton) return null;\n    return (\n      <IconButton\n        size=\"medium\"\n        icon={CloseIcon}\n        onClick={() => {\n          if (isEmpty(value) && inputRef.current) {\n            // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n            if (inputRef.current instanceof HTMLInputElement) {\n              inputRef.current.value = '';\n              inputRef.current.focus();\n            }\n          }\n          // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n          onClearButtonClick?.();\n          inputRef?.current?.focus();\n          setShouldShowClearButton(false);\n        }}\n        isDisabled={isDisabled}\n        accessibilityLabel=\"Clear Input Content\"\n      />\n    );\n  };\n\n  const flags = React.useMemo(() => getFlagsForAllCountries(), []);\n  const countryData = React.useMemo(() => {\n    if (allowedCountries) {\n      return allowedCountries.map((countryCode) => {\n        return {\n          code: countryCode,\n          name: countryNameFormatter.of(countryCode)!,\n        };\n      });\n    }\n\n    return (Object.keys(flags) as CountryCodeType[])\n      .map((countryCode) => {\n        return {\n          code: countryCode,\n          name: countryNameFormatter.of(countryCode)!,\n        };\n      })\n      .sort((a, b) => a.name.localeCompare(b.name));\n  }, [allowedCountries, flags]);\n\n  const handleOnChange = ({\n    name,\n    value,\n    selectedCountry,\n  }: {\n    name?: string;\n    value?: string;\n    selectedCountry: CountryCodeType;\n  }): void => {\n    onChange?.({\n      name: name!,\n      value: value!,\n      phoneNumber: value ? formatPhoneNumber(value, selectedCountry) : undefined!,\n      dialCode: getDialCodeByCountryCode(selectedCountry),\n      country: selectedCountry,\n    });\n  };\n\n  const onItemClick = ({ name }: { name: string }): void => {\n    const selectedCountry = name as CountryCodeType;\n    setSelectedCountry(() => selectedCountry);\n    handleOnChange({\n      selectedCountry,\n      name: inputRef.current?.name,\n      value: inputRef.current?.value,\n    });\n    inputRef.current?.focus();\n  };\n\n  return (\n    <BaseInput\n      setInputWrapperRef={(node) => {\n        inputWrapperRef.current = node as HTMLInputElement;\n      }}\n      ref={mergedRef}\n      id=\"phone-number-input\"\n      componentName={MetaConstants.PhoneNumberInput}\n      label={label as string}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      defaultValue={defaultValue}\n      value={value}\n      name={name}\n      placeholder={formatPhoneNumber('1234567890', selectedCountry)}\n      trailingIcon={trailingIcon}\n      leadingIcon={leadingIcon}\n      prefix={showDialCode ? getDialCodeByCountryCode(selectedCountry) : undefined}\n      trailingInteractionElement={renderTrailingInteractionElement()}\n      leadingInteractionElement={\n        showCountrySelector ? (\n          <CountrySelector\n            size={size}\n            countryData={countryData}\n            flags={flags}\n            inputWrapperRef={inputWrapperRef}\n            isDisabled={isDisabled}\n            selectedCountry={selectedCountry}\n            onItemClick={onItemClick}\n          />\n        ) : null\n      }\n      onChange={({ name, value }) => {\n        if (value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n        handleOnChange({ name, value, selectedCountry });\n      }}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      isDisabled={isDisabled}\n      accessibilityLabel={accessibilityLabel}\n      necessityIndicator={necessityIndicator}\n      isRequired={isRequired}\n      validationState={validationState}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      testID={testID}\n      size={size}\n      {...getKeyboardAndAutocompleteProps({\n        type: 'number',\n        keyboardReturnKeyType,\n        autoCompleteSuggestionType,\n        autoCapitalize: 'none',\n      })}\n      type=\"telephone\"\n      {...styledProps}\n    />\n  );\n};\n\n/**\n * PhoneNumberInput is a component that allows users to input phone numbers.\n * It provides a country selector dropdown to select the country code.\n *\n * @example\n *\n * ```ts\n * <PhoneNumberInput />\n * ```\n */\nconst PhoneNumberInput = assignWithoutSideEffects(React.forwardRef(_PhoneNumberInput), {\n  displayName: 'PhoneNumberInput',\n});\n\nexport { PhoneNumberInput };\n"],"names":["_PhoneNumberInput","_ref","ref","_ref$defaultCountry","defaultCountry","country","onCountryChange","label","labelPosition","defaultValue","value","name","onChange","necessityIndicator","isRequired","isDisabled","leadingIcon","trailingIcon","validationState","errorText","helpText","successText","_ref$size","size","onClearButtonClick","_ref$showCountrySelec","showCountrySelector","_ref$showDialCode","showDialCode","onClick","onBlur","onFocus","_ref$accessibilityLab","accessibilityLabel","autoFocus","testID","_ref$keyboardReturnKe","keyboardReturnKeyType","autoCompleteSuggestionType","allowedCountries","styledProps","_objectWithoutProperties","_excluded","inputRef","React","useRef","mergedRef","useMergeRefs","inputWrapperRef","_React$useState","useState","_React$useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","_useControllableState","useControllableState","_useControllableState2","selectedCountry","setSelectedCountry","useEffect","Boolean","renderTrailingInteractionElement","_jsx","IconButton","icon","CloseIcon","_inputRef$current","isEmpty","current","HTMLInputElement","focus","flags","useMemo","getFlagsForAllCountries","countryData","map","countryCode","code","countryNameFormatter","of","Object","keys","sort","a","b","localeCompare","handleOnChange","_ref2","phoneNumber","formatPhoneNumber","undefined","dialCode","getDialCodeByCountryCode","onItemClick","_ref3","_inputRef$current2","_inputRef$current3","_inputRef$current4","BaseInput","_objectSpread","setInputWrapperRef","node","id","componentName","MetaConstants","PhoneNumberInput","hideLabelText","placeholder","prefix","trailingInteractionElement","leadingInteractionElement","CountrySelector","_ref4","length","getKeyboardAndAutocompleteProps","type","autoCapitalize","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"PhoneNumberInput.web.js","sources":["../../../../../../../src/components/Input/PhoneNumberInput/PhoneNumberInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CountryCodeType } from '@razorpay/i18nify-js';\nimport {\n  formatPhoneNumber,\n  getDialCodeByCountryCode,\n  getFlagsForAllCountries,\n} from '@razorpay/i18nify-js';\nimport React from 'react';\nimport type { PhoneNumberInputProps } from './types';\nimport { countryNameFormatter, CountrySelector } from './CountrySelector';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { IconButton } from '~components/Button/IconButton';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { getKeyboardAndAutocompleteProps } from '~components/Input/BaseInput/utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type { BladeElementRef } from '~utils/types';\nimport { CloseIcon } from '~components/Icons';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { useControllableState } from '~utils/useControllable';\n\nconst _PhoneNumberInput: React.ForwardRefRenderFunction<BladeElementRef, PhoneNumberInputProps> = (\n  {\n    defaultCountry = 'IN',\n    country,\n    onCountryChange,\n    label,\n    labelPosition,\n    defaultValue,\n    value,\n    name,\n    onChange,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    leadingIcon,\n    trailingIcon,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    size = 'medium',\n    onClearButtonClick,\n    showCountrySelector = true,\n    showDialCode = true,\n    onClick,\n    onBlur,\n    onFocus,\n    accessibilityLabel = 'Enter phone number',\n    autoFocus,\n    testID,\n    keyboardReturnKeyType = 'done',\n    autoCompleteSuggestionType,\n    allowedCountries,\n    placeholder,\n    ...styledProps\n  },\n  ref,\n): React.ReactElement => {\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const mergedRef = useMergeRefs(ref, inputRef);\n\n  const inputWrapperRef = React.useRef<HTMLDivElement | null>(null);\n  const [shouldShowClearButton, setShouldShowClearButton] = React.useState(false);\n  const [selectedCountry, setSelectedCountry] = useControllableState<CountryCodeType>({\n    defaultValue: defaultCountry as CountryCodeType,\n    value: country,\n    onChange: (country) => onCountryChange?.({ country }),\n  });\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(defaultValue ?? value));\n  }, [defaultValue, value]);\n\n  const renderTrailingInteractionElement = (): React.ReactNode => {\n    if (!shouldShowClearButton) return null;\n    return (\n      <IconButton\n        size=\"medium\"\n        icon={CloseIcon}\n        onClick={() => {\n          if (isEmpty(value) && inputRef.current) {\n            // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n            if (inputRef.current instanceof HTMLInputElement) {\n              inputRef.current.value = '';\n              inputRef.current.focus();\n            }\n          }\n          // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n          onClearButtonClick?.();\n          inputRef?.current?.focus();\n          setShouldShowClearButton(false);\n        }}\n        isDisabled={isDisabled}\n        accessibilityLabel=\"Clear Input Content\"\n      />\n    );\n  };\n\n  const flags = React.useMemo(() => getFlagsForAllCountries(), []);\n  const countryData = React.useMemo(() => {\n    if (allowedCountries) {\n      return allowedCountries.map((countryCode) => {\n        return {\n          code: countryCode,\n          name: countryNameFormatter.of(countryCode)!,\n        };\n      });\n    }\n\n    return (Object.keys(flags) as CountryCodeType[])\n      .map((countryCode) => {\n        return {\n          code: countryCode,\n          name: countryNameFormatter.of(countryCode)!,\n        };\n      })\n      .sort((a, b) => a.name.localeCompare(b.name));\n  }, [allowedCountries, flags]);\n\n  const handleOnChange = ({\n    name,\n    value,\n    selectedCountry,\n  }: {\n    name?: string;\n    value?: string;\n    selectedCountry: CountryCodeType;\n  }): void => {\n    onChange?.({\n      name: name!,\n      value: value!,\n      phoneNumber: value ? formatPhoneNumber(value, selectedCountry) : undefined!,\n      dialCode: getDialCodeByCountryCode(selectedCountry),\n      country: selectedCountry,\n    });\n  };\n\n  const onItemClick = ({ name }: { name: string }): void => {\n    const selectedCountry = name as CountryCodeType;\n    setSelectedCountry(() => selectedCountry);\n    handleOnChange({\n      selectedCountry,\n      name: inputRef.current?.name,\n      value: inputRef.current?.value,\n    });\n    inputRef.current?.focus();\n  };\n\n  return (\n    <BaseInput\n      setInputWrapperRef={(node) => {\n        inputWrapperRef.current = node as HTMLInputElement;\n      }}\n      ref={mergedRef}\n      id=\"phone-number-input\"\n      componentName={MetaConstants.PhoneNumberInput}\n      label={label as string}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      defaultValue={defaultValue}\n      value={value}\n      name={name}\n      placeholder={placeholder ?? formatPhoneNumber('1234567890', selectedCountry)}\n      trailingIcon={trailingIcon}\n      leadingIcon={leadingIcon}\n      prefix={showDialCode ? getDialCodeByCountryCode(selectedCountry) : undefined}\n      trailingInteractionElement={renderTrailingInteractionElement()}\n      leadingInteractionElement={\n        showCountrySelector ? (\n          <CountrySelector\n            size={size}\n            countryData={countryData}\n            flags={flags}\n            inputWrapperRef={inputWrapperRef}\n            isDisabled={isDisabled}\n            selectedCountry={selectedCountry}\n            onItemClick={onItemClick}\n          />\n        ) : null\n      }\n      onChange={({ name, value }) => {\n        if (value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n        handleOnChange({ name, value, selectedCountry });\n      }}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      isDisabled={isDisabled}\n      accessibilityLabel={accessibilityLabel}\n      necessityIndicator={necessityIndicator}\n      isRequired={isRequired}\n      validationState={validationState}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      testID={testID}\n      size={size}\n      {...getKeyboardAndAutocompleteProps({\n        type: 'number',\n        keyboardReturnKeyType,\n        autoCompleteSuggestionType,\n        autoCapitalize: 'none',\n      })}\n      type=\"telephone\"\n      {...styledProps}\n    />\n  );\n};\n\n/**\n * PhoneNumberInput is a component that allows users to input phone numbers.\n * It provides a country selector dropdown to select the country code.\n *\n * @example\n *\n * ```ts\n * <PhoneNumberInput />\n * ```\n */\nconst PhoneNumberInput = assignWithoutSideEffects(React.forwardRef(_PhoneNumberInput), {\n  displayName: 'PhoneNumberInput',\n});\n\nexport { PhoneNumberInput };\n"],"names":["_PhoneNumberInput","_ref","ref","_ref$defaultCountry","defaultCountry","country","onCountryChange","label","labelPosition","defaultValue","value","name","onChange","necessityIndicator","isRequired","isDisabled","leadingIcon","trailingIcon","validationState","errorText","helpText","successText","_ref$size","size","onClearButtonClick","_ref$showCountrySelec","showCountrySelector","_ref$showDialCode","showDialCode","onClick","onBlur","onFocus","_ref$accessibilityLab","accessibilityLabel","autoFocus","testID","_ref$keyboardReturnKe","keyboardReturnKeyType","autoCompleteSuggestionType","allowedCountries","placeholder","styledProps","_objectWithoutProperties","_excluded","inputRef","React","useRef","mergedRef","useMergeRefs","inputWrapperRef","_React$useState","useState","_React$useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","_useControllableState","useControllableState","_useControllableState2","selectedCountry","setSelectedCountry","useEffect","Boolean","renderTrailingInteractionElement","_jsx","IconButton","icon","CloseIcon","_inputRef$current","isEmpty","current","HTMLInputElement","focus","flags","useMemo","getFlagsForAllCountries","countryData","map","countryCode","code","countryNameFormatter","of","Object","keys","sort","a","b","localeCompare","handleOnChange","_ref2","phoneNumber","formatPhoneNumber","undefined","dialCode","getDialCodeByCountryCode","onItemClick","_ref3","_inputRef$current2","_inputRef$current3","_inputRef$current4","BaseInput","_objectSpread","setInputWrapperRef","node","id","componentName","MetaConstants","PhoneNumberInput","hideLabelText","prefix","trailingInteractionElement","leadingInteractionElement","CountrySelector","_ref4","length","getKeyboardAndAutocompleteProps","type","autoCapitalize","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

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

@@ -20,7 +20,7 @@ import { BaseInput } from '../BaseInput/BaseInput.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["defaultCountry", "country", "onCountryChange", "label", "labelPosition", "defaultValue", "value", "name", "onChange", "necessityIndicator", "isRequired", "isDisabled", "leadingIcon", "trailingIcon", "validationState", "errorText", "helpText", "successText", "size", "onClearButtonClick", "showCountrySelector", "showDialCode", "onClick", "onBlur", "onFocus", "accessibilityLabel", "autoFocus", "testID", "keyboardReturnKeyType", "autoCompleteSuggestionType", "allowedCountries"];
+var _excluded = ["defaultCountry", "country", "onCountryChange", "label", "labelPosition", "defaultValue", "value", "name", "onChange", "necessityIndicator", "isRequired", "isDisabled", "leadingIcon", "trailingIcon", "validationState", "errorText", "helpText", "successText", "size", "onClearButtonClick", "showCountrySelector", "showDialCode", "onClick", "onBlur", "onFocus", "accessibilityLabel", "autoFocus", "testID", "keyboardReturnKeyType", "autoCompleteSuggestionType", "allowedCountries", "placeholder"];
 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 _PhoneNumberInput = function _PhoneNumberInput(_ref, ref) {
@@ -61,6 +61,7 @@ var _PhoneNumberInput = function _PhoneNumberInput(_ref, ref) {
     keyboardReturnKeyType = _ref$keyboardReturnKe === void 0 ? 'done' : _ref$keyboardReturnKe,
     autoCompleteSuggestionType = _ref.autoCompleteSuggestionType,
     allowedCountries = _ref.allowedCountries,
+    placeholder = _ref.placeholder,
     styledProps = _objectWithoutProperties(_ref, _excluded);
   var inputRef = React__default.useRef(null);
   var mergedRef = useMergeRefs(ref, inputRef);
@@ -167,7 +168,7 @@ var _PhoneNumberInput = function _PhoneNumberInput(_ref, ref) {
     defaultValue: defaultValue,
     value: value,
     name: name,
-    placeholder: formatPhoneNumber('1234567890', selectedCountry),
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatPhoneNumber('1234567890', selectedCountry),
     trailingIcon: trailingIcon,
     leadingIcon: leadingIcon,
     prefix: showDialCode ? getDialCodeByCountryCode(selectedCountry) : undefined,

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

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberInput.web.js","sources":["../../../../../../../src/components/Input/PhoneNumberInput/PhoneNumberInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CountryCodeType } from '@razorpay/i18nify-js';\nimport {\n  formatPhoneNumber,\n  getDialCodeByCountryCode,\n  getFlagsForAllCountries,\n} from '@razorpay/i18nify-js';\nimport React from 'react';\nimport type { PhoneNumberInputProps } from './types';\nimport { countryNameFormatter, CountrySelector } from './CountrySelector';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { IconButton } from '~components/Button/IconButton';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { getKeyboardAndAutocompleteProps } from '~components/Input/BaseInput/utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type { BladeElementRef } from '~utils/types';\nimport { CloseIcon } from '~components/Icons';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { useControllableState } from '~utils/useControllable';\n\nconst _PhoneNumberInput: React.ForwardRefRenderFunction<BladeElementRef, PhoneNumberInputProps> = (\n  {\n    defaultCountry = 'IN',\n    country,\n    onCountryChange,\n    label,\n    labelPosition,\n    defaultValue,\n    value,\n    name,\n    onChange,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    leadingIcon,\n    trailingIcon,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    size = 'medium',\n    onClearButtonClick,\n    showCountrySelector = true,\n    showDialCode = true,\n    onClick,\n    onBlur,\n    onFocus,\n    accessibilityLabel = 'Enter phone number',\n    autoFocus,\n    testID,\n    keyboardReturnKeyType = 'done',\n    autoCompleteSuggestionType,\n    allowedCountries,\n    ...styledProps\n  },\n  ref,\n): React.ReactElement => {\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const mergedRef = useMergeRefs(ref, inputRef);\n\n  const inputWrapperRef = React.useRef<HTMLDivElement | null>(null);\n  const [shouldShowClearButton, setShouldShowClearButton] = React.useState(false);\n  const [selectedCountry, setSelectedCountry] = useControllableState<CountryCodeType>({\n    defaultValue: defaultCountry as CountryCodeType,\n    value: country,\n    onChange: (country) => onCountryChange?.({ country }),\n  });\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(defaultValue ?? value));\n  }, [defaultValue, value]);\n\n  const renderTrailingInteractionElement = (): React.ReactNode => {\n    if (!shouldShowClearButton) return null;\n    return (\n      <IconButton\n        size=\"medium\"\n        icon={CloseIcon}\n        onClick={() => {\n          if (isEmpty(value) && inputRef.current) {\n            // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n            if (inputRef.current instanceof HTMLInputElement) {\n              inputRef.current.value = '';\n              inputRef.current.focus();\n            }\n          }\n          // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n          onClearButtonClick?.();\n          inputRef?.current?.focus();\n          setShouldShowClearButton(false);\n        }}\n        isDisabled={isDisabled}\n        accessibilityLabel=\"Clear Input Content\"\n      />\n    );\n  };\n\n  const flags = React.useMemo(() => getFlagsForAllCountries(), []);\n  const countryData = React.useMemo(() => {\n    if (allowedCountries) {\n      return allowedCountries.map((countryCode) => {\n        return {\n          code: countryCode,\n          name: countryNameFormatter.of(countryCode)!,\n        };\n      });\n    }\n\n    return (Object.keys(flags) as CountryCodeType[])\n      .map((countryCode) => {\n        return {\n          code: countryCode,\n          name: countryNameFormatter.of(countryCode)!,\n        };\n      })\n      .sort((a, b) => a.name.localeCompare(b.name));\n  }, [allowedCountries, flags]);\n\n  const handleOnChange = ({\n    name,\n    value,\n    selectedCountry,\n  }: {\n    name?: string;\n    value?: string;\n    selectedCountry: CountryCodeType;\n  }): void => {\n    onChange?.({\n      name: name!,\n      value: value!,\n      phoneNumber: value ? formatPhoneNumber(value, selectedCountry) : undefined!,\n      dialCode: getDialCodeByCountryCode(selectedCountry),\n      country: selectedCountry,\n    });\n  };\n\n  const onItemClick = ({ name }: { name: string }): void => {\n    const selectedCountry = name as CountryCodeType;\n    setSelectedCountry(() => selectedCountry);\n    handleOnChange({\n      selectedCountry,\n      name: inputRef.current?.name,\n      value: inputRef.current?.value,\n    });\n    inputRef.current?.focus();\n  };\n\n  return (\n    <BaseInput\n      setInputWrapperRef={(node) => {\n        inputWrapperRef.current = node as HTMLInputElement;\n      }}\n      ref={mergedRef}\n      id=\"phone-number-input\"\n      componentName={MetaConstants.PhoneNumberInput}\n      label={label as string}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      defaultValue={defaultValue}\n      value={value}\n      name={name}\n      placeholder={formatPhoneNumber('1234567890', selectedCountry)}\n      trailingIcon={trailingIcon}\n      leadingIcon={leadingIcon}\n      prefix={showDialCode ? getDialCodeByCountryCode(selectedCountry) : undefined}\n      trailingInteractionElement={renderTrailingInteractionElement()}\n      leadingInteractionElement={\n        showCountrySelector ? (\n          <CountrySelector\n            size={size}\n            countryData={countryData}\n            flags={flags}\n            inputWrapperRef={inputWrapperRef}\n            isDisabled={isDisabled}\n            selectedCountry={selectedCountry}\n            onItemClick={onItemClick}\n          />\n        ) : null\n      }\n      onChange={({ name, value }) => {\n        if (value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n        handleOnChange({ name, value, selectedCountry });\n      }}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      isDisabled={isDisabled}\n      accessibilityLabel={accessibilityLabel}\n      necessityIndicator={necessityIndicator}\n      isRequired={isRequired}\n      validationState={validationState}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      testID={testID}\n      size={size}\n      {...getKeyboardAndAutocompleteProps({\n        type: 'number',\n        keyboardReturnKeyType,\n        autoCompleteSuggestionType,\n        autoCapitalize: 'none',\n      })}\n      type=\"telephone\"\n      {...styledProps}\n    />\n  );\n};\n\n/**\n * PhoneNumberInput is a component that allows users to input phone numbers.\n * It provides a country selector dropdown to select the country code.\n *\n * @example\n *\n * ```ts\n * <PhoneNumberInput />\n * ```\n */\nconst PhoneNumberInput = assignWithoutSideEffects(React.forwardRef(_PhoneNumberInput), {\n  displayName: 'PhoneNumberInput',\n});\n\nexport { PhoneNumberInput };\n"],"names":["_PhoneNumberInput","_ref","ref","_ref$defaultCountry","defaultCountry","country","onCountryChange","label","labelPosition","defaultValue","value","name","onChange","necessityIndicator","isRequired","isDisabled","leadingIcon","trailingIcon","validationState","errorText","helpText","successText","_ref$size","size","onClearButtonClick","_ref$showCountrySelec","showCountrySelector","_ref$showDialCode","showDialCode","onClick","onBlur","onFocus","_ref$accessibilityLab","accessibilityLabel","autoFocus","testID","_ref$keyboardReturnKe","keyboardReturnKeyType","autoCompleteSuggestionType","allowedCountries","styledProps","_objectWithoutProperties","_excluded","inputRef","React","useRef","mergedRef","useMergeRefs","inputWrapperRef","_React$useState","useState","_React$useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","_useControllableState","useControllableState","_useControllableState2","selectedCountry","setSelectedCountry","useEffect","Boolean","renderTrailingInteractionElement","_jsx","IconButton","icon","CloseIcon","_inputRef$current","isEmpty","current","HTMLInputElement","focus","flags","useMemo","getFlagsForAllCountries","countryData","map","countryCode","code","countryNameFormatter","of","Object","keys","sort","a","b","localeCompare","handleOnChange","_ref2","phoneNumber","formatPhoneNumber","undefined","dialCode","getDialCodeByCountryCode","onItemClick","_ref3","_inputRef$current2","_inputRef$current3","_inputRef$current4","BaseInput","_objectSpread","setInputWrapperRef","node","id","componentName","MetaConstants","PhoneNumberInput","hideLabelText","placeholder","prefix","trailingInteractionElement","leadingInteractionElement","CountrySelector","_ref4","length","getKeyboardAndAutocompleteProps","type","autoCapitalize","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"PhoneNumberInput.web.js","sources":["../../../../../../../src/components/Input/PhoneNumberInput/PhoneNumberInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CountryCodeType } from '@razorpay/i18nify-js';\nimport {\n  formatPhoneNumber,\n  getDialCodeByCountryCode,\n  getFlagsForAllCountries,\n} from '@razorpay/i18nify-js';\nimport React from 'react';\nimport type { PhoneNumberInputProps } from './types';\nimport { countryNameFormatter, CountrySelector } from './CountrySelector';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { IconButton } from '~components/Button/IconButton';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { getKeyboardAndAutocompleteProps } from '~components/Input/BaseInput/utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type { BladeElementRef } from '~utils/types';\nimport { CloseIcon } from '~components/Icons';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { useControllableState } from '~utils/useControllable';\n\nconst _PhoneNumberInput: React.ForwardRefRenderFunction<BladeElementRef, PhoneNumberInputProps> = (\n  {\n    defaultCountry = 'IN',\n    country,\n    onCountryChange,\n    label,\n    labelPosition,\n    defaultValue,\n    value,\n    name,\n    onChange,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    leadingIcon,\n    trailingIcon,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    size = 'medium',\n    onClearButtonClick,\n    showCountrySelector = true,\n    showDialCode = true,\n    onClick,\n    onBlur,\n    onFocus,\n    accessibilityLabel = 'Enter phone number',\n    autoFocus,\n    testID,\n    keyboardReturnKeyType = 'done',\n    autoCompleteSuggestionType,\n    allowedCountries,\n    placeholder,\n    ...styledProps\n  },\n  ref,\n): React.ReactElement => {\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const mergedRef = useMergeRefs(ref, inputRef);\n\n  const inputWrapperRef = React.useRef<HTMLDivElement | null>(null);\n  const [shouldShowClearButton, setShouldShowClearButton] = React.useState(false);\n  const [selectedCountry, setSelectedCountry] = useControllableState<CountryCodeType>({\n    defaultValue: defaultCountry as CountryCodeType,\n    value: country,\n    onChange: (country) => onCountryChange?.({ country }),\n  });\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(defaultValue ?? value));\n  }, [defaultValue, value]);\n\n  const renderTrailingInteractionElement = (): React.ReactNode => {\n    if (!shouldShowClearButton) return null;\n    return (\n      <IconButton\n        size=\"medium\"\n        icon={CloseIcon}\n        onClick={() => {\n          if (isEmpty(value) && inputRef.current) {\n            // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n            if (inputRef.current instanceof HTMLInputElement) {\n              inputRef.current.value = '';\n              inputRef.current.focus();\n            }\n          }\n          // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n          onClearButtonClick?.();\n          inputRef?.current?.focus();\n          setShouldShowClearButton(false);\n        }}\n        isDisabled={isDisabled}\n        accessibilityLabel=\"Clear Input Content\"\n      />\n    );\n  };\n\n  const flags = React.useMemo(() => getFlagsForAllCountries(), []);\n  const countryData = React.useMemo(() => {\n    if (allowedCountries) {\n      return allowedCountries.map((countryCode) => {\n        return {\n          code: countryCode,\n          name: countryNameFormatter.of(countryCode)!,\n        };\n      });\n    }\n\n    return (Object.keys(flags) as CountryCodeType[])\n      .map((countryCode) => {\n        return {\n          code: countryCode,\n          name: countryNameFormatter.of(countryCode)!,\n        };\n      })\n      .sort((a, b) => a.name.localeCompare(b.name));\n  }, [allowedCountries, flags]);\n\n  const handleOnChange = ({\n    name,\n    value,\n    selectedCountry,\n  }: {\n    name?: string;\n    value?: string;\n    selectedCountry: CountryCodeType;\n  }): void => {\n    onChange?.({\n      name: name!,\n      value: value!,\n      phoneNumber: value ? formatPhoneNumber(value, selectedCountry) : undefined!,\n      dialCode: getDialCodeByCountryCode(selectedCountry),\n      country: selectedCountry,\n    });\n  };\n\n  const onItemClick = ({ name }: { name: string }): void => {\n    const selectedCountry = name as CountryCodeType;\n    setSelectedCountry(() => selectedCountry);\n    handleOnChange({\n      selectedCountry,\n      name: inputRef.current?.name,\n      value: inputRef.current?.value,\n    });\n    inputRef.current?.focus();\n  };\n\n  return (\n    <BaseInput\n      setInputWrapperRef={(node) => {\n        inputWrapperRef.current = node as HTMLInputElement;\n      }}\n      ref={mergedRef}\n      id=\"phone-number-input\"\n      componentName={MetaConstants.PhoneNumberInput}\n      label={label as string}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      defaultValue={defaultValue}\n      value={value}\n      name={name}\n      placeholder={placeholder ?? formatPhoneNumber('1234567890', selectedCountry)}\n      trailingIcon={trailingIcon}\n      leadingIcon={leadingIcon}\n      prefix={showDialCode ? getDialCodeByCountryCode(selectedCountry) : undefined}\n      trailingInteractionElement={renderTrailingInteractionElement()}\n      leadingInteractionElement={\n        showCountrySelector ? (\n          <CountrySelector\n            size={size}\n            countryData={countryData}\n            flags={flags}\n            inputWrapperRef={inputWrapperRef}\n            isDisabled={isDisabled}\n            selectedCountry={selectedCountry}\n            onItemClick={onItemClick}\n          />\n        ) : null\n      }\n      onChange={({ name, value }) => {\n        if (value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n        handleOnChange({ name, value, selectedCountry });\n      }}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      isDisabled={isDisabled}\n      accessibilityLabel={accessibilityLabel}\n      necessityIndicator={necessityIndicator}\n      isRequired={isRequired}\n      validationState={validationState}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      testID={testID}\n      size={size}\n      {...getKeyboardAndAutocompleteProps({\n        type: 'number',\n        keyboardReturnKeyType,\n        autoCompleteSuggestionType,\n        autoCapitalize: 'none',\n      })}\n      type=\"telephone\"\n      {...styledProps}\n    />\n  );\n};\n\n/**\n * PhoneNumberInput is a component that allows users to input phone numbers.\n * It provides a country selector dropdown to select the country code.\n *\n * @example\n *\n * ```ts\n * <PhoneNumberInput />\n * ```\n */\nconst PhoneNumberInput = assignWithoutSideEffects(React.forwardRef(_PhoneNumberInput), {\n  displayName: 'PhoneNumberInput',\n});\n\nexport { PhoneNumberInput };\n"],"names":["_PhoneNumberInput","_ref","ref","_ref$defaultCountry","defaultCountry","country","onCountryChange","label","labelPosition","defaultValue","value","name","onChange","necessityIndicator","isRequired","isDisabled","leadingIcon","trailingIcon","validationState","errorText","helpText","successText","_ref$size","size","onClearButtonClick","_ref$showCountrySelec","showCountrySelector","_ref$showDialCode","showDialCode","onClick","onBlur","onFocus","_ref$accessibilityLab","accessibilityLabel","autoFocus","testID","_ref$keyboardReturnKe","keyboardReturnKeyType","autoCompleteSuggestionType","allowedCountries","placeholder","styledProps","_objectWithoutProperties","_excluded","inputRef","React","useRef","mergedRef","useMergeRefs","inputWrapperRef","_React$useState","useState","_React$useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","_useControllableState","useControllableState","_useControllableState2","selectedCountry","setSelectedCountry","useEffect","Boolean","renderTrailingInteractionElement","_jsx","IconButton","icon","CloseIcon","_inputRef$current","isEmpty","current","HTMLInputElement","focus","flags","useMemo","getFlagsForAllCountries","countryData","map","countryCode","code","countryNameFormatter","of","Object","keys","sort","a","b","localeCompare","handleOnChange","_ref2","phoneNumber","formatPhoneNumber","undefined","dialCode","getDialCodeByCountryCode","onItemClick","_ref3","_inputRef$current2","_inputRef$current3","_inputRef$current4","BaseInput","_objectSpread","setInputWrapperRef","node","id","componentName","MetaConstants","PhoneNumberInput","hideLabelText","prefix","trailingInteractionElement","leadingInteractionElement","CountrySelector","_ref4","length","getKeyboardAndAutocompleteProps","type","autoCapitalize","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

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

@@ -7917,6 +7917,7 @@ declare const PhoneNumberInput: React__default.ForwardRefExoticComponent<Partial
     size?: "medium" | "large" | undefined;
     onBlur?: FormInputOnEvent | undefined;
     onFocus?: FormInputOnEvent | undefined;
+    placeholder?: string | undefined;
     onClick?: FormInputOnEvent | undefined;
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
@@ -7954,7 +7955,7 @@ declare const PhoneNumberInput: React__default.ForwardRefExoticComponent<Partial
     onClearButtonClick?: (() => void) | undefined;
 } & React__default.RefAttributes<BladeElementRef>>;
 
-type CommonProps = Pick<BaseInputProps, 'size' | 'label' | 'labelPosition' | 'name' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'defaultValue' | 'necessityIndicator' | 'isRequired' | 'isDisabled' | 'onFocus' | 'onBlur' | 'onClick' | 'leadingIcon' | 'trailingIcon' | 'accessibilityLabel' | 'autoFocus' | 'testID' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType'>;
+type CommonProps = Pick<BaseInputProps, 'size' | 'label' | 'labelPosition' | 'name' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'defaultValue' | 'necessityIndicator' | 'isRequired' | 'isDisabled' | 'onFocus' | 'onBlur' | 'onClick' | 'leadingIcon' | 'trailingIcon' | 'accessibilityLabel' | 'autoFocus' | 'testID' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'placeholder'>;
 type PhoneNumberInputProps = StyledPropsBlade & CommonProps & {
     /**
      * Default value of the input, Used to set the default value of input field when it's uncontrolled

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

@@ -6517,7 +6517,7 @@ type SearchInputPropsWithLabel = {
 type SearchInputProps = (SearchInputPropsWithA11yLabel | SearchInputPropsWithLabel) & SearchInputCommonProps;
 declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<BladeElementRef>>;
 
-type CommonProps = Pick<BaseInputProps, 'size' | 'label' | 'labelPosition' | 'name' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'defaultValue' | 'necessityIndicator' | 'isRequired' | 'isDisabled' | 'onFocus' | 'onBlur' | 'onClick' | 'leadingIcon' | 'trailingIcon' | 'accessibilityLabel' | 'autoFocus' | 'testID' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType'>;
+type CommonProps = Pick<BaseInputProps, 'size' | 'label' | 'labelPosition' | 'name' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'defaultValue' | 'necessityIndicator' | 'isRequired' | 'isDisabled' | 'onFocus' | 'onBlur' | 'onClick' | 'leadingIcon' | 'trailingIcon' | 'accessibilityLabel' | 'autoFocus' | 'testID' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'placeholder'>;
 type PhoneNumberInputProps = StyledPropsBlade & CommonProps & {
     /**
      * Default value of the input, Used to set the default value of input field when it's uncontrolled

package/package.json

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