{"version":3,"sources":["jsdelivr-header.js","/npm/react-international-phone-number-input@1.2.5/src/assets/ChevronIcon.tsx","/npm/react-international-phone-number-input@1.2.5/src/Components/SubComponents/CountrySelector/CountryFlag.tsx","/npm/react-international-phone-number-input@1.2.5/src/Components/SubComponents/CountrySelector/CountryItem.tsx","/npm/react-international-phone-number-input@1.2.5/src/Components/SubComponents/CountrySelector/CountryDropdown.tsx","/npm/react-international-phone-number-input@1.2.5/src/Components/SubComponents/CountrySelector/CountrySelector.tsx","/npm/react-international-phone-number-input@1.2.5/src/Components/SubComponents/Input/Input.tsx","/npm/react-international-phone-number-input@1.2.5/src/index.tsx"],"names":[],"mappings":"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","file":"/npm/react-international-phone-number-input@1.2.5/dist/index.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/react-international-phone-number-input@1.2.5/dist/index.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","import React, { HTMLAttributes } from 'react'\nimport styled from 'styled-components'\nimport { IIconProps } from '../Types/UI'\n\ninterface Props extends HTMLAttributes<HTMLDivElement> {\n  dropdownOpen: boolean\n  iconProps?: IIconProps\n}\n\nconst IconContainer = styled.svg<Props>`\n  transition: all 0.3s;\n  transform: ${(props) =>\n    props.dropdownOpen ? 'rotate(0deg)' : 'rotate(180deg)'};\n  width: ${(props) => props.width};\n  height: ${(props) => props.height};\n  margin-left: 1.5rem;\n`\n\nconst ChevronIcon = (props: Props) => {\n  return (\n    <IconContainer\n      dropdownOpen={props.dropdownOpen}\n      xmlns='http://www.w3.org/2000/svg'\n      width={\n        props.iconProps && props.iconProps.width ? props.iconProps.width : 12\n      }\n      height={\n        props.iconProps && props.iconProps.height ? props.iconProps.height : 12\n      }\n      viewBox='0 0 12.453 7.12'\n    >\n      <path\n        id='ic_chevron_up'\n        d='M6.229,2.146l4.709,4.712a.886.886,0,0,0,1.257,0,.9.9,0,0,0,0-1.261L6.859.259A.888.888,0,0,0,5.632.233L.26,5.594A.89.89,0,0,0,1.516,6.855Z'\n        fill={\n          props.iconProps && props.iconProps.color\n            ? props.iconProps.color\n            : 'black'\n        }\n      />\n    </IconContainer>\n  )\n}\n\nexport default ChevronIcon\n","import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCountryFlag = styled.img<any>`\n  border-radius: ${(props) => {\n    return props.flagProps && props.flagProps.rounded ? '50%' : '5px'\n  }};\n\n  width: ${(props: any) => {\n    return props.dropdownItemProps.flagWidth\n      ? props.dropdownItemProps.flagWidth\n      : '24px'\n  }};\n  height: ${(props: any) => {\n    return props.dropdownItemProps.flagHeight\n      ? props.dropdownItemProps.flagHeight\n      : '24px'\n  }};\n  margin-right: 5px;\n`\n\nconst CountryFlag = (props: any) => {\n  return <StyledCountryFlag {...props} />\n}\n\nexport default CountryFlag\n","import React from 'react'\nimport styled from 'styled-components'\nimport { ICountry } from '../../../Types/data'\nimport { IFlagProps } from '../../../Types/UI'\nimport CountryFlag from './CountryFlag'\n\nconst CountryListItem = styled.button`\n  display: flex;\n  background-color: transparent;\n  border: none;\n  align-items: center;\n  cursor: pointer;\n  width: 100%;\n  padding: 0.5rem 0.25rem;\n  transition: all 0.3s;\n  :hover {\n    background-color: whitesmoke;\n  }\n`\n\ninterface Props {\n  country: ICountry\n  restDropdownProps: any\n  handleSelect: ((country: ICountry) => void) | null\n  index: number\n  dropdownItemProps: any\n  flagProps: IFlagProps\n  disableCountrySelect: boolean\n}\n\nconst CountryItem = (props: Props) => {\n  return (\n    <CountryListItem\n      {...props.restDropdownProps}\n      key={props.index}\n      onClick={() =>\n        props.handleSelect &&\n        !props.disableCountrySelect &&\n        props.handleSelect(props.country)\n      }\n    >\n      <CountryFlag\n        flagProps={props.flagProps}\n        dropdownItemProps={props.dropdownItemProps as any}\n        src={props.country.flags.png}\n        alt=''\n      />\n      <div>{props.country.name.common}</div>\n    </CountryListItem>\n  )\n}\n\nexport default CountryItem\n","import classNames from 'classnames'\nimport React, { useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { ICountry } from '../../../Types/data'\nimport { ICountryItemProps, IFlagProps } from '../../../Types/UI'\nimport CountryItem from './CountryItem'\n\nconst CountryDropdownContainer = styled.div``\n\nconst CountryListContainer = styled.div`\n  position: absolute;\n  top: 100%;\n  left: 0;\n  min-width: 200px;\n  height: 200px;\n  overflow-y: scroll;\n  scrollbar-width: 0;\n  background-color: white;\n  border: 1px solid #b5b5c3;\n  border-bottom-left-radius: 10px;\n  border-bottom-right-radius: 10px;\n  ::-webkit-scrollbar {\n    display: none;\n  }\n`\n\ninterface Props {\n  countries: Array<ICountry>\n  handleSelect: ((country: ICountry) => void) | null\n  dropdownItemProps: ICountryItemProps\n  selectedCountry: ICountry\n  flagProps: IFlagProps\n  disableCountrySelect: boolean\n  setDropdownopen: Function\n}\n\nconst CountryDropdown = (props: Props) => {\n  const { countries, handleSelect, dropdownItemProps } = props\n  const { className: dropdownItemClassName, ...restdropdownItemProps } =\n    dropdownItemProps\n\n  const dropdownRef = useRef<any>(null)\n\n  useEffect(() => {\n    document.addEventListener('click', handleOutsideClick, true)\n    return () => {\n      document.removeEventListener('click', handleOutsideClick, false)\n    }\n  }, [])\n\n  const handleOutsideClick = (e: any) => {\n    if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {\n      props.setDropdownopen(false)\n    }\n  }\n\n  return (\n    <div ref={dropdownRef}>\n      <CountryDropdownContainer className={classNames('dropdown-container')}>\n        <CountryListContainer style={{}}>\n          {countries.length > 0 ? (\n            <React.Fragment>\n              {countries.map((country, index) => {\n                return (\n                  <CountryItem\n                    key={index}\n                    flagProps={props.flagProps}\n                    restDropdownProps={restdropdownItemProps}\n                    dropdownItemProps={dropdownItemProps}\n                    handleSelect={\n                      !props.disableCountrySelect ? handleSelect : null\n                    }\n                    country={country}\n                    index={index}\n                    disableCountrySelect={props.disableCountrySelect}\n                  />\n                )\n              })}\n            </React.Fragment>\n          ) : (\n            <div>loading...</div>\n          )}\n        </CountryListContainer>\n      </CountryDropdownContainer>\n    </div>\n  )\n}\n\nexport default CountryDropdown\n","import axios from 'axios'\nimport classNames from 'classnames'\nimport React, { useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport ChevronIcon from '../../../assets/ChevronIcon'\nimport { ICountry, ICountryData } from '../../../Types/data'\nimport {\n  IContainerProps,\n  ICountryItemProps,\n  ICountrySelectorButtonProps,\n  IFlagProps,\n  InputProps,\n  IOnChangeProps\n} from '../../../Types/UI'\nimport CountryDropdown from './CountryDropdown'\nimport CountryFlag from './CountryFlag'\n\nconst SelectedCountryContainer = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`\n\nconst DialCode = styled.span`\n  margin-right: 5px;\n`\n\nconst CountrySelectorContainer = styled.div<{\n  dropdownProps: ICountrySelectorButtonProps\n  containerProps: IContainerProps\n}>`\n  position: relative;\n  padding: 0.5rem 1rem;\n  cursor: pointer;\n  border: none;\n  border-right: 1px solid\n    ${(props) =>\n      props.containerProps.borderColor\n        ? props.containerProps.borderColor\n        : '#b5b5c3'};\n  border-top-left-radius: 5px;\n  border-bottom-left-radius: 5px;\n  background-color: ${(props) =>\n    props.dropdownProps.dropdownButtonColor\n      ? props.dropdownProps.dropdownButtonColor\n      : '#eff4f7'};\n`\n\nconst SelectedCountryInnerContainer = styled.div`\n  display: flex;\n  align-items: center;\n`\n\ninterface Props {\n  dropdownButtonProps?: ICountrySelectorButtonProps\n  dropdownItemProps?: ICountryItemProps\n  inputProps?: InputProps\n  onChange?: (props: IOnChangeProps) => void\n  defaultCountry?: string\n  flagProps: IFlagProps\n  selectedCountry: any\n  setselectedCountry: Function\n  disableCountrySelect: boolean\n  containerProps: IContainerProps\n}\n\nconst CountrySelector = ({\n  dropdownButtonProps = {},\n  dropdownItemProps = {},\n  containerProps = {},\n  defaultCountry,\n  flagProps,\n  selectedCountry,\n  setselectedCountry,\n  disableCountrySelect\n}: Props) => {\n  const { className, testId, ...restDropdownProps } = dropdownButtonProps\n\n  // const { width } = useWindowSize()\n  const [dropdownOpen, setdropdownOpen] = useState(false)\n  const [countries, setcountries] = useState<Array<ICountry>>([])\n  const [isCountriesLoading, setisCountriesLoading] = useState(false)\n\n  useEffect(() => {\n    if (\n      !isCountriesLoading &&\n      countries.length > 0 &&\n      defaultCountry &&\n      defaultCountry.length > 0\n    ) {\n      const foundCountry = countries.find(\n        (country) => country.cca2 === defaultCountry.toUpperCase()\n      )\n      if (foundCountry) {\n        setselectedCountry({\n          name: foundCountry.name.common,\n          dialCode: foundCountry.idd.root + foundCountry.idd.suffixes[0],\n          flagURL: foundCountry.flags.png\n        })\n      }\n    }\n  }, [defaultCountry, countries, isCountriesLoading])\n\n  const handleClick = () => {\n    if (disableCountrySelect === false) setdropdownOpen(!dropdownOpen)\n  }\n\n  const handleSelect = (country: ICountry) => {\n    setselectedCountry({\n      name: country.name.common,\n      dialCode: country.idd.root + country.idd.suffixes[0],\n      flagURL: country.flags.png\n    })\n  }\n\n  useEffect(() => {\n    setisCountriesLoading(true)\n    axios\n      .get('https://restcountries.com/v3.1/all')\n      .then((res: ICountryData) => {\n        setcountries(\n          res.data.sort((a, b) => a.name.common.localeCompare(b.name.common))\n        )\n        setisCountriesLoading(false)\n      })\n  }, [])\n\n  return (\n    <CountrySelectorContainer\n      onClick={(e) => {\n        handleClick()\n        dropdownButtonProps.onClick && dropdownButtonProps.onClick(e)\n      }}\n      data-test-id={testId}\n      {...restDropdownProps}\n      className={classNames(className)}\n      containerProps={containerProps}\n      dropdownProps={dropdownButtonProps}\n    >\n      <div onClick={!disableCountrySelect ? handleClick : () => {}}>\n        <SelectedCountryContainer>\n          {selectedCountry.name.length > 0 ? (\n            <SelectedCountryInnerContainer>\n              <CountryFlag\n                flagProps={flagProps}\n                dropdownItemProps={dropdownItemProps}\n                src={selectedCountry.flagURL}\n              />\n              <DialCode>{selectedCountry.dialCode}</DialCode>\n              {/* {width > 768 && selectedCountry.name} */}\n            </SelectedCountryInnerContainer>\n          ) : dropdownButtonProps.placeholder ? (\n            dropdownButtonProps.placeholder\n          ) : (\n            'Select'\n          )}\n\n          {!disableCountrySelect && (\n            <ChevronIcon\n              iconProps={dropdownButtonProps.iconProps}\n              dropdownOpen={dropdownOpen}\n            />\n          )}\n        </SelectedCountryContainer>\n      </div>\n      {dropdownOpen && (\n        <CountryDropdown\n          setDropdownopen={setdropdownOpen}\n          flagProps={flagProps}\n          countries={countries}\n          handleSelect={!disableCountrySelect ? handleSelect : null}\n          selectedCountry={selectedCountry}\n          dropdownItemProps={dropdownItemProps}\n          disableCountrySelect={disableCountrySelect}\n        />\n      )}\n    </CountrySelectorContainer>\n  )\n}\n\nexport default CountrySelector\n","import classNames from 'classnames'\nimport React from 'react'\nimport { InputProps, IOnInputChangeProps } from '../../../Types/UI'\nimport styles from './Input.module.css'\n\nexport interface InputComponentProps extends InputProps {\n  dialCode?: string\n  onInputChange?: (props: IOnInputChangeProps) => void\n}\n\nconst Input = (props: InputComponentProps) => {\n  const { dialCode, onInputChange, defaultValue, testId, ...rest } = props\n  return (\n    <input\n      {...rest}\n      type='number'\n      data-test-id={testId}\n      className={classNames(styles['input-container'])}\n      onChange={(e) => {\n        onInputChange &&\n          onInputChange({\n            dialCode: dialCode ? dialCode : '',\n            phoneNumber: e.target.value\n          })\n      }}\n    />\n  )\n}\n\nexport default Input\n","import classNames from 'classnames'\nimport * as React from 'react'\nimport styled from 'styled-components'\nimport CountrySelector from './Components/SubComponents/CountrySelector/CountrySelector'\nimport Input from './Components/SubComponents/Input/Input'\nimport { IContainerProps, IPhoneInputProps } from './Types/UI'\n\nconst AppContainer = styled.div<{ containerProps: IContainerProps }>`\n  display: flex;\n  align-items: center;\n  border: 1px solid\n    ${(props) =>\n      props.containerProps.borderColor\n        ? props.containerProps.borderColor\n        : '#b5b5c3'};\n  border-radius: 5px;\n`\n\nexport const PhoneInput = ({\n  containerProps = {},\n  inputProps = {},\n  dropdownButtonProps = {},\n  onChange,\n  onInputChange,\n  defaultCountry,\n  flagProps = { rounded: false },\n  disableCountrySelect = false,\n  prepend\n}: IPhoneInputProps) => {\n  const { className: containerClassName, ...restContainerProps } =\n    containerProps\n\n  const [selectedCountry, setselectedCountry] = React.useState<any>({\n    name: '',\n    dialCode: '',\n    flagURL: ''\n  })\n\n  return (\n    <AppContainer\n      containerProps={containerProps}\n      {...restContainerProps}\n      className={classNames(containerClassName ? containerClassName : '')}\n    >\n      <CountrySelector\n        selectedCountry={selectedCountry}\n        setselectedCountry={setselectedCountry}\n        flagProps={flagProps}\n        defaultCountry={defaultCountry}\n        onChange={onChange}\n        dropdownButtonProps={dropdownButtonProps}\n        disableCountrySelect={disableCountrySelect}\n        containerProps={containerProps}\n      />\n      <Input\n        onInputChange={onInputChange}\n        dialCode={selectedCountry.dialCode}\n        {...inputProps}\n      />\n      {prepend && prepend}\n    </AppContainer>\n  )\n}\n"]}