@abtnode/blocklet-services 1.16.20-beta-e6e3b017 → 1.16.20-beta-955a3019

package/dist/assets/login-199b44b5.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-3032db6a.js";import{u as ee}from"./use-passport-id-7bbe3403.js";import{d as ne}from"./LaunchOutlined-4e66073a.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-4a745e7d.js

@@ -0,0 +1,121 @@
+import{y as s,B as p,P as o,u as v,r as d,j as i,c as k,M as P,bo as R}from"./index-3032db6a.js";import{c as $}from"./index-3c5cb4c0.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-1fe1a041.js").then(e=>e.r),["assets/react-1fe1a041.js","assets/index-3032db6a.js","assets/index-d8bbb108.css","assets/index-4888a390.js","assets/preact.module-c0a7ffab.js","assets/index-be6d2140.js","assets/index-3c5cb4c0.js","assets/memoize-one.esm-e9515b35.js","assets/uniqBy-cc013d52.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 t;(t=n.current)==null||t.open()},b=()=>{var t;x(),(t=n.current)==null||t.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:o.string.isRequired,type:o.oneOf(["square","rect","favicon"]).isRequired,did:o.string.isRequired,prefix:o.string.isRequired,headers:o.func,onUploaded:o.func,height:o.number,width:o.any,enabled:o.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-6469c97d.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-3032db6a.js";import{d as J}from"./CheckCircle-9162d15d.js";import{d as Q}from"./Done-633700d4.js";import{W as Y}from"./did-address-d1922407.js";import{w as Z}from"./wrap-locale-eb857a5c.js";import{u as ee}from"./use-passport-id-7bbe3403.js";import{A as te}from"./Avatar-6e72deed.js";import{S as se,a as ae,b as oe}from"./Stepper-8a24987d.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-cdee7880.js").then(b=>b.i),["assets/index-cdee7880.js","assets/index-3032db6a.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};