@abtnode/blocklet-services 1.16.20-beta-e6e3b017 → 1.16.20-beta-e363262e

package/dist/assets/log-27ad1df4.css

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2014 The xterm.js authors. All rights reserved.
+ * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
+ * https://github.com/chjj/term.js
+ * @license MIT
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Originally forked from (with the author's permission):
+ *   Fabrice Bellard's javascript vt100 for jslinux:
+ *   http://bellard.org/jslinux/
+ *   Copyright (c) 2011 Fabrice Bellard
+ *   The original design remains. The terminal itself
+ *   has been extended to include xterm CSI codes, among
+ *   other features.
+ */.xterm{font-feature-settings:"liga" 0;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm{cursor:text}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:.5}.xterm-underline{text-decoration:underline}

package/dist/assets/login-cda3baec.js

@@ -0,0 +1 @@
+import{r as U,P as i,j as e,B as d,A as M,T as f,D as _,u as D,a as T,b as C,c as x,d as B,e as F,g as H,f as z,h as K,C as O,S as V,i as w,k as $,l as J,m as X,n as G,s as Q,o as Y,p as Z}from"./index-92a4f00b.js";import{u as ee}from"./use-passport-id-7bbe3403.js";import{d as ne}from"./LaunchOutlined-3e1a558c.js";function P({blocklet:n}){return e.jsxs(d,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(M,{variant:"rounded",shape:"square",did:n.appPid,src:n.appLogo,size:80}),e.jsx(f,{component:"h2",variant:"h6",children:n.appName}),e.jsx(_,{did:n.appPid})]})}const te=U.memo(P);P.propTypes={blocklet:i.shape({appName:i.string,appLogo:i.string,appPid:i.string})};P.defaultProps={blocklet:window.blocklet};const oe=()=>{var o,r;const n=(r=(o=window.blocklet)==null?void 0:o.componentMountPoints)==null?void 0:r.find(c=>c.did==="z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk");return n==null?void 0:n.mountPoint};function y({children:n,cta:o,...r}){return e.jsxs(d,{...r,children:[n?e.jsx(d,{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:n}):null,o?e.jsx(d,{sx:{display:"flex",flexDirection:"column",alignItems:"center",py:4,borderRadius:2},children:o}):null]})}y.propTypes={children:i.node,cta:i.node};y.defaultProps={children:null,cta:null};function j({passports:n,onConnect:o,onClose:r,redirect:c,...h}){const{t:l}=D(),g=oe(),a=s=>{const p=s==null?void 0:s.payable;return g&&p?x(g,`/api/redirect/checkout/${p}?redirect=${c}`):null};return e.jsxs(d,{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(te,{}),e.jsx(y,{...h,cta:e.jsxs(e.Fragment,{children:[e.jsx(f,{variant:"h4",sx:{mx:2,textAlign:"center",fontWeight:"bold",color:"warning.main"},children:l("login.accessLimit.title")}),e.jsx(f,{variant:"body1",sx:{maxWidth:620,mt:2,mx:2,textAlign:"center",color:"gray"},children:l("login.accessLimit.description")}),e.jsx(d,{sx:{display:"flex",flexWrap:"wrap",justifyContent:"center",gap:1,mt:5},children:n==null?void 0:n.map(s=>{const p=a(s);return p?e.jsx(T,{title:l("login.accessLimit.buyPassport"),arrow:!0,placement:"top",children:e.jsx(C,{color:"primary",variant:"contained",endIcon:e.jsx(ne,{}),href:p,target:"_blank",children:s.title||s.name})},s.name):e.jsx(T,{title:l("login.connectWithPassport"),arrow:!0,placement:"top",children:e.jsx(C,{color:"inherit",variant:"contained",onClick:o,children:s.title||s.name})},s.name)})}),e.jsxs(f,{variant:"body1",sx:{mt:2,color:"grey.400"},children:[e.jsx(d,{component:"span",sx:{display:"inline-block",mr:1},children:l("login.accessLimit.alreadyHavePassport")}),e.jsx(d,{component:"span",sx:{textDecoration:"underline",cursor:"pointer",color:"primary.main"},onClick:o,children:l("common.connect")})]})]})})]})}j.propTypes={passports:i.arrayOf(i.shape({name:i.string.isRequired,title:i.string,payable:i.string})),onConnect:i.func,onClose:i.func,redirect:i.string.isRequired};j.defaultProps={passports:[],onConnect:()=>{},onClose:()=>{}};const L=n=>{setTimeout(()=>{const{searchParams:o}=new URL(window.location.href),r=o.get("redirect");if(r){const c=decodeURIComponent(r);c.startsWith(w)?n(c,{replace:!0}):window.location=c}else window.location=window.env.pathPrefix||"/"},50)};function ce(){const n=U.useRef(null),{session:o}=B(),{t:r,locale:c}=D(),{getPassportId:h}=ee(),l=F(),g=H(),{searchParams:a}=new URL(window.location.href),s={passportId:h()},p=a.get("componentId"),I=a.get("authenticated"),E=a.get("sessionToken"),A=a.get("refreshToken"),N=a.get("requiredRoles"),v=a.get("redirect");p&&(s.componentId=p),g&&(s.visitorId=g);let b=[];try{b=JSON.parse(N)}catch{}const k=async(t,u)=>{Q(u(t.sessionToken)),Y(u(t.refreshToken)),t.visitorId&&Z(u(t.visitorId)),await o.refresh(),L(l)},R=z(()=>{const t=window==null?void 0:window.blocklet,u={className:"connect",popup:!1,action:"login",onSuccess:k,onError:S,locale:c,messages:{title:r("login.dialog.title"),scan:r("login.dialog.scan"),confirm:r("login.dialog.confirm"),success:r("login.dialog.success")},extraParams:s,baseUrl:window.location.origin,prefix:window.location.origin+x(w,$)},W=J(),q=X()?W.appUrl:window.location.origin,m=new URL(x(w,"connect"),q);m.searchParams.set("params",btoa(encodeURIComponent(JSON.stringify(u)))),m.searchParams.set("appPid",t==null?void 0:t.appPid),m.searchParams.set("appName",t==null?void 0:t.appName),m.searchParams.set("locale",c),m.searchParams.set("redirect",window.location.href),window.location.href=m.href});K(()=>{a.get("sessionToken")?k({sessionToken:E,refreshToken:A,visitorId:a.get("visitorId")},t=>t):o.user?!I&&!a.get("sessionToken")&&L(l):R()});const S=t=>{G.error(t.message)};if(o.loading||o.user){if(!I||a.get("sessionToken"))return e.jsx(O,{children:e.jsx(V,{})});const t=v?new URL(v,window.location.origin).href:window.location.href;return e.jsx(j,{onConnect:R,passports:b,redirect:t})}return e.jsx(d,{sx:{"box-sizing":"border-box",width:"100%",height:"100vh",position:"relative",display:"flex","flex-direction":"column",".connect":{background:"#fafafa"}},ref:n})}export{ce as default};

