{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/Users/dhrumil1/Documents/Tethy/online-verification/components/Status/userStatus.js\",\n    _this = this;\n\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\nvar UserStatus = function UserStatus(_ref) {\n  var _ref$data = _ref.data,\n      data = _ref$data === void 0 ? {} : _ref$data,\n      status = _ref.status;\n\n  var _ref2 = data || {},\n      username = _ref2.username,\n      urlPictureUser = _ref2.urlPictureUser;\n\n  var 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\n_c = UserStatus;\nexport default UserStatus;\n\nvar _c;\n\n$RefreshReg$(_c, \"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,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAA2B;AAAA,uBAAxBC,IAAwB;AAAA,MAAxBA,IAAwB,0BAAjB,EAAiB;AAAA,MAAbC,MAAa,QAAbA,MAAa;;AAAA,cACLD,IAAI,IAAI,EADH;AAAA,MAClCE,QADkC,SAClCA,QADkC;AAAA,MACxBC,cADwB,SACxBA,cADwB;;AAE1C,MAAMC,KAAK,gBACP;AAAK,IAAA,SAAS,EAAC,cAAf;AAAA,wCACY;AAAM,MAAA,SAAS,EAAC,SAAhB;AAAA,gBAA2BF;AAA3B;AAAA;AAAA;AAAA;AAAA,aADZ,oCACsFD,MAAM,KAAK,SAAX,GAAuB,aAAvB,GAAuC,SAD7H;AAAA;AAAA;AAAA;AAAA;AAAA,WADJ;;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,aADJ,eAKI,QAAC,OAAD;AAAA;AAAA;AAAA;AAAA,aALJ,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,eADJ,eAOI,QAAC,GAAD;AAAK,QAAA,IAAI,EAAE;AAAX;AAAA;AAAA;AAAA;AAAA,eAPJ;AAAA;AAAA;AAAA;AAAA;AAAA,aANJ;AAAA;AAAA;AAAA;AAAA;AAAA,WADJ;AAmBH,CAzBD;;KAAMJ,U;AA2BN,eAAeA,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"}