@abtnode/blocklet-services 1.7.19 → 1.7.20

package/build/static/js/10.336770fb.chunk.js

@@ -1,2 +0,0 @@
-(this["webpackJsonp@abtnode/blocklet-services"]=this["webpackJsonp@abtnode/blocklet-services"]||[]).push([[10],{1216:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return _}));var a,o=n(24),c=n(48),r=n.n(c),i=n(129),s=n(0),l=n.n(s),u=n(47),d=n(27),f=n(373),p=n(127),m=n.n(p),w=n(504),b=n(154),g=n.n(b),v=n(527),h=n.n(v),E=n(125),k=n(906),I=n.n(k),x=n(72),P=n(227),O=n(228);function _(){var e=Object(P.c)(),t=e.api,n=e.session,a=Object(E.useLocaleContext)(),o=a.t,c=a.locale,s=I()().getPassportId,u=Object(d.k)(),p=new URL(window.location.href).searchParams,b=p.get("redirect"),v=function(){var e=Object(i.a)(r.a.mark((function e(t,a){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Object(O.f)(a(t.sessionToken)),e.next=3,n.refresh();case 3:setTimeout((function(){if(b){var e=decodeURIComponent(b);e.startsWith(x.WELLKNOWN_SERVICE_PATH_PREFIX)?u.replace(e):window.location=e}else window.location=window.env.pathPrefix||"/"}),50);case 4:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}(),k={passportId:s()},_=p.get("inviteId");return _&&(k.inviteId=_),n.loading?l.a.createElement(g.a,null,l.a.createElement(m.a,null)):l.a.createElement(j,null,l.a.createElement("div",{className:"connect-wrapper"},l.a.createElement(h.a,{className:"connect",action:_?"invite":"login",checkFn:t.get,checkTimeout:6e5,socketUrl:t.socketUrl,webWalletUrl:Object(O.b)(),onSuccess:v,locale:c,messages:{title:o("login.dialog.title"),scan:o("login.dialog.scan"),confirm:o("login.dialog.confirm"),success:o("login.dialog.success")},extraParams:k,extraContent:l.a.createElement(w.a,{textAlign:"center",fontSize:14},l.a.createElement(f.Link,{to:"".concat(x.WELLKNOWN_SERVICE_PATH_PREFIX,"/lost-passport?redirect=").concat(encodeURIComponent("".concat(window.location.pathname).concat(window.location.search))),style:{color:"#4598FA"}},o("lostPassport.title")))})))}var j=u.default.div(a||(a=Object(o.a)(["\n  box-sizing: border-box;\n  width: 100%;\n  height: 100vh;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  .connect-wrapper {\n    flex: 1;\n  }\n  .connect {\n    background: #fafafa;\n  }\n"])))},906:function(e,t,n){"use strict";var a=n(70);Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){var e=(0,c.default)("passportId",""),t=a(e,3),n=t[0],o=t[1],r=t[2];return{getPassportId:function(){return setTimeout((function(){r()}),0),n},setPassportId:o}};var o,c=(o=n(377))&&o.__esModule?o:{default:o}}}]);
-//# sourceMappingURL=10.336770fb.chunk.js.map

