@abtnode/blocklet-services 1.16.46-beta-20250703-024219-4029ee97 → 1.16.46-beta-20250704-234926-09d872ad

package/dist/assets/logger-CCGgFyYA.js

@@ -0,0 +1 @@
+import{b8 as e,b9 as s}from"./vendor-ux-did-connect-soajAeMx.js";const b=e("blocklet-services");s("blocklet-services");export{b as d};

package/dist/assets/login-JGAKiqpV.js

@@ -0,0 +1 @@
+import{j as e,ak as p,T,$ as r,am as Q,V as F,bJ as de,p as pe}from"./vendor-mui-core-CB7usZvs.js";import{f as fe,b as ue,u as ge,n as me}from"./vendor-hooks-BA23GwO5.js";import{r as X,i as he}from"./vendor-react-BvXSmFbV.js";import{H as O}from"./vendor-arcblock-B55HFGqZ.js";import{D as E,b as L,E as we,e as xe}from"./vendor-utils-eI_TRB_9.js";import{a2 as ye,a1 as ke,T as G,aa as z,j as Pe,aZ as be,a_ as je,f as R,aj as ve,ai as Ie,a$ as Te,a3 as M,z as Ce,b0 as _e,b1 as Le,b2 as Re,o as V}from"./vendor-ux-did-connect-soajAeMx.js";import{u as We}from"./use-passport-id-B-b-_oYF.js";import{g as B}from"./get-safe-url-BH99736U.js";import{u as Ee,s as Ne,a as Se,b as J}from"./index-B3QNvDDj.js";import{d as W}from"./logger-CCGgFyYA.js";import"./lottie-web-4koyQiv_.js";function Z({blocklet:c=window.blocklet}){return e.jsxs(p,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(ye,{variant:"rounded",shape:"square",did:c.appPid,src:c.appLogo,size:80}),e.jsx(T,{component:"h2",variant:"h6",children:c.appName}),e.jsx(ke,{did:c.appPid})]})}const Ae=X.memo(Z);Z.propTypes={blocklet:r.shape({appName:r.string,appLogo:r.string,appPid:r.string})};const Ue=()=>window.blocklet?.componentMountPoints?.find(s=>s.did==="z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk")?.mountPoint;function Y({children:c=null,cta:s=null,...i}){return e.jsxs(p,{...i,children:[c?e.jsx(p,{sx:{maxHeight:"50vh",overflow:"hidden",position:"relative",":after":{content:'""',position:"absolute",left:0,right:0,bottom:0,height:"80%",background:"linear-gradient(transparent, #fff 85%)"}},children:c}):null,s?e.jsx(p,{sx:{display:"flex",flexDirection:"column",alignItems:"center",py:4,borderRadius:2},children:s}):null]})}Y.propTypes={children:r.node,cta:r.node};function ee({passports:c=[],onConnect:s=()=>{},redirect:i,...y}){const{t:f}=G(),k=Ue(),P=a=>{const g=a?.payable;return k&&g?E(k,`/api/redirect/checkout/${g}?redirect=${i}`):null};return e.jsxs(p,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2,minHeight:"100vh",maxWidth:"400px",margin:"auto",paddingBottom:{sx:0,md:15}},children:[e.jsx(Ae,{}),e.jsx(Y,{...y,cta:e.jsxs(e.Fragment,{children:[e.jsx(T,{variant:"h4",sx:{mx:2,textAlign:"center",fontWeight:"bold",color:"warning.main"},children:f("login.accessLimit.title")}),e.jsx(T,{variant:"body1",sx:{maxWidth:620,mt:2,mx:2,textAlign:"center",color:"gray"},children:f("login.accessLimit.description")}),e.jsx(p,{sx:{display:"flex",flexWrap:"wrap",justifyContent:"center",gap:1,mt:5},children:c?.map(a=>{const g=P(a);return g?e.jsx(Q,{title:f("login.accessLimit.buyPassport"),arrow:!0,placement:"top",children:e.jsx(F,{color:"primary",variant:"contained",endIcon:e.jsx(de,{}),href:g,target:"_blank",children:a.title||a.name})},a.name):e.jsx(Q,{title:f("login.connectWithPassport"),arrow:!0,placement:"top",children:e.jsx(F,{color:"inherit",variant:"contained",onClick:s,children:a.title||a.name})},a.name)})}),e.jsxs(T,{variant:"body1",sx:{mt:2,color:"grey.400"},children:[e.jsx(p,{component:"span",sx:{display:"inline-block",mr:1},children:f("login.accessLimit.alreadyHavePassport")}),e.jsx(p,{component:"span",sx:{textDecoration:"underline",cursor:"pointer",color:"primary.main"},onClick:s,children:f("common.connect")})]})]})})]})}ee.propTypes={passports:r.arrayOf(r.shape({name:r.string.isRequired,title:r.string,payable:r.string})),onConnect:r.func,onClose:r.func,redirect:r.string.isRequired};function Be(){const c=X.useRef(null),{session:s}=Ee(),{t:i,locale:y}=G(),{getPassportId:f}=We(),k=he(),P=z(),a=Pe(),{encryptKey:g,decrypt:ne}=be(),b=fe(s),{searchParams:t}=new URL(window.location.href),m={passportId:f()},N=t.get("componentId"),S=t.get("authenticated"),te=t.get("sessionToken"),oe=t.get("refreshToken"),ie=t.get("requiredRoles"),u=t.get("redirect"),d=t.get("forceConnected"),j=t.get("sourceAppPid"),C=t.get("origin"),A=t.get("autoConnectWebview"),U=t.get("popup"),D=t.get("showQuickConnect");let h=t.get("inviter");if(!h&&u)try{h=(u.startsWith("http")?new URL(u):new URL(u,window.location.origin)).searchParams.get("inviter")}catch{}h=h||localStorage.getItem("inviter"),N&&(m.componentId=N),P&&(m.visitorId=P),h&&(m.inviter=h),xe(j)||(j==="null"?m.sourceAppPid=null:j!==null&&(m.sourceAppPid=j));let q=[];try{q=JSON.parse(ie)}catch{}const se=async n=>{const o=t.get("fromWallet");W("login page notifyWallet",{data:n,fromWallet:o,"browser.wallet":a.wallet}),n&&String(o)==="1"&&a.wallet&&await Promise.any([V.asyncCall("arcSetToken",n),J(3e3)])},_=n=>t.get("encrypted")?ne(n):n,H=async n=>{n&&await se(n),setTimeout(()=>{if(u){const o=decodeURIComponent(u);o.startsWith(R.WELLKNOWN_SERVICE_PATH_PREFIX)?k(o,{replace:!0}):window.location.replace(B(o))}else window.location.replace(window.env.pathPrefix||"/")},50)},re=n=>{const o={did:n.user.did,host:window.location.host,appPid:window.blocklet.appPid,visitorId:z(),sourceAppPid:n.user.sourceAppPid,fullName:n.user.fullName};W("bridge callArc: onLogin",o),V.callArc("onLogin",o)},$=async(n,o)=>{const w=o(n.sessionToken),v=o(n.refreshToken),x=o(n.visitorId);W("login page onLogin",{result:n,decodeSessionToken:w,decodeRefreshToken:v,decodeVisitorId:x}),Ne(w),Se(v),n.visitorId&&_e(x),await s.refresh(),await J(100),re(b.current);const l={};t.get("saveConnect")?(l.connected_did=b.current.user.did,l.connected_pk=b.current.user.pk,l.connected_wallet_os=b.current.walletOS,l.connected_app=Le()):(l.connected_did=t.get("connected_did"),l.connected_pk=t.get("connected_pk"),l.connected_app=t.get("connected_app"),l.connected_wallet_os=t.get("connected_wallet_os")),Re(l,!0),H({sessionToken:w,refreshToken:v,visitorId:x})},ce=ue(()=>C==="switch-did"?d&&typeof d=="string"?{title:i("login.switchSpecifiedDid.title"),scan:i("login.switchSpecifiedDid.scan",{did:d}),confirm:i("login.switchSpecifiedDid.confirm"),success:i("login.switchSpecifiedDid.success")}:{title:i("login.switchDid.title"),scan:i("login.switchDid.scan"),confirm:i("login.switchDid.confirm"),success:i("login.switchDid.success")}:{title:i("login.connect.title"),scan:i("login.connect.scan"),confirm:i("login.connect.confirm"),success:i("login.connect.success")},[d,C,i]),K=ge(()=>{const n=window?.blocklet,o={className:"connect",popup:!1,action:"login",passkeyBehavior:"both",onSuccess:$,onError:ae,locale:y,messages:ce,extraParams:m,baseUrl:window.location.origin,prefix:E(window.location.origin,R.WELLKNOWN_SERVICE_PATH_PREFIX,je)};d&&(o.forceConnected=d,o.extraParams.enableSwitchApp=!1,o.extraParams.forceConnected=d),o.options||(o.options={}),C==="switch-did"?o.options.showQuickConnect=!0:L(D)||([!1,"false"].includes(D)?o.options.showQuickConnect=!1:o.options.showQuickConnect=!0);const w=ve(),x=Ie()?w.appUrl:window.location.origin,l=E(x,R.WELLKNOWN_SERVICE_PATH_PREFIX,"connect"),I={params:Te(encodeURIComponent(JSON.stringify(o))),appPid:n?.appPid,appName:n?.appName,locale:y,redirect:window.location.href,_ek_:g};L(A)||(I.autoConnectWebview=A),L(U)||(I.popup=U),I.disableClose=!0,window.location.href=B(we(l,I),{allowDomains:null})});me(()=>{if(t.get("sessionToken")){const n=t.get("visitorId");if(!n){M.error("Unexpected login response from server: visitorId is required");return}$({sessionToken:_(te),refreshToken:_(oe),visitorId:_(n)},o=>o)}else!s.user||d&&s.user.did!==d?K():!S&&!t.get("sessionToken")&&H()});const ae=n=>{M.error(n.message)},le=t.has("popup");if(s.loading||s.user){if(!S||t.get("sessionToken"))return e.jsxs(e.Fragment,{children:[e.jsx(O,{children:e.jsx("title",{children:i("pageTitle.login")})}),e.jsx(Ce,{children:le?null:e.jsx(pe,{})})]});const n=u?new URL(u,window.location.origin).href:window.location.href;return e.jsx(ee,{onConnect:K,passports:q,redirect:n})}return e.jsxs(e.Fragment,{children:[e.jsx(O,{children:e.jsx("title",{children:i("pageTitle.login")})}),e.jsx(p,{sx:{"box-sizing":"border-box",width:"100%",height:"100vh",position:"relative",display:"flex","flex-direction":"column",".connect":{background:"#fafafa"}},ref:c})]})}export{Be as default};

