{"version":3,"file":"WebAuthnHandler-CzvZv726.js","sources":["../../../resources/js/Pages/Auth/Helpers/WebAuthnHandler.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport Button from \"@/Components/Button\";\nimport { Transition } from \"@headlessui/react\";\nimport { router } from \"@inertiajs/react\";\nimport Alert from \"@/Components/Alert\";\nimport { startAuthentication } from \"@simplewebauthn/browser\";\nimport axios from \"@/Utils/axios\";\n\nconst WebAuthnHandler = ({ show }) => {\n    const [error, setError] = useState(null);\n\n    const webAuthnError = {\n        type: \"danger\",\n        message: \"Passkey authentication failed.\",\n    };\n\n    const handleLogin = async (event, autoFill = false) => {\n        let asseResp;\n\n        const request = await axios.post(route(\"webauthn.challenge\"), {});\n\n        const options = request.data;\n        options.allowCredentials = [];\n\n        try {\n            // Pass the options to the authenticator and wait for a response\n            asseResp = await startAuthentication({\n                optionsJSON: options,\n                useBrowserAutofill: autoFill,\n            });\n        } catch (error) {\n            // Some basic error handling\n            if (error.name !== \"AbortError\") {\n                console.error(error);\n                setError({ ...webAuthnError, message: error.message });\n            }\n            return;\n        }\n\n        // POST the response to the endpoint that calls\n        // @simplewebauthn/server -> verifyAuthenticationResponse()\n        let verificationResponse;\n        try {\n            verificationResponse = await axios.post(\n                route(\"webauthn.verify\"),\n                asseResp,\n            );\n        } catch (error) {\n            // Some basic error handling\n            console.log(error);\n            setError({ ...webAuthnError, message: error.message });\n            return;\n        }\n\n        if (verificationResponse.data.success) {\n            router.visit(verificationResponse.data.redirect_url);\n        } else {\n            setError({\n                ...webAuthnError,\n                message: verificationResponse.data.message,\n            });\n            // console.error(error);\n        }\n    };\n\n    useEffect(() => {\n        (async () => {\n            await handleLogin(null, true);\n        })();\n    }, []);\n\n    return (\n        <>\n            <Transition\n                show={show}\n                enter=\"transition duration-500\"\n                enterFrom=\"opacity-0 scale-0 height-0\"\n                enterTo=\"opacity-100 scale-100 height-100\"\n                leave=\"transition duration-150\"\n                leaveFrom=\"opacity-100 scale-100 height-100\"\n                leaveTo=\"opacity-0 scale-0 height-0\"\n            >\n                <div>\n                    {error && (\n                        <Alert className=\"mb-4\" variant=\"error\" title=\"Error\">\n                            {error.message}\n                        </Alert>\n                    )}\n\n                    <Button\n                        variant=\"secondary\"\n                        onClick={handleLogin}\n                        disabled={false}\n                        className=\"mb-4 w-full\"\n                        type=\"button\"\n                    >\n                        Sign in with passkey\n                    </Button>\n\n                    <div className=\"relative mb-4\">\n                        <div className=\"absolute inset-0 flex items-center\">\n                            <div className=\"w-full border-t border-gray-300\" />\n                        </div>\n                        <div className=\"relative flex justify-center text-sm\">\n                            <span className=\"bg-white px-2 text-gray-500\">\n                                Or use your password\n                            </span>\n                        </div>\n                    </div>\n                </div>\n            </Transition>\n        </>\n    );\n};\n\nexport default WebAuthnHandler;\n"],"names":["WebAuthnHandler","show","error","setError","useState","webAuthnError","handleLogin","event","autoFill","asseResp","options","axios","startAuthentication","verificationResponse","router","useEffect","jsx","Fragment","Transition","Alert","Button","jsxs"],"mappings":"yPAQA,MAAMA,EAAkB,CAAC,CAAE,KAAAC,KAAW,CAClC,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,IAAI,EAEjCC,EAAgB,CAClB,KAAM,SACN,QAAS,gCACb,EAEMC,EAAc,MAAOC,EAAOC,EAAW,KAAU,CAC/C,IAAAC,EAIJ,MAAMC,GAFU,MAAMC,EAAM,KAAK,MAAM,oBAAoB,EAAG,EAAE,GAExC,KACxBD,EAAQ,iBAAmB,CAAC,EAExB,GAAA,CAEAD,EAAW,MAAMG,EAAoB,CACjC,YAAaF,EACb,mBAAoBF,CAAA,CACvB,QACIN,EAAO,CAERA,EAAM,OAAS,eACf,QAAQ,MAAMA,CAAK,EACnBC,EAAS,CAAE,GAAGE,EAAe,QAASH,EAAM,QAAS,GAEzD,MAAA,CAKA,IAAAW,EACA,GAAA,CACAA,EAAuB,MAAMF,EAAM,KAC/B,MAAM,iBAAiB,EACvBF,CACJ,QACKP,EAAO,CAEZ,QAAQ,IAAIA,CAAK,EACjBC,EAAS,CAAE,GAAGE,EAAe,QAASH,EAAM,QAAS,EACrD,MAAA,CAGAW,EAAqB,KAAK,QACnBC,EAAA,MAAMD,EAAqB,KAAK,YAAY,EAE1CV,EAAA,CACL,GAAGE,EACH,QAASQ,EAAqB,KAAK,OAAA,CACtC,CAGT,EAEAE,OAAAA,EAAAA,UAAU,IAAM,EACX,SACS,MAAAT,EAAY,KAAM,EAAI,IAEpC,EAAG,EAAE,EAIGU,MAAAC,EAAAA,SAAA,CAAA,SAAAD,EAAA,IAACE,EAAA,CACG,KAAAjB,EACA,MAAM,0BACN,UAAU,6BACV,QAAQ,mCACR,MAAM,0BACN,UAAU,mCACV,QAAQ,6BAER,gBAAC,MACI,CAAA,SAAA,CACGC,GAAAc,EAAAA,IAACG,GAAM,UAAU,OAAO,QAAQ,QAAQ,MAAM,QACzC,SAAAjB,EAAM,OACX,CAAA,EAGJc,EAAA,IAACI,EAAA,CACG,QAAQ,YACR,QAASd,EACT,SAAU,GACV,UAAU,cACV,KAAK,SACR,SAAA,sBAAA,CAED,EAEAe,EAAAA,KAAC,MAAI,CAAA,UAAU,gBACX,SAAA,CAAAL,EAAAA,IAAC,OAAI,UAAU,qCACX,eAAC,MAAI,CAAA,UAAU,kCAAkC,CACrD,CAAA,EACAA,EAAAA,IAAC,OAAI,UAAU,uCACX,eAAC,OAAK,CAAA,UAAU,8BAA8B,SAAA,sBAE9C,CAAA,CACJ,CAAA,CAAA,CACJ,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,EAER,CAER"}