package/dist/assets/logo-uploader-10082f85.js

@@ -0,0 +1,121 @@
+import{y as s,B as p,P as t,u as v,r as d,j as i,c as k,M as P,br as R}from"./index-92a4f00b.js";import{c as $}from"./index-4fad9218.js";const j=s.span`
+  color: ${e=>e.theme.palette.error.main};
+  &::before {
+    content: '*';
+  }
+`,M=j,E=s(p)`
+  width: 100%;
+  flex-grow: 1;
+  overflow-y: auto;
+  ${e=>e.theme.breakpoints.down("md")} {
+    width: 100%;
+    flex-shrink: 0;
+    padding: 0 24px;
+    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%;
+    margin-top: 4px;
+  }
+
+  .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: #f8f8f8;
+      font-size: 16px;
+
+      .MuiChip-root {
+        margin-top: -4px;
+      }
+    }
+
+    .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=d.lazy(()=>P(()=>import("./react-910d946c.js").then(e=>e.r),["assets/react-910d946c.js","assets/index-92a4f00b.js","assets/index-d8bbb108.css","assets/index-27d4dfae.js","assets/preact.module-c0a7ffab.js","assets/index-718ac3c1.js","assets/index-4fad9218.js","assets/memoize-one.esm-6e5f1652.js","assets/uniqBy-1e1a09e5.js","assets/react-1ee50eda.css"]).then(e=>({default:e.Uploader}))),F="/blocklet/logo/upload";function c({url:e,height:f,width:u,enabled:l,type:r,did:a,prefix:h,headers:m,onUploaded:x}){const{t:g}=v(),n=d.useRef(null),w=()=>{var o;(o=n.current)==null||o.open()},b=()=>{var o;x(),(o=n.current)==null||o.close()},y={cursor:l?"pointer":"default","&::after":{content:`"${g("common.switch")}"`}};return i.jsxs(U,{id:`uploader-${a}-${r}`,children:[i.jsx(q,{ref:n,popup:!0,onUploadFinish:b,plugins:["ImageEditor"],apiPathProps:{uploader:k(h,F,r,a),disableMediaKitPrefix:!0},coreProps:{restrictions:{allowedFileTypes:["image/*",".jpg",".jpeg",".png",".gif",".svg"],maxFileSize:1024*1024*10,maxNumberOfFiles:1}},tusProps:{headers:m}}),i.jsx(p,{className:$("uploader-wrapper",l&&"enabled"),sx:y,onClick:w,children:i.jsx("img",{alt:"Logo",src:e,style:{height:f,width:u}})})]},`uploader-${a}-${r}`)}c.propTypes={url:t.string.isRequired,type:t.oneOf(["square","rect","favicon"]).isRequired,did:t.string.isRequired,prefix:t.string.isRequired,headers:t.func,onUploaded:t.func,height:t.number,width:t.any,enabled:t.bool};c.defaultProps={height:80,width:"auto",enabled:!0,headers:()=>({}),onUploaded:R};const U=s.div`
+  .uploader-wrapper {
+    display: inline-flex;
+    position: relative;
+    font-size: 0px;
+    &.enabled {
+      cursor: pointer;
+    }
+    &::after {
+      display: none;
+    }
+    &.enabled::after {
+      display: block;
+      opacity: 0;
+      position: absolute;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.2);
+      left: 0;
+      right: 0;
+      height: 2.2em;
+      color: white;
+      text-align: center;
+      font-size: 12px;
+      line-height: 2em;
+      transition: opacity 0.3s ease;
+    }
+    &:hover::after {
+      opacity: 1;
+    }
+  }
+`;export{E as F,c as L,M as R};

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

@@ -0,0 +1,163 @@
+import{H as W,I as E,j as e,y as R,P as m,r as h,J as A,F as D,e as U,_ as V,x as L,B as c,G as k,T as X,L as F,K as B,M as O,w as $,z as q,E as G,N as K}from"./index-92a4f00b.js";import{d as J}from"./CheckCircle-2038a214.js";import{d as Q}from"./Done-d51e9c7a.js";import{W as Y}from"./did-address-46af4fcc.js";import{w as Z}from"./wrap-locale-0579c927.js";import{u as ee}from"./use-passport-id-7bbe3403.js";import{A as te}from"./Avatar-17775c72.js";import{S as se,a as ae,b as oe}from"./Stepper-41afc976.js";var _={},ne=E;Object.defineProperty(_,"__esModule",{value:!0});var T=_.default=void 0,re=ne(W()),ie=e,ce=(0,re.default)((0,ie.jsx)("path",{d:"M3 14h4v-4H3v4zm0 5h4v-4H3v4zM3 9h4V5H3v4zm5 5h13v-4H8v4zm0 5h13v-4H8v4zM8 5v4h13V5H8z"}),"ViewList");T=_.default=ce;var C={},le=E;Object.defineProperty(C,"__esModule",{value:!0});var z=C.default=void 0,pe=le(W()),de=e,ue=(0,pe.default)((0,de.jsx)("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"}),"GetApp");z=C.default=ue;function N({list:t,width:r,height:x,cardSpace:p,onSelect:l,defaultIndex:j}){const[a,P]=h.useState(0),[S,o]=h.useState(0),d=h.useRef(null),u=n=>{if(n<0||n>t.length-1)return;P(n);const i=d.current.clientWidth;o(n*(r+p)-(i-r)/2+p*.5),l(n)};h.useEffect(()=>{u(j);const n=i=>i.preventDefault();d.current.addEventListener("touchmove",n,{passive:!1})},[]);let g;const y=n=>{g=n.touches[0].clientX},v=n=>{const i=n.changedTouches[0],w=g-i.clientX;Math.abs(w)>60&&(w>0?u(a+1):u(a-1))};return e.jsx(me,{ref:d,onTouchStart:y,onTouchEnd:v,children:e.jsx("div",{className:"card-container",style:{transform:`translate(${-S}px, 0)`},children:t.map((n,i)=>e.jsx("div",{className:`card-item ${i===a?"selected":""}`,style:{width:r,height:x,margin:p/2},onClick:()=>u(i),children:e.jsx("div",{className:"card-content",dangerouslySetInnerHTML:{__html:n.src}})},n.id))})})}const me=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;
+      }
+    }
+  }
+`;N.propTypes={list:m.array,width:m.number,height:m.number,cardSpace:m.number,onSelect:m.func,defaultIndex:m.number};N.defaultProps={list:"",width:300,height:400,cardSpace:40,onSelect:()=>{},defaultIndex:0};const he=()=>{const{searchParams:t}=new URL(window.location.href);return t.get("fromWallet")==="1"};function xe({icon:t,active:r,completed:x}){const p={1:e.jsx(T,{className:"step-icon"}),2:e.jsx(z,{className:"step-icon"}),3:e.jsx(Q,{className:"step-icon"})},l=["step-icon-w"];return r&&l.push("step-icon-w--active"),x&&l.push("step-icon-w--completed"),e.jsx("div",{className:l.join(" "),children:p[String(t)]})}function fe({SessionContext:t,webWalletUrl:r,createPassportSvg:x,passportColor:p}){const{api:l,session:j}=h.useContext(t),a=A({user:null,passport:null,success:!1,activeStep:0}),{setPassportId:P,clearPassportId:S}=ee(),{t:o,locale:d}=h.useContext(D),u=U(),{wallet:g}=V(),{searchParams:y}=new URL(window.location.href),v=()=>{a.activeStep++},n=s=>{a.user=s.user},i=()=>{v()},w=s=>{s!=null&&s.passportId&&P(s.passportId),a.success=!0,v()},H=()=>{var f;if(g&&he()){O(()=>import("./index-704183c7.js").then(b=>b.i),["assets/index-704183c7.js","assets/index-92a4f00b.js","assets/index-d8bbb108.css"]).then(b=>{b.call("arcClosePage")});return}try{j.logout()}catch{}const s=y.get("redirect");if(s){window.location.replace(s);return}if((((f=window.env)==null?void 0:f.apiPrefix)||"").startsWith($.WELLKNOWN_SERVICE_PATH_PREFIX)){u(`${$.WELLKNOWN_SERVICE_PATH_PREFIX}/connect`,{replace:!0});return}S(),window.location.replace("/")},M=s=>{a.passport=s.target.value},I=[{label:o("lostPassport.selectPassport"),content:()=>a.user?e.jsxs(c,{className:"select-passport",children:[e.jsxs(c,{my:1,display:"flex",alignItems:"center",className:"user-info",children:[e.jsx(te,{src:a.user.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),e.jsxs(c,{children:[e.jsx(c,{className:"name",children:a.user.fullName}),e.jsx(c,{className:"did",mt:1,children:e.jsx(Y,{did:a.user.did})})]})]}),e.jsx("div",{children:e.jsx(N,{width:230,height:306,cardSpace:24,list:a.user.passportTypes.map(s=>({src:x({title:s.title,issuer:s.issuer.name,issuerDid:s.issuer.id,ownerDid:a.user.did,ownerName:a.user.fullName,ownerAvatarUrl:a.user.avatar,preferredColor:p||"auto"}),name:s.title,id:s.id})),onSelect:s=>M({target:{value:a.user.passportTypes[s].name}}),defaultIndex:0})}),e.jsx(c,{textAlign:"center",children:e.jsx(k,{variant:"contained",color:"primary",onClick:()=>i(),disabled:!a.passport,children:o("common.next")})})]}):e.jsx(L,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-list",forceConnected:!1,autoConnect:!1,checkFn:l.get,checkTimeout:10*60*1e3,webWalletUrl:r,onSuccess:n,locale:d,messages:{title:o("lostPassport.dialog.title"),scan:o("lostPassport.dialog.scan"),confirm:o("lostPassport.dialog.confirm"),success:o("lostPassport.dialog.success")}})},{label:o("lostPassport.receivePassport"),content:()=>{var f;const s={receiverDid:a.user.did,passportName:a.passport,teamDid:((f=window==null?void 0:window.blocklet)==null?void 0:f.did)||""};return e.jsx(L,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-issue",checkFn:l.get,checkTimeout:10*60*1e3,webWalletUrl:r,onSuccess:w,locale:d,messages:{title:`${o("lostPassport.dialog.title")}`,scan:o("lostPassport.dialog.scan"),confirm:o("lostPassport.dialog.confirm"),success:o("lostPassport.dialog.success")},extraParams:s})}},{label:o("common.complete"),content:()=>e.jsxs(c,{textAlign:"center",children:[e.jsx(c,{mb:3,color:"success.main",children:e.jsx(J,{style:{fontSize:60}})}),e.jsx(X,{component:"p",variant:"body1",className:"subheader",children:o("issuePassport.dialog.success")}),e.jsx(k,{style:{marginTop:40},variant:"contained",color:"primary",onClick:H,children:o("issuePassport.dialog.loginWithPassport")})]})}];return e.jsx(ge,{children:e.jsxs("div",{className:"stepper",children:[e.jsx(se,{className:"stepper-progress",alternativeLabel:!0,activeStep:a.activeStep,children:I.map(({label:s})=>e.jsx(ae,{children:e.jsx(oe,{StepIconComponent:xe,children:s})},s))}),e.jsx("div",{className:"stepper-content",children:I[a.activeStep].content()}),!a.success&&e.jsx(c,{textAlign:"center",fontSize:12,children:e.jsx(F,{to:"/",style:{color:"#4598FA"},children:o("lostPassport.return")})})]})})}const ge=R(B)`
+  padding-top: 46px;
+  padding-bottom: 46px;
+  height: 100%;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  @media (max-width: ${t=>t.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;
+
+    .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: ${t=>t.theme.palette.grey[500]};
+        z-index: 1;
+        color: ${t=>t.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: ${t=>t.theme.palette.primary.main};
+      }
+
+      .step-icon-w--completed {
+        background-color: ${t=>t.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: ${t=>t.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: ${t=>t.theme.breakpoints.values.sm}px) {
+        width: 100%;
+      }
+    }
+
+    .user-info {
+      .name {
+        font-weight: 500;
+        font-size: 18px;
+        line-height: 25px;
+        color: #222222;
+      }
+    }
+  }
+
+  .connect {
+    background: #fafafa;
+  }
+`,ve=Z(fe);function Ne(){var r;const t=q();return e.jsx(ve,{SessionContext:G,webWalletUrl:t,createPassportSvg:K,passportColor:((r=window==null?void 0:window.env)==null?void 0:r.passportColor)||"auto"})}export{Ne as default};