rn-phone-input-field
Version:
A React Native phone number input component built from scratch, featuring a text input for number entry, a custom dropdown for selecting country codes, and validation logic using regex or country-specific rules. It supports formatting, localization, and s
15 lines (12 loc) • 5.81 kB
text/typescript
import type { Assets } from './assets.d';
const assets: Assets = {
closeDefaultIcon:
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAAB9CAYAAACPgGwlAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATvSURBVHgB7dyLbRw3FIXhk1TgEk4HUQlbQjqIOrA6oEpQB0oHdgebDpJUwHTgdJDMtXTltbzv5eXwcX6AsA1Y5OV89sIPYIAf+7Csh2Vtl/VlWf+9fms/vl8WoVrKvBIOe51ss/OFh1Y+dzMV3kec57U5tEE68cXvV4Jas0u9fnu/webCDQS/bpeC+0f+3e4mGdehC75+14D72vommxs2EXzdbgH3tbGNngpsJPj4SoDberTNtoU2E3xcpcBtPduGJdEFX76S4LbMG58Kbyr4cpUGf/ud/hiwseBvLwLc1r1tfhe0ueCvLwrcFv2QT4g7JEFdkj2vKIvn3YOI2/6BRvBlsucUZZDx8p8z30UIfs3s+USC89DBhODXyJ7LKuAeIfia2fNYFdwjBF8jew5NgHuE4COz+zcF7hGCj8ju3SS4Rwi+ZHbfpsE9QvAlsnt2Ae4Rgr8lu19X4B4h+Guye3UJ7hGCvyS7T9fgHiH4c7J7DAHuEYI/ls0/FLhHCH5fNveQ4B4h+N1s3qHBPULwls05BbhHzA1v800F7hFzwttcU4J7xFzwNs/U4B4xB7zNIfCdiLHhEwS+N2JM+ASBH40YCz5B4GdFjAGfgLA7ZAz4Eieib/gEhM2eMfBbu4g+4RMQNnPGBK9pI/qCT4ibNWOi9/IRfcAnxM2YMeGLGIm24VPgbBkTv3mTaBM+Bc6UMTG4R7QFnwJnyRD4W0Qb8ClwhgyB/xCxLnwKPDtD4Acj1oFPgWdmCPxkRF34FHhWhsDPjqgDnwLPyBD4xRGx8NvAvTMEfnVELLzAG43oB17gBSPahxd4QES78AIPjGgPXuAVItqBF3jFiPXhBb5CxHrwAl8xoj68wBuIqAcv8IYi4uGHAf8ZY/TPsj4jts+v56hGSqjz8Z6gmqgWuOAbqTa44FduLXDBr9Ta4IKvXCvggq9Ua+CCD65VcMEH1Tq44AvXC7jgC2UPsAdowRfKHlwUSl7WBnO92bL57IFFgvP1HELwTWQPqga4Rwh+1ewB1QT3CMGvkj2YNcA9QvBVsweyJrhHCL5K9iBaAPcIwYdmD6AlcI8QfEh28RbBPULwRbMLtwzuEYIvkl20B3CPEPxN2QV7AvcIwV+VXaxHcI8Q/EXZhXoG9wjBn5VdZARwjxD80ewCI4F7hOD3ZoOPCO4Rgv8uG3hkcI8Q/Nds0BnAPWJyeBtwJnCPmBTeBpsR3CMmg7eBZgb3iEngbRCBf4sYHD5B4PsiBoVPEPixiMHgEwR+TsQg8AkIu0TGeO9pIzqHT0DY8BnjvpiP6BQ+AWFDZ4wL7hGdwSfEDZsxPrhHdAKfEDdkxjzgHtE4fAocLmM+cI9oFD4FDpUxL7hHNAafAofJELhHNAKfAofIEPj7iJXhU+DhGQI/FLESfAo8NEPgpyIqw38MPCxD4OdGxMJvdg/6EnRIhsAvjYiDz37IQ+ABhLomIg5+YwdsAzbOEPitETHwT7Z56Y92gZeLKA//jMIbCrx8RFn4rW1a6ne6wOMiysF//XjfQuA9RJSBv7fNbv3Tu8DrRdwG/2b14YaNBF4/4nqvx92NNhB4TxGXw/+5b6N7CLyniPPht3j5RD+40fbEBk/HNlBVMwfzOIRvfzN7eP9FPx3Y7G5Zvy7rl9cf/7usv5f1++v3VXtt8OJmvxDM6K9l/bHvJ/4PcHtLHYmz2NcAAAAASUVORK5CYII=',
closeDarkIcon:
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAAB9CAYAAACPgGwlAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASHSURBVHgB7d3vcdpIHIfxJQ0cJdDBuQRSwaWDSwdJB3YJ7iDXweUqIFdB7AqkDpwOnmgDmll7gCBp//x29X1m9oU99kriYzCC0eLcm4DtMD4P4zCMF469nL7+OIydU2Y6ed1f8rplgn3wi5fqbppMJW9w+HSj1/7SBPdM696pYs3w+vvtBHvmJfgCzQD3+UeEu3CSjvkJPmMzwccO4yRz7+WCz9xC8LG9n+iROAk+YcQB9z34yQ7ES/AJIh6470tsdJ/gI0ZccN/h3TDvDxe3B8HH6XQ7Pri49R792cVP8AtLBO77309+R7oEPyPiP6SH7caN/Eu6BD8h0oJ/CTe0Y9kLNL9L8DdEWvBuGNu3GxR8wUgPvru0YcEXiFLgwQ4IPmOUBg92RPAZwgp4sEOCTxjWwIMdE3yCsAoe7KDgI4Z18GBHBR8hagEPdljwC6I28GDHBT8jagUPDkDwE6J28OBABH9DtAIeHJDgr0Rr4MGBCf5MtAoeHKDgg2gdfAzB/4q1gI+xcnjWBj7GSuFZK/gYK4Nn7eBjrAQegb+OxuER+PloFB6BX4/G4BH4bdEIPAKfFpXDI/B5USk8Al8WlcEj8DhRCTwCjxvG4RF4mjAKj8DThjF4BJ4njMAj8LxRGB6Bl4lC8Ai8bGSGR+A2IhM8ArcV6eEPpKvDMPjGGe50wx2GsXP11A/j/Waz6Z3RTKP7KoPvnXFwn3l0XyXwvasA3FcFus84fO8qAfdVg+4zCt+7isB9VaH7jMH3rjJwX3XoPiPwvasQvOpIfx5PrefhTVcIvhN44TLDdwI3Uib4rhXwd66BTk+mvrq0fdWTNkOR9t2yMK1ebaGM4IK3UAFwwZesILjgS2QAfEzwOcIO+JjgU4Y98DHBpwi74GOCjxn2wccEHyPqAR8T/JKoD3xM8HMi/YUIe7SIsZ3IdOUJWr3aRmS+1AjBl41C15Yh+DJR+GJCBJ83jFw9iuDzhLHLhRF82jB6fTiCTxPGFwRA8HGjkhUgEHycqGzJDwS/LCpd4wXBz4vKF/VB8NOikVWcEPxt0diyXQj+ejS6ThuCPx+NL8yH4F/HSlZiRPDHWNnSm6wdnpWBj7FWeFYKPsba4Fk5+BhrgUfgr6J1eAR+NlqFR+BXozV4BH5TtAKPwCdF7fAIfFbUCo/AF0Vt8Ag8StQCj8CjhnV4BJ4krMIj8KRhDR6BZwkr8Ag8a5SGR+BFohQ8Ai8aueGHb3wiXR0CvynSw+/DDb2Qpg6BT4q08J3fhv84jw/D2Lr49U6fWza50+313h1vv9j5P6i9R//Lxa93Ap9dYvgPHv3Oxa13Al9cQvg/PHrMh/beCTxaieB3Hv2Hi1PvBB69BPDPHv3JLa93Ak9WZPgnj/6fW1bvBJ68SPD9ML7588LtgvPCDp2HZ41l5/EP4UR7ptcJvEwz4b+fm+jjhAk6gZdtIvxhGNtrEx1+M8HjxQlU1jj+a368gu9fXv/89vc2FybzL9j4l2f/PH3Ln9Y9D+Of4QlFrFM8FTGOb6Z4N3+H9EZPg9W3cz/7E7QuAmwGhUyFAAAAAElFTkSuQmCC',
downArrowDefaultIcon:
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAABECAYAAABUFcG3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJzSURBVHgB7d3dbdswGEbhz5nAI3gEj+ARukG5SbNCJ4hH6QjZwN0g2eBUrCyEcaxYP6REiu8DELlIQpE+kADrhjv7BnBsfvjx3oy/u93u1WQ1s3o0/7xvxq9mvPHVpRkvzTiYLCJKj+YPTj0T3Jvwh0lSUXr4XzDeT5Mk/GfLeKfbSQ7X6lMobmQTo3r+7t6HE70wj+JGMiNq5zmc7MJ8ijsT86N6b91kR+JR3ImIE7VzfGrmPFg8Z8Ud7/qZnS2e/2H3FpfijpAgqvce+1EcUtwHiPv4DR27Cwz5EjyF4vYgXdSLn//pep3floYey3eQ5vHb+RNeyL+PTHXXorgfSHenehdu3xvTvpdMqfq4pI3q9b4vdqRVbVzSR3WPFqC4kbF21GAhihsJuUQNFqS4M5Fb1GBhijsRuUYNFqi4I5F71GChijsQpUQNFqy4D1Ba1GDhituDUqMGG1DcG5QeNdiI4l6xlajBhqqPy9aiBhurNi5bjRpssLq4bD1qh4riUkvUDhXEpbaoHTYcl1qjdthgXGqP2mFDcVHUz9hAXBT1PgqOi6J+jwLjoqjDUFBcFHUcCoiLok5DxnFR1HnIMC6KGgcZxUVR4yKDuChqGqwYF0VNixXioqjLYMG4KOqyWCAuiroO0sdNyZn0o8y4zuQxyorrTIajjLjOZDzyjutMpiPPuM5kPvKK60ziIY+4ziQ+1o3rTNJZKa4zSW/huM5kOQvFdSbLSxzXmawnUVxnsr7IcZ1JPiLFdSb5mRnXmeRrYlxnkj/akzUvA4L6cxBOJuWgPWHz3BPYB30mPLlxY3ZWAdoDhg7Wngr2WsOR5P8AFLvjUvd7M0sAAAAASUVORK5CYII=',
downArrowDarkIcon:
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAABECAYAAABUFcG3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKRSURBVHgB7Z3BURtBEEWfyxcfCUEhEIKOPpJB/0xMJjgkZ6Crb4SAt0HjEioJhLQt7fT0q/oce37Pq6WQDux3PuZ+ys8pqyk/pvyluCUX+bib8mvK85SXvWymPG0HF9dhFh/rIwMODXygiGbNDD4eThiwH6OIwu/2qz7W+0NWvFl/oeQugXOkevzpvtsd9HTmoJI7P+dKbXncHba5cFjJnYdLpban9pX7GYaV3MuZQ2qLOz3rj6aSOy9zSvWI7Y+XmVNyT2duqZ7Xjz73AYNL7mlESP3/q9h5hpADjOIYUVI3u4c8Bh1Scg8TJdXztHuQf6iNempL7nv8LqLuecOB743XgQeW3Df8DiLv+Oj3xQo+2BgX3z3ybvVZAQUXMMbDd76p1IaCixjj4LsuQmpDwYWM/PiOi5LaUHAxIy++2yKlNkRsQSMfvtOipTZEbFEjD75LF1IbgtDCRv/4Dl1JbQhCixv94t27lNoQhC5g9Id37lpqQ5TchndNIbUhSq53TCW1IcaV691SSm2I8eR6p9RSG2Icud5lCKkNkV+udxhKakPklWsMKrUh8sk1BpfaEHnkGoTuIjpD9C/XIHQH0SmiX7kGod1F54j+5BqEdhZJEP3INWK7imSI5cs1YjuKpIjlyrXgbiI5YnlyLbiTGASxHLkW3EUMhri9XAvuIAZF3E6uBZ8tBkdcX64FnymKV8T15FrwWaJ4h4iXa8FniOIgIvbiS+oNEX0JLalfQJTUtIiSmhZRUtMiSmpaRElNiyipaRElNS2ipKZFlNS0iJKaFlFS0yJKalpESU2LKKlpESU1LaKkpsX/hfqGz4X6exDWFF2xmvKbw4Jd6CN7b27MxDfGwF8wtOJN5J9tUvMPtogJrzZ/lygAAAAASUVORK5CYII=',
};
export default assets;