@abtnode/blocklet-services 1.16.38-beta-20250123-083218-c7ea9693 → 1.16.38-beta-20250126-132712-f36c6a8b

package/dist/assets/{index-jQnnlRfC.js → index-BgGF6utP.js}

@@ -1,4 +1,4 @@
-import{r as d}from"./vendor-react-D-afvo_7.js";import{E as l,j as n,a3 as g,aj as A,M as G,I as L,a2 as H,bR as U,aa as Y}from"./vendor-mui-core-jh6OMVvU.js";import{a0 as J,w as Q,a_ as Z}from"./vendor-arcblock-CwZ35cSm.js";import{d as v}from"./Done-BW0pdQ5b.js";import{C as ee}from"./Google-Df86UadJ.js";import{a9 as te,f as ne}from"./index-CV9CYyTl.js";import{R as re,F as oe,L as se}from"./logo-uploader-CdOV1A5h.js";const _={description:l.string,editing:l.bool,onChange:l.func,required:l.bool,value:l.any,componentProps:l.object,render:l.func,renderFormItem:l.func};function N({editing:r,value:o,onChange:a}){const[c,u]=d.useState(!1),m=d.useRef(),p=d.useRef(o);d.useEffect(()=>{let s=null;return r&&(s=setTimeout(()=>{u(!0)},50)),()=>{clearTimeout(s)}},[r]);const k=s=>{p.current=s,a(s)},b=()=>{u(!1),a(p.current)},I=n.jsx(g,{className:"form-item-input slot",px:1,children:n.jsxs(g,{display:"flex",alignItems:"center",children:[o,o!=="auto"&&n.jsx("div",{style:{marginLeft:4,backgroundColor:o,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),f=n.jsxs(g,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:b,children:[n.jsx(g,{display:"flex",alignItems:"center",onClick:()=>u(!0),children:n.jsx("div",{ref:m,style:{flexShrink:0,marginLeft:"8px",backgroundColor:o,width:"32px",height:"32px",boxSizing:"border-box",borderRadius:"8px",border:"1px solid #eee",cursor:o==="auto"?"default":"pointer"}})}),n.jsx(A,{open:c,anchorEl:m.current,onClose:()=>u(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:n.jsx(ee,{color:o,onChange:s=>k(s.hex)})})]});return r?f:I}N.propTypes=_;function S({editing:r,description:o,value:a,onChange:c,componentProps:u,...m}){const{placeholder:p}=u,k=d.useRef(a),{t:b}=d.useContext(J),I=s=>{s.key==="Enter"&&c(k.current,"confirm")},f=s=>{k.current=s,c(s)};return r?n.jsx(G,{style:{flex:1},fullWidth:!0,value:a,onChange:s=>{s.persist(),f(s.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:o||p,onKeyDown:I,...m}):n.jsx(g,{px:1,className:"form-item-input slot",children:a||n.jsx("span",{className:"placeholder",children:b("common.requiredInputPlaceholder",{name:o||p})})})}S.propTypes=_;S.defaultProps={componentProps:{}};function T({editing:r,value:o,onChange:a,componentProps:c,...u}){const{blocklet:m}=c,p=o==="auto"?Q.getPassportColorFromDid(m.appDid):o;return n.jsxs(g,{display:"flex",alignItems:"center",children:[n.jsx("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:te({title:"Owner",issuer:ne.getDisplayName(m),issuerDid:m.appDid,ownerName:"Your Name",ownerDid:m.appDid,preferredColor:o||"auto"})}}),n.jsx(N,{...u,editing:r,value:r?p:o,onChange:a,componentProps:c})]})}T.propTypes={..._,componentProps:l.shape({blocklet:l.object.isRequired}).isRequired};T.defaultProps={};const ie=U`
+import{r as d}from"./vendor-react-D-afvo_7.js";import{E as l,j as n,a3 as g,aj as A,M as G,I as L,a2 as H,bR as U,aa as Y}from"./vendor-mui-core-CCMNKHtm.js";import{a0 as J,w as Q,aE as Z}from"./vendor-arcblock-Bf7AGBSd.js";import{d as v}from"./Done-Bsd0QwkQ.js";import{C as ee}from"./Google-F1HiAjHW.js";import{aa as te,f as ne}from"./index-uosYiNLl.js";import{R as re,F as oe,L as se}from"./logo-uploader-DZm2nb0s.js";const N={description:l.string,editing:l.bool,onChange:l.func,required:l.bool,value:l.any,componentProps:l.object,render:l.func,renderFormItem:l.func};function S({editing:r,value:o,onChange:a}){const[c,u]=d.useState(!1),m=d.useRef(),p=d.useRef(o);d.useEffect(()=>{let s=null;return r&&(s=setTimeout(()=>{u(!0)},50)),()=>{clearTimeout(s)}},[r]);const k=s=>{p.current=s,a(s)},b=()=>{u(!1),a(p.current)},I=n.jsx(g,{className:"form-item-input slot",px:1,children:n.jsxs(g,{display:"flex",alignItems:"center",children:[o,o!=="auto"&&n.jsx("div",{style:{marginLeft:4,backgroundColor:o,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),f=n.jsxs(g,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:b,children:[n.jsx(g,{display:"flex",alignItems:"center",onClick:()=>u(!0),children:n.jsx("div",{ref:m,style:{flexShrink:0,marginLeft:"8px",backgroundColor:o,width:"32px",height:"32px",boxSizing:"border-box",borderRadius:"8px",border:"1px solid #eee",cursor:o==="auto"?"default":"pointer"}})}),n.jsx(A,{open:c,anchorEl:m.current,onClose:()=>u(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:n.jsx(ee,{color:o,onChange:s=>k(s.hex)})})]});return r?f:I}S.propTypes=N;function _({editing:r,description:o,value:a,onChange:c,componentProps:u,...m}){const{placeholder:p}=u,k=d.useRef(a),{t:b}=d.useContext(J),I=s=>{s.key==="Enter"&&c(k.current,"confirm")},f=s=>{k.current=s,c(s)};return r?n.jsx(G,{style:{flex:1},fullWidth:!0,value:a,onChange:s=>{s.persist(),f(s.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:o||p,onKeyDown:I,...m}):n.jsx(g,{px:1,className:"form-item-input slot",children:a||n.jsx("span",{className:"placeholder",children:b("common.requiredInputPlaceholder",{name:o||p})})})}_.propTypes=N;_.defaultProps={componentProps:{}};function T({editing:r,value:o,onChange:a,componentProps:c,...u}){const{blocklet:m}=c,p=o==="auto"?Q.getPassportColorFromDid(m.appDid):o;return n.jsxs(g,{display:"flex",alignItems:"center",children:[n.jsx("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:te({title:"Owner",issuer:ne.getDisplayName(m),issuerDid:m.appDid,ownerName:"Your Name",ownerDid:m.appDid,preferredColor:o||"auto"})}}),n.jsx(S,{...u,editing:r,value:r?p:o,onChange:a,componentProps:c})]})}T.propTypes={...N,componentProps:l.shape({blocklet:l.object.isRequired}).isRequired};T.defaultProps={};const ie=U`
   0%, 100% {
     transform: scale(1) translateX(0);
   }
@@ -8,4 +8,4 @@ import{r as d}from"./vendor-react-D-afvo_7.js";import{E as l,j as n,a3 as g,aj a
   25%, 75% {
     transform: scale(1.1) translateX(3px);
   }
-`,ae={input:S,color:N,passport:T,uploader:r=>n.jsx(se,{...r.componentProps})};function le(r,{editing:o=!1}){const{componentType:a="input",render:c,renderFormItem:u}=r;return o&&u?u:!o&&c?c:ae[a==null?void 0:a.toLowerCase()]}function O({schema:r,loading:o,value:a,defaultValue:c,onChange:u,style:m,disabled:p}){const k=Object.prototype.toString.call(a)==="[object Object]",[b,I]=d.useState([]),[f,s]=d.useState(k?a:c),V=d.useMemo(()=>r.length===1,[r]),h=d.useCallback(e=>b.find(t=>t.key===e),[b]);d.useEffect(()=>{var e;V&&((e=r[0])!=null&&e.required)&&I([{key:r[0].key,editing:!0,initialValue:c[r[0].key]}])},[r,V,c]);const P=d.useCallback(e=>{I(t=>t.find(i=>i.key===e.key)?t.map(i=>i.key===e.key?e:{...i}):[e].concat(t))},[]),w=d.useCallback((e,t,x)=>{const{key:i,secure:R}=e,y=h(i)??{...e};y.editing=!0;const j=f[i]!==t;y.edited=t&&y.initialValue!==t,y.initialValue=c[i];const C={...f,[i]:t};j&&s(C),u({[i]:t},{allValues:C,action:x,currentItem:e}),x==="confirm"&&R&&s({...f,[i]:"__encrypted__"}),x==="confirm"&&(y.initialValue=f[i]),["confirm","cancel"].includes(x)&&(y.editing=!1,y.edited=!1),P(y)},[c,f,u,P,h]);function z(e,{editing:t=!1}){const{key:x}=e,i=k?a[x]:f[x];return i==="__encrypted__"?t?"":"******":i}const E=d.useCallback(e=>{const t=h(e.key);t&&w(e,t.initialValue,"cancel")},[h,w]),D=d.useCallback(e=>{const t=h(e.key);!t||!t.edited||(t.shaking=!0,P(t),setTimeout(()=>{t.shaking=!1,P(t)},500))},[h,P]),K=d.useCallback(e=>{const t=h(e.key);!t||!t.edited?E(e):D(e)},[h,D,E]);return n.jsx(ce,{className:"form",style:m,children:r==null?void 0:r.map(e=>{const{key:t,description:x,required:i,solo:R=!1,hidden:y=!1,componentProps:q={}}=e;if(y)return null;const j=h(t),{editing:C,shaking:M}=j??{},F=z(e,{editing:C}),B=le(e,{editing:C}),W={inputProps:{"data-cy":"schema-form-item-component"},key:t,description:x,editing:C,value:F,onChange:(X,$="change")=>w(e,X,$),componentProps:q,onBlur:()=>K(e)};return n.jsxs(g,{className:"form-item",children:[!R&&n.jsxs(g,{className:"form-item-label",style:{color:i&&!F?"#ff0000":"#333"},children:[x,i&&n.jsx(re,{})]}),n.jsxs(g,{className:"form-item-body",children:[n.jsx(g,{className:"form-item-input","data-cy":"schema-form-item-edit",sx:{textAlign:R?"center":"left"},style:{cursor:"text"},onClick:()=>{p||j!=null&&j.edited||w(e,f[t],"edit")},children:n.jsx(B,{...W})}),!R&&n.jsx(g,{className:"form-item-action",style:{marginLeft:0},children:C?n.jsxs(n.Fragment,{children:[j.edited?n.jsx(L,{"data-cy":"schema-form-item-confirm",onClick:()=>{w(e,F,"confirm")},disabled:p||o,sx:{animation:M?`${ie} 0.5s linear`:"none"},style:{paddingRight:4},size:"large",children:o?n.jsx(H,{size:24}):n.jsx(v,{})}):null,n.jsx(L,{"data-cy":"schema-form-item-cancel",onClick:()=>E(e),style:{paddingLeft:j.edited?4:8},disabled:p||o,size:"large",children:n.jsx(Z,{})})]}):null})]})]},t)})})}O.propTypes={schema:l.array.isRequired,loading:l.bool,onChange:l.func.isRequired,value:l.object,defaultValue:l.object,style:l.object,disabled:l.bool};O.defaultProps={loading:!1,value:void 0,defaultValue:{},style:{},disabled:!1};const ce=Y(oe)``;export{O as S};
+`,ae={input:_,color:S,passport:T,uploader:r=>n.jsx(se,{...r.componentProps})};function le(r,{editing:o=!1}){const{componentType:a="input",render:c,renderFormItem:u}=r;return o&&u?u:!o&&c?c:ae[a==null?void 0:a.toLowerCase()]}function O({schema:r,loading:o,value:a,defaultValue:c,onChange:u,style:m,disabled:p}){const k=Object.prototype.toString.call(a)==="[object Object]",[b,I]=d.useState([]),[f,s]=d.useState(k?a:c),V=d.useMemo(()=>r.length===1,[r]),h=d.useCallback(e=>b.find(t=>t.key===e),[b]);d.useEffect(()=>{var e;V&&((e=r[0])!=null&&e.required)&&I([{key:r[0].key,editing:!0,initialValue:c[r[0].key]}])},[r,V,c]);const P=d.useCallback(e=>{I(t=>t.find(i=>i.key===e.key)?t.map(i=>i.key===e.key?e:{...i}):[e].concat(t))},[]),w=d.useCallback((e,t,x)=>{const{key:i,secure:R}=e,y=h(i)??{...e};y.editing=!0;const j=f[i]!==t;y.edited=t&&y.initialValue!==t,y.initialValue=c[i];const C={...f,[i]:t};j&&s(C),u({[i]:t},{allValues:C,action:x,currentItem:e}),x==="confirm"&&R&&s({...f,[i]:"__encrypted__"}),x==="confirm"&&(y.initialValue=f[i]),["confirm","cancel"].includes(x)&&(y.editing=!1,y.edited=!1),P(y)},[c,f,u,P,h]);function z(e,{editing:t=!1}){const{key:x}=e,i=k?a[x]:f[x];return i==="__encrypted__"?t?"":"******":i}const E=d.useCallback(e=>{const t=h(e.key);t&&w(e,t.initialValue,"cancel")},[h,w]),D=d.useCallback(e=>{const t=h(e.key);!t||!t.edited||(t.shaking=!0,P(t),setTimeout(()=>{t.shaking=!1,P(t)},500))},[h,P]),K=d.useCallback(e=>{const t=h(e.key);!t||!t.edited?E(e):D(e)},[h,D,E]);return n.jsx(ce,{className:"form",style:m,children:r==null?void 0:r.map(e=>{const{key:t,description:x,required:i,solo:R=!1,hidden:y=!1,componentProps:q={}}=e;if(y)return null;const j=h(t),{editing:C,shaking:M}=j??{},F=z(e,{editing:C}),B=le(e,{editing:C}),W={inputProps:{"data-cy":"schema-form-item-component"},key:t,description:x,editing:C,value:F,onChange:(X,$="change")=>w(e,X,$),componentProps:q,onBlur:()=>K(e)};return n.jsxs(g,{className:"form-item",children:[!R&&n.jsxs(g,{className:"form-item-label",style:{color:i&&!F?"#ff0000":"#333"},children:[x,i&&n.jsx(re,{})]}),n.jsxs(g,{className:"form-item-body",children:[n.jsx(g,{className:"form-item-input","data-cy":"schema-form-item-edit",sx:{textAlign:R?"center":"left"},style:{cursor:"text"},onClick:()=>{p||j!=null&&j.edited||w(e,f[t],"edit")},children:n.jsx(B,{...W})}),!R&&n.jsx(g,{className:"form-item-action",style:{marginLeft:0},children:C?n.jsxs(n.Fragment,{children:[j.edited?n.jsx(L,{"data-cy":"schema-form-item-confirm",onClick:()=>{w(e,F,"confirm")},disabled:p||o,sx:{animation:M?`${ie} 0.5s linear`:"none"},style:{paddingRight:4},size:"large",children:o?n.jsx(H,{size:24}):n.jsx(v,{})}):null,n.jsx(L,{"data-cy":"schema-form-item-cancel",onClick:()=>E(e),style:{paddingLeft:j.edited?4:8},disabled:p||o,size:"large",children:n.jsx(Z,{})})]}):null})]})]},t)})})}O.propTypes={schema:l.array.isRequired,loading:l.bool,onChange:l.func.isRequired,value:l.object,defaultValue:l.object,style:l.object,disabled:l.bool};O.defaultProps={loading:!1,value:void 0,defaultValue:{},style:{},disabled:!1};const ce=Y(oe)``;export{O as S};