{"version":3,"file":"PhoneInput.FW1Y97WC.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/9DXeyyW5zGj7F5TF7HGh/tGeO8A0i4rZWZHWsMEt9/PhoneInput.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";const COLORS={border:\"#ddd\",background:\"#fff\",text:\"#000\",placeholder:\"#ABAAA6\",divider:\"#ccc\"};export default function PhoneInput(){const countries=[{name:\"US/Canada\",code:\"+1\",flag:\"🇺🇸\"},{name:\"India\",code:\"+91\",flag:\"🇮🇳\"},{name:\"UAE\",code:\"+971\",flag:\"🇦🇪\"}];const[selected,setSelected]=useState(countries[0]);const[number,setNumber]=useState(\"\");const handleKeyDown=e=>{if(!/[0-9]/.test(e.key)&&e.key!==\"Backspace\"&&e.key!==\"ArrowLeft\"&&e.key!==\"ArrowRight\"&&e.key!==\"Tab\"){e.preventDefault();}};const handlePaste=e=>{const pasteData=e.clipboardData.getData(\"text\");if(!/^\\d+$/.test(pasteData)){e.preventDefault();}};return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",border:`1px solid ${COLORS.border}`,borderRadius:\"14px\",padding:\"12px 10px\",background:COLORS.background,width:\"100%\"},children:[/*#__PURE__*/_jsx(\"select\",{value:selected.code,onChange:e=>{const country=countries.find(c=>c.code===e.target.value);if(country)setSelected(country);},style:{border:\"none\",outline:\"none\",background:\"transparent\",fontSize:\"16px\",cursor:\"pointer\",color:COLORS.text},children:countries.map(c=>/*#__PURE__*/_jsxs(\"option\",{value:c.code,children:[c.flag,\" \",c.code]},c.code))}),/*#__PURE__*/_jsx(\"span\",{style:{margin:\"0 8px\",color:COLORS.divider},children:\"|\"}),/*#__PURE__*/_jsx(\"input\",{type:\"tel\",placeholder:\"Mobile Number\",value:number,onChange:e=>setNumber(e.target.value),onKeyDown:handleKeyDown,onPaste:handlePaste,inputMode:\"numeric\",required:true,style:{border:\"none\",outline:\"none\",flex:1,fontSize:\"16px\",color:COLORS.text}}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",name:\"phone\",value:`${selected.code} ${number}`}),/*#__PURE__*/_jsx(\"style\",{children:`\n                input::placeholder {\n                    color: ${COLORS.placeholder};\n                }\n                `})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PhoneInput\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PhoneInput.map"],"mappings":"yHAAqL,SAAwB,GAAY,CAAC,IAAM,EAAU,CAAC,CAAC,KAAK,YAAY,KAAK,KAAK,KAAK,MAAM,EAAE,CAAC,KAAK,QAAQ,KAAK,MAAM,KAAK,MAAM,EAAE,CAAC,KAAK,MAAM,KAAK,OAAO,KAAK,MAAM,CAAC,EAAO,CAAC,EAAS,GAAaA,EAAS,EAAU,EAAE,EAAO,CAAC,EAAO,GAAWA,EAAS,EAAE,EAAiR,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,WAAW,SAAS,OAAO,aAAa,EAAO,SAAS,aAAa,OAAO,QAAQ,YAAY,WAAW,EAAO,WAAW,MAAM,MAAM,EAAE,SAAS,CAAc,EAAK,SAAS,CAAC,MAAM,EAAS,KAAK,SAAS,GAAG,CAAC,IAAM,EAAQ,EAAU,KAAK,GAAG,EAAE,OAAO,EAAE,OAAO,KAAK,EAAK,GAAQ,EAAY,CAAO,CAAE,EAAE,MAAM,CAAC,OAAO,OAAO,QAAQ,OAAO,WAAW,cAAc,SAAS,OAAO,OAAO,UAAU,MAAM,EAAO,IAAI,EAAE,SAAS,EAAU,IAAI,GAAgB,EAAM,SAAS,CAAC,MAAM,EAAE,KAAK,SAAS,CAAC,EAAE,KAAK,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,EAAe,EAAK,OAAO,CAAC,MAAM,CAAC,OAAO,QAAQ,MAAM,EAAO,OAAO,EAAE,SAAS,GAAG,CAAC,EAAe,EAAK,QAAQ,CAAC,KAAK,MAAM,YAAY,gBAAgB,MAAM,EAAO,SAAS,GAAG,EAAU,EAAE,OAAO,KAAK,EAAE,UAAvgC,GAAG,CAAI,CAAC,QAAQ,KAAK,EAAE,GAAG,GAAG,EAAE,MAAM,aAAa,EAAE,MAAM,aAAa,EAAE,MAAM,cAAc,EAAE,MAAM,OAAO,EAAE,eAAe,CAAG,EAA+5B,QAA34B,GAAG,CAAC,IAAM,EAAU,EAAE,cAAc,QAAQ,MAAM,EAAM,QAAQ,KAAK,CAAS,GAAG,EAAE,eAAe,CAAG,EAA0zB,UAAU,UAAU,SAAS,GAAK,MAAM,CAAC,OAAO,OAAO,QAAQ,OAAO,KAAK,EAAE,SAAS,OAAO,MAAM,EAAO,IAAI,CAAC,CAAC,EAAe,EAAK,QAAQ,CAAC,KAAK,SAAS,KAAK,QAAQ,MAAM,GAAG,EAAS,KAAK,GAAG,GAAQ,CAAC,EAAe,EAAK,QAAQ,CAAC,SAAS;;6BAEntD,EAAO,YAAY;;iBAE/B,CAAC,CAAC,CAAC,CAAC,CAAE,mBAJiC,IAA4B,EAAO,EAAO,CAAC,OAAO,OAAO,WAAW,OAAO,KAAK,OAAO,YAAY,UAAU,QAAQ,MAAM"}