{"version":3,"file":"login.js","mappings":"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","sources":["webpack://new_ui/./src/pages/Login.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport CardLayout from \"../components/PlayerRegister/CardLayout\";\nimport PersonIcon from \"../components/Icons/PersonIcon\";\nimport CsrfToken from \"../utils/CsrfToken\";\nimport EmailInput, { InitialEmailState } from \"../components/Inputs/EmailInput\";\nimport PasswordInput, { InitialPasswordState } from \"../components/Inputs/PasswordInput\";\nimport { isAllTrue } from \"../utils/validators\";\nimport PlayerRegisterLayout from \"../components/PlayerRegister/PlayerRegisterLayout\";\nimport ButtonPrimary from \"../components/Buttons/ButtonPrimary\";\nimport { WalletButtons } from \"../components/WalletButtons\";\nimport { useNotifications } from \"../context/NotificationsContext\";\nimport { DiscordButton } from \"../components/DiscordButton\";\n\nexport default function Login() {\n    const { sendNotification } = useNotifications();\n    const [email, setEmail] = useState(InitialEmailState);\n    const [password, setPassword] = useState(InitialPasswordState);\n    const [disabledButton, setDisabledButton] = useState(false);\n    const [siweMessage, setSiweMessage] = useState({\n        message: \"\",\n        signature: \"\",\n    });\n    const [timezone, setTimezone] = useState(\"\");\n    const [solanaMessage, setSolanaMessage] = useState({\n        address: \"\",\n        message: \"\",\n        signature: \"\",\n    });\n\n    const [ordinalsMessage, setOrdinalsMessage] = useState({\n        address: \"\",\n        message: \"\",\n        signature: \"\",\n    });\n    const [coinbaseMessage, setCoinbaseMessage] = useState({\n        address: \"\",\n        message: \"\",\n        signature: \"\",\n    });\n    const formRef = useRef(null);\n    const errors = global?.props?.errors;\n\n    useEffect(() => {\n        Object.values(errors).map((error) => sendNotification(\"error\", error));\n    }, [errors]);\n\n    useEffect(() => {\n        if (siweMessage.message || solanaMessage.message || ordinalsMessage.message || coinbaseMessage.message) {\n            formRef.current.submit();\n        }\n    }, [siweMessage.message, solanaMessage.message, ordinalsMessage.message, coinbaseMessage.message]);\n\n    useEffect(() => {\n        const allValidatorsTrue = isAllTrue(email.validators) && isAllTrue(password.validators);\n        const allInputsFilled = email.value !== \"\" && password.value !== \"\";\n        setDisabledButton(allValidatorsTrue && allInputsFilled);\n    }, [email, password]);\n\n    useEffect(() => {\n        setTimezone(Intl.DateTimeFormat().resolvedOptions().timeZone);\n    }, [])\n\n    const nextURL = new URL(document.location).searchParams.get(\"next\");\n\n    return (\n        <CardLayout icon={<PersonIcon />} title=\"Login\">\n            <div className=\"mt-[25px] mb-[33px] flex flex-col items-center w-full px-[20px] md:px-0\">\n                <form ref={formRef} action={`/accounts/login/`} method=\"post\" className=\"w-full max-w-[320px]\">\n                    <CsrfToken />\n                    <input type=\"hidden\" name=\"next\" value={nextURL} />\n                    <input type=\"hidden\" name=\"siwe_message\" value={siweMessage.message} />\n                    <input type=\"hidden\" name=\"siwe_signature\" value={siweMessage.signature} />\n                    <input type=\"hidden\" name=\"solana_address\" value={solanaMessage.address} />\n                    <input type=\"hidden\" name=\"solana_message\" value={solanaMessage.message} />\n                    <input type=\"hidden\" name=\"solana_signature\" value={solanaMessage.signature} />\n                    <input type=\"hidden\" name=\"timezone\" value={timezone} />\n                    <input type=\"hidden\" name=\"ordinals_signature\" value={ordinalsMessage.signature} />\n                    <input type=\"hidden\" name=\"ordinals_message\" value={ordinalsMessage.message} />\n                    <input type=\"hidden\" name=\"ordinals_address\" value={ordinalsMessage.address} />\n                    <input type=\"hidden\" name=\"coinbase_signature\" value={coinbaseMessage.signature} />\n                    <input type=\"hidden\" name=\"coinbase_message\" value={coinbaseMessage.message} />\n                    <input type=\"hidden\" name=\"coinbase_address\" value={coinbaseMessage.address} />\n                    <div className=\"flex flex-col items-center w-full\">\n                        <div className=\"flex w-full flex-col space-y-[20px] md:space-y-[12px] px-0\">\n                            <EmailInput\n                                email={email}\n                                setEmail={setEmail}\n                                isRequired={true}\n                                validEmail={true}\n                                showErrorBelowInput={true}\n                                placeholder={\"Email Address\"}\n                            />\n                            <PasswordInput\n                                password={password}\n                                setPassword={setPassword}\n                                id=\"password\"\n                                isRequired={true}\n                                validPassword={true}\n                                showErrorBelowInput={true}\n                                placeholder={\"********\"}\n                            />\n                        </div>\n                        <div className=\"mt-[20px] flex w-full flex-col items-center\">\n                            <ButtonPrimary\n                                className=\"h-[3.5rem] w-full rounded-lg lg:h-[2.5rem]\"\n                                disabled={!disabledButton}\n                            >\n                                Continue\n                            </ButtonPrimary>\n                            <a\n                                href={\"/accounts/password-reset/\"}\n                                className=\"secondary-regular-text mt-[14px] text-brand-light-blue underline\"\n                            >\n                                Forgot password?\n                            </a>\n                            <p className=\"font heading-1 mb-[10px] mt-[20px] text-center font-bold\">OR</p>\n                        </div>\n                    </div>\n                    <div className=\"flex flex-col items-center\">\n                        <WalletButtons\n                            onSignMessage={(siweMessage) => setSiweMessage(siweMessage)}\n                            onSignSolanaMessage={(message) => setSolanaMessage(message)}\n                            onSignOrdinalsMessage={(message) => setOrdinalsMessage(message)}\n                            onSignCoinBaseMessage={(message) => setCoinbaseMessage(message)}\n                        />\n                        <DiscordButton />\n\n                        <p className=\"font heading-1 mt-[33px] text-center font-bold text-[12px]\">New ?</p>\n                        <a href={\"/accounts/signup/\"} className=\"underline secondary-regular-text text-brand-light-blue\">\n                            Sign-Up and start playing poker!\n                        </a>\n                    </div>\n                </form>\n            </div>\n        </CardLayout>\n    );\n}\n\nconst root = ReactDOM.createRoot(document.getElementById(\"react\"));\n\nroot.render(\n    <PlayerRegisterLayout.Simple>\n        <Login />\n    </PlayerRegisterLayout.Simple>\n);\n"],"names":["root","ReactDOM","document","getElementById","render","sendNotification","useNotifications","useState","InitialEmailState","email","setEmail","InitialPasswordState","password","setPassword","disabledButton","setDisabledButton","message","signature","siweMessage","setSiweMessage","timezone","setTimezone","address","solanaMessage","setSolanaMessage","ordinalsMessage","setOrdinalsMessage","coinbaseMessage","setCoinbaseMessage","formRef","useRef","errors","global","props","useEffect","Object","values","map","error","current","submit","allValidatorsTrue","isAllTrue","validators","allInputsFilled","value","Intl","DateTimeFormat","resolvedOptions","timeZone","nextURL","URL","location","searchParams","get","icon","title","className","ref","action","method","type","name","isRequired","validEmail","showErrorBelowInput","placeholder","id","validPassword","disabled","href","onSignMessage","onSignSolanaMessage","onSignOrdinalsMessage","onSignCoinBaseMessage"],"sourceRoot":""}