UNPKG

tethysfaceid

Version:

1 lines 5.49 kB
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/dhrumil1/Documents/Tethy/online-verification/components/Status/userStatus.js\";\nimport React, { useState } from 'react';\nimport { Card, Form, Input, Button, Modal, Alert, Affix, Divider, Result, Row, Col } from 'antd';\nimport { LoginOutlined, UserOutlined } from '@ant-design/icons';\nimport Avatar from 'antd/lib/avatar/avatar';\n\nconst UserStatus = ({\n data = {},\n status\n}) => {\n const {\n username,\n urlPictureUser\n } = data || {};\n\n const title = /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"text-regular\",\n children: [\"Welcome \", /*#__PURE__*/_jsxDEV(\"span\", {\n className: \"primary\",\n children: username\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 21\n }, this), \", Your face authentication is \", status === 'Matched' ? 'Successful.' : 'Failed!']\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 10,\n columnNumber: 9\n }, this);\n\n return /*#__PURE__*/_jsxDEV(Card, {\n children: [/*#__PURE__*/_jsxDEV(Result, {\n status: status === 'Matched' ? \"success\" : 'error',\n subTitle: title\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Divider, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Row, {\n children: [/*#__PURE__*/_jsxDEV(Col, {\n span: 8,\n children: /*#__PURE__*/_jsxDEV(Avatar, {\n size: {\n xs: 24,\n sm: 32,\n md: 40,\n lg: 64,\n xl: 80,\n xxl: 100\n },\n src: urlPictureUser\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 21\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(Col, {\n span: 16\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 20,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 9\n }, this);\n};\n\nexport default UserStatus;","map":{"version":3,"sources":["/Users/dhrumil1/Documents/Tethy/online-verification/components/Status/userStatus.js"],"names":["React","useState","Card","Form","Input","Button","Modal","Alert","Affix","Divider","Result","Row","Col","LoginOutlined","UserOutlined","Avatar","UserStatus","data","status","username","urlPictureUser","title","xs","sm","md","lg","xl","xxl"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,KAArB,EAA4BC,MAA5B,EAAoCC,KAApC,EAA2CC,KAA3C,EAAkDC,KAAlD,EAAyDC,OAAzD,EAAkEC,MAAlE,EAA0EC,GAA1E,EAA+EC,GAA/E,QAA0F,MAA1F;AACA,SAASC,aAAT,EAAwBC,YAAxB,QAA4C,mBAA5C;AACA,OAAOC,MAAP,MAAmB,wBAAnB;;AAGA,MAAMC,UAAU,GAAG,CAAC;AAAEC,EAAAA,IAAI,GAAG,EAAT;AAAaC,EAAAA;AAAb,CAAD,KAA2B;AAC1C,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAA+BH,IAAI,IAAI,EAA7C;;AACA,QAAMI,KAAK,gBACP;AAAK,IAAA,SAAS,EAAC,cAAf;AAAA,wCACY;AAAM,MAAA,SAAS,EAAC,SAAhB;AAAA,gBAA2BF;AAA3B;AAAA;AAAA;AAAA;AAAA,YADZ,oCACsFD,MAAM,KAAK,SAAX,GAAuB,aAAvB,GAAuC,SAD7H;AAAA;AAAA;AAAA;AAAA;AAAA,UADJ;;AAIA,sBACI,QAAC,IAAD;AAAA,4BACI,QAAC,MAAD;AACI,MAAA,MAAM,EAAEA,MAAM,KAAK,SAAX,GAAuB,SAAvB,GAAmC,OAD/C;AAEI,MAAA,QAAQ,EAAEG;AAFd;AAAA;AAAA;AAAA;AAAA,YADJ,eAKI,QAAC,OAAD;AAAA;AAAA;AAAA;AAAA,YALJ,eAMI,QAAC,GAAD;AAAA,8BACI,QAAC,GAAD;AAAK,QAAA,IAAI,EAAE,CAAX;AAAA,+BACI,QAAC,MAAD;AACI,UAAA,IAAI,EAAE;AAAEC,YAAAA,EAAE,EAAE,EAAN;AAAUC,YAAAA,EAAE,EAAE,EAAd;AAAkBC,YAAAA,EAAE,EAAE,EAAtB;AAA0BC,YAAAA,EAAE,EAAE,EAA9B;AAAkCC,YAAAA,EAAE,EAAE,EAAtC;AAA0CC,YAAAA,GAAG,EAAE;AAA/C,WADV;AAEI,UAAA,GAAG,EAAEP;AAFT;AAAA;AAAA;AAAA;AAAA;AADJ;AAAA;AAAA;AAAA;AAAA,cADJ,eAOI,QAAC,GAAD;AAAK,QAAA,IAAI,EAAE;AAAX;AAAA;AAAA;AAAA;AAAA,cAPJ;AAAA;AAAA;AAAA;AAAA;AAAA,YANJ;AAAA;AAAA;AAAA;AAAA;AAAA,UADJ;AAmBH,CAzBD;;AA2BA,eAAeJ,UAAf","sourcesContent":["import React, { useState } from 'react';\nimport { Card, Form, Input, Button, Modal, Alert, Affix, Divider, Result, Row, Col } from 'antd';\nimport { LoginOutlined, UserOutlined } from '@ant-design/icons';\nimport Avatar from 'antd/lib/avatar/avatar';\n\n\nconst UserStatus = ({ data = {}, status }) => {\n const { username, urlPictureUser } = data || {};\n const title = (\n <div className=\"text-regular\">\n Welcome <span className=\"primary\">{username}</span>, Your face authentication is {status === 'Matched' ? 'Successful.' : 'Failed!'}\n </div>);\n return (\n <Card>\n <Result\n status={status === 'Matched' ? \"success\" : 'error'}\n subTitle={title}\n />\n <Divider />\n <Row>\n <Col span={8}>\n <Avatar\n size={{ xs: 24, sm: 32, md: 40, lg: 64, xl: 80, xxl: 100 }}\n src={urlPictureUser}\n />\n </Col>\n <Col span={16}>\n </Col>\n </Row>\n </Card>\n );\n};\n\nexport default UserStatus;\n"]},"metadata":{},"sourceType":"module"}