@abtnode/blocklet-services 1.16.33-beta-20241015-065257-56072e40 → 1.16.33-beta-20241016-094817-da9da642

package/dist/assets/{index-B38g4Lrs.js → index-C8tvv1mE.js}

@@ -1 +1 @@
-import{P as o,r as x,j as e,B as u,bi as K,bA as B,fp as W,a8 as v,aC as R,n as A,dd as M,Z as $}from"./index-lDFcjwBH.js";import{d as G}from"./EditIcon-BGTWmwGP.js";import{d as H}from"./Done-CqmY_Vcx.js";import{C as U}from"./Google-D-XsFWKn.js";import{T as Y}from"./TextField-iQ2izHdV.js";import{R as Z,F as J,L as Q}from"./logo-uploader-DICViK_m.js";const S={description:o.string,editing:o.bool,onChange:o.func,required:o.bool,value:o.any,componentProps:o.object,render:o.func,renderFormItem:o.func};function V({editing:n,value:r,onChange:s}){const[a,l]=x.useState(!1),c=x.useRef(),d=x.useRef(r);x.useEffect(()=>{let p=null;return n&&(p=setTimeout(()=>{l(!0)},50)),()=>{clearTimeout(p)}},[n]);const g=p=>{d.current=p,s(p)},y=()=>{l(!1),s(d.current)},b=e.jsx(u,{className:"form-item-input slot",px:1,children:e.jsxs(u,{display:"flex",alignItems:"center",children:[r,r!=="auto"&&e.jsx("div",{style:{marginLeft:4,backgroundColor:r,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),i=e.jsxs(u,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:y,children:[e.jsx(u,{display:"flex",alignItems:"center",onClick:()=>l(!0),children:e.jsx("div",{ref:c,style:{flexShrink:0,marginLeft:"8px",backgroundColor:r,width:"32px",height:"32px",boxSizing:"border-box",borderRadius:"8px",border:"1px solid #eee",cursor:r==="auto"?"default":"pointer"}})}),e.jsx(K,{open:a,anchorEl:c.current,onClose:()=>l(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:e.jsx(U,{color:r,onChange:p=>g(p.hex)})})]});return n?i:b}V.propTypes=S;function _({editing:n,description:r,value:s,onChange:a,componentProps:l,...c}){const{placeholder:d}=l,g=x.useRef(s),y=i=>{i.key==="Enter"&&a(g.current,"confirm")},b=i=>{g.current=i,a(i)};return n?e.jsx(Y,{style:{flex:1},fullWidth:!0,value:s,onChange:i=>{i.persist(),b(i.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:r||d,onKeyDown:y,...c}):e.jsx(u,{px:1,className:"form-item-input slot",children:s})}_.propTypes=S;_.defaultProps={componentProps:{}};function F({editing:n,value:r,onChange:s,componentProps:a,...l}){const{blocklet:c}=a,d=r==="auto"?B.getPassportColorFromDid(c.appDid):r;return e.jsxs(u,{display:"flex",alignItems:"center",children:[e.jsx("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:W({title:"Owner",issuer:v.getDisplayName(c),issuerDid:c.appDid,ownerName:"Your Name",ownerDid:c.appDid,preferredColor:r||"auto"})}}),e.jsx(V,{...l,editing:n,value:n?d:r,onChange:s,componentProps:a})]})}F.propTypes={...S,componentProps:o.shape({blocklet:o.object.isRequired}).isRequired};F.defaultProps={};const X={input:_,color:V,passport:F,uploader:n=>e.jsx(Q,{...n.componentProps})};function ee(n,{editing:r=!1}){const{componentType:s="input",render:a,renderFormItem:l}=n;return r&&l?l:!r&&a?a:X[s==null?void 0:s.toLowerCase()]}function D({schema:n,loading:r,value:s,defaultValue:a,onChange:l,style:c,disabled:d}){const g=Object.prototype.toString.call(s)==="[object Object]",[y,b]=x.useState(null),[i,p]=x.useState(g?s:a),P=x.useRef();function I(t,m,h){const{key:f,secure:C}=t,k=i[f]!==m,j={...i,[f]:m};k&&p(j),l({[f]:m},{allValues:j,action:h,currentItem:t}),h==="confirm"&&C&&p({...i,[f]:"__encrypted__"}),["confirm","cancel"].includes(h)?N(null):N(t)}function N(t){if(t){P.current=i[t.key],b(t);return}P.current=null,b(null)}function E(t,{editing:m=!1}){const{key:h}=t,f=g?s[h]:i[h];return f==="__encrypted__"?m?"":"******":f}return e.jsx(re,{className:"form",style:c,children:n==null?void 0:n.map(t=>{const{key:m,description:h,required:f,solo:C=!1,hidden:T=!1,componentProps:k={}}=t;if(T)return null;const j=!!(y&&m===y.key),w=E(t,{editing:j}),z=ee(t,{editing:j}),q={inputProps:{"data-cy":"schema-form-item-component"},key:m,description:h,editing:j,value:w,onChange:(L,O="change")=>I(t,L,O),componentProps:k};return e.jsxs(u,{className:"form-item",children:[!C&&e.jsxs(u,{className:"form-item-label",style:{color:f&&!w?"#ff0000":"#333"},children:[h,f&&e.jsx(Z,{})]}),e.jsxs(u,{className:"form-item-body",children:[e.jsx(u,{className:"form-item-input",sx:{textAlign:C?"center":"left"},children:e.jsx(z,{...q})}),!C&&e.jsx(u,{className:"form-item-action",children:j?e.jsxs(e.Fragment,{children:[e.jsx(R,{"data-cy":"schema-form-item-confirm",onClick:()=>{I(t,w,"confirm")},disabled:d||r,size:"large",children:r?e.jsx(A,{size:24}):e.jsx(H,{})}),e.jsx(R,{"data-cy":"schema-form-item-cancel",onClick:()=>{I(t,P.current,"cancel")},disabled:d||r,size:"large",children:e.jsx(M,{})})]}):e.jsx(R,{"data-cy":"schema-form-item-edit",onClick:()=>{I(t,i[m],"edit")},disabled:d||y,size:"large",children:e.jsx(G,{})})})]})]},m)})})}D.propTypes={schema:o.array.isRequired,loading:o.bool,onChange:o.func.isRequired,value:o.object,defaultValue:o.object,style:o.object,disabled:o.bool};D.defaultProps={loading:!1,value:void 0,defaultValue:{},style:{},disabled:!1};const re=$(J)``;export{D as S};
+import{P as o,r as x,j as e,B as u,bi as K,bA as B,fp as W,a8 as v,aC as R,n as A,dd as M,Z as $}from"./index-C2SclAt1.js";import{d as G}from"./EditIcon-BzxcFyWF.js";import{d as H}from"./Done-DqYPOWOz.js";import{C as U}from"./Google-Dz_lBWZG.js";import{T as Y}from"./TextField-CCB_Jmv_.js";import{R as Z,F as J,L as Q}from"./logo-uploader-D48tPsQ7.js";const S={description:o.string,editing:o.bool,onChange:o.func,required:o.bool,value:o.any,componentProps:o.object,render:o.func,renderFormItem:o.func};function V({editing:n,value:r,onChange:s}){const[a,l]=x.useState(!1),c=x.useRef(),d=x.useRef(r);x.useEffect(()=>{let p=null;return n&&(p=setTimeout(()=>{l(!0)},50)),()=>{clearTimeout(p)}},[n]);const g=p=>{d.current=p,s(p)},y=()=>{l(!1),s(d.current)},b=e.jsx(u,{className:"form-item-input slot",px:1,children:e.jsxs(u,{display:"flex",alignItems:"center",children:[r,r!=="auto"&&e.jsx("div",{style:{marginLeft:4,backgroundColor:r,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),i=e.jsxs(u,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:y,children:[e.jsx(u,{display:"flex",alignItems:"center",onClick:()=>l(!0),children:e.jsx("div",{ref:c,style:{flexShrink:0,marginLeft:"8px",backgroundColor:r,width:"32px",height:"32px",boxSizing:"border-box",borderRadius:"8px",border:"1px solid #eee",cursor:r==="auto"?"default":"pointer"}})}),e.jsx(K,{open:a,anchorEl:c.current,onClose:()=>l(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:e.jsx(U,{color:r,onChange:p=>g(p.hex)})})]});return n?i:b}V.propTypes=S;function _({editing:n,description:r,value:s,onChange:a,componentProps:l,...c}){const{placeholder:d}=l,g=x.useRef(s),y=i=>{i.key==="Enter"&&a(g.current,"confirm")},b=i=>{g.current=i,a(i)};return n?e.jsx(Y,{style:{flex:1},fullWidth:!0,value:s,onChange:i=>{i.persist(),b(i.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:r||d,onKeyDown:y,...c}):e.jsx(u,{px:1,className:"form-item-input slot",children:s})}_.propTypes=S;_.defaultProps={componentProps:{}};function F({editing:n,value:r,onChange:s,componentProps:a,...l}){const{blocklet:c}=a,d=r==="auto"?B.getPassportColorFromDid(c.appDid):r;return e.jsxs(u,{display:"flex",alignItems:"center",children:[e.jsx("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:W({title:"Owner",issuer:v.getDisplayName(c),issuerDid:c.appDid,ownerName:"Your Name",ownerDid:c.appDid,preferredColor:r||"auto"})}}),e.jsx(V,{...l,editing:n,value:n?d:r,onChange:s,componentProps:a})]})}F.propTypes={...S,componentProps:o.shape({blocklet:o.object.isRequired}).isRequired};F.defaultProps={};const X={input:_,color:V,passport:F,uploader:n=>e.jsx(Q,{...n.componentProps})};function ee(n,{editing:r=!1}){const{componentType:s="input",render:a,renderFormItem:l}=n;return r&&l?l:!r&&a?a:X[s==null?void 0:s.toLowerCase()]}function D({schema:n,loading:r,value:s,defaultValue:a,onChange:l,style:c,disabled:d}){const g=Object.prototype.toString.call(s)==="[object Object]",[y,b]=x.useState(null),[i,p]=x.useState(g?s:a),P=x.useRef();function I(t,m,h){const{key:f,secure:C}=t,k=i[f]!==m,j={...i,[f]:m};k&&p(j),l({[f]:m},{allValues:j,action:h,currentItem:t}),h==="confirm"&&C&&p({...i,[f]:"__encrypted__"}),["confirm","cancel"].includes(h)?N(null):N(t)}function N(t){if(t){P.current=i[t.key],b(t);return}P.current=null,b(null)}function E(t,{editing:m=!1}){const{key:h}=t,f=g?s[h]:i[h];return f==="__encrypted__"?m?"":"******":f}return e.jsx(re,{className:"form",style:c,children:n==null?void 0:n.map(t=>{const{key:m,description:h,required:f,solo:C=!1,hidden:T=!1,componentProps:k={}}=t;if(T)return null;const j=!!(y&&m===y.key),w=E(t,{editing:j}),z=ee(t,{editing:j}),q={inputProps:{"data-cy":"schema-form-item-component"},key:m,description:h,editing:j,value:w,onChange:(L,O="change")=>I(t,L,O),componentProps:k};return e.jsxs(u,{className:"form-item",children:[!C&&e.jsxs(u,{className:"form-item-label",style:{color:f&&!w?"#ff0000":"#333"},children:[h,f&&e.jsx(Z,{})]}),e.jsxs(u,{className:"form-item-body",children:[e.jsx(u,{className:"form-item-input",sx:{textAlign:C?"center":"left"},children:e.jsx(z,{...q})}),!C&&e.jsx(u,{className:"form-item-action",children:j?e.jsxs(e.Fragment,{children:[e.jsx(R,{"data-cy":"schema-form-item-confirm",onClick:()=>{I(t,w,"confirm")},disabled:d||r,size:"large",children:r?e.jsx(A,{size:24}):e.jsx(H,{})}),e.jsx(R,{"data-cy":"schema-form-item-cancel",onClick:()=>{I(t,P.current,"cancel")},disabled:d||r,size:"large",children:e.jsx(M,{})})]}):e.jsx(R,{"data-cy":"schema-form-item-edit",onClick:()=>{I(t,i[m],"edit")},disabled:d||y,size:"large",children:e.jsx(G,{})})})]})]},m)})})}D.propTypes={schema:o.array.isRequired,loading:o.bool,onChange:o.func.isRequired,value:o.object,defaultValue:o.object,style:o.object,disabled:o.bool};D.defaultProps={loading:!1,value:void 0,defaultValue:{},style:{},disabled:!1};const re=$(J)``;export{D as S};