package/build/static/js/10.336770fb.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["pages/login.js","../../ux/lib/hooks/use-passport-id.js"],"names":["UserLogin","useSessionContext","api","session","useLocaleContext","t","locale","getPassportId","usePassportId","history","useHistory","searchParams","URL","window","location","href","redirect","get","onLogin","result","decrypt","a","setSessionToken","sessionToken","refresh","setTimeout","url","decodeURIComponent","startsWith","WELLKNOWN_SERVICE_PATH_PREFIX","replace","env","pathPrefix","extraParams","passportId","inviteId","loading","Div","className","action","checkFn","checkTimeout","socketUrl","webWalletUrl","getWebWalletUrl","onSuccess","messages","title","scan","confirm","success","extraContent","textAlign","fontSize","to","encodeURIComponent","pathname","search","style","color","styled","div","Object","defineProperty","exports","value","default","_useLocalStorage","setPassportId","clearPassportId","obj","require","__esModule"],"mappings":"sYAkBe,SAASA,IACtB,MAAyBC,cAAjBC,EAAR,EAAQA,IAAKC,EAAb,EAAaA,QACb,EAAsBC,6BAAdC,EAAR,EAAQA,EAAGC,EAAX,EAAWA,OACHC,EAAkBC,MAAlBD,cACFE,EAAUC,cAERC,EAAiB,IAAIC,IAAIC,OAAOC,SAASC,MAAzCJ,aACFK,EAAWL,EAAaM,IAAI,YAE5BC,EAAO,uCAAG,WAAOC,EAAQC,GAAf,SAAAC,EAAA,6DACdC,YAAgBF,EAAQD,EAAOI,eADjB,SAGRpB,EAAQqB,UAHA,OAKdC,YAAW,WACT,GAAIT,EAAU,CACZ,IAAMU,EAAMC,mBAAmBX,GAC3BU,EAAIE,WAAWC,iCACjBpB,EAAQqB,QAAQJ,GAEhBb,OAAOC,SAAWY,OAGpBb,OAAOC,SAAWD,OAAOkB,IAAIC,YAAc,MAE5C,IAhBW,2CAAH,wDAmBPC,EAAc,CAAEC,WAAY3B,KAC5B4B,EAAWxB,EAAaM,IAAI,YAKlC,OAJIkB,IACFF,EAAYE,SAAWA,GAGrBhC,EAAQiC,QAER,kBAAC,IAAD,KACE,kBAAC,IAAD,OAMJ,kBAACC,EAAD,KACE,yBAAKC,UAAU,mBACb,kBAAC,IAAD,CACEA,UAAU,UACVC,OAAQJ,EAAW,SAAW,QAC9BK,QAAStC,EAAIe,IACbwB,aAAc,IACdC,UAAWxC,EAAIwC,UACfC,aAAcC,cACdC,UAAW3B,EACXZ,OAAQA,EACRwC,SAAU,CACRC,MAAO1C,EAAE,sBACT2C,KAAM3C,EAAE,qBACR4C,QAAS5C,EAAE,wBACX6C,QAAS7C,EAAE,yBAEb4B,YAAaA,EACbkB,aACE,kBAAC,IAAD,CAAKC,UAAU,SAASC,SAAU,IAChC,kBAAC,OAAD,CACEC,GAAE,UAAKzB,gCAAL,mCAA6D0B,mBAAmB,GAAD,OAC5E1C,OAAOC,SAAS0C,UAD4D,OACjD3C,OAAOC,SAAS2C,UAEhDC,MAAO,CAAEC,MAAO,YACftD,EAAE,4BAUnB,IAAMgC,EAAMuB,UAAOC,IAAV,oP,6CC9FTC,OAAOC,eAAeC,EAAS,aAAc,CAC3CC,OAAO,IAETD,EAAQE,QAMR,WACE,OAAqD,EAAIC,EAAiBD,SAAS,aAAc,IAAjG,SAAOhC,EAAP,KAAmBkC,EAAnB,KAAkCC,EAAlC,KASA,MAAO,CACL9D,cARoB,WAIpB,OAHAkB,YAAW,WACT4C,MACC,GACInC,GAKPkC,kBAhBJ,IAEgCE,EAF5BH,GAE4BG,EAFcC,EAAQ,OAEDD,EAAIE,WAAaF,EAAM,CAAEJ,QAASI","file":"static/js/10.336770fb.chunk.js","sourcesContent":["/* eslint-disable react/jsx-one-expression-per-line */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Link, useHistory } from 'react-router-dom';\n\nimport Spinner from '@arcblock/ux/lib/Spinner';\nimport Box from '@mui/material/Box';\nimport Center from '@arcblock/ux/lib/Center';\n\nimport DidConnect from '@arcblock/did-connect/lib/Connect';\nimport { useLocaleContext } from '@arcblock/ux/lib/Locale/context';\n\nimport usePassportId from '@abtnode/ux/lib/hooks/use-passport-id';\nimport { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';\n\nimport { useSessionContext } from '../contexts/session';\nimport { getWebWalletUrl, setSessionToken } from '../util';\n\nexport default function UserLogin() {\n  const { api, session } = useSessionContext();\n  const { t, locale } = useLocaleContext();\n  const { getPassportId } = usePassportId();\n  const history = useHistory();\n\n  const { searchParams } = new URL(window.location.href);\n  const redirect = searchParams.get('redirect');\n\n  const onLogin = async (result, decrypt) => {\n    setSessionToken(decrypt(result.sessionToken));\n\n    await session.refresh();\n\n    setTimeout(() => {\n      if (redirect) {\n        const url = decodeURIComponent(redirect);\n        if (url.startsWith(WELLKNOWN_SERVICE_PATH_PREFIX)) {\n          history.replace(url);\n        } else {\n          window.location = url;\n        }\n      } else {\n        window.location = window.env.pathPrefix || '/';\n      }\n    }, 50);\n  };\n\n  const extraParams = { passportId: getPassportId() };\n  const inviteId = searchParams.get('inviteId');\n  if (inviteId) {\n    extraParams.inviteId = inviteId;\n  }\n\n  if (session.loading) {\n    return (\n      <Center>\n        <Spinner />\n      </Center>\n    );\n  }\n\n  return (\n    <Div>\n      <div className=\"connect-wrapper\">\n        <DidConnect\n          className=\"connect\"\n          action={inviteId ? 'invite' : 'login'}\n          checkFn={api.get}\n          checkTimeout={10 * 60 * 1000}\n          socketUrl={api.socketUrl}\n          webWalletUrl={getWebWalletUrl()}\n          onSuccess={onLogin}\n          locale={locale}\n          messages={{\n            title: t('login.dialog.title'),\n            scan: t('login.dialog.scan'),\n            confirm: t('login.dialog.confirm'),\n            success: t('login.dialog.success'),\n          }}\n          extraParams={extraParams}\n          extraContent={\n            <Box textAlign=\"center\" fontSize={14}>\n              <Link\n                to={`${WELLKNOWN_SERVICE_PATH_PREFIX}/lost-passport?redirect=${encodeURIComponent(\n                  `${window.location.pathname}${window.location.search}`\n                )}`}\n                style={{ color: '#4598FA' }}>\n                {t('lostPassport.title')}\n              </Link>\n            </Box>\n          }\n        />\n      </div>\n    </Div>\n  );\n}\n\nconst Div = styled.div`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100vh;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  .connect-wrapper {\n    flex: 1;\n  }\n  .connect {\n    background: #fafafa;\n  }\n`;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = usePassportId;\n\nvar _useLocalStorage = _interopRequireDefault(require(\"react-use/lib/useLocalStorage\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction usePassportId() {\n  const [passportId, setPassportId, clearPassportId] = (0, _useLocalStorage.default)('passportId', '');\n\n  const getPassportId = () => {\n    setTimeout(() => {\n      clearPassportId();\n    }, 0);\n    return passportId;\n  };\n\n  return {\n    getPassportId,\n    setPassportId\n  };\n}"],"sourceRoot":""}