package/dist/assets/login-oauth-callback-DqS91pc0.js

@@ -0,0 +1 @@
+import{j as e,aH as d,ak as r,T as m,au as u,V as p}from"./vendor-mui-core-CB7usZvs.js";import{a as x,j as f,n as h}from"./vendor-hooks-BA23GwO5.js";import{j as c}from"./vendor-react-BvXSmFbV.js";import{b3 as j,f as y,b4 as w,T as C}from"./vendor-ux-did-connect-soajAeMx.js";import{k as v}from"./vendor-arcblock-B55HFGqZ.js";import{D as k}from"./vendor-utils-eI_TRB_9.js";import"./lottie-web-4koyQiv_.js";const M="authorization_response",A=j();function D(){const{t}=C(),[n]=c(),a=()=>{window.close()};return h(()=>{const i=n.get("state"),l=n.get("code"),s={type:M,response:{code:l}};if(window.opener)try{const o=new URL(i);window.opener.postMessage(s,o.origin),setTimeout(()=>{window.close()},2e3)}catch(o){console.error("Invalid login caller",o)}}),e.jsx(u,{severity:"success",children:e.jsxs(r,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignContent:"center",gap:1},children:[t("login.needManualClose"),e.jsx(r,{sx:{textAlign:"center"},children:e.jsx(p,{variant:"outlined",size:"small",onClick:a,children:t("login.closeWindow")})})]})})}function U(){const{blocklet:t}=window,[n]=c(),a=n.get("error"),i=n.get("error_description"),l=n.get("state"),s=x({errorMesage:"",loading:!0});f(async()=>{if(a)s.errorMesage=i,s.loading=!1;else try{const g=new URL(l);(await A.federated.getTrustedDomains()).includes(g.hostname)||(s.errorMesage="Invalid login caller")}catch{s.errorMesage="Invalid login caller"}finally{s.loading=!1}},[a,i,l]);const o=k(y.WELLKNOWN_SERVICE_PATH_PREFIX,`/blocklet/logo?&version=${t?.meta?.version||""}`);return e.jsx(d,{sx:{display:"flex",flexDirection:"column",minHeight:"100vh",justifyContent:"center",alignContent:"center"},children:e.jsxs(r,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2,minHeight:"100vh",margin:"auto",paddingBottom:{sx:0,md:15}},children:[e.jsxs(r,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:.5},children:[e.jsx(r,{component:"img",src:o,alt:`${t?.appName||"site"} logo`,sx:{width:80}}),e.jsx(m,{variant:"h6",component:"p",children:t?.appName})]}),s.loading?s.errorMesage?e.jsx(v,{error:{message:s.errorMesage}}):e.jsx(D,{}):null,e.jsx(w,{sx:{mt:4}})]})})}export{U as default};

