@abtnode/blocklet-services 1.16.16-beta-d6c5ed65 → 1.16.16-beta-d11cb031

package/build/static/js/{9409.fe4a0af0.chunk.js → 9409.62a2aee0.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[9409],{89409:function(e,n,t){t.r(n),t.d(n,{default:function(){return m}});var r,a=t(71171),u=t(32723),o=t(34795),s=t(30969),c=t(19611),i=t.n(c),l=t(17660),f=t(26022),d=t(55662),p=t(94308),v=t(33359),h=t(238),_=t(94984),g=t(16380),k=t(4485),x=t(38507),Z=t(37574);function m(e){var n=e.onNext,t=(0,f.PE)(),r=t.t,a=t.locale,c=(0,k.Tt)(),g=c.api,m=c.session,b=(0,d.useSecurity)().encryptKey,y=(0,l.default)((0,o.Z)((0,u.Z)().mark((function e(){var n,t,r,a,o,s;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return(a=new URL(window.location.href)).pathname=i()(null!==(n=null===(t=window)||void 0===t||null===(r=t.env)||void 0===r?void 0:r.apiPrefix)&&void 0!==n?n:"/","/api/did/setup/token"),a.searchParams.set("_ek_",b),e.next=5,g.get(a.href);case 5:return o=e.sent,s=o.data,e.abrupt("return",s);case 8:case"end":return e.stop()}}),e)}))));(0,s.useEffect)((function(){m.user&&n()}),[m.user,n]);var P=function(){var e=(0,o.Z)((0,u.Z)().mark((function e(t,r){var a;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=Array.isArray(t)?t.find((function(e){return e.sessionToken})):t,(0,x.ZB)(r(a.sessionToken)),e.prev=2,e.next=5,m.refresh();case 5:n(),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(2),_.Z.error(e.t0.message);case 11:case"end":return e.stop()}}),e,null,[[2,8]])})));return function(n,t){return e.apply(this,arguments)}}();return!y.value||y.loading||m.loading?(0,Z.jsx)(h.Z,{relative:"parent",children:(0,Z.jsx)(p.Z,{})}):y.error?(0,Z.jsx)(h.Z,{relative:"parent",children:(0,Z.jsx)(v.Z,{children:y.error.message})}):(0,Z.jsx)(w,{popup:!0,open:!0,hideCloseButton:!0,action:"pre-setup",checkFn:g.get,checkTimeout:6e5,webWalletUrl:(0,x.yP)(),onSuccess:P,locale:a,messages:{title:r("setup.connect.title"),scan:r("setup.connect.scan"),confirm:r("setup.connect.confirm"),success:r("setup.connect.success")},extraParams:{setup:!0,nw:y.value.url}})}m.defaultProps={onNext:function(){}};var w=(0,g.Z)(d.default)(r||(r=(0,a.Z)(["\n  .action-info-desc {\n    padding: 0 72px;\n  }\n"])))},17660:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0});var r=t(11681),a=t(30969),u=r.__importDefault(t(23075));n.default=function(e,n){void 0===n&&(n=[]);var t=u.default(e,n,{loading:!0}),r=t[0],o=t[1];return a.useEffect((function(){o()}),[o]),r}},23075:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0});var r=t(11681),a=t(30969),u=r.__importDefault(t(75410));n.default=function(e,n,t){void 0===n&&(n=[]),void 0===t&&(t={loading:!1});var o=a.useRef(0),s=u.default(),c=a.useState(t),i=c[0],l=c[1],f=a.useCallback((function(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];var a=++o.current;return i.loading||l((function(e){return r.__assign(r.__assign({},e),{loading:!0})})),e.apply(void 0,n).then((function(e){return s()&&a===o.current&&l({value:e,loading:!1}),e}),(function(e){return s()&&a===o.current&&l({error:e,loading:!1}),e}))}),n);return[i,f]}}}]);
-//# sourceMappingURL=9409.fe4a0af0.chunk.js.map
+"use strict";(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[9409],{89409:function(e,n,t){t.r(n),t.d(n,{default:function(){return m}});var r,a=t(71171),u=t(32723),o=t(34795),s=t(30969),c=t(19611),i=t.n(c),l=t(17660),f=t(26022),d=t(72836),p=t(94308),v=t(33359),h=t(238),_=t(94984),g=t(16380),k=t(4485),x=t(38507),Z=t(37574);function m(e){var n=e.onNext,t=(0,f.PE)(),r=t.t,a=t.locale,c=(0,k.Tt)(),g=c.api,m=c.session,b=(0,d.useSecurity)().encryptKey,y=(0,l.default)((0,o.Z)((0,u.Z)().mark((function e(){var n,t,r,a,o,s;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return(a=new URL(window.location.href)).pathname=i()(null!==(n=null===(t=window)||void 0===t||null===(r=t.env)||void 0===r?void 0:r.apiPrefix)&&void 0!==n?n:"/","/api/did/setup/token"),a.searchParams.set("_ek_",b),e.next=5,g.get(a.href);case 5:return o=e.sent,s=o.data,e.abrupt("return",s);case 8:case"end":return e.stop()}}),e)}))));(0,s.useEffect)((function(){m.user&&n()}),[m.user,n]);var P=function(){var e=(0,o.Z)((0,u.Z)().mark((function e(t,r){var a;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=Array.isArray(t)?t.find((function(e){return e.sessionToken})):t,(0,x.ZB)(r(a.sessionToken)),e.prev=2,e.next=5,m.refresh();case 5:n(),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(2),_.Z.error(e.t0.message);case 11:case"end":return e.stop()}}),e,null,[[2,8]])})));return function(n,t){return e.apply(this,arguments)}}();return!y.value||y.loading||m.loading?(0,Z.jsx)(h.Z,{relative:"parent",children:(0,Z.jsx)(p.Z,{})}):y.error?(0,Z.jsx)(h.Z,{relative:"parent",children:(0,Z.jsx)(v.Z,{children:y.error.message})}):(0,Z.jsx)(w,{popup:!0,open:!0,hideCloseButton:!0,action:"pre-setup",checkFn:g.get,checkTimeout:6e5,webWalletUrl:(0,x.yP)(),onSuccess:P,locale:a,messages:{title:r("setup.connect.title"),scan:r("setup.connect.scan"),confirm:r("setup.connect.confirm"),success:r("setup.connect.success")},extraParams:{setup:!0,nw:y.value.url}})}m.defaultProps={onNext:function(){}};var w=(0,g.Z)(d.default)(r||(r=(0,a.Z)(["\n  .action-info-desc {\n    padding: 0 72px;\n  }\n"])))},17660:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0});var r=t(11681),a=t(30969),u=r.__importDefault(t(23075));n.default=function(e,n){void 0===n&&(n=[]);var t=u.default(e,n,{loading:!0}),r=t[0],o=t[1];return a.useEffect((function(){o()}),[o]),r}},23075:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0});var r=t(11681),a=t(30969),u=r.__importDefault(t(75410));n.default=function(e,n,t){void 0===n&&(n=[]),void 0===t&&(t={loading:!1});var o=a.useRef(0),s=u.default(),c=a.useState(t),i=c[0],l=c[1],f=a.useCallback((function(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];var a=++o.current;return i.loading||l((function(e){return r.__assign(r.__assign({},e),{loading:!0})})),e.apply(void 0,n).then((function(e){return s()&&a===o.current&&l({value:e,loading:!1}),e}),(function(e){return s()&&a===o.current&&l({error:e,loading:!1}),e}))}),n);return[i,f]}}}]);
+//# sourceMappingURL=9409.62a2aee0.chunk.js.map

package/build/static/js/{9620.db1568ef.chunk.js → 9620.301493bc.chunk.js}

