@abtnode/webapp 1.16.32-beta-4d47ae7f → 1.16.32-beta-0593a408

package/dist/assets/index-R9IrSene.js

@@ -1,168 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-CGOUaJ_z.js","./index-CKU0PpEw.js","./index-BEj64JY8.css"])))=>i.map(i=>d[i]);
-import{r as p,ci as X,cj as F,ck as O,cl as H,aK as q,aL as G,j as s,n as R,P as y,J,aO as Q,f as V,cm as K,y as I,Q as x,cd as Y,W as Z,B as M,m as D,O as ee,cn as te,bn as se,co as ae,cp as ne,u as oe,z as re,am as ie,bk as ce,ad as le}from"./index-CKU0PpEw.js";import{d as pe}from"./CheckCircle-DPohrgKR.js";import{d as de}from"./ViewList-CfaSgmZ_.js";import{d as ue}from"./Done-BtTm21Vc.js";import{w as me}from"./wrap-locale-B2waNGO5.js";import{S as fe,a as he,b as xe}from"./Stepper-DbXOEvNn.js";var S=function(e){if(!e)return 0;var r=H(e).valueOf()-Date.now();return r<0?0:r},ge=function(e){return{days:Math.floor(e/864e5),hours:Math.floor(e/36e5)%24,minutes:Math.floor(e/6e4)%60,seconds:Math.floor(e/1e3)%60,milliseconds:Math.floor(e)%1e3}},ve=function(e){e===void 0&&(e={});var r=e||{},l=r.leftTime,i=r.targetDate,d=r.interval,v=d===void 0?1e3:d,b=r.onEnd,g=p.useMemo(function(){return X(l)&&l>0?Date.now()+l:void 0},[l]),a="leftTime"in e?g:i,f=F(p.useState(function(){return S(a)}),2),h=f[0],u=f[1],n=O(b);p.useEffect(function(){if(!a){u(0);return}u(S(a));var w=setInterval(function(){var o,c=S(a);u(c),c===0&&(clearInterval(w),(o=n.current)===null||o===void 0||o.call(n))},v);return function(){return clearInterval(w)}},[a,v]);var j=p.useMemo(function(){return ge(h)},[h]);return[h,j]},k={},be=G;Object.defineProperty(k,"__esModule",{value:!0});var E=k.default=void 0,we=be(q()),je=s;E=k.default=(0,we.default)((0,je.jsx)("path",{d:"M19 9h-4V3H9v6H5l7 7zM5 18v2h14v-2z"}),"GetApp");function T({list:e,width:r,height:l,cardSpace:i,onSelect:d,defaultIndex:v}){const[b,g]=p.useState(0),[a,f]=p.useState(0),h=p.useRef(null),u=o=>{if(o<0||o>e.length-1)return;g(o);const c=h.current.clientWidth;f(o*(r+i)-(c-r)/2+i*.5),d(o)};p.useEffect(()=>{u(v);const o=c=>c.preventDefault();h.current.addEventListener("touchmove",o,{passive:!1})},[]);let n;const j=o=>{n=o.touches[0].clientX},w=o=>{const c=o.changedTouches[0],P=n-c.clientX;Math.abs(P)>60&&(P>0?u(b+1):u(b-1))};return s.jsx(ye,{ref:h,onTouchStart:j,onTouchEnd:w,children:s.jsx("div",{className:"card-container",style:{transform:`translate(${-a}px, 0)`},children:e.map((o,c)=>s.jsx("div",{className:`card-item ${c===b?"selected":""}`,style:{width:r,height:l,margin:i/2},onClick:()=>u(c),children:s.jsx("div",{className:"card-content",dangerouslySetInnerHTML:{__html:o.src}})},o.id))})})}const ye=R.div`
-  overflow: hidden;
-  mask-image: linear-gradient(to left, transparent, black 3%, black 97%, transparent);
-  overflow: hidden;
-  .card-container {
-    display: flex;
-    white-space: nowrap;
-    width: max-content;
-    transition: all ease 0.3s;
-  }
-  .card-item {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    flex-shrink: 0;
-    cursor: pointer;
-
-    .card-content {
-      pointer-events: none;
-      max-width: 100%;
-      max-height: 100%;
-      width: auto;
-      height: auto;
-      outline: #526ded solid 0;
-      transition: all ease 0.2s;
-      box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
-    }
-    &.selected {
-      cursor: default;
-      .card-content {
-        outline: #526ded solid 5px;
-      }
-    }
-  }
-`;T.propTypes={list:y.array,width:y.number,height:y.number,cardSpace:y.number,onSelect:y.func,defaultIndex:y.number};T.defaultProps={list:"",width:300,height:400,cardSpace:40,onSelect:()=>{},defaultIndex:0};const $=()=>{const{searchParams:e}=new URL(window.location.href);return e.get("fromWallet")==="1"};function Pe({icon:e,active:r,completed:l}){const i={1:s.jsx(de,{className:"step-icon"}),2:s.jsx(E,{className:"step-icon"}),3:s.jsx(ue,{className:"step-icon"})},d=["step-icon-w"];return r&&d.push("step-icon-w--active"),l&&d.push("step-icon-w--completed"),s.jsx("div",{className:d.join(" "),children:i[String(e)]})}function Se({SessionContext:e,webWalletUrl:r,createPassportSvg:l,passportColor:i,onLogin:d}){const{api:v,session:b}=p.useContext(e),g=J(t=>t.breakpoints.down("sm")),a=Q({user:null,passport:null,success:!1,activeStep:0}),f=p.useRef({sessionToken:"",refreshToken:""}),{setPassportId:h,clearPassportId:u}=ne(),{t:n,locale:j}=p.useContext(V),{wallet:w}=K(),[o,c]=p.useState(0),{searchParams:P}=new URL(window.location.href),C=()=>{a.activeStep++},W=t=>{a.user=t.user},A=()=>{C()},z=(t,m)=>{t!=null&&t.passportId&&h(t.passportId),t!=null&&t.sessionToken&&(f.current.sessionToken=m(t.sessionToken)),t!=null&&t.refreshToken&&(f.current.refreshToken=m(t.refreshToken)),a.success=!0,C()},U=()=>new Promise(t=>{try{b.logout(()=>{t()})}catch{t()}}),L=async()=>{if(w&&$()){se(()=>import("./index-CGOUaJ_z.js").then(m=>m.i),__vite__mapDeps([0,1,2]),import.meta.url).then(m=>{m.call("arcClosePage")});return}await U(),ae(d)&&d({sessionToken:f.current.sessionToken,refreshToken:f.current.refreshToken});const t=P.get("redirect");if(t){window.location.replace(t);return}u(),window.location.replace("/")},B=t=>{a.passport=t.target.value},[N]=ve({leftTime:o,onEnd:()=>{L()}}),_=[{label:n("lostPassport.selectPassport"),content:()=>a.user?s.jsxs(x,{className:"select-passport",children:[s.jsxs(x,{my:1,display:"flex",alignItems:"center",className:"user-info",children:[s.jsx(Y,{src:a.user.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),s.jsxs(x,{children:[s.jsx(x,{className:"name",children:a.user.fullName}),s.jsx(x,{className:"did",mt:1,children:s.jsx(Z,{responsive:!g,compact:g,did:a.user.did})})]})]}),s.jsx("div",{children:s.jsx(T,{width:g?180:230,height:g?240:306,cardSpace:24,list:a.user.passportTypes.map(t=>({src:l({title:t.title,issuer:t.issuer.name,issuerDid:t.issuer.id,ownerDid:a.user.did,ownerName:a.user.fullName,ownerAvatarUrl:a.user.avatar,preferredColor:i||"auto"}),name:t.title,id:t.id})),onSelect:t=>B({target:{value:a.user.passportTypes[t].name}}),defaultIndex:0})}),s.jsx(x,{textAlign:"center",children:s.jsx(M,{variant:"contained",color:"primary",onClick:()=>A(),disabled:!a.passport,children:n("common.next")})})]}):s.jsx(I,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-list",forceConnected:!1,autoConnect:!1,checkFn:v.get,checkTimeout:10*60*1e3,webWalletUrl:r,onSuccess:W,locale:j,messages:{title:n("lostPassport.dialog.title"),scan:n("lostPassport.dialog.scan"),confirm:n("lostPassport.dialog.confirm"),success:n("lostPassport.dialog.success")}})},{label:n("lostPassport.receivePassport"),content:()=>{var m;const t={receiverDid:a.user.did,passportName:a.passport,teamDid:((m=window==null?void 0:window.blocklet)==null?void 0:m.did)||""};return s.jsx(I,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-issue",checkFn:v.get,checkTimeout:10*60*1e3,webWalletUrl:r,onSuccess:z,locale:j,messages:{title:`${n("lostPassport.dialog.title")}`,scan:n("lostPassport.dialog.scan"),confirm:n("lostPassport.dialog.confirm"),success:n("lostPassport.dialog.success")},extraParams:t})}},{label:n("common.complete"),content:()=>(o===0&&c(3e3),s.jsxs(x,{textAlign:"center",children:[s.jsx(x,{mb:3,color:"success.main",children:s.jsx(pe,{style:{fontSize:60}})}),s.jsx(D,{component:"p",variant:"body1",className:"subheader",children:n("issuePassport.dialog.success")}),s.jsx(D,{component:"p",variant:"body2",color:"gray",children:w&&$()?n("issuePassport.dialog.autoClose",{seconds:Math.round(N/1e3)}):n("issuePassport.dialog.autoJump",{seconds:Math.round(N/1e3)})}),s.jsx(M,{style:{marginTop:40},variant:"contained",color:"primary",onClick:L,children:n("issuePassport.dialog.loginWithPassport")})]}))}];return s.jsx(ke,{children:s.jsxs("div",{className:"stepper",children:[s.jsx(fe,{className:"stepper-progress",alternativeLabel:!0,activeStep:a.activeStep,children:_.map(({label:t})=>s.jsx(he,{children:s.jsx(xe,{StepIconComponent:Pe,children:t})},t))}),s.jsx("div",{className:"stepper-content",children:_[a.activeStep].content()}),!a.success&&s.jsx(x,{textAlign:"center",fontSize:12,children:s.jsx(ee,{to:"/",style:{color:"#4598FA"},children:n("lostPassport.return")})})]})})}const ke=R(te)`
-  padding-top: 46px;
-  padding-bottom: 46px;
-  height: 100%;
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  @media (max-width: ${e=>e.theme.breakpoints.values.sm}px) {
-    display: block;
-  }
-  .header {
-    text-align: center;
-    margin-bottom: 24px;
-  }
-
-  .stepper {
-    padding: 24px;
-    height: auto;
-    width: 100%;
-    min-height: 640px;
-    display: flex;
-    flex-direction: column;
-
-    @media (max-width: ${e=>e.theme.breakpoints.values.sm}px) {
-      min-height: auto;
-    }
-
-    .stepper-progress {
-      padding: 0;
-      flex: 0;
-      margin-bottom: 24px;
-
-      .MuiStepLabel-label.MuiStepLabel-alternativeLabel {
-        margin-top: 8px;
-      }
-
-      .MuiStepConnector-alternativeLabel {
-        top: 24px;
-      }
-
-      .MuiStepConnector-lineHorizontal {
-        height: 3px;
-        border: none;
-        background-color: #eaeaf0;
-        border-radius: 1px;
-      }
-
-      .step-icon-w {
-        background-color: ${e=>e.theme.palette.grey[500]};
-        z-index: 1;
-        color: ${e=>e.theme.palette.common.white};
-        width: 50px;
-        height: 50px;
-        display: flex;
-        border-radius: 50%;
-        justify-content: center;
-        align-items: center;
-        .step-icon {
-          font-size: 30px;
-        }
-      }
-
-      .step-icon-w--active {
-        background-color: ${e=>e.theme.palette.primary.main};
-      }
-
-      .step-icon-w--completed {
-        background-color: ${e=>e.theme.palette.secondary.main};
-      }
-    }
-
-    .stepper-content {
-      padding: 0 64px;
-      flex: 1;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      margin-bottom: 24px;
-
-      .stepper-icon {
-        margin-left: 40px;
-      }
-
-      .stepper-auth {
-        padding: 0;
-
-        .auth-title {
-          margin-bottom: 16px;
-        }
-      }
-
-      .stepper-tip {
-        text-align: center;
-        margin-bottom: 16px;
-      }
-      @media (max-width: ${e=>e.theme.breakpoints.values.sm}px) {
-        padding: 0;
-      }
-    }
-
-    .stepper-actions {
-      flex: 0;
-      text-align: right;
-      padding: 0 64px;
-      display: none;
-      .step-button {
-        margin-right: 8px;
-      }
-    }
-
-    .select-passport {
-      width: 80%;
-      @media (max-width: ${e=>e.theme.breakpoints.values.sm}px) {
-        width: 100%;
-      }
-    }
-
-    .user-info {
-      .name {
-        font-weight: 500;
-        font-size: 18px;
-        line-height: 25px;
-        color: #222222;
-      }
-    }
-  }
-
-  .connect {
-    background: #fafafa;
-  }
-`,Te=me(Se);function De(){const{info:e}=oe(),r=re(e),l=({sessionToken:i}={})=>{i&&le(i)};return s.jsx(Te,{SessionContext:ie,webWalletUrl:r,createPassportSvg:i=>ce(i,e),passportColor:"default",onLogin:l})}export{De as default};