@abtnode/blocklet-services 1.16.40-beta-20250305-115031-9569f29a → 1.16.40-beta-20250310-113951-17556f90

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

@@ -0,0 +1,133 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-B17pt9EP.js","assets/vendor-ux-did-connect-yBp5D51w.js","assets/vendor-react-DoD83n6N.js","assets/vendor-utils-DDG_VdF0.js","assets/vendor-mui-core-BGkzVIkr.js","assets/vendor-hooks-B7GuuzU5.js","assets/lottie-web-B6s7dDoL.js","assets/vendor-ux-did-connect-DhgPdlEj.css","assets/vendor-arcblock-BSReIGUe.js","assets/index-NOMtolNQ.js","assets/index-BJbC-Qjr.js","assets/index-tUQxVYYQ.js","assets/index-AgKpYdvC.css"])))=>i.map(i=>d[i]);
+import{a9 as s,a3 as d,E as o,j as i}from"./vendor-mui-core-BGkzVIkr.js";import{_ as z}from"./vendor-arcblock-BSReIGUe.js";import{r as u}from"./vendor-react-DoD83n6N.js";import{x as S,n as j}from"./vendor-utils-DDG_VdF0.js";import{c as E}from"./index-tUQxVYYQ.js";import{u as O}from"./vendor-ux-did-connect-yBp5D51w.js";const _=s.span`
+  color: ${e=>e.theme.palette.error.main};
+  &::before {
+    content: '*';
+  }
+`,A=_,N=s(d)`
+  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;
+      border: 1px solid #ffffff;
+      font-size: 16px;
+
+      &:hover {
+        box-sizing: border-box;
+        background: #ffffff;
+        border: 1px solid rgba(0, 0, 0, 0.23);
+        border-radius: 4px;
+      }
+
+      .MuiChip-root {
+        margin-top: -4px;
+      }
+      .placeholder {
+        color: rgba(0, 0, 0, 0.23);
+      }
+    }
+
+    .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;
+      }
+    }
+  }
+`,F=u.lazy(()=>z(()=>import("./index-B17pt9EP.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12])).then(e=>({default:e.Uploader}))),U="/blocklet/logo/upload";function c({url:e,height:f,width:m,enabled:l,allowSVG:h,type:t,did:a,prefix:x,headers:g,aspectRatio:p,minWidth:b,minHeight:w,onUploaded:v}){const{t:y,locale:R}=O(),n=u.useRef(null),k=()=>{var r;(r=n.current)==null||r.open()},P=()=>{var r;v(),(r=n.current)==null||r.close()},$={cursor:l?"pointer":"default","&::after":{content:`"${y("common.switch")}"`}},q=["square","favicon"].includes(t);return i.jsxs(C,{id:`uploader-${a}-${t}`,children:[i.jsx(F,{ref:n,locale:R,popup:!0,onUploadFinish:P,plugins:["ImageEditor"],installerProps:{disabled:!0},apiPathProps:{uploader:S(x,U,t,a),disableMediaKitPrefix:!0,disableMediaKitStatus:!0},coreProps:{restrictions:{allowedFileTypes:h?["image/*","application/svg+xml"]:["image/*"],maxFileSize:1024*1024*1,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:b,minHeight:w}}},tusProps:{headers:g}}),i.jsx(d,{className:E("uploader-wrapper",l&&"enabled"),sx:$,onClick:k,children:i.jsx("img",{alt:t,src:e,style:{width:q?m:"auto",height:f}})})]},`uploader-${a}-${t}`)}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};c.defaultProps={height:80,width:"auto",enabled:!0,allowSVG:!0,headers:()=>({}),onUploaded:j,aspectRatio:1,minWidth:256,minHeight:256};const C=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{N as F,c as L,A as R};

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

@@ -0,0 +1,168 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-pV_0wOyY.js","assets/vendor-react-DoD83n6N.js"])))=>i.map(i=>d[i]);
+import{a1 as F,j as t,a9 as M,E as v,t as B,a3 as d,bg as H,T as I,bs as X,bt as q,bu as G,bm as O,aq as V}from"./vendor-mui-core-BGkzVIkr.js";import{N as J,_ as Q,H as K}from"./vendor-arcblock-BSReIGUe.js";import{r as u}from"./vendor-react-DoD83n6N.js";import{d as Y}from"./CheckCircle-sJN5S1iC.js";import{d as Z}from"./ViewList-gKXyJK1z.js";import{r as ee,aU as te,w as se,ak as L,B as _,aT as oe,u as ae}from"./vendor-ux-did-connect-yBp5D51w.js";import{d as ne}from"./Done-CUONuiq7.js";import{a as re,s as ie}from"./vendor-hooks-B7GuuzU5.js";import{M as ce}from"./vendor-utils-DDG_VdF0.js";import{W as le}from"./did-address-aMjKReYC.js";import{w as pe}from"./wrap-locale-DyYbMONP.js";import{u as de}from"./use-passport-id-B-b-_oYF.js";import{i as $,S as ue,c as me,s as he,a as fe}from"./index-BJbC-Qjr.js";import{g as xe}from"./get-safe-url-DmtG3OsE.js";import"./lottie-web-B6s7dDoL.js";var k={},ge=F;Object.defineProperty(k,"__esModule",{value:!0});var W=k.default=void 0,ve=ge(ee()),be=t;W=k.default=(0,ve.default)((0,be.jsx)("path",{d:"M19 9h-4V3H9v6H5l7 7zM5 18v2h14v-2z"}),"GetApp");function P({list:s,width:c,height:m,cardSpace:l,onSelect:r,defaultIndex:h}){const[b,f]=u.useState(0),[o,x]=u.useState(0),w=u.useRef(null),g=n=>{if(n<0||n>s.length-1)return;f(n);const i=w.current.clientWidth;x(n*(c+l)-(i-c)/2+l*.5),r(n)};u.useEffect(()=>{g(h);const n=i=>i.preventDefault();w.current.addEventListener("touchmove",n,{passive:!1})},[]);let a;const j=n=>{a=n.touches[0].clientX},y=n=>{const i=n.changedTouches[0],S=a-i.clientX;Math.abs(S)>60&&(S>0?g(b+1):g(b-1))};return t.jsx(we,{ref:w,onTouchStart:j,onTouchEnd:y,children:t.jsx("div",{className:"card-container",style:{transform:`translate(${-o}px, 0)`},children:s.map((n,i)=>t.jsx("div",{className:`card-item ${i===b?"selected":""}`,style:{width:c,height:m,margin:l/2},onClick:()=>g(i),children:n.display?t.jsx("div",{className:"card-content",children:t.jsx(J,{data:n.display,style:{width:"100%",height:"100%"}})}):t.jsx("div",{className:"card-content",dangerouslySetInnerHTML:{__html:n.src}})},n.id))})})}const we=M.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;
+      }
+    }
+  }
+`;P.propTypes={list:v.array,width:v.number,height:v.number,cardSpace:v.number,onSelect:v.func,defaultIndex:v.number};P.defaultProps={list:"",width:300,height:400,cardSpace:40,onSelect:()=>{},defaultIndex:0};function je({icon:s,active:c,completed:m}){const l={1:t.jsx(Z,{className:"step-icon"}),2:t.jsx(W,{className:"step-icon"}),3:t.jsx(ne,{className:"step-icon"})},r=["step-icon-w"];return c&&r.push("step-icon-w--active"),m&&r.push("step-icon-w--completed"),t.jsx("div",{className:r.join(" "),children:l[String(s)]})}function ye({SessionContext:s,webWalletUrl:c,createPassportSvg:m,passportColor:l,onLogin:r}){const{api:h,session:b}=u.useContext(s),f=B(e=>e.breakpoints.down("sm")),o=re({user:null,passport:null,success:!1,activeStep:0}),x=u.useRef({sessionToken:"",refreshToken:""}),{setPassportId:w,clearPassportId:g}=de(),{t:a,locale:j}=u.useContext(te),{wallet:y}=se(),[n,i]=u.useState(0),{searchParams:S}=new URL(window.location.href),T=()=>{o.activeStep++},E=e=>{o.user=e.user},R=()=>{T()},A=(e,p)=>{e!=null&&e.passportId&&w(e.passportId),e!=null&&e.sessionToken&&(x.current.sessionToken=p(e.sessionToken)),e!=null&&e.refreshToken&&(x.current.refreshToken=p(e.refreshToken)),o.success=!0,T()},U=async()=>{try{await b.logout()}catch(e){console.warn(e)}},C=async()=>{if(y&&$()){Q(()=>import("./index-pV_0wOyY.js").then(p=>p.i),__vite__mapDeps([0,1])).then(p=>{p.call("arcClosePage")});return}await U(),ce(r)&&r({sessionToken:x.current.sessionToken,refreshToken:x.current.refreshToken});const e=S.get("redirect");if(e){window.location.replace(xe(e));return}g(),window.location.replace("/")},z=e=>{o.passport=e.target.value},[N]=ie({leftTime:n,onEnd:()=>{C()}}),D=[{label:a("lostPassport.recoverPassport"),content:()=>o.user?t.jsxs(d,{className:"select-passport",children:[t.jsxs(d,{my:1,display:"flex",alignItems:"center",className:"user-info",children:[t.jsx(H,{src:o.user.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),t.jsxs(d,{children:[t.jsx(d,{className:"name",children:o.user.fullName}),t.jsx(d,{className:"did",mt:1,children:t.jsx(le,{responsive:!f,compact:f,did:o.user.did})})]})]}),t.jsx("div",{children:t.jsx(P,{width:f?180:230,height:f?240:306,cardSpace:24,list:o.user.passportTypes.map(e=>({src:m({scope:e.scope,role:e.role,title:e.scope==="kyc"?e.name:e.title,issuer:e.issuer.name,issuerDid:e.issuer.id,ownerDid:o.user.did,ownerName:o.user.fullName,ownerAvatarUrl:o.user.avatar,preferredColor:l||"auto",extra:e.scope==="kyc"?{key:"Email",value:e.name}:void 0}),name:e.title,id:e.id,display:e.display})),onSelect:e=>z({target:{value:o.user.passportTypes[e].id}}),defaultIndex:0})}),t.jsx(d,{textAlign:"center",children:t.jsx(_,{variant:"contained",color:"primary",onClick:()=>R(),disabled:!o.passport,children:a("common.next")})})]}):t.jsx(L,{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:E,locale:j,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:()=>{var p;const e={receiverDid:o.user.did,passportId:o.passport,teamDid:((p=window==null?void 0:window.blocklet)==null?void 0:p.did)||""};return t.jsx(L,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-issue",checkFn:h.get,checkTimeout:10*60*1e3,webWalletUrl:c,onSuccess:A,locale:j,messages:{title:`${a("lostPassport.receiveDialog.title")}`,scan:a("lostPassport.receiveDialog.scan"),confirm:a("lostPassport.receiveDialog.confirm"),success:a("lostPassport.receiveDialog.success")},extraParams:e})}},{label:a("common.complete"),content:()=>(n===0&&i(3e3),t.jsxs(d,{textAlign:"center",children:[t.jsx(d,{mb:3,color:"success.main",children:t.jsx(Y,{style:{fontSize:60}})}),t.jsx(I,{component:"p",variant:"body1",className:"subheader",children:a("issuePassport.dialog.success")}),t.jsx(I,{component:"p",variant:"body2",color:"gray",children:y&&$()?a("issuePassport.dialog.autoClose",{seconds:Math.round(N/1e3)}):a("issuePassport.dialog.autoJump",{seconds:Math.round(N/1e3)})}),t.jsx(_,{style:{marginTop:40},variant:"contained",color:"primary",onClick:C,children:a("issuePassport.dialog.loginWithPassport")})]}))}];return t.jsx(Se,{children:t.jsxs("div",{className:"stepper",children:[t.jsx(X,{className:"stepper-progress",alternativeLabel:!0,activeStep:o.activeStep,children:D.map(({label:e})=>t.jsx(q,{children:t.jsx(G,{StepIconComponent:je,children:e})},e))}),t.jsx("div",{className:"stepper-content",children:D[o.activeStep].content()}),!o.success&&t.jsx(d,{textAlign:"center",fontSize:12,children:t.jsx(O,{href:"/",sx:{color:"#4598FA",textDecoration:"none"},children:a("lostPassport.return")})})]})})}const Se=M(V)`
+  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;
+  }
+`,ke=pe(ye);function ze(){var l;const s=oe(),{t:c}=ae(),m=({sessionToken:r,refreshToken:h}={})=>{r&&he(r),h&&fe(h)};return t.jsxs(t.Fragment,{children:[t.jsx(K,{children:t.jsx("title",{children:c("pageTitle.lostPassport")})}),t.jsx(ke,{SessionContext:ue,webWalletUrl:s,createPassportSvg:me,passportColor:((l=window==null?void 0:window.env)==null?void 0:l.passportColor)||"auto",onLogin:m})]})}export{ze as default};