@@ -1,2 +1,2 @@
-(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[9620,6378],{99620:function(e,n,i){"use strict";i.r(n),i.d(n,{default:function(){return de}});var t,r=i(71171),o=i(33028),a=i(32723),s=i(34795),c=i(30969),l=i(16380),p=i(30734),u=i(24974),d=i.n(u),v=i(54164),f=i(94308),h=i(20003),m=i(96234),g=i(26022),x=i(50496),_=i(17469),y=i(37574),w=(0,_.Z)((0,y.jsx)("path",{d:"M19 3H4.99c-1.11 0-1.98.89-1.98 2L3 19c0 1.1.88 2 1.99 2H19c1.1 0 2-.9 2-2V5c0-1.11-.9-2-2-2zm0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H4.99V5H19v10z"}),"Inbox");function j(e){var n=e.invitation,i=e.createPassportSvg,t=e.passportColor,r=(0,c.useState)(!1),o=(0,m.Z)(r,2),a=o[0],s=o[1],l=(0,c.useContext)(g.RD).t,p=(0,c.useMemo)((function(){return(n.role.title||n.role.name).toUpperCase()}),[n.role.title,n.role.name]),u=(0,c.useMemo)((function(){return i({title:p,issuer:n.info.name,issuerDid:n.info.appDid,ownerName:"Your Name",ownerDid:n.info.appDid,preferredColor:n.info.passportColor||t})}),[n,p]),d=(0,c.useCallback)((function(){s(!0)}),[]),v=(0,c.useCallback)((function(){s(!1)}),[]);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Z,{children:(0,y.jsx)("div",{className:"invite-passport__card",onClick:d,children:(0,y.jsx)("div",{className:"invite-passport__cover",dangerouslySetInnerHTML:{__html:u}})})}),(0,y.jsx)(x.ZP,{open:a,title:l("invite.viewPermission"),PaperProps:{style:{minHeight:"auto",paddingBottom:"20px"}},onClose:v,children:n.role.permissions&&n.role.permissions.length>0?(0,y.jsx)("ul",{style:{listStyle:"circle",padding:"0 20px"},children:n.role.permissions.map((function(e){return(0,y.jsx)("li",{style:{listStyle:"circle"},children:e.description},e.name)}))}):(0,y.jsxs)("div",{style:{color:"#999",textAlign:"center"},children:[(0,y.jsx)(w,{style:{width:"30px",height:"30px"}}),(0,y.jsx)("div",{children:l("invite.emptyPermission")})]})})]})}j.propTypes={invitation:d().object.isRequired,createPassportSvg:d().func.isRequired,passportColor:d().string},j.defaultProps={passportColor:"auto"};var b,Z=l.Z.div(t||(t=(0,r.Z)(["\n  display: flex;\n  max-width: 350px;\n  margin: 30px auto;\n  .invite-passport__card {\n    margin: 0 auto;\n    width: 228px;\n    height: 258px;\n    flex-shrink: 0;\n    .invite-passport__cover {\n      cursor: pointer;\n      width: 100%;\n      height: 100%;\n    }\n  }\n  .invite-passport__content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n  .invite-passport__title {\n    font-weight: 700;\n    font-size: 16px;\n  }\n  .invite-passport__description {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    height: 3em;\n    color: #999;\n    font-size: 14px;\n  }\n  .invite-passport__view-permission {\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 18px;\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main})),k=j,z=i(55662),P=i(17323),C=i(1775),S=i(24891),N=i(86776);function R(e){var n,i,t,r=e.invitation,o=e.checkFn,a=e.onLogin,s=e.onReceive,l=(0,c.useState)(!1),p=(0,m.Z)(l,2),u=p[0],d=p[1],v=(0,g.PE)(),f=v.t,h=v.locale,x=(0,N.Z)().getPassportId;"undefined"!==typeof window&&(n=null===(i=window)||void 0===i||null===(t=i.blocklet)||void 0===t?void 0:t.componentId);var _={passportId:x(),inviteId:r.inviteId,baseUrl:window.location.origin,componentId:n},w=(0,c.useCallback)((function(){d(!1)}),[]),j=(0,c.useCallback)((function(){d(!1),a.apply(void 0,arguments)}),[a]),b=(0,c.useCallback)((function(){"function"!==typeof s?d(!0):s()}),[]);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(O,{children:[(0,y.jsx)(P.Z,{size:"large",variant:"contained",className:"invite-receive__button","data-cy":"invite-receive-passport",color:"primary",onClick:b,children:f("invite.receive")}),(0,y.jsxs)("div",{className:"invite-receive__until",children:[f("invite.validUntil"),(0,S.o0)(r.expireDate,h)]})]}),(0,y.jsx)(z.default,{popup:!0,open:u,className:"connect",action:"invite",checkFn:o,forceConnected:!1,autoConnect:!1,checkTimeout:6e5,onSuccess:j,onClose:w,locale:h,webWalletUrl:(0,C.yP)(),messages:{title:f("receive.dialog.title"),scan:f("receive.dialog.scan"),confirm:f("receive.dialog.confirm"),success:f("receive.dialog.success")},extraParams:_})]})}R.propTypes={invitation:d().object.isRequired,checkFn:d().func.isRequired,onLogin:d().func,onReceive:d().func},R.defaultProps={onLogin:function(){},onReceive:null};var L,O=l.Z.div(b||(b=(0,r.Z)(["\n  text-align: center;\n  .invite-receive__logo-wrapper {\n    display: inline-flex;\n    align-items: center;\n    color: #9397a1;\n    font-size: 14px;\n  }\n  .invite-receive__logo {\n    height: 16px;\n    margin-left: 8px;\n  }\n  .invite-receive__button {\n    width: 100%;\n    margin: 16px 0;\n    white-space: nowrap;\n  }\n  .invite-receive__until {\n    text-align: center;\n    font-size: 14px;\n  }\n  .invite-receive__description {\n    color: #999;\n    text-align: left;\n    list-style: decimal;\n    padding: 0;\n    padding-left: 1.2em;\n    margin: 40px 0;\n  }\n  .invite-receive__description-item {\n    list-style: decimal;\n  }\n  .invite-receive__link {\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main})),M=R;function I(e){var n=e.onLogin,i=(0,g.PE)().t;return(0,y.jsx)(H,{children:(0,y.jsx)(P.Z,{size:"large",variant:"contained",className:"invite-receive__button","data-cy":"invite-receive-passport",color:"primary",onClick:function(){return n()},children:i("common.connect")})})}I.propTypes={onLogin:d().func},I.defaultProps={onLogin:function(){}};var E,H=l.Z.div(L||(L=(0,r.Z)(["\n  text-align: center;\n  .invite-receive__logo-wrapper {\n    display: inline-flex;\n    align-items: center;\n    color: #9397a1;\n    font-size: 14px;\n  }\n  .invite-receive__logo {\n    height: 16px;\n    margin-left: 8px;\n  }\n  .invite-receive__button {\n    width: 100%;\n    margin: 16px 0;\n    white-space: nowrap;\n  }\n  .invite-receive__until {\n    text-align: center;\n    font-size: 14px;\n  }\n  .invite-receive__description {\n    color: #999;\n    text-align: left;\n    list-style: decimal;\n    padding: 0;\n    padding-left: 1.2em;\n    margin: 40px 0;\n  }\n  .invite-receive__description-item {\n    list-style: decimal;\n  }\n  .invite-receive__link {\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main})),T=I,V=i(62399);function D(e){var n=e.invitation,i=(0,g.PE)().t,t=(0,c.useMemo)((function(){return(n.role.title||n.role.name).toUpperCase()}),[n.role.title,n.role.name]),r=(0,c.useMemo)((function(){return i("invite.message",{name:"{{name}}",role:t,dapp:"{{dapp}}"})}),[i,t]),o=(0,S.E8)(n.info.chainHost,n.inviter.did,"account"),a=(0,S.Zp)(r,{name:function(){return o?(0,y.jsx)("a",{target:"_blank",href:o,className:"invite-user__link",rel:"noreferrer",children:n.inviter.fullName},"name"):n.inviter.fullName},dapp:function(){return(0,y.jsx)("a",{target:"_blank",href:n.info.url,className:"invite-user__link",rel:"noreferrer",children:n.info.name},"dapp")}});return(0,y.jsxs)(q,{children:[(0,y.jsx)(V.Z,{did:n.inviter.did,src:encodeURI(n.inviter.avatar),size:80,shape:"circle",variant:"circle"}),(0,y.jsx)("div",{className:"invite-user__message",children:a})]})}D.propTypes={invitation:d().object.isRequired};var F,q=l.Z.div(E||(E=(0,r.Z)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  .invite-user__name {\n    font-weight: 700;\n    font-size: 16px;\n    margin: 8px 0 2px 0;\n  }\n  .invite-user__address {\n    font-size: 12px;\n  }\n  .invite-user__message {\n    margin-top: 20px;\n    font-weight: 700;\n    /* width: 90%; */\n    text-align: center;\n    font-size: 18px;\n  }\n  .invite-user__link {\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main})),U=D,B=i(38361),J=i(32901);function W(e){var n=e.invitation,i=e.type,t=(0,g.PE)().t,r=(0,c.useMemo)((function(){return t("invite.success",{dapp:"{{dapp}}"})}),[t]),o=(0,S.E8)(n.info.chainHost,n.inviter.did,"account"),a="receiver"===i?n.receiver:n.inviter,s=(0,S.Zp)(r,{name:function(){return o?(0,y.jsx)("a",{target:"_blank",href:o,className:"invite-user__link",rel:"noreferrer",children:a.fullName},"name"):a.fullName},dapp:function(){return(0,y.jsx)("a",{target:"_blank",href:n.info.url,className:"invite-user__link",rel:"noreferrer",children:n.info.name},"dapp")}});return(0,y.jsxs)(K,{children:[(0,y.jsx)(B.Z,{pt:1,color:"success.main",children:(0,y.jsx)(J.Z,{style:{fontSize:80}})}),(0,y.jsx)("div",{className:"invite-user__message",children:s})]})}W.propTypes={invitation:d().object.isRequired,type:d().oneOf("inviter","receiver")},W.defaultProps={type:"inviter"};var A,K=l.Z.div(F||(F=(0,r.Z)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  .invite-user__name {\n    font-weight: 700;\n    font-size: 16px;\n    margin: 8px 0 2px 0;\n  }\n  .invite-user__address {\n    font-size: 12px;\n  }\n  .invite-user__message {\n    margin-top: 20px;\n    font-weight: 700;\n    /* width: 90%; */\n    text-align: center;\n    font-size: 18px;\n  }\n  .invite-user__link {\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main})),X=W,Y=i(59740),G=["invitation"];function Q(e){var n=e.invitation,i=(0,Y.Z)(e,G);return(0,y.jsxs)(ee,(0,o.Z)((0,o.Z)({},i),{},{children:[(0,y.jsx)(V.Z,{did:n.info.did,src:n.info.logo,style:{flexShrink:0}}),(0,y.jsxs)("div",{className:"invite-app__content",children:[(0,y.jsx)("div",{className:"invite-app__title",children:n.info.name}),(0,y.jsx)("div",{className:"invite-app__description",children:n.info.description})]})]}))}Q.propTypes={invitation:d().object.isRequired};var $,ee=l.Z.div(A||(A=(0,r.Z)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  overflow: hidden;\n  .invite-app__content {\n    flex: 1;\n    margin: 0 12px;\n    font-weight: 700;\n    overflow: hidden;\n  }\n  .invite-app__title {\n    line-height: 1;\n    margin-bottom: 2px;\n    overflow: hidden;\n  }\n  .invite-app__description {\n    font-size: 12px;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    height: 1.3em;\n    color: #999;\n    overflow: hidden;\n  }\n"]))),ne=Q,ie=i(85752);function te(e){var n,i,t=e.getDataFn,r=e.passportColor,o=e.createPassportSvg,a=e.onLoginSuccess,s=e.checkFn,c=e.onReceive,l=(0,v.Z)(t);if(l.loading)return(0,y.jsx)(f.Z,{});if(l.error)return(0,y.jsx)(h.Z,{status:"404",title:null===(n=l.error)||void 0===n||null===(i=n.response)||void 0===i?void 0:i.data,description:""});var p="success"===l.data.status,u=p?X:U,d=p?T:M;return(0,y.jsxs)(oe,{className:"page-invite__wrapper",children:[(0,y.jsx)(ne,{invitation:l.data}),(0,y.jsxs)("div",{className:"page-invite__card",children:[(0,y.jsx)(u,{invitation:l.data}),(0,y.jsx)(k,{invitation:l.data,createPassportSvg:o,passportColor:r}),(0,y.jsx)(d,{invitation:l.data,onLogin:a,checkFn:s,onReceive:c})]})]})}te.propTypes={getDataFn:d().func.isRequired,checkFn:d().func.isRequired,createPassportSvg:d().func.isRequired,onLoginSuccess:d().func,onReceive:d().func,passportColor:d().string},te.defaultProps={onLoginSuccess:function(){},passportColor:"auto",onReceive:null};var re,oe=l.Z.div($||($=(0,r.Z)(["\n  max-width: 460px;\n  max-height: 650px;\n  min-height: 450px;\n  width: 90%;\n  height: 80%;\n  display: flex;\n  flex-direction: column;\n  .page-invite__card {\n    background-color: #fff;\n    border-radius: 4px;\n    flex: 1;\n    padding: 20px 30px;\n    margin-top: 10px;\n  }\n  .page-invite__app {\n    margin-top: 20px;\n  }\n"]))),ae=(0,ie.Z)(te),se=i(20244),ce=i(99042),le=i(38507),pe=i(4485);var ue=l.Z.div(re||(re=(0,r.Z)(["\n  width: 100vw;\n  height: 100%;\n  min-height: 100vh;\n  display: flex;\n  justify-content: center;\n  background-color: #f6f8fa;\n  overflow: auto;\n  padding: 20px;\n"]))),de=function(e){var n=(0,p.useNavigate)(),i=new URL(window.location.href).searchParams,t=(0,pe.Tt)(),r=t.api,l=t.session,u=i.get("inviteId"),d=i.get("redirect"),v=(0,c.useCallback)((0,s.Z)((0,a.Z)().mark((function e(){var n,i;return(0,a.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,ce.Z.get("invitation",{params:{inviteId:u}});case 2:return n=e.sent,i=n.data,e.abrupt("return",i);case 5:case"end":return e.stop()}}),e)}))),[u]),f=(0,c.useCallback)(function(){var e=(0,s.Z)((0,a.Z)().mark((function e(i,t){return(0,a.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i&&((0,le.ZB)(t(i.sessionToken)),(0,le.zI)(t(i.refreshToken))),e.next=3,l.refresh();case 3:setTimeout((function(){if(d){var e=decodeURIComponent(d);e.startsWith(se.WELLKNOWN_SERVICE_PATH_PREFIX)?n(e,{replace:!0}):window.location=e}else window.location=window.env.pathPrefix||"/"}),50);case 4:case"end":return e.stop()}}),e)})));return function(n,i){return e.apply(this,arguments)}}(),[]);return(0,y.jsx)(ue,{className:"page-invite",children:(0,y.jsx)(ae,(0,o.Z)((0,o.Z)({},e),{},{getDataFn:v,checkFn:r.get,createPassportSvg:le.Ju,onLoginSuccess:f}))})}},86776:function(e,n,i){"use strict";i.d(n,{Z:function(){return o}});var t=i(96234),r=i(17708);function o(){var e=(0,r.Z)("passportId",""),n=(0,t.Z)(e,3),i=n[0],o=n[1],a=n[2];return{getPassportId:function(){return setTimeout((function(){a()}),0),i||""},setPassportId:o}}},19477:function(e,n,i){var t=i(2717),r=i(37095),o=i(93113);e.exports={translations:{zh:t(o),en:t(r)}}},85752:function(e,n,i){"use strict";i.d(n,{Z:function(){return s}});var t=i(33028),r=i(26022),o=i(19477),a=i(37574);function s(e){return function(n){return(0,a.jsx)(r.Iw,{translations:o.translations,children:(0,a.jsx)(e,(0,t.Z)({},n))})}}},17323:function(e,n,i){"use strict";i.d(n,{Z:function(){return u}});var t=i(33028),r=i(59740),o=i(24974),a=i.n(o),s=i(29996),c=i(82969),l=i(37574),p=["children"];function u(e){var n=e.children,i=(0,r.Z)(e,p);return(0,l.jsxs)(s.Z,(0,t.Z)((0,t.Z)({color:"did",variant:"contained"},i),{},{children:[(0,l.jsx)("span",{style:{fontWeight:400},children:n||"Continue With"}),(0,l.jsx)(c.Z,{style:{width:"auto",height:"1.2em",margin:"0 4px 0 8px"}})]}))}u.propTypes={children:a().any},u.defaultProps={children:""}},82969:function(e,n,i){"use strict";n.Z=void 0;(t=i(30969))&&t.__esModule;var t,r=i(37574);function o(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function a(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?o(Object(i),!0).forEach((function(n){s(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):o(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}function s(e,n,i){return(n=function(e){var n=function(e,n){if("object"!==typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var t=i.call(e,n||"default");if("object"!==typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"===typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[n]=i,e}var c=function(e){return(0,r.jsxs)("svg",a(a({},e),{},{children:[(0,r.jsx)("path",{d:"M24.604 2.263L28.524 0H42.79v41.862H28.79a1 1 0 0 1-.5-.134l-15.103-8.72V8.854l1.817-1.05 3.2 1.848-1.817 1.05V31.16l12.993 7.502H39.59V3.2H29.38l-1.576.91-3.2-1.847z"}),(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.402 31.16V10.701L13.409 3.2H3.2v35.462h10.21l1.58-.913 3.2 1.847-3.923 2.266H0V0h14.267l15.335 8.854v24.154l-1.813 1.046-3.2-1.847 1.813-1.047z"}),(0,r.jsx)("path",{d:"M138.44 27.684c.192 0 .357.075.496.224l1.344 1.472a9.584 9.584 0 0 1-3.44 2.576c-1.344.608-2.965.912-4.864.912-1.664 0-3.173-.288-4.528-.864a10.056 10.056 0 0 1-3.456-2.416c-.949-1.035-1.685-2.272-2.208-3.712-.523-1.44-.784-3.024-.784-4.752 0-1.728.272-3.312.816-4.752.555-1.44 1.328-2.677 2.32-3.712a10.444 10.444 0 0 1 3.552-2.416c1.387-.576 2.917-.864 4.592-.864 1.632 0 3.083.267 4.352.8a10.973 10.973 0 0 1 3.312 2.128l-1.12 1.584a.936.936 0 0 1-.288.288.742.742 0 0 1-.432.112c-.203 0-.443-.101-.72-.304a8.802 8.802 0 0 0-1.072-.672c-.437-.256-.981-.485-1.632-.688-.651-.203-1.461-.304-2.432-.304-1.141 0-2.187.203-3.136.608a6.885 6.885 0 0 0-2.464 1.728c-.683.747-1.216 1.67-1.6 2.768-.373 1.088-.56 2.32-.56 3.696 0 1.397.197 2.64.592 3.728.395 1.088.939 2.01 1.632 2.768a6.914 6.914 0 0 0 2.448 1.728 7.764 7.764 0 0 0 3.04.592c.661 0 1.253-.037 1.776-.112a7.843 7.843 0 0 0 1.456-.368c.448-.16.869-.363 1.264-.608a8.89 8.89 0 0 0 1.168-.912c.085-.075.176-.133.272-.176a.616.616 0 0 1 .304-.08zM149.68 16.1c1.195 0 2.272.197 3.232.592a6.54 6.54 0 0 1 2.464 1.68c.683.725 1.205 1.605 1.568 2.64.363 1.024.544 2.176.544 3.456 0 1.28-.181 2.437-.544 3.472-.363 1.035-.885 1.915-1.568 2.64a6.795 6.795 0 0 1-2.464 1.68c-.96.384-2.037.576-3.232.576-1.205 0-2.293-.192-3.264-.576a6.987 6.987 0 0 1-2.464-1.68c-.683-.725-1.211-1.605-1.584-2.64-.363-1.035-.544-2.192-.544-3.472 0-1.28.181-2.432.544-3.456.373-1.035.901-1.915 1.584-2.64a6.717 6.717 0 0 1 2.464-1.68c.971-.395 2.059-.592 3.264-.592zm0 14.304c1.536 0 2.683-.517 3.44-1.552.757-1.035 1.136-2.49 1.136-4.368 0-1.877-.379-3.333-1.136-4.368-.757-1.045-1.904-1.568-3.44-1.568-1.557 0-2.72.523-3.488 1.568-.757 1.035-1.136 2.49-1.136 4.368 0 1.877.379 3.333 1.136 4.368.768 1.035 1.931 1.552 3.488 1.552zM163.899 18.612c.352-.373.72-.715 1.104-1.024a6.73 6.73 0 0 1 1.216-.784 6.195 6.195 0 0 1 1.392-.512 6.442 6.442 0 0 1 1.6-.192c.896 0 1.68.15 2.352.448.682.299 1.253.72 1.712 1.264.458.533.805 1.179 1.04 1.936.234.757.352 1.595.352 2.512v10.352h-3.136V22.26c0-1.163-.267-2.064-.8-2.704-.534-.65-1.35-.976-2.448-.976-.8 0-1.552.192-2.256.576a7.38 7.38 0 0 0-1.936 1.536v11.92h-3.12V16.356h1.872c.437 0 .709.208.816.624l.24 1.632zM181.805 18.612c.352-.373.72-.715 1.104-1.024a6.73 6.73 0 0 1 1.216-.784 6.195 6.195 0 0 1 1.392-.512 6.448 6.448 0 0 1 1.6-.192c.896 0 1.68.15 2.352.448a4.63 4.63 0 0 1 1.712 1.264c.459.533.805 1.179 1.04 1.936.235.757.352 1.595.352 2.512v10.352h-3.136V22.26c0-1.163-.267-2.064-.8-2.704-.533-.65-1.349-.976-2.448-.976-.8 0-1.552.192-2.256.576a7.396 7.396 0 0 0-1.936 1.536v11.92h-3.12V16.356h1.872c.437 0 .709.208.816.624l.24 1.632zM207.551 22.676c0-.619-.09-1.19-.272-1.712a3.77 3.77 0 0 0-.768-1.36 3.521 3.521 0 0 0-1.248-.896c-.49-.213-1.056-.32-1.696-.32-1.312 0-2.346.379-3.104 1.136-.746.757-1.221 1.808-1.424 3.152h8.512zm2.576 7.616a6.311 6.311 0 0 1-1.328 1.168 7.926 7.926 0 0 1-1.6.784 9.664 9.664 0 0 1-1.76.448c-.597.096-1.189.144-1.776.144-1.12 0-2.16-.187-3.12-.56a7.159 7.159 0 0 1-2.48-1.664c-.693-.736-1.237-1.643-1.632-2.72-.384-1.088-.576-2.336-.576-3.744 0-1.13.176-2.181.528-3.152a7.67 7.67 0 0 1 1.504-2.56 7.064 7.064 0 0 1 2.416-1.712c.95-.416 2.016-.624 3.2-.624.992 0 1.904.165 2.736.496.843.32 1.568.79 2.176 1.408.608.619 1.083 1.381 1.424 2.288.352.907.528 1.941.528 3.104 0 .48-.053.805-.16.976-.106.16-.304.24-.592.24h-10.656c.032.97.171 1.819.416 2.544.246.715.582 1.312 1.008 1.792.438.48.955.837 1.552 1.072.598.235 1.264.352 2 .352.694 0 1.291-.08 1.792-.24.512-.16.95-.33 1.312-.512.374-.192.683-.368.928-.528.256-.16.48-.24.672-.24.256 0 .454.096.592.288l.896 1.152zM225.113 19.396a1.836 1.836 0 0 1-.288.288c-.086.064-.214.096-.384.096-.171 0-.352-.064-.544-.192a4.872 4.872 0 0 0-.704-.432 5.21 5.21 0 0 0-1.024-.432c-.395-.139-.886-.208-1.472-.208-.768 0-1.446.139-2.032.416a3.972 3.972 0 0 0-1.472 1.184c-.384.512-.678 1.136-.88 1.872-.203.736-.304 1.563-.304 2.48 0 .95.106 1.797.32 2.544.213.736.517 1.36.912 1.872.394.501.874.885 1.44 1.152a4.522 4.522 0 0 0 1.888.384c.672 0 1.226-.08 1.664-.24.437-.17.8-.352 1.088-.544.288-.192.528-.368.72-.528.192-.17.389-.256.592-.256.256 0 .453.096.592.288l.896 1.152a5.966 5.966 0 0 1-1.264 1.168c-.459.32-.95.581-1.472.784a8.34 8.34 0 0 1-1.648.448c-.566.096-1.142.144-1.728.144a7.25 7.25 0 0 1-2.848-.56 6.52 6.52 0 0 1-2.288-1.632c-.64-.715-1.147-1.59-1.52-2.624-.374-1.045-.56-2.23-.56-3.552 0-1.205.165-2.32.496-3.344.341-1.024.837-1.904 1.488-2.64a6.821 6.821 0 0 1 2.432-1.744c.96-.427 2.058-.64 3.296-.64 1.162 0 2.186.187 3.072.56a7.514 7.514 0 0 1 2.368 1.584l-.832 1.152zM234.121 32.868c-1.312 0-2.325-.368-3.04-1.104-.704-.736-1.056-1.787-1.056-3.152v-9.728h-1.888a.701.701 0 0 1-.464-.16c-.117-.117-.176-.288-.176-.512v-1.264l2.64-.368.704-4.848a.738.738 0 0 1 .24-.416.724.724 0 0 1 .48-.16h1.584v5.456h4.608v2.272h-4.608v9.52c0 .64.155 1.12.464 1.44.32.31.726.464 1.216.464.288 0 .534-.037.736-.112a3.27 3.27 0 0 0 .544-.24c.15-.096.278-.181.384-.256a.521.521 0 0 1 .288-.112c.107 0 .187.027.24.08a.694.694 0 0 1 .192.224l.928 1.504c-.512.47-1.12.832-1.824 1.088a6.362 6.362 0 0 1-2.192.384z"}),(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M57.815 33.284V9H70.66a6.259 6.259 0 0 1 5.823 6.243v11.783a6.258 6.258 0 0 1-6.258 6.258h-12.41zM84.56 9h-3.335v24.321h3.335V9zM61.15 29.95V12.32h9.075a2.923 2.923 0 0 1 2.923 2.923v11.783a2.923 2.923 0 0 1-2.923 2.923H61.15zM89.243 9v24.284h12.409a6.258 6.258 0 0 0 6.259-6.258V15.243A6.259 6.259 0 0 0 102.087 9H89.243zm22.912 5.636h3.728v3.728h-3.728v-3.729zm3.728 9.321h-3.728v3.729h3.728v-3.729zM92.578 12.32v17.63h9.074a2.924 2.924 0 0 0 2.924-2.924V15.243a2.924 2.924 0 0 0-2.924-2.923h-9.074z"})]}))};c.defaultProps={width:"239",height:"42",viewBox:"0 0 239 42",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},c.displayName="connect-logo";var l=c;n.Z=l},32901:function(e,n,i){"use strict";var t=i(71600);n.Z=void 0;var r=t(i(48035)),o=i(37574),a=(0,r.default)((0,o.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckCircle");n.Z=a},46378:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.isNavigator=n.isBrowser=n.off=n.on=n.noop=void 0;n.noop=function(){},n.on=function(e){for(var n=[],i=1;i<arguments.length;i++)n[i-1]=arguments[i];e&&e.addEventListener&&e.addEventListener.apply(e,n)},n.off=function(e){for(var n=[],i=1;i<arguments.length;i++)n[i-1]=arguments[i];e&&e.removeEventListener&&e.removeEventListener.apply(e,n)},n.isBrowser="undefined"!==typeof window,n.isNavigator="undefined"!==typeof navigator},17708:function(e,n,i){"use strict";var t=i(30969),r=i(46378);n.Z=function(e,n,i){if(!r.isBrowser)return[n,r.noop,r.noop];if(!e)throw new Error("useLocalStorage key may not be falsy");var o=i?i.raw?function(e){return e}:i.deserializer:JSON.parse,a=t.useRef((function(e){try{var t=i?i.raw?String:i.serializer:JSON.stringify,r=localStorage.getItem(e);return null!==r?o(r):(n&&localStorage.setItem(e,t(n)),n)}catch(s){return n}})),s=t.useState((function(){return a.current(e)})),c=s[0],l=s[1];t.useLayoutEffect((function(){return l(a.current(e))}),[e]);var p=t.useCallback((function(n){try{var t="function"===typeof n?n(c):n;if("undefined"===typeof t)return;var r=void 0;r=i?i.raw?"string"===typeof t?t:JSON.stringify(t):i.serializer?i.serializer(t):JSON.stringify(t):JSON.stringify(t),localStorage.setItem(e,r),l(o(r))}catch(s){}}),[e,l]),u=t.useCallback((function(){try{localStorage.removeItem(e),l(void 0)}catch(s){}}),[e,l]);return[c,p,u]}}}]);
-//# sourceMappingURL=9620.db1568ef.chunk.js.map
+(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[9620,6378],{99620:function(e,n,i){"use strict";i.r(n),i.d(n,{default:function(){return de}});var t,r=i(71171),o=i(33028),a=i(32723),s=i(34795),c=i(30969),l=i(16380),p=i(30734),u=i(24974),d=i.n(u),v=i(54164),f=i(94308),h=i(20003),m=i(96234),g=i(26022),x=i(50496),_=i(17469),y=i(37574),w=(0,_.Z)((0,y.jsx)("path",{d:"M19 3H4.99c-1.11 0-1.98.89-1.98 2L3 19c0 1.1.88 2 1.99 2H19c1.1 0 2-.9 2-2V5c0-1.11-.9-2-2-2zm0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H4.99V5H19v10z"}),"Inbox");function j(e){var n=e.invitation,i=e.createPassportSvg,t=e.passportColor,r=(0,c.useState)(!1),o=(0,m.Z)(r,2),a=o[0],s=o[1],l=(0,c.useContext)(g.RD).t,p=(0,c.useMemo)((function(){return(n.role.title||n.role.name).toUpperCase()}),[n.role.title,n.role.name]),u=(0,c.useMemo)((function(){return i({title:p,issuer:n.info.name,issuerDid:n.info.appDid,ownerName:"Your Name",ownerDid:n.info.appDid,preferredColor:n.info.passportColor||t})}),[n,p]),d=(0,c.useCallback)((function(){s(!0)}),[]),v=(0,c.useCallback)((function(){s(!1)}),[]);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Z,{children:(0,y.jsx)("div",{className:"invite-passport__card",onClick:d,children:(0,y.jsx)("div",{className:"invite-passport__cover",dangerouslySetInnerHTML:{__html:u}})})}),(0,y.jsx)(x.ZP,{open:a,title:l("invite.viewPermission"),PaperProps:{style:{minHeight:"auto",paddingBottom:"20px"}},onClose:v,children:n.role.permissions&&n.role.permissions.length>0?(0,y.jsx)("ul",{style:{listStyle:"circle",padding:"0 20px"},children:n.role.permissions.map((function(e){return(0,y.jsx)("li",{style:{listStyle:"circle"},children:e.description},e.name)}))}):(0,y.jsxs)("div",{style:{color:"#999",textAlign:"center"},children:[(0,y.jsx)(w,{style:{width:"30px",height:"30px"}}),(0,y.jsx)("div",{children:l("invite.emptyPermission")})]})})]})}j.propTypes={invitation:d().object.isRequired,createPassportSvg:d().func.isRequired,passportColor:d().string},j.defaultProps={passportColor:"auto"};var b,Z=l.Z.div(t||(t=(0,r.Z)(["\n  display: flex;\n  max-width: 350px;\n  margin: 30px auto;\n  .invite-passport__card {\n    margin: 0 auto;\n    width: 228px;\n    height: 258px;\n    flex-shrink: 0;\n    .invite-passport__cover {\n      cursor: pointer;\n      width: 100%;\n      height: 100%;\n    }\n  }\n  .invite-passport__content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n  .invite-passport__title {\n    font-weight: 700;\n    font-size: 16px;\n  }\n  .invite-passport__description {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    height: 3em;\n    color: #999;\n    font-size: 14px;\n  }\n  .invite-passport__view-permission {\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 18px;\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main})),k=j,z=i(72836),P=i(17323),C=i(1775),S=i(24891),N=i(86776);function R(e){var n,i,t,r=e.invitation,o=e.checkFn,a=e.onLogin,s=e.onReceive,l=(0,c.useState)(!1),p=(0,m.Z)(l,2),u=p[0],d=p[1],v=(0,g.PE)(),f=v.t,h=v.locale,x=(0,N.Z)().getPassportId;"undefined"!==typeof window&&(n=null===(i=window)||void 0===i||null===(t=i.blocklet)||void 0===t?void 0:t.componentId);var _={passportId:x(),inviteId:r.inviteId,baseUrl:window.location.origin,componentId:n},w=(0,c.useCallback)((function(){d(!1)}),[]),j=(0,c.useCallback)((function(){d(!1),a.apply(void 0,arguments)}),[a]),b=(0,c.useCallback)((function(){"function"!==typeof s?d(!0):s()}),[]);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(O,{children:[(0,y.jsx)(P.Z,{size:"large",variant:"contained",className:"invite-receive__button","data-cy":"invite-receive-passport",color:"primary",onClick:b,children:f("invite.receive")}),(0,y.jsxs)("div",{className:"invite-receive__until",children:[f("invite.validUntil"),(0,S.o0)(r.expireDate,h)]})]}),(0,y.jsx)(z.default,{popup:!0,open:u,className:"connect",action:"invite",checkFn:o,forceConnected:!1,autoConnect:!1,checkTimeout:6e5,onSuccess:j,onClose:w,locale:h,webWalletUrl:(0,C.yP)(),messages:{title:f("receive.dialog.title"),scan:f("receive.dialog.scan"),confirm:f("receive.dialog.confirm"),success:f("receive.dialog.success")},extraParams:_})]})}R.propTypes={invitation:d().object.isRequired,checkFn:d().func.isRequired,onLogin:d().func,onReceive:d().func},R.defaultProps={onLogin:function(){},onReceive:null};var L,O=l.Z.div(b||(b=(0,r.Z)(["\n  text-align: center;\n  .invite-receive__logo-wrapper {\n    display: inline-flex;\n    align-items: center;\n    color: #9397a1;\n    font-size: 14px;\n  }\n  .invite-receive__logo {\n    height: 16px;\n    margin-left: 8px;\n  }\n  .invite-receive__button {\n    width: 100%;\n    margin: 16px 0;\n    white-space: nowrap;\n  }\n  .invite-receive__until {\n    text-align: center;\n    font-size: 14px;\n  }\n  .invite-receive__description {\n    color: #999;\n    text-align: left;\n    list-style: decimal;\n    padding: 0;\n    padding-left: 1.2em;\n    margin: 40px 0;\n  }\n  .invite-receive__description-item {\n    list-style: decimal;\n  }\n  .invite-receive__link {\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main})),M=R;function I(e){var n=e.onLogin,i=(0,g.PE)().t;return(0,y.jsx)(H,{children:(0,y.jsx)(P.Z,{size:"large",variant:"contained",className:"invite-receive__button","data-cy":"invite-receive-passport",color:"primary",onClick:function(){return n()},children:i("common.connect")})})}I.propTypes={onLogin:d().func},I.defaultProps={onLogin:function(){}};var E,H=l.Z.div(L||(L=(0,r.Z)(["\n  text-align: center;\n  .invite-receive__logo-wrapper {\n    display: inline-flex;\n    align-items: center;\n    color: #9397a1;\n    font-size: 14px;\n  }\n  .invite-receive__logo {\n    height: 16px;\n    margin-left: 8px;\n  }\n  .invite-receive__button {\n    width: 100%;\n    margin: 16px 0;\n    white-space: nowrap;\n  }\n  .invite-receive__until {\n    text-align: center;\n    font-size: 14px;\n  }\n  .invite-receive__description {\n    color: #999;\n    text-align: left;\n    list-style: decimal;\n    padding: 0;\n    padding-left: 1.2em;\n    margin: 40px 0;\n  }\n  .invite-receive__description-item {\n    list-style: decimal;\n  }\n  .invite-receive__link {\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main})),T=I,V=i(62399);function D(e){var n=e.invitation,i=(0,g.PE)().t,t=(0,c.useMemo)((function(){return(n.role.title||n.role.name).toUpperCase()}),[n.role.title,n.role.name]),r=(0,c.useMemo)((function(){return i("invite.message",{name:"{{name}}",role:t,dapp:"{{dapp}}"})}),[i,t]),o=(0,S.E8)(n.info.chainHost,n.inviter.did,"account"),a=(0,S.Zp)(r,{name:function(){return o?(0,y.jsx)("a",{target:"_blank",href:o,className:"invite-user__link",rel:"noreferrer",children:n.inviter.fullName},"name"):n.inviter.fullName},dapp:function(){return(0,y.jsx)("a",{target:"_blank",href:n.info.url,className:"invite-user__link",rel:"noreferrer",children:n.info.name},"dapp")}});return(0,y.jsxs)(q,{children:[(0,y.jsx)(V.Z,{did:n.inviter.did,src:encodeURI(n.inviter.avatar),size:80,shape:"circle",variant:"circle"}),(0,y.jsx)("div",{className:"invite-user__message",children:a})]})}D.propTypes={invitation:d().object.isRequired};var F,q=l.Z.div(E||(E=(0,r.Z)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  .invite-user__name {\n    font-weight: 700;\n    font-size: 16px;\n    margin: 8px 0 2px 0;\n  }\n  .invite-user__address {\n    font-size: 12px;\n  }\n  .invite-user__message {\n    margin-top: 20px;\n    font-weight: 700;\n    /* width: 90%; */\n    text-align: center;\n    font-size: 18px;\n  }\n  .invite-user__link {\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main})),U=D,B=i(38361),J=i(32901);function W(e){var n=e.invitation,i=e.type,t=(0,g.PE)().t,r=(0,c.useMemo)((function(){return t("invite.success",{dapp:"{{dapp}}"})}),[t]),o=(0,S.E8)(n.info.chainHost,n.inviter.did,"account"),a="receiver"===i?n.receiver:n.inviter,s=(0,S.Zp)(r,{name:function(){return o?(0,y.jsx)("a",{target:"_blank",href:o,className:"invite-user__link",rel:"noreferrer",children:a.fullName},"name"):a.fullName},dapp:function(){return(0,y.jsx)("a",{target:"_blank",href:n.info.url,className:"invite-user__link",rel:"noreferrer",children:n.info.name},"dapp")}});return(0,y.jsxs)(K,{children:[(0,y.jsx)(B.Z,{pt:1,color:"success.main",children:(0,y.jsx)(J.Z,{style:{fontSize:80}})}),(0,y.jsx)("div",{className:"invite-user__message",children:s})]})}W.propTypes={invitation:d().object.isRequired,type:d().oneOf("inviter","receiver")},W.defaultProps={type:"inviter"};var A,K=l.Z.div(F||(F=(0,r.Z)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  .invite-user__name {\n    font-weight: 700;\n    font-size: 16px;\n    margin: 8px 0 2px 0;\n  }\n  .invite-user__address {\n    font-size: 12px;\n  }\n  .invite-user__message {\n    margin-top: 20px;\n    font-weight: 700;\n    /* width: 90%; */\n    text-align: center;\n    font-size: 18px;\n  }\n  .invite-user__link {\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main})),X=W,Y=i(59740),G=["invitation"];function Q(e){var n=e.invitation,i=(0,Y.Z)(e,G);return(0,y.jsxs)(ee,(0,o.Z)((0,o.Z)({},i),{},{children:[(0,y.jsx)(V.Z,{did:n.info.did,src:n.info.logo,style:{flexShrink:0}}),(0,y.jsxs)("div",{className:"invite-app__content",children:[(0,y.jsx)("div",{className:"invite-app__title",children:n.info.name}),(0,y.jsx)("div",{className:"invite-app__description",children:n.info.description})]})]}))}Q.propTypes={invitation:d().object.isRequired};var $,ee=l.Z.div(A||(A=(0,r.Z)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  overflow: hidden;\n  .invite-app__content {\n    flex: 1;\n    margin: 0 12px;\n    font-weight: 700;\n    overflow: hidden;\n  }\n  .invite-app__title {\n    line-height: 1;\n    margin-bottom: 2px;\n    overflow: hidden;\n  }\n  .invite-app__description {\n    font-size: 12px;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    height: 1.3em;\n    color: #999;\n    overflow: hidden;\n  }\n"]))),ne=Q,ie=i(85752);function te(e){var n,i,t=e.getDataFn,r=e.passportColor,o=e.createPassportSvg,a=e.onLoginSuccess,s=e.checkFn,c=e.onReceive,l=(0,v.Z)(t);if(l.loading)return(0,y.jsx)(f.Z,{});if(l.error)return(0,y.jsx)(h.Z,{status:"404",title:null===(n=l.error)||void 0===n||null===(i=n.response)||void 0===i?void 0:i.data,description:""});var p="success"===l.data.status,u=p?X:U,d=p?T:M;return(0,y.jsxs)(oe,{className:"page-invite__wrapper",children:[(0,y.jsx)(ne,{invitation:l.data}),(0,y.jsxs)("div",{className:"page-invite__card",children:[(0,y.jsx)(u,{invitation:l.data}),(0,y.jsx)(k,{invitation:l.data,createPassportSvg:o,passportColor:r}),(0,y.jsx)(d,{invitation:l.data,onLogin:a,checkFn:s,onReceive:c})]})]})}te.propTypes={getDataFn:d().func.isRequired,checkFn:d().func.isRequired,createPassportSvg:d().func.isRequired,onLoginSuccess:d().func,onReceive:d().func,passportColor:d().string},te.defaultProps={onLoginSuccess:function(){},passportColor:"auto",onReceive:null};var re,oe=l.Z.div($||($=(0,r.Z)(["\n  max-width: 460px;\n  max-height: 650px;\n  min-height: 450px;\n  width: 90%;\n  height: 80%;\n  display: flex;\n  flex-direction: column;\n  .page-invite__card {\n    background-color: #fff;\n    border-radius: 4px;\n    flex: 1;\n    padding: 20px 30px;\n    margin-top: 10px;\n  }\n  .page-invite__app {\n    margin-top: 20px;\n  }\n"]))),ae=(0,ie.Z)(te),se=i(20244),ce=i(99042),le=i(38507),pe=i(4485);var ue=l.Z.div(re||(re=(0,r.Z)(["\n  width: 100vw;\n  height: 100%;\n  min-height: 100vh;\n  display: flex;\n  justify-content: center;\n  background-color: #f6f8fa;\n  overflow: auto;\n  padding: 20px;\n"]))),de=function(e){var n=(0,p.useNavigate)(),i=new URL(window.location.href).searchParams,t=(0,pe.Tt)(),r=t.api,l=t.session,u=i.get("inviteId"),d=i.get("redirect"),v=(0,c.useCallback)((0,s.Z)((0,a.Z)().mark((function e(){var n,i;return(0,a.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,ce.Z.get("invitation",{params:{inviteId:u}});case 2:return n=e.sent,i=n.data,e.abrupt("return",i);case 5:case"end":return e.stop()}}),e)}))),[u]),f=(0,c.useCallback)(function(){var e=(0,s.Z)((0,a.Z)().mark((function e(i,t){return(0,a.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i&&((0,le.ZB)(t(i.sessionToken)),(0,le.zI)(t(i.refreshToken))),e.next=3,l.refresh();case 3:setTimeout((function(){if(d){var e=decodeURIComponent(d);e.startsWith(se.WELLKNOWN_SERVICE_PATH_PREFIX)?n(e,{replace:!0}):window.location=e}else window.location=window.env.pathPrefix||"/"}),50);case 4:case"end":return e.stop()}}),e)})));return function(n,i){return e.apply(this,arguments)}}(),[]);return(0,y.jsx)(ue,{className:"page-invite",children:(0,y.jsx)(ae,(0,o.Z)((0,o.Z)({},e),{},{getDataFn:v,checkFn:r.get,createPassportSvg:le.Ju,onLoginSuccess:f}))})}},86776:function(e,n,i){"use strict";i.d(n,{Z:function(){return o}});var t=i(96234),r=i(17708);function o(){var e=(0,r.Z)("passportId",""),n=(0,t.Z)(e,3),i=n[0],o=n[1],a=n[2];return{getPassportId:function(){return setTimeout((function(){a()}),0),i||""},setPassportId:o}}},19477:function(e,n,i){var t=i(2717),r=i(37095),o=i(93113);e.exports={translations:{zh:t(o),en:t(r)}}},85752:function(e,n,i){"use strict";i.d(n,{Z:function(){return s}});var t=i(33028),r=i(26022),o=i(19477),a=i(37574);function s(e){return function(n){return(0,a.jsx)(r.Iw,{translations:o.translations,children:(0,a.jsx)(e,(0,t.Z)({},n))})}}},17323:function(e,n,i){"use strict";i.d(n,{Z:function(){return u}});var t=i(33028),r=i(59740),o=i(24974),a=i.n(o),s=i(29996),c=i(82969),l=i(37574),p=["children"];function u(e){var n=e.children,i=(0,r.Z)(e,p);return(0,l.jsxs)(s.Z,(0,t.Z)((0,t.Z)({color:"did",variant:"contained"},i),{},{children:[(0,l.jsx)("span",{style:{fontWeight:400},children:n||"Continue With"}),(0,l.jsx)(c.Z,{style:{width:"auto",height:"1.2em",margin:"0 4px 0 8px"}})]}))}u.propTypes={children:a().any},u.defaultProps={children:""}},82969:function(e,n,i){"use strict";n.Z=void 0;(t=i(30969))&&t.__esModule;var t,r=i(37574);function o(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function a(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?o(Object(i),!0).forEach((function(n){s(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):o(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}function s(e,n,i){return(n=function(e){var n=function(e,n){if("object"!==typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var t=i.call(e,n||"default");if("object"!==typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"===typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[n]=i,e}var c=function(e){return(0,r.jsxs)("svg",a(a({},e),{},{children:[(0,r.jsx)("path",{d:"M24.604 2.263L28.524 0H42.79v41.862H28.79a1 1 0 0 1-.5-.134l-15.103-8.72V8.854l1.817-1.05 3.2 1.848-1.817 1.05V31.16l12.993 7.502H39.59V3.2H29.38l-1.576.91-3.2-1.847z"}),(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.402 31.16V10.701L13.409 3.2H3.2v35.462h10.21l1.58-.913 3.2 1.847-3.923 2.266H0V0h14.267l15.335 8.854v24.154l-1.813 1.046-3.2-1.847 1.813-1.047z"}),(0,r.jsx)("path",{d:"M138.44 27.684c.192 0 .357.075.496.224l1.344 1.472a9.584 9.584 0 0 1-3.44 2.576c-1.344.608-2.965.912-4.864.912-1.664 0-3.173-.288-4.528-.864a10.056 10.056 0 0 1-3.456-2.416c-.949-1.035-1.685-2.272-2.208-3.712-.523-1.44-.784-3.024-.784-4.752 0-1.728.272-3.312.816-4.752.555-1.44 1.328-2.677 2.32-3.712a10.444 10.444 0 0 1 3.552-2.416c1.387-.576 2.917-.864 4.592-.864 1.632 0 3.083.267 4.352.8a10.973 10.973 0 0 1 3.312 2.128l-1.12 1.584a.936.936 0 0 1-.288.288.742.742 0 0 1-.432.112c-.203 0-.443-.101-.72-.304a8.802 8.802 0 0 0-1.072-.672c-.437-.256-.981-.485-1.632-.688-.651-.203-1.461-.304-2.432-.304-1.141 0-2.187.203-3.136.608a6.885 6.885 0 0 0-2.464 1.728c-.683.747-1.216 1.67-1.6 2.768-.373 1.088-.56 2.32-.56 3.696 0 1.397.197 2.64.592 3.728.395 1.088.939 2.01 1.632 2.768a6.914 6.914 0 0 0 2.448 1.728 7.764 7.764 0 0 0 3.04.592c.661 0 1.253-.037 1.776-.112a7.843 7.843 0 0 0 1.456-.368c.448-.16.869-.363 1.264-.608a8.89 8.89 0 0 0 1.168-.912c.085-.075.176-.133.272-.176a.616.616 0 0 1 .304-.08zM149.68 16.1c1.195 0 2.272.197 3.232.592a6.54 6.54 0 0 1 2.464 1.68c.683.725 1.205 1.605 1.568 2.64.363 1.024.544 2.176.544 3.456 0 1.28-.181 2.437-.544 3.472-.363 1.035-.885 1.915-1.568 2.64a6.795 6.795 0 0 1-2.464 1.68c-.96.384-2.037.576-3.232.576-1.205 0-2.293-.192-3.264-.576a6.987 6.987 0 0 1-2.464-1.68c-.683-.725-1.211-1.605-1.584-2.64-.363-1.035-.544-2.192-.544-3.472 0-1.28.181-2.432.544-3.456.373-1.035.901-1.915 1.584-2.64a6.717 6.717 0 0 1 2.464-1.68c.971-.395 2.059-.592 3.264-.592zm0 14.304c1.536 0 2.683-.517 3.44-1.552.757-1.035 1.136-2.49 1.136-4.368 0-1.877-.379-3.333-1.136-4.368-.757-1.045-1.904-1.568-3.44-1.568-1.557 0-2.72.523-3.488 1.568-.757 1.035-1.136 2.49-1.136 4.368 0 1.877.379 3.333 1.136 4.368.768 1.035 1.931 1.552 3.488 1.552zM163.899 18.612c.352-.373.72-.715 1.104-1.024a6.73 6.73 0 0 1 1.216-.784 6.195 6.195 0 0 1 1.392-.512 6.442 6.442 0 0 1 1.6-.192c.896 0 1.68.15 2.352.448.682.299 1.253.72 1.712 1.264.458.533.805 1.179 1.04 1.936.234.757.352 1.595.352 2.512v10.352h-3.136V22.26c0-1.163-.267-2.064-.8-2.704-.534-.65-1.35-.976-2.448-.976-.8 0-1.552.192-2.256.576a7.38 7.38 0 0 0-1.936 1.536v11.92h-3.12V16.356h1.872c.437 0 .709.208.816.624l.24 1.632zM181.805 18.612c.352-.373.72-.715 1.104-1.024a6.73 6.73 0 0 1 1.216-.784 6.195 6.195 0 0 1 1.392-.512 6.448 6.448 0 0 1 1.6-.192c.896 0 1.68.15 2.352.448a4.63 4.63 0 0 1 1.712 1.264c.459.533.805 1.179 1.04 1.936.235.757.352 1.595.352 2.512v10.352h-3.136V22.26c0-1.163-.267-2.064-.8-2.704-.533-.65-1.349-.976-2.448-.976-.8 0-1.552.192-2.256.576a7.396 7.396 0 0 0-1.936 1.536v11.92h-3.12V16.356h1.872c.437 0 .709.208.816.624l.24 1.632zM207.551 22.676c0-.619-.09-1.19-.272-1.712a3.77 3.77 0 0 0-.768-1.36 3.521 3.521 0 0 0-1.248-.896c-.49-.213-1.056-.32-1.696-.32-1.312 0-2.346.379-3.104 1.136-.746.757-1.221 1.808-1.424 3.152h8.512zm2.576 7.616a6.311 6.311 0 0 1-1.328 1.168 7.926 7.926 0 0 1-1.6.784 9.664 9.664 0 0 1-1.76.448c-.597.096-1.189.144-1.776.144-1.12 0-2.16-.187-3.12-.56a7.159 7.159 0 0 1-2.48-1.664c-.693-.736-1.237-1.643-1.632-2.72-.384-1.088-.576-2.336-.576-3.744 0-1.13.176-2.181.528-3.152a7.67 7.67 0 0 1 1.504-2.56 7.064 7.064 0 0 1 2.416-1.712c.95-.416 2.016-.624 3.2-.624.992 0 1.904.165 2.736.496.843.32 1.568.79 2.176 1.408.608.619 1.083 1.381 1.424 2.288.352.907.528 1.941.528 3.104 0 .48-.053.805-.16.976-.106.16-.304.24-.592.24h-10.656c.032.97.171 1.819.416 2.544.246.715.582 1.312 1.008 1.792.438.48.955.837 1.552 1.072.598.235 1.264.352 2 .352.694 0 1.291-.08 1.792-.24.512-.16.95-.33 1.312-.512.374-.192.683-.368.928-.528.256-.16.48-.24.672-.24.256 0 .454.096.592.288l.896 1.152zM225.113 19.396a1.836 1.836 0 0 1-.288.288c-.086.064-.214.096-.384.096-.171 0-.352-.064-.544-.192a4.872 4.872 0 0 0-.704-.432 5.21 5.21 0 0 0-1.024-.432c-.395-.139-.886-.208-1.472-.208-.768 0-1.446.139-2.032.416a3.972 3.972 0 0 0-1.472 1.184c-.384.512-.678 1.136-.88 1.872-.203.736-.304 1.563-.304 2.48 0 .95.106 1.797.32 2.544.213.736.517 1.36.912 1.872.394.501.874.885 1.44 1.152a4.522 4.522 0 0 0 1.888.384c.672 0 1.226-.08 1.664-.24.437-.17.8-.352 1.088-.544.288-.192.528-.368.72-.528.192-.17.389-.256.592-.256.256 0 .453.096.592.288l.896 1.152a5.966 5.966 0 0 1-1.264 1.168c-.459.32-.95.581-1.472.784a8.34 8.34 0 0 1-1.648.448c-.566.096-1.142.144-1.728.144a7.25 7.25 0 0 1-2.848-.56 6.52 6.52 0 0 1-2.288-1.632c-.64-.715-1.147-1.59-1.52-2.624-.374-1.045-.56-2.23-.56-3.552 0-1.205.165-2.32.496-3.344.341-1.024.837-1.904 1.488-2.64a6.821 6.821 0 0 1 2.432-1.744c.96-.427 2.058-.64 3.296-.64 1.162 0 2.186.187 3.072.56a7.514 7.514 0 0 1 2.368 1.584l-.832 1.152zM234.121 32.868c-1.312 0-2.325-.368-3.04-1.104-.704-.736-1.056-1.787-1.056-3.152v-9.728h-1.888a.701.701 0 0 1-.464-.16c-.117-.117-.176-.288-.176-.512v-1.264l2.64-.368.704-4.848a.738.738 0 0 1 .24-.416.724.724 0 0 1 .48-.16h1.584v5.456h4.608v2.272h-4.608v9.52c0 .64.155 1.12.464 1.44.32.31.726.464 1.216.464.288 0 .534-.037.736-.112a3.27 3.27 0 0 0 .544-.24c.15-.096.278-.181.384-.256a.521.521 0 0 1 .288-.112c.107 0 .187.027.24.08a.694.694 0 0 1 .192.224l.928 1.504c-.512.47-1.12.832-1.824 1.088a6.362 6.362 0 0 1-2.192.384z"}),(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M57.815 33.284V9H70.66a6.259 6.259 0 0 1 5.823 6.243v11.783a6.258 6.258 0 0 1-6.258 6.258h-12.41zM84.56 9h-3.335v24.321h3.335V9zM61.15 29.95V12.32h9.075a2.923 2.923 0 0 1 2.923 2.923v11.783a2.923 2.923 0 0 1-2.923 2.923H61.15zM89.243 9v24.284h12.409a6.258 6.258 0 0 0 6.259-6.258V15.243A6.259 6.259 0 0 0 102.087 9H89.243zm22.912 5.636h3.728v3.728h-3.728v-3.729zm3.728 9.321h-3.728v3.729h3.728v-3.729zM92.578 12.32v17.63h9.074a2.924 2.924 0 0 0 2.924-2.924V15.243a2.924 2.924 0 0 0-2.924-2.923h-9.074z"})]}))};c.defaultProps={width:"239",height:"42",viewBox:"0 0 239 42",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},c.displayName="connect-logo";var l=c;n.Z=l},32901:function(e,n,i){"use strict";var t=i(71600);n.Z=void 0;var r=t(i(48035)),o=i(37574),a=(0,r.default)((0,o.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckCircle");n.Z=a},46378:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.isNavigator=n.isBrowser=n.off=n.on=n.noop=void 0;n.noop=function(){},n.on=function(e){for(var n=[],i=1;i<arguments.length;i++)n[i-1]=arguments[i];e&&e.addEventListener&&e.addEventListener.apply(e,n)},n.off=function(e){for(var n=[],i=1;i<arguments.length;i++)n[i-1]=arguments[i];e&&e.removeEventListener&&e.removeEventListener.apply(e,n)},n.isBrowser="undefined"!==typeof window,n.isNavigator="undefined"!==typeof navigator},17708:function(e,n,i){"use strict";var t=i(30969),r=i(46378);n.Z=function(e,n,i){if(!r.isBrowser)return[n,r.noop,r.noop];if(!e)throw new Error("useLocalStorage key may not be falsy");var o=i?i.raw?function(e){return e}:i.deserializer:JSON.parse,a=t.useRef((function(e){try{var t=i?i.raw?String:i.serializer:JSON.stringify,r=localStorage.getItem(e);return null!==r?o(r):(n&&localStorage.setItem(e,t(n)),n)}catch(s){return n}})),s=t.useState((function(){return a.current(e)})),c=s[0],l=s[1];t.useLayoutEffect((function(){return l(a.current(e))}),[e]);var p=t.useCallback((function(n){try{var t="function"===typeof n?n(c):n;if("undefined"===typeof t)return;var r=void 0;r=i?i.raw?"string"===typeof t?t:JSON.stringify(t):i.serializer?i.serializer(t):JSON.stringify(t):JSON.stringify(t),localStorage.setItem(e,r),l(o(r))}catch(s){}}),[e,l]),u=t.useCallback((function(){try{localStorage.removeItem(e),l(void 0)}catch(s){}}),[e,l]);return[c,p,u]}}}]);
+//# sourceMappingURL=9620.301493bc.chunk.js.map

package/build/static/js/{9899.92626f0a.chunk.js → 9899.b8d8a5ca.chunk.js}

@@ -1,2 +1,2 @@
-(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[9899,6378],{39899:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return W}});var r,a=t(71171),o=t(96234),i=t(30969),s=t(16380),c=t(30734),l=t(86822),u=t(33359),d=t(1059),p=t(32901),f=t(38361),h=t(38219),v=t(70576),m=t(50624),g=t(315),x=t(89364),b=t(27724),w=t(59467),Z=t(29996),y=t(26022),S=t(92771),j=t(55662),P=t(20244),k=t(24974),N=t.n(k),C=t(37574);function z(e){var n,t=e.list,r=e.width,a=e.height,s=e.cardSpace,c=e.onSelect,l=e.defaultIndex,u=(0,i.useState)(0),d=(0,o.Z)(u,2),p=d[0],f=d[1],h=(0,i.useState)(0),v=(0,o.Z)(h,2),m=v[0],g=v[1],x=(0,i.useRef)(null),b=function(e){if(!(e<0||e>t.length-1)){f(e);var n=x.current.clientWidth;g(e*(r+s)-(n-r)/2+.5*s),c(e)}};(0,i.useEffect)((function(){b(l);x.current.addEventListener("touchmove",(function(e){return e.preventDefault()}),{passive:!1})}),[]);return(0,C.jsx)(I,{ref:x,onTouchStart:function(e){var t=e.touches[0];n=t.clientX},onTouchEnd:function(e){var t=e.changedTouches[0],r=n-t.clientX;Math.abs(r)>60&&b(r>0?p+1:p-1)},children:(0,C.jsx)("div",{className:"card-container",style:{transform:"translate(".concat(-m,"px, 0)")},children:t.map((function(e,n){return(0,C.jsx)("div",{className:"card-item ".concat(n===p?"selected":""),style:{width:r,height:a,margin:s/2},onClick:function(){return b(n)},children:(0,C.jsx)("div",{className:"card-content",dangerouslySetInnerHTML:{__html:e.src}})},e.id)}))})})}var I=s.Z.div(r||(r=(0,a.Z)(["\n  overflow: hidden;\n  mask-image: linear-gradient(to left, transparent, black 3%, black 97%, transparent);\n  overflow: hidden;\n  .card-container {\n    display: flex;\n    white-space: nowrap;\n    width: max-content;\n    transition: all ease 0.3s;\n  }\n  .card-item {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    cursor: pointer;\n\n    .card-content {\n      pointer-events: none;\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      outline: #526ded solid 0;\n      transition: all ease 0.2s;\n      box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;\n    }\n    &.selected {\n      cursor: default;\n      .card-content {\n        outline: #526ded solid 5px;\n      }\n    }\n  }\n"])));z.propTypes={list:N().array,width:N().number,height:N().number,cardSpace:N().number,onSelect:N().func,defaultIndex:N().number},z.defaultProps={list:"",width:300,height:400,cardSpace:40,onSelect:function(){},defaultIndex:0};var L,R=t(36558),M=t(85752),E=t(86776);function _(e){var n=e.icon,t=e.active,r=e.completed,a={1:(0,C.jsx)(g.Z,{className:"step-icon"}),2:(0,C.jsx)(x.Z,{className:"step-icon"}),3:(0,C.jsx)(b.Z,{className:"step-icon"})},o=["step-icon-w"];return t&&o.push("step-icon-w--active"),r&&o.push("step-icon-w--completed"),(0,C.jsx)("div",{className:o.join(" "),children:a[String(n)]})}var A=(0,s.Z)(d.Z)(L||(L=(0,a.Z)(["\n  padding-top: 46px;\n  padding-bottom: 46px;\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  @media (max-width: ","px) {\n    display: block;\n  }\n  .header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n\n  .stepper {\n    padding: 24px;\n    height: auto;\n    width: 100%;\n    min-height: 640px;\n    display: flex;\n    flex-direction: column;\n\n    .stepper-progress {\n      padding: 0;\n      flex: 0;\n      margin-bottom: 24px;\n\n      .MuiStepLabel-label.MuiStepLabel-alternativeLabel {\n        margin-top: 8px;\n      }\n\n      .MuiStepConnector-alternativeLabel {\n        top: 24px;\n      }\n\n      .MuiStepConnector-lineHorizontal {\n        height: 3px;\n        border: none;\n        background-color: #eaeaf0;\n        border-radius: 1px;\n      }\n\n      .step-icon-w {\n        background-color: ",";\n        z-index: 1;\n        color: ",";\n        width: 50px;\n        height: 50px;\n        display: flex;\n        border-radius: 50%;\n        justify-content: center;\n        align-items: center;\n        .step-icon {\n          font-size: 30px;\n        }\n      }\n\n      .step-icon-w--active {\n        background-color: ",";\n      }\n\n      .step-icon-w--completed {\n        background-color: ",";\n      }\n    }\n\n    .stepper-content {\n      padding: 0 64px;\n      flex: 1;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin-bottom: 24px;\n\n      .stepper-icon {\n        margin-left: 40px;\n      }\n\n      .stepper-auth {\n        padding: 0;\n\n        .auth-title {\n          margin-bottom: 16px;\n        }\n      }\n\n      .stepper-tip {\n        text-align: center;\n        margin-bottom: 16px;\n      }\n      @media (max-width: ","px) {\n        padding: 0;\n      }\n    }\n\n    .stepper-actions {\n      flex: 0;\n      text-align: right;\n      padding: 0 64px;\n      display: none;\n      .step-button {\n        margin-right: 8px;\n      }\n    }\n\n    .select-passport {\n      width: 80%;\n      @media (max-width: ","px) {\n        width: 100%;\n      }\n    }\n\n    .user-info {\n      .name {\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 25px;\n        color: #222222;\n      }\n    }\n  }\n\n  .connect {\n    background: #fafafa;\n  }\n"])),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.palette.grey[500]}),(function(e){return e.theme.palette.common.white}),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.palette.secondary.main}),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.breakpoints.values.sm})),T=(0,M.Z)((function(e){var n=e.SessionContext,r=e.webWalletUrl,a=e.createPassportSvg,s=e.passportColor,d=(0,i.useContext)(n),g=d.api,x=d.session,b=(0,i.useContext)(y.RD),k=b.t,N=b.locale,I=(0,i.useState)(!1),L=(0,o.Z)(I,2),M=L[0],T=L[1],H=(0,i.useState)(!1),D=(0,o.Z)(H,2),W=D[0],O=D[1],F=(0,i.useState)(!1),U=(0,o.Z)(F,2),B=U[0],J=U[1],V=(0,c.useNavigate)(),X=(0,i.useState)(0),q=(0,o.Z)(X,2),K=q[0],G=q[1],Q=(0,E.Z)().setPassportId,Y=(0,S.Z)().wallet,$=new URL(window.location.href).searchParams,ee=function(){G(K+1)},ne=function(e){T(e.user)},te=function(e){null!==e&&void 0!==e&&e.passportId&&Q(e.passportId),J(!0),ee()},re=function(){var e;if(Y&&"1"===new URL(window.location.href).searchParams.get("fromWallet"))t.e(5434).then(t.t.bind(t,45434,23)).then((function(e){e.call("arcClosePage")}));else{try{x.logout()}catch(r){}var n=$.get("redirect");n?V(n,{replace:!0}):((null===(e=window.env)||void 0===e?void 0:e.apiPrefix)||"").startsWith(P.WELLKNOWN_SERVICE_PATH_PREFIX)?V("".concat(P.WELLKNOWN_SERVICE_PATH_PREFIX,"/login"),{replace:!0}):V("/",{replace:!0})}},ae=[{label:k("lostPassport.selectPassport"),content:function(){return M?(0,C.jsxs)(f.Z,{className:"select-passport",children:[(0,C.jsxs)(f.Z,{my:1,display:"flex",alignItems:"center",className:"user-info",children:[(0,C.jsx)(w.Z,{src:M.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),(0,C.jsxs)(f.Z,{children:[(0,C.jsx)(f.Z,{className:"name",children:M.fullName}),(0,C.jsx)(f.Z,{className:"did",mt:1,children:(0,C.jsx)(R.Z,{did:M.did})})]})]}),(0,C.jsx)("div",{children:(0,C.jsx)(z,{width:230,height:306,cardSpace:24,list:M.passportTypes.map((function(e){return{src:a({title:e.title,issuer:e.issuer.name,issuerDid:e.issuer.id,ownerDid:M.did,ownerName:M.fullName,ownerAvatarUrl:M.avatar,preferredColor:s||"auto"}),name:e.title,id:e.id}})),onSelect:function(e){return n={target:{value:M.passportTypes[e].name}},void O(n.target.value);var n},defaultIndex:0})}),(0,C.jsx)(f.Z,{textAlign:"center",children:(0,C.jsx)(Z.Z,{variant:"contained",color:"primary",onClick:function(){ee()},disabled:!W,children:k("common.next")})})]}):(0,C.jsx)(j.default,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-list",forceConnected:!1,autoConnect:!1,checkFn:g.get,checkTimeout:6e5,webWalletUrl:r,onSuccess:ne,locale:N,messages:{title:k("lostPassport.dialog.title"),scan:k("lostPassport.dialog.scan"),confirm:k("lostPassport.dialog.confirm"),success:k("lostPassport.dialog.success")}})}},{label:k("lostPassport.receivePassport"),content:function(){var e,n,t={receiverDid:M.did,passportName:W,teamDid:(null===(e=window)||void 0===e||null===(n=e.blocklet)||void 0===n?void 0:n.did)||""};return(0,C.jsx)(j.default,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-issue",checkFn:g.get,checkTimeout:6e5,webWalletUrl:r,onSuccess:te,locale:N,messages:{title:"".concat(k("lostPassport.dialog.title")),scan:k("lostPassport.dialog.scan"),confirm:k("lostPassport.dialog.confirm"),success:k("lostPassport.dialog.success")},extraParams:t})}},{label:k("common.complete"),content:function(){return(0,C.jsxs)(f.Z,{textAlign:"center",children:[(0,C.jsx)(f.Z,{mb:3,color:"success.main",children:(0,C.jsx)(p.Z,{style:{fontSize:60}})}),(0,C.jsx)(u.Z,{component:"p",variant:"body1",className:"subheader",children:k("issuePassport.dialog.success")}),(0,C.jsx)(Z.Z,{style:{marginTop:40},variant:"contained",color:"primary",onClick:re,children:k("issuePassport.dialog.loginWithPassport")})]})}}];return(0,C.jsx)(A,{children:(0,C.jsxs)("div",{className:"stepper",children:[(0,C.jsx)(h.Z,{className:"stepper-progress",alternativeLabel:!0,activeStep:K,children:ae.map((function(e){var n=e.label;return(0,C.jsx)(v.Z,{children:(0,C.jsx)(m.Z,{StepIconComponent:_,children:n})},n)}))}),(0,C.jsx)("div",{className:"stepper-content",children:ae[K].content()}),!B&&(0,C.jsx)(f.Z,{textAlign:"center",fontSize:12,children:(0,C.jsx)(l.rU,{to:"/",style:{color:"#4598FA"},children:k("lostPassport.return")})})]})})})),H=t(4485),D=t(38507);function W(){var e,n,t=(0,D.yP)();return(0,C.jsx)(T,{SessionContext:H.B3,webWalletUrl:t,createPassportSvg:D.Ju,passportColor:(null===(e=window)||void 0===e||null===(n=e.env)||void 0===n?void 0:n.passportColor)||"auto"})}},36558:function(e,n,t){"use strict";var r=t(33028),a=t(59740),o=t(24974),i=t.n(o),s=t(86822),c=t(19638),l=t(23586),u=t(37574),d=["did","href","external","avatarProps"];function p(e){var n=e.did,t=e.href,o=e.external,i=(e.avatarProps,(0,a.Z)(e,d)),p=(0,u.jsx)(l.Z,(0,r.Z)({did:n},i));return t?o?(0,u.jsx)(c.Z,{target:"_blank",href:t,underline:"hover",children:p}):(0,u.jsx)(s.rU,{to:t,children:p}):p}p.propTypes={did:i().string.isRequired,to:i().string,href:i().string,avatarProps:i().object,external:i().bool},p.defaultProps={to:"",href:"",avatarProps:{},external:!1},n.Z=p},86776:function(e,n,t){"use strict";t.d(n,{Z:function(){return o}});var r=t(96234),a=t(17708);function o(){var e=(0,a.Z)("passportId",""),n=(0,r.Z)(e,3),t=n[0],o=n[1],i=n[2];return{getPassportId:function(){return setTimeout((function(){i()}),0),t||""},setPassportId:o}}},19477:function(e,n,t){var r=t(2717),a=t(37095),o=t(93113);e.exports={translations:{zh:r(o),en:r(a)}}},85752:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});var r=t(33028),a=t(26022),o=t(19477),i=t(37574);function s(e){return function(n){return(0,i.jsx)(a.Iw,{translations:o.translations,children:(0,i.jsx)(e,(0,r.Z)({},n))})}}},32901:function(e,n,t){"use strict";var r=t(71600);n.Z=void 0;var a=r(t(48035)),o=t(37574),i=(0,a.default)((0,o.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckCircle");n.Z=i},89364:function(e,n,t){"use strict";var r=t(71600);n.Z=void 0;var a=r(t(48035)),o=t(37574),i=(0,a.default)((0,o.jsx)("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"}),"GetApp");n.Z=i},315:function(e,n,t){"use strict";var r=t(71600);n.Z=void 0;var a=r(t(48035)),o=t(37574),i=(0,a.default)((0,o.jsx)("path",{d:"M3 14h4v-4H3v4zm0 5h4v-4H3v4zM3 9h4V5H3v4zm5 5h13v-4H8v4zm0 5h13v-4H8v4zM8 5v4h13V5H8z"}),"ViewList");n.Z=i},59467:function(e,n,t){"use strict";t.d(n,{Z:function(){return Z}});var r=t(96234),a=t(31461),o=t(7896),i=t(30969),s=t(57307),c=t(26540),l=t(45971),u=t(17363),d=t(17469),p=t(37574),f=(0,d.Z)((0,p.jsx)("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"}),"Person"),h=t(62746),v=t(2975);function m(e){return(0,v.Z)("MuiAvatar",e)}(0,h.Z)("MuiAvatar",["root","colorDefault","circular","rounded","square","img","fallback"]);var g=["alt","children","className","component","imgProps","sizes","src","srcSet","variant"],x=(0,l.ZP)("div",{name:"MuiAvatar",slot:"Root",overridesResolver:function(e,n){var t=e.ownerState;return[n.root,n[t.variant],t.colorDefault&&n.colorDefault]}})((function(e){var n=e.theme,t=e.ownerState;return(0,o.Z)({position:"relative",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:40,height:40,fontFamily:n.typography.fontFamily,fontSize:n.typography.pxToRem(20),lineHeight:1,borderRadius:"50%",overflow:"hidden",userSelect:"none"},"rounded"===t.variant&&{borderRadius:(n.vars||n).shape.borderRadius},"square"===t.variant&&{borderRadius:0},t.colorDefault&&(0,o.Z)({color:(n.vars||n).palette.background.default},n.vars?{backgroundColor:n.vars.palette.Avatar.defaultBg}:{backgroundColor:"light"===n.palette.mode?n.palette.grey[400]:n.palette.grey[600]}))})),b=(0,l.ZP)("img",{name:"MuiAvatar",slot:"Img",overridesResolver:function(e,n){return n.img}})({width:"100%",height:"100%",textAlign:"center",objectFit:"cover",color:"transparent",textIndent:1e4}),w=(0,l.ZP)(f,{name:"MuiAvatar",slot:"Fallback",overridesResolver:function(e,n){return n.fallback}})({width:"75%",height:"75%"});var Z=i.forwardRef((function(e,n){var t=(0,u.Z)({props:e,name:"MuiAvatar"}),l=t.alt,d=t.children,f=t.className,h=t.component,v=void 0===h?"div":h,Z=t.imgProps,y=t.sizes,S=t.src,j=t.srcSet,P=t.variant,k=void 0===P?"circular":P,N=(0,a.Z)(t,g),C=null,z=function(e){var n=e.crossOrigin,t=e.referrerPolicy,a=e.src,o=e.srcSet,s=i.useState(!1),c=(0,r.Z)(s,2),l=c[0],u=c[1];return i.useEffect((function(){if(a||o){u(!1);var e=!0,r=new Image;return r.onload=function(){e&&u("loaded")},r.onerror=function(){e&&u("error")},r.crossOrigin=n,r.referrerPolicy=t,r.src=a,o&&(r.srcset=o),function(){e=!1}}}),[n,t,a,o]),l}((0,o.Z)({},Z,{src:S,srcSet:j})),I=S||j,L=I&&"error"!==z,R=(0,o.Z)({},t,{colorDefault:!L,component:v,variant:k}),M=function(e){var n=e.classes,t={root:["root",e.variant,e.colorDefault&&"colorDefault"],img:["img"],fallback:["fallback"]};return(0,c.Z)(t,m,n)}(R);return C=L?(0,p.jsx)(b,(0,o.Z)({alt:l,src:S,srcSet:j,sizes:y,ownerState:R,className:M.img},Z)):null!=d?d:I&&l?l[0]:(0,p.jsx)(w,{ownerState:R,className:M.fallback}),(0,p.jsx)(x,(0,o.Z)({as:v,ownerState:R,className:(0,s.Z)(M.root,f),ref:n},N,{children:C}))}))},46378:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.isNavigator=n.isBrowser=n.off=n.on=n.noop=void 0;n.noop=function(){},n.on=function(e){for(var n=[],t=1;t<arguments.length;t++)n[t-1]=arguments[t];e&&e.addEventListener&&e.addEventListener.apply(e,n)},n.off=function(e){for(var n=[],t=1;t<arguments.length;t++)n[t-1]=arguments[t];e&&e.removeEventListener&&e.removeEventListener.apply(e,n)},n.isBrowser="undefined"!==typeof window,n.isNavigator="undefined"!==typeof navigator},17708:function(e,n,t){"use strict";var r=t(30969),a=t(46378);n.Z=function(e,n,t){if(!a.isBrowser)return[n,a.noop,a.noop];if(!e)throw new Error("useLocalStorage key may not be falsy");var o=t?t.raw?function(e){return e}:t.deserializer:JSON.parse,i=r.useRef((function(e){try{var r=t?t.raw?String:t.serializer:JSON.stringify,a=localStorage.getItem(e);return null!==a?o(a):(n&&localStorage.setItem(e,r(n)),n)}catch(s){return n}})),s=r.useState((function(){return i.current(e)})),c=s[0],l=s[1];r.useLayoutEffect((function(){return l(i.current(e))}),[e]);var u=r.useCallback((function(n){try{var r="function"===typeof n?n(c):n;if("undefined"===typeof r)return;var a=void 0;a=t?t.raw?"string"===typeof r?r:JSON.stringify(r):t.serializer?t.serializer(r):JSON.stringify(r):JSON.stringify(r),localStorage.setItem(e,a),l(o(a))}catch(s){}}),[e,l]),d=r.useCallback((function(){try{localStorage.removeItem(e),l(void 0)}catch(s){}}),[e,l]);return[c,u,d]}}}]);
-//# sourceMappingURL=9899.92626f0a.chunk.js.map
+(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[9899,6378],{39899:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return W}});var r,a=t(71171),o=t(96234),i=t(30969),s=t(16380),c=t(30734),l=t(86822),u=t(33359),d=t(1059),p=t(32901),f=t(38361),h=t(38219),v=t(70576),m=t(50624),g=t(315),x=t(89364),b=t(27724),w=t(59467),Z=t(29996),y=t(26022),S=t(92771),j=t(72836),P=t(20244),k=t(24974),N=t.n(k),C=t(37574);function z(e){var n,t=e.list,r=e.width,a=e.height,s=e.cardSpace,c=e.onSelect,l=e.defaultIndex,u=(0,i.useState)(0),d=(0,o.Z)(u,2),p=d[0],f=d[1],h=(0,i.useState)(0),v=(0,o.Z)(h,2),m=v[0],g=v[1],x=(0,i.useRef)(null),b=function(e){if(!(e<0||e>t.length-1)){f(e);var n=x.current.clientWidth;g(e*(r+s)-(n-r)/2+.5*s),c(e)}};(0,i.useEffect)((function(){b(l);x.current.addEventListener("touchmove",(function(e){return e.preventDefault()}),{passive:!1})}),[]);return(0,C.jsx)(I,{ref:x,onTouchStart:function(e){var t=e.touches[0];n=t.clientX},onTouchEnd:function(e){var t=e.changedTouches[0],r=n-t.clientX;Math.abs(r)>60&&b(r>0?p+1:p-1)},children:(0,C.jsx)("div",{className:"card-container",style:{transform:"translate(".concat(-m,"px, 0)")},children:t.map((function(e,n){return(0,C.jsx)("div",{className:"card-item ".concat(n===p?"selected":""),style:{width:r,height:a,margin:s/2},onClick:function(){return b(n)},children:(0,C.jsx)("div",{className:"card-content",dangerouslySetInnerHTML:{__html:e.src}})},e.id)}))})})}var I=s.Z.div(r||(r=(0,a.Z)(["\n  overflow: hidden;\n  mask-image: linear-gradient(to left, transparent, black 3%, black 97%, transparent);\n  overflow: hidden;\n  .card-container {\n    display: flex;\n    white-space: nowrap;\n    width: max-content;\n    transition: all ease 0.3s;\n  }\n  .card-item {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    cursor: pointer;\n\n    .card-content {\n      pointer-events: none;\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      outline: #526ded solid 0;\n      transition: all ease 0.2s;\n      box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;\n    }\n    &.selected {\n      cursor: default;\n      .card-content {\n        outline: #526ded solid 5px;\n      }\n    }\n  }\n"])));z.propTypes={list:N().array,width:N().number,height:N().number,cardSpace:N().number,onSelect:N().func,defaultIndex:N().number},z.defaultProps={list:"",width:300,height:400,cardSpace:40,onSelect:function(){},defaultIndex:0};var L,R=t(36558),M=t(85752),E=t(86776);function _(e){var n=e.icon,t=e.active,r=e.completed,a={1:(0,C.jsx)(g.Z,{className:"step-icon"}),2:(0,C.jsx)(x.Z,{className:"step-icon"}),3:(0,C.jsx)(b.Z,{className:"step-icon"})},o=["step-icon-w"];return t&&o.push("step-icon-w--active"),r&&o.push("step-icon-w--completed"),(0,C.jsx)("div",{className:o.join(" "),children:a[String(n)]})}var A=(0,s.Z)(d.Z)(L||(L=(0,a.Z)(["\n  padding-top: 46px;\n  padding-bottom: 46px;\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  @media (max-width: ","px) {\n    display: block;\n  }\n  .header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n\n  .stepper {\n    padding: 24px;\n    height: auto;\n    width: 100%;\n    min-height: 640px;\n    display: flex;\n    flex-direction: column;\n\n    .stepper-progress {\n      padding: 0;\n      flex: 0;\n      margin-bottom: 24px;\n\n      .MuiStepLabel-label.MuiStepLabel-alternativeLabel {\n        margin-top: 8px;\n      }\n\n      .MuiStepConnector-alternativeLabel {\n        top: 24px;\n      }\n\n      .MuiStepConnector-lineHorizontal {\n        height: 3px;\n        border: none;\n        background-color: #eaeaf0;\n        border-radius: 1px;\n      }\n\n      .step-icon-w {\n        background-color: ",";\n        z-index: 1;\n        color: ",";\n        width: 50px;\n        height: 50px;\n        display: flex;\n        border-radius: 50%;\n        justify-content: center;\n        align-items: center;\n        .step-icon {\n          font-size: 30px;\n        }\n      }\n\n      .step-icon-w--active {\n        background-color: ",";\n      }\n\n      .step-icon-w--completed {\n        background-color: ",";\n      }\n    }\n\n    .stepper-content {\n      padding: 0 64px;\n      flex: 1;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin-bottom: 24px;\n\n      .stepper-icon {\n        margin-left: 40px;\n      }\n\n      .stepper-auth {\n        padding: 0;\n\n        .auth-title {\n          margin-bottom: 16px;\n        }\n      }\n\n      .stepper-tip {\n        text-align: center;\n        margin-bottom: 16px;\n      }\n      @media (max-width: ","px) {\n        padding: 0;\n      }\n    }\n\n    .stepper-actions {\n      flex: 0;\n      text-align: right;\n      padding: 0 64px;\n      display: none;\n      .step-button {\n        margin-right: 8px;\n      }\n    }\n\n    .select-passport {\n      width: 80%;\n      @media (max-width: ","px) {\n        width: 100%;\n      }\n    }\n\n    .user-info {\n      .name {\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 25px;\n        color: #222222;\n      }\n    }\n  }\n\n  .connect {\n    background: #fafafa;\n  }\n"])),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.palette.grey[500]}),(function(e){return e.theme.palette.common.white}),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.palette.secondary.main}),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.breakpoints.values.sm})),T=(0,M.Z)((function(e){var n=e.SessionContext,r=e.webWalletUrl,a=e.createPassportSvg,s=e.passportColor,d=(0,i.useContext)(n),g=d.api,x=d.session,b=(0,i.useContext)(y.RD),k=b.t,N=b.locale,I=(0,i.useState)(!1),L=(0,o.Z)(I,2),M=L[0],T=L[1],H=(0,i.useState)(!1),D=(0,o.Z)(H,2),W=D[0],O=D[1],F=(0,i.useState)(!1),U=(0,o.Z)(F,2),B=U[0],J=U[1],V=(0,c.useNavigate)(),X=(0,i.useState)(0),q=(0,o.Z)(X,2),K=q[0],G=q[1],Q=(0,E.Z)().setPassportId,Y=(0,S.Z)().wallet,$=new URL(window.location.href).searchParams,ee=function(){G(K+1)},ne=function(e){T(e.user)},te=function(e){null!==e&&void 0!==e&&e.passportId&&Q(e.passportId),J(!0),ee()},re=function(){var e;if(Y&&"1"===new URL(window.location.href).searchParams.get("fromWallet"))t.e(5434).then(t.t.bind(t,45434,23)).then((function(e){e.call("arcClosePage")}));else{try{x.logout()}catch(r){}var n=$.get("redirect");n?V(n,{replace:!0}):((null===(e=window.env)||void 0===e?void 0:e.apiPrefix)||"").startsWith(P.WELLKNOWN_SERVICE_PATH_PREFIX)?V("".concat(P.WELLKNOWN_SERVICE_PATH_PREFIX,"/login"),{replace:!0}):V("/",{replace:!0})}},ae=[{label:k("lostPassport.selectPassport"),content:function(){return M?(0,C.jsxs)(f.Z,{className:"select-passport",children:[(0,C.jsxs)(f.Z,{my:1,display:"flex",alignItems:"center",className:"user-info",children:[(0,C.jsx)(w.Z,{src:M.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),(0,C.jsxs)(f.Z,{children:[(0,C.jsx)(f.Z,{className:"name",children:M.fullName}),(0,C.jsx)(f.Z,{className:"did",mt:1,children:(0,C.jsx)(R.Z,{did:M.did})})]})]}),(0,C.jsx)("div",{children:(0,C.jsx)(z,{width:230,height:306,cardSpace:24,list:M.passportTypes.map((function(e){return{src:a({title:e.title,issuer:e.issuer.name,issuerDid:e.issuer.id,ownerDid:M.did,ownerName:M.fullName,ownerAvatarUrl:M.avatar,preferredColor:s||"auto"}),name:e.title,id:e.id}})),onSelect:function(e){return n={target:{value:M.passportTypes[e].name}},void O(n.target.value);var n},defaultIndex:0})}),(0,C.jsx)(f.Z,{textAlign:"center",children:(0,C.jsx)(Z.Z,{variant:"contained",color:"primary",onClick:function(){ee()},disabled:!W,children:k("common.next")})})]}):(0,C.jsx)(j.default,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-list",forceConnected:!1,autoConnect:!1,checkFn:g.get,checkTimeout:6e5,webWalletUrl:r,onSuccess:ne,locale:N,messages:{title:k("lostPassport.dialog.title"),scan:k("lostPassport.dialog.scan"),confirm:k("lostPassport.dialog.confirm"),success:k("lostPassport.dialog.success")}})}},{label:k("lostPassport.receivePassport"),content:function(){var e,n,t={receiverDid:M.did,passportName:W,teamDid:(null===(e=window)||void 0===e||null===(n=e.blocklet)||void 0===n?void 0:n.did)||""};return(0,C.jsx)(j.default,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-issue",checkFn:g.get,checkTimeout:6e5,webWalletUrl:r,onSuccess:te,locale:N,messages:{title:"".concat(k("lostPassport.dialog.title")),scan:k("lostPassport.dialog.scan"),confirm:k("lostPassport.dialog.confirm"),success:k("lostPassport.dialog.success")},extraParams:t})}},{label:k("common.complete"),content:function(){return(0,C.jsxs)(f.Z,{textAlign:"center",children:[(0,C.jsx)(f.Z,{mb:3,color:"success.main",children:(0,C.jsx)(p.Z,{style:{fontSize:60}})}),(0,C.jsx)(u.Z,{component:"p",variant:"body1",className:"subheader",children:k("issuePassport.dialog.success")}),(0,C.jsx)(Z.Z,{style:{marginTop:40},variant:"contained",color:"primary",onClick:re,children:k("issuePassport.dialog.loginWithPassport")})]})}}];return(0,C.jsx)(A,{children:(0,C.jsxs)("div",{className:"stepper",children:[(0,C.jsx)(h.Z,{className:"stepper-progress",alternativeLabel:!0,activeStep:K,children:ae.map((function(e){var n=e.label;return(0,C.jsx)(v.Z,{children:(0,C.jsx)(m.Z,{StepIconComponent:_,children:n})},n)}))}),(0,C.jsx)("div",{className:"stepper-content",children:ae[K].content()}),!B&&(0,C.jsx)(f.Z,{textAlign:"center",fontSize:12,children:(0,C.jsx)(l.rU,{to:"/",style:{color:"#4598FA"},children:k("lostPassport.return")})})]})})})),H=t(4485),D=t(38507);function W(){var e,n,t=(0,D.yP)();return(0,C.jsx)(T,{SessionContext:H.B3,webWalletUrl:t,createPassportSvg:D.Ju,passportColor:(null===(e=window)||void 0===e||null===(n=e.env)||void 0===n?void 0:n.passportColor)||"auto"})}},36558:function(e,n,t){"use strict";var r=t(33028),a=t(59740),o=t(24974),i=t.n(o),s=t(86822),c=t(19638),l=t(23586),u=t(37574),d=["did","href","external","avatarProps"];function p(e){var n=e.did,t=e.href,o=e.external,i=(e.avatarProps,(0,a.Z)(e,d)),p=(0,u.jsx)(l.Z,(0,r.Z)({did:n},i));return t?o?(0,u.jsx)(c.Z,{target:"_blank",href:t,underline:"hover",children:p}):(0,u.jsx)(s.rU,{to:t,children:p}):p}p.propTypes={did:i().string.isRequired,to:i().string,href:i().string,avatarProps:i().object,external:i().bool},p.defaultProps={to:"",href:"",avatarProps:{},external:!1},n.Z=p},86776:function(e,n,t){"use strict";t.d(n,{Z:function(){return o}});var r=t(96234),a=t(17708);function o(){var e=(0,a.Z)("passportId",""),n=(0,r.Z)(e,3),t=n[0],o=n[1],i=n[2];return{getPassportId:function(){return setTimeout((function(){i()}),0),t||""},setPassportId:o}}},19477:function(e,n,t){var r=t(2717),a=t(37095),o=t(93113);e.exports={translations:{zh:r(o),en:r(a)}}},85752:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});var r=t(33028),a=t(26022),o=t(19477),i=t(37574);function s(e){return function(n){return(0,i.jsx)(a.Iw,{translations:o.translations,children:(0,i.jsx)(e,(0,r.Z)({},n))})}}},32901:function(e,n,t){"use strict";var r=t(71600);n.Z=void 0;var a=r(t(48035)),o=t(37574),i=(0,a.default)((0,o.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckCircle");n.Z=i},89364:function(e,n,t){"use strict";var r=t(71600);n.Z=void 0;var a=r(t(48035)),o=t(37574),i=(0,a.default)((0,o.jsx)("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"}),"GetApp");n.Z=i},315:function(e,n,t){"use strict";var r=t(71600);n.Z=void 0;var a=r(t(48035)),o=t(37574),i=(0,a.default)((0,o.jsx)("path",{d:"M3 14h4v-4H3v4zm0 5h4v-4H3v4zM3 9h4V5H3v4zm5 5h13v-4H8v4zm0 5h13v-4H8v4zM8 5v4h13V5H8z"}),"ViewList");n.Z=i},59467:function(e,n,t){"use strict";t.d(n,{Z:function(){return Z}});var r=t(96234),a=t(31461),o=t(7896),i=t(30969),s=t(57307),c=t(26540),l=t(45971),u=t(17363),d=t(17469),p=t(37574),f=(0,d.Z)((0,p.jsx)("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"}),"Person"),h=t(62746),v=t(2975);function m(e){return(0,v.Z)("MuiAvatar",e)}(0,h.Z)("MuiAvatar",["root","colorDefault","circular","rounded","square","img","fallback"]);var g=["alt","children","className","component","imgProps","sizes","src","srcSet","variant"],x=(0,l.ZP)("div",{name:"MuiAvatar",slot:"Root",overridesResolver:function(e,n){var t=e.ownerState;return[n.root,n[t.variant],t.colorDefault&&n.colorDefault]}})((function(e){var n=e.theme,t=e.ownerState;return(0,o.Z)({position:"relative",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:40,height:40,fontFamily:n.typography.fontFamily,fontSize:n.typography.pxToRem(20),lineHeight:1,borderRadius:"50%",overflow:"hidden",userSelect:"none"},"rounded"===t.variant&&{borderRadius:(n.vars||n).shape.borderRadius},"square"===t.variant&&{borderRadius:0},t.colorDefault&&(0,o.Z)({color:(n.vars||n).palette.background.default},n.vars?{backgroundColor:n.vars.palette.Avatar.defaultBg}:{backgroundColor:"light"===n.palette.mode?n.palette.grey[400]:n.palette.grey[600]}))})),b=(0,l.ZP)("img",{name:"MuiAvatar",slot:"Img",overridesResolver:function(e,n){return n.img}})({width:"100%",height:"100%",textAlign:"center",objectFit:"cover",color:"transparent",textIndent:1e4}),w=(0,l.ZP)(f,{name:"MuiAvatar",slot:"Fallback",overridesResolver:function(e,n){return n.fallback}})({width:"75%",height:"75%"});var Z=i.forwardRef((function(e,n){var t=(0,u.Z)({props:e,name:"MuiAvatar"}),l=t.alt,d=t.children,f=t.className,h=t.component,v=void 0===h?"div":h,Z=t.imgProps,y=t.sizes,S=t.src,j=t.srcSet,P=t.variant,k=void 0===P?"circular":P,N=(0,a.Z)(t,g),C=null,z=function(e){var n=e.crossOrigin,t=e.referrerPolicy,a=e.src,o=e.srcSet,s=i.useState(!1),c=(0,r.Z)(s,2),l=c[0],u=c[1];return i.useEffect((function(){if(a||o){u(!1);var e=!0,r=new Image;return r.onload=function(){e&&u("loaded")},r.onerror=function(){e&&u("error")},r.crossOrigin=n,r.referrerPolicy=t,r.src=a,o&&(r.srcset=o),function(){e=!1}}}),[n,t,a,o]),l}((0,o.Z)({},Z,{src:S,srcSet:j})),I=S||j,L=I&&"error"!==z,R=(0,o.Z)({},t,{colorDefault:!L,component:v,variant:k}),M=function(e){var n=e.classes,t={root:["root",e.variant,e.colorDefault&&"colorDefault"],img:["img"],fallback:["fallback"]};return(0,c.Z)(t,m,n)}(R);return C=L?(0,p.jsx)(b,(0,o.Z)({alt:l,src:S,srcSet:j,sizes:y,ownerState:R,className:M.img},Z)):null!=d?d:I&&l?l[0]:(0,p.jsx)(w,{ownerState:R,className:M.fallback}),(0,p.jsx)(x,(0,o.Z)({as:v,ownerState:R,className:(0,s.Z)(M.root,f),ref:n},N,{children:C}))}))},46378:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.isNavigator=n.isBrowser=n.off=n.on=n.noop=void 0;n.noop=function(){},n.on=function(e){for(var n=[],t=1;t<arguments.length;t++)n[t-1]=arguments[t];e&&e.addEventListener&&e.addEventListener.apply(e,n)},n.off=function(e){for(var n=[],t=1;t<arguments.length;t++)n[t-1]=arguments[t];e&&e.removeEventListener&&e.removeEventListener.apply(e,n)},n.isBrowser="undefined"!==typeof window,n.isNavigator="undefined"!==typeof navigator},17708:function(e,n,t){"use strict";var r=t(30969),a=t(46378);n.Z=function(e,n,t){if(!a.isBrowser)return[n,a.noop,a.noop];if(!e)throw new Error("useLocalStorage key may not be falsy");var o=t?t.raw?function(e){return e}:t.deserializer:JSON.parse,i=r.useRef((function(e){try{var r=t?t.raw?String:t.serializer:JSON.stringify,a=localStorage.getItem(e);return null!==a?o(a):(n&&localStorage.setItem(e,r(n)),n)}catch(s){return n}})),s=r.useState((function(){return i.current(e)})),c=s[0],l=s[1];r.useLayoutEffect((function(){return l(i.current(e))}),[e]);var u=r.useCallback((function(n){try{var r="function"===typeof n?n(c):n;if("undefined"===typeof r)return;var a=void 0;a=t?t.raw?"string"===typeof r?r:JSON.stringify(r):t.serializer?t.serializer(r):JSON.stringify(r):JSON.stringify(r),localStorage.setItem(e,a),l(o(a))}catch(s){}}),[e,l]),d=r.useCallback((function(){try{localStorage.removeItem(e),l(void 0)}catch(s){}}),[e,l]);return[c,u,d]}}}]);
+//# sourceMappingURL=9899.b8d8a5ca.chunk.js.map