package/dist/assets/logo-uploader-X2TJccsm.js

@@ -0,0 +1,133 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-BqGWM_OW.js","assets/vendor-ux-did-connect-soajAeMx.js","assets/vendor-react-BvXSmFbV.js","assets/vendor-mui-core-CB7usZvs.js","assets/vendor-hooks-BA23GwO5.js","assets/vendor-utils-eI_TRB_9.js","assets/lottie-web-4koyQiv_.js","assets/vendor-arcblock-B55HFGqZ.js","assets/vendor-ux-did-connect-C3VYvpKG.css","assets/index-BmzIIRpf.js","assets/index-B3QNvDDj.js","assets/index-DrCTi6nm.css","assets/index-CGtM1j0R.js","assets/index-B5LvOF-F.css"])))=>i.map(i=>d[i]);
+import{ar as n,ak as l,j as t,$ as o}from"./vendor-mui-core-CB7usZvs.js";import{T as z,W as E}from"./vendor-ux-did-connect-soajAeMx.js";import{r as f}from"./vendor-react-BvXSmFbV.js";import{n as c,D as F}from"./vendor-utils-eI_TRB_9.js";import{c as O}from"./index-CGtM1j0R.js";const A=n.span`
+  color: ${e=>e.theme.palette.error.main};
+  &::before {
+    content: '*';
+  }
+`,D=n(l)`
+  width: 100%;
+  flex-grow: 1;
+  overflow-y: auto;
+
+  ${e=>e.theme.breakpoints.down("md")} {
+    width: 100%;
+    flex-shrink: 0;
+    padding: 0 4px;
+    transform: translate(0, 0);
+    /* max-height: 60vh; */
+  }
+
+  .form-item {
+    width: 100%;
+    margin-bottom: 24px;
+    position: relative;
+    ${e=>e.theme.breakpoints.down("md")} {
+      flex-wrap: wrap;
+      justify-content: space-between;
+      width: 100%;
+      flex-shrink: 0;
+    }
+  }
+
+  .form-item-body {
+    display: flex;
+    align-items: center;
+    width: 100%;
+  }
+
+  .form-item-label {
+    line-height: 1.2;
+    font-size: 14px;
+    color: #888;
+    font-weight: bold;
+
+    ${e=>e.theme.breakpoints.down("md")} {
+      text-align: left;
+      width: auto;
+      flex-grow: 1;
+    }
+  }
+
+  .form-item-input {
+    flex-grow: 1;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+
+    &.slot {
+      height: 40px;
+      line-height: 40px;
+      background: ${({theme:e})=>e.palette.grey[50]};
+      border: 1px solid;
+      border-color: ${({theme:e})=>e.palette.background.default};
+      font-size: 16px;
+
+      &:hover {
+        box-sizing: border-box;
+        background: ${({theme:e})=>e.palette.background.default};
+        border: 1px solid;
+        border-color: ${({theme:e})=>e.palette.divider};
+        border-radius: 4px;
+      }
+
+      .MuiChip-root {
+        margin-top: -4px;
+      }
+      .placeholder {
+        color: ${({theme:e})=>e.palette.grey[400]};
+      }
+    }
+
+    .MuiSelect-select {
+      padding: 8px;
+    }
+  }
+
+  .form-item-action {
+    // width: 100px;
+    text-align: left;
+    margin-left: 12px;
+    flex-shrink: 0;
+    ${e=>e.theme.breakpoints.down("md")} {
+      width: auto;
+      margin-left: 0px;
+    }
+    .MuiIconButton-root {
+      padding: 8px;
+      svg {
+        fill: #888;
+      }
+      &.Mui-disabled {
+        opacity: 0.4;
+      }
+    }
+  }
+`,q=f.lazy(()=>E(()=>import("./index-BqGWM_OW.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13])).then(e=>({default:e.Uploader}))),_="/blocklet/logo/upload",m=[".png",".jpg",".jpeg",".webp",".bmp",".ico"];function C({url:e,height:h=80,width:g="auto",enabled:s=!0,allowSVG:x=!0,type:r,did:i,prefix:b,headers:w=c,aspectRatio:p=1,minWidth:v=256,minHeight:k=256,onUploaded:y=c,children:d=null}){const{t:$,locale:R}=z(),a=f.useRef(null),u=()=>{a.current?.open()},j=()=>{y(),a.current?.close()},P={cursor:s?"pointer":"default","&::after":{content:`"${$("common.switch")}"`}};return t.jsxs(M,{id:`uploader-${i}-${r}`,children:[t.jsx(q,{ref:a,locale:R,popup:!0,onUploadFinish:j,plugins:["ImageEditor"],installerProps:{disabled:!0},apiPathProps:{uploader:F(b,_,r,i),disableMediaKitPrefix:!0,disableMediaKitStatus:!0},coreProps:{restrictions:{allowedFileExts:x?[...m,".svg"]:m,maxFileSize:1024*1024*5,maxNumberOfFiles:1}},dashboardProps:{autoOpen:"imageEditor"},imageEditorProps:{actions:{revert:!0,rotate:!0,granularRotate:!0,flip:!0,zoomIn:!0,zoomOut:!0,cropSquare:!1,cropWidescreen:!1,cropWidescreenVertical:!1},cropperOptions:{autoCrop:!0,autoCropArea:1,aspectRatio:p,initialAspectRatio:p,croppedCanvasOptions:{minWidth:v,minHeight:k}}},tusProps:{headers:w}}),d?t.jsx(l,{onClick:u,children:d}):t.jsx(l,{className:O("uploader-wrapper",s&&"enabled"),sx:P,onClick:u,children:t.jsx("img",{alt:r,src:e,style:{width:g,height:h}})})]},`uploader-${i}-${r}`)}C.propTypes={url:o.string.isRequired,type:o.oneOf(["square","rect","favicon","splash-portrait","splash-landscape","og-image"]).isRequired,did:o.string.isRequired,prefix:o.string.isRequired,headers:o.func,onUploaded:o.func,height:o.number,width:o.any,enabled:o.bool,allowSVG:o.bool,aspectRatio:o.number,minWidth:o.number,minHeight:o.number,children:o.node};const M=n.div`
+  .uploader-wrapper {
+    display: inline-flex;
+    position: relative;
+    font-size: 0px;
+    overflow: hidden;
+    &.enabled {
+      cursor: pointer;
+    }
+    &::after {
+      display: none;
+    }
+    &.enabled::after {
+      display: block;
+      opacity: 1;
+      position: absolute;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.3);
+      left: 0;
+      right: 0;
+      height: 2.2em;
+      color: white;
+      text-align: center;
+      font-size: 12px;
+      line-height: 2em;
+      transition: opacity 0.3s ease;
+    }
+  }
+`;export{D as F,C as L,A as R};

package/dist/assets/lost-passport-BmeRKwmT.js

@@ -0,0 +1,168 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-Bvup9KK2.js","assets/vendor-react-BvXSmFbV.js"])))=>i.map(i=>d[i]);
+import{j as e,ar as $,$ as v,O as U,ak as p,aA as F,bK as X,T as N,bL as H,bM as O,bN as B,az as G,aH as Q,bO as V,bP as J,bQ as K}from"./vendor-mui-core-CB7usZvs.js";import{bb as q,j as Y,au as I,n as L,W as Z,ba as ee,T as te}from"./vendor-ux-did-connect-soajAeMx.js";import{r as u}from"./vendor-react-BvXSmFbV.js";import{a as se,y as oe}from"./vendor-hooks-BA23GwO5.js";import{O as ae}from"./vendor-utils-eI_TRB_9.js";import{N as ne,H as re}from"./vendor-arcblock-B55HFGqZ.js";import{W as ie}from"./did-address-D3Egz-BH.js";import{w as ce}from"./wrap-locale-DXvoSw5L.js";import{u as le}from"./use-passport-id-B-b-_oYF.js";import{i as D,c as pe,S as de,s as ue,a as me}from"./index-B3QNvDDj.js";import{g as he}from"./get-safe-url-BH99736U.js";import"./lottie-web-4koyQiv_.js";function W({list:s=[],width:c=300,height:m=400,cardSpace:l=40,onSelect:i=()=>{},defaultIndex:y=0}){const[h,k]=u.useState(0),[x,o]=u.useState(0),d=u.useRef(null),f=n=>{if(n<0||n>s.length-1)return;k(n);const r=d.current.clientWidth;o(n*(c+l)-(r-c)/2+l*.5),i(n)};u.useEffect(()=>{f(y);const n=r=>r.preventDefault();d.current.addEventListener("touchmove",n,{passive:!1})},[]);let b;const a=n=>{b=n.touches[0].clientX},w=n=>{const r=n.changedTouches[0],j=b-r.clientX;Math.abs(j)>60&&(j>0?f(h+1):f(h-1))};return e.jsx(xe,{ref:d,onTouchStart:a,onTouchEnd:w,children:e.jsx("div",{className:"card-container",style:{transform:`translate(${-x}px, 0)`},children:s.map((n,r)=>e.jsx("div",{className:`card-item ${r===h?"selected":""}`,style:{width:c,height:m,margin:l/2},onClick:()=>f(r),children:n.display?e.jsx("div",{className:"card-content",children:e.jsx(ne,{data:n.display,style:{width:"100%",height:"100%"}})}):e.jsx("div",{className:"card-content",dangerouslySetInnerHTML:{__html:n.src}})},n.id))})})}const xe=$.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;
+      }
+    }
+  }
+`;W.propTypes={list:v.array,width:v.number,height:v.number,cardSpace:v.number,onSelect:v.func,defaultIndex:v.number};function fe({icon:s,active:c,completed:m}){const l={1:e.jsx(K,{className:"step-icon"}),2:e.jsx(J,{className:"step-icon"}),3:e.jsx(V,{className:"step-icon"})},i=["step-icon-w"];return c&&i.push("step-icon-w--active"),m&&i.push("step-icon-w--completed"),e.jsx("div",{className:i.join(" "),children:l[String(s)]})}function ge({SessionContext:s,webWalletUrl:c,createPassportSvg:m,passportColor:l,onLogin:i,teamDid:y}){const{api:h,session:k}=u.useContext(s),x=U(t=>t.breakpoints.down("sm")),o=se({user:null,passport:null,success:!1,activeStep:0}),d=u.useRef({sessionToken:"",refreshToken:""}),{setPassportId:f,clearPassportId:b}=le(),{t:a,locale:w}=u.useContext(q),{wallet:n}=Y(),[r,j]=u.useState(0),{searchParams:M}=new URL(window.location.href),P=()=>{o.activeStep++},A=t=>{o.user=t.user},E=()=>{P()},R=(t,g)=>{t?.passportId&&f(t.passportId),t?.sessionToken&&(d.current.sessionToken=g(t.sessionToken)),t?.refreshToken&&(d.current.refreshToken=g(t.refreshToken)),o.success=!0,P()},_=async()=>{try{await k.logout()}catch(t){console.warn(t)}},S=async()=>{if(n&&D()){Z(()=>import("./index-Bvup9KK2.js").then(g=>g.i),__vite__mapDeps([0,1])).then(g=>{g.call("arcClosePage")});return}await _(),ae(i)&&i({sessionToken:d.current.sessionToken,refreshToken:d.current.refreshToken});const t=M.get("redirect");if(t){window.location.replace(he(t));return}b(),window.location.replace("/")},z=t=>{o.passport=t.target.value},[T]=oe({leftTime:r,onEnd:()=>{S()}}),C=[{label:a("lostPassport.recoverPassport"),content:()=>o.user?e.jsxs(p,{className:"select-passport",children:[e.jsxs(p,{className:"user-info",sx:{my:1,display:"flex",alignItems:"center"},children:[e.jsx(F,{src:o.user.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),e.jsxs(p,{children:[e.jsx(p,{className:"name",children:o.user.fullName}),e.jsx(p,{className:"did",sx:{mt:1},children:e.jsx(ie,{responsive:!x,compact:x,did:o.user.did})})]})]}),e.jsx("div",{children:e.jsx(W,{width:x?180:230,height:x?240:306,cardSpace:24,list:o.user.passportTypes.map(t=>({src:m({scope:t.scope,role:t.role,title:t.scope==="kyc"?t.name:t.title,issuer:t.issuer.name,issuerDid:t.issuer.id,ownerDid:o.user.did,ownerName:o.user.fullName,ownerAvatarUrl:o.user.avatar,preferredColor:l||"auto",extra:t.scope==="kyc"?{key:"Email",value:t.name}:void 0}),name:t.title,id:t.id,display:t.display})),onSelect:t=>z({target:{value:o.user.passportTypes[t].id}}),defaultIndex:0})}),e.jsx(p,{sx:{textAlign:"center"},children:e.jsx(L,{variant:"contained",color:"primary",onClick:()=>E(),disabled:!o.passport,children:a("common.next")})})]}):e.jsx(I,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-list",forceConnected:!1,autoConnect:!1,checkFn:h.get,checkTimeout:10*60*1e3,webWalletUrl:c,onSuccess:A,locale:w,messages:{title:a("lostPassport.recoverDialog.title"),scan:a("lostPassport.recoverDialog.scan"),confirm:a("lostPassport.recoverDialog.confirm"),success:a("lostPassport.recoverDialog.success")}})},{label:a("lostPassport.receivePassport"),content:()=>{const t={receiverDid:o.user.did,passportId:o.passport,teamDid:y||window?.blocklet?.did};return e.jsx(I,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-issue",checkFn:h.get,checkTimeout:10*60*1e3,webWalletUrl:c,onSuccess:R,forceConnected:!1,locale:w,messages:{title:`${a("lostPassport.receiveDialog.title")}`,scan:a("lostPassport.receiveDialog.scan"),confirm:a("lostPassport.receiveDialog.confirm"),success:a("lostPassport.receiveDialog.success")},extraParams:t})}},{label:a("common.complete"),content:()=>(r===0&&j(3e3),e.jsxs(p,{sx:{textAlign:"center"},children:[e.jsx(p,{sx:{mb:3,color:"success.main"},children:e.jsx(X,{style:{fontSize:60}})}),e.jsx(N,{component:"p",variant:"body1",className:"subheader",children:a("issuePassport.dialog.success")}),e.jsx(N,{component:"p",variant:"body2",color:"gray",children:n&&D()?a("issuePassport.dialog.autoClose",{seconds:Math.round(T/1e3)}):a("issuePassport.dialog.autoJump",{seconds:Math.round(T/1e3)})}),e.jsx(L,{style:{marginTop:40},variant:"contained",color:"primary",onClick:S,children:a("issuePassport.dialog.loginWithPassport")})]}))}];return e.jsx(ve,{children:e.jsxs("div",{className:"stepper",children:[e.jsx(H,{className:"stepper-progress",alternativeLabel:!0,activeStep:o.activeStep,children:C.map(({label:t})=>e.jsx(O,{children:e.jsx(B,{slots:{stepIcon:fe},children:t})},t))}),e.jsx("div",{className:"stepper-content",children:C[o.activeStep].content()}),!o.success&&e.jsx(p,{sx:{textAlign:"center",fontSize:12},children:e.jsx(G,{href:"/",sx:{color:"#4598FA",textDecoration:"none"},children:a("lostPassport.return")})})]})})}const ve=$(Q)`
+  padding-top: 46px;
+  padding-bottom: 46px;
+  height: 100%;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  @media (max-width: ${s=>s.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: ${s=>s.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: ${s=>s.theme.palette.grey[500]};
+        z-index: 1;
+        color: ${s=>s.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: ${s=>s.theme.palette.primary.main};
+      }
+
+      .step-icon-w--completed {
+        background-color: ${s=>s.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: ${s=>s.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: ${s=>s.theme.breakpoints.values.sm}px) {
+        width: 100%;
+      }
+    }
+
+    .user-info {
+      .name {
+        font-weight: 500;
+        font-size: 18px;
+        line-height: 25px;
+        color: #222222;
+      }
+    }
+  }
+
+  .connect {
+    background: #fafafa;
+  }
+`,be=ce(ge);function $e(){const s=ee(),{t:c}=te(),m=({sessionToken:l,refreshToken:i}={})=>{l&&ue(l),i&&me(i)};return e.jsxs(e.Fragment,{children:[e.jsx(re,{children:e.jsx("title",{children:c("pageTitle.lostPassport")})}),e.jsx(be,{SessionContext:de,webWalletUrl:s,createPassportSvg:pe,passportColor:window?.env?.passportColor||"auto",onLogin:m})]})}export{$e as default};