{"version":3,"sources":["UserLookupForm.jsx","App.jsx","index.jsx"],"names":["UserLookupForm","username","setUsername","useState","validationSchema","object","shape","string","required","_jsx","Card","className","id","children","CardBody","Form","onSubmit","handleSubmit","values","actions","setSubmitting","axios","get","location","protocol","host","params","then","result","window","replace","data","pathname","search","footerRenderer","props","_jsxs","Button","type","FormField","label","TextField","name","value","onChange","usernameChange","event","payload","App","ReactDOM","render","document","getElementById"],"mappings":"uPAqEeA,MA7DQA,KAEnB,MAAOC,EAAUC,GAAeC,mBAAS,IAEnCC,EAAmBC,cAASC,MAAM,CACpCL,SAAUM,cAASC,aAgCvB,OACIC,cAACC,IAAI,CAACC,UAAU,qBAAqBC,GAAG,qBAAoBC,SAEjEJ,cAACK,IAAQ,CAACH,UAAU,WAAUE,SACjBJ,cAACM,IAAI,CACDH,GAAG,iBACHI,SAnCKC,CAACC,EAAQC,KAC1BA,EAAQC,eAAc,GAEtBC,IAAMC,IAAIC,SAASC,SAAW,KAAOD,SAASE,KAAO,YAAa,CAAEC,OAAQ,CAAEzB,SAAUiB,EAAOjB,YAAc0B,MAAKC,IAC9GC,OAAON,SAASO,QAAQF,EAAOG,KAAOF,OAAON,SAASS,SAAWH,OAAON,SAASU,OAAO,GAC1F,EA+BUC,eAxBYC,GAEpBC,eAAA,OAAAvB,SAAA,CACIJ,cAAA,OAAAI,SACIJ,cAAC4B,IAAM,CAAC1B,UAAU,cAAcC,GAAG,gBAAgB0B,KAAK,SAAQzB,SAAC,aAIrEJ,cAAA,OAAAI,SACIJ,cAAC4B,IAAM,CAACzB,GAAG,gBAAgB0B,KAAK,SAAQzB,SAAC,gBAgBzCT,iBAAkBA,EAAiBS,SAEnCJ,cAAC8B,IAAS,CAACC,MAAM,YAAW3B,SACxBJ,cAACgC,IAAS,CACN7B,GAAG,iBACH8B,KAAK,WACLC,MAAO1C,EACP2C,SApCDC,CAACC,EAAOC,KAC3B7C,EAAY6C,EAAQJ,MAAM,WAwCzB,E,OCnDMK,MARf,WACE,OACEvC,cAAA,OAAKE,UAAU,MAAKE,SAClBJ,cAACT,EAAc,KAGrB,E,OCPAiD,IAASC,OAAOzC,cAACuC,EAAG,IAAKG,SAASC,eAAe,Q","file":"static/js/main.9bd4d649.chunk.js","sourcesContent":["/* eslint-disable camelcase */\nimport React from 'react';\nimport { object, string } from 'yup';\nimport { Form, FormField } from '@emoney/kyber-forms';\nimport axios from 'axios';\nimport { useState } from 'react';\nimport { TextField, Card, CardBody, Button } from '@emoney/kyber-components';\n\nconst UserLookupForm = () => {\n\n    const [username, setUsername] = useState('');\n\n    const validationSchema = object().shape({\n        username: string().required()\n    });\n\n    const handleSubmit = (values, actions) => {\n        actions.setSubmitting(false);\n        // eslint-disable-next-line no-restricted-globals\n        axios.get(location.protocol + '//' + location.host + '/redirect', { params: { username: values.username } }).then(result => {\n            window.location.replace(result.data + window.location.pathname + window.location.search);\n        });\n    };\n\n    const usernameChange = (event, payload) => {\n        setUsername(payload.value);\n    };\n\n    const renderCustomFooter = (props) => {\n        return (\n            <div>\n                <div>\n                    <Button className=\"btn-primary\" id=\"submit-button\" type=\"submit\">\n                        Submit\n                    </Button>\n                </div>\n                <div>\n                    <Button id=\"cancel-button\" type=\"button\">\n                        Cancel\n                    </Button>\n                </div>\n            </div>\n        );\n    };\n\n    return (\n        <Card className=\"UserLookupFormCard\" id=\"UserLookupFormCard\">\n\n\t\t\t<CardBody className=\"CardBody\">\n                <Form\n                    id=\"UserLookupForm\"\n                    onSubmit={handleSubmit}\n                    footerRenderer={renderCustomFooter}\n                    validationSchema={validationSchema}\n                >\n                    <FormField label=\"Username:\">\n                        <TextField\n                            id=\"username-input\"\n                            name=\"username\"\n                            value={username}\n                            onChange={usernameChange}\n                        />\n                    </FormField>\n                </Form>\n\t\t\t</CardBody>\n\t\t</Card>\n    );\n};\n\nexport default UserLookupForm;","import React from 'react';\n\nimport UserLookupForm from './UserLookupForm';\n\nimport \"@emoney/kyber/css/kyber.css\";\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <UserLookupForm />\n    </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport './UserLookupForm.css';\n\nReactDOM.render(<App />, document.getElementById('root'));\n"],"sourceRoot":""}