UNPKG

@s-ui/react-molecule-phone-input

Version:

> Custom input component to handle phone validation. Gives the user a prefix selector and a phone number input. It also handles the phone number validation and the prefix selection.

54 lines (52 loc) 1.42 kB
export var FLAG_SIZE = 24; export var phoneValidationType = { DEFAULT: 'default', SPLITTED: 'splitted' }; // This icons comes from an external library: // https://www.npmjs.com/package/country-flag-icons // You can easily check here all the flags that provides it: // https://purecatamphetamine.github.io/country-flag-icons/3x2/index.html // For now we have deployed to our own S3 // For example: ES -> https://frtassets.fotocasa.es/ut/statics/img/ES.svg export var PREFIXES = [{ value: 'ES', label: 'España', countryCode: '+34', landlinePrefixs: ['9'], flag: 'https://frtassets.fotocasa.es/ut/statics/img/ES.svg', mask: { mobileMask: '000 000 000', landlineMask: '00 000 00 00' } }, { value: 'FR', label: 'Francia', countryCode: '+33', landlinePrefixs: ['1', '2', '3', '4', '5'], flag: 'https://frtassets.fotocasa.es/ut/statics/img/FR.svg', mask: { mobileMask: '0 00 00 00 00', landlineMask: '0 00 00 00 00' } }, { value: 'PT', label: 'Portugal', countryCode: '+351', landlinePrefixs: ['2'], flag: 'https://frtassets.fotocasa.es/ut/statics/img/PT.svg', mask: { mobileMask: '0 0000 0000', landlineMask: '00 000 0000' } }, { value: 'AD', label: 'Andorra', countryCode: '+376', landlinePrefixs: ['8'], flag: 'https://frtassets.fotocasa.es/ut/statics/img/AD.svg', mask: { mobileMask: '000 000', landlineMask: '000 000' } }];