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

package/dist/assets/index-37eb53ee.js

@@ -0,0 +1 @@
+import{P as o,r as x,j as e,B as u,bh as K,cP as v,cQ as B,V as W,av as R,S as M,bI as $,y as A}from"./index-92a4f00b.js";import{d as G}from"./EditIcon-b9ccaf18.js";import{d as H}from"./Done-d51e9c7a.js";import{C as Q}from"./Google-e0d11698.js";import{T as U}from"./TextField-acf161e8.js";import{R as Y,F as J,L as X}from"./logo-uploader-10082f85.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 y=p=>{d.current=p,s(p)},g=()=>{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:g,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(Q,{color:r,onChange:p=>y(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,y=x.useRef(s),g=i=>{i.key==="Enter"&&a(y.current,"confirm")},b=i=>{y.current=i,a(i)};return n?e.jsx(U,{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:g,...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"?v.getPassportColorFromDid(c.appDid):r;return e.jsxs(u,{display:"flex",alignItems:"center",children:[e.jsx("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:B({title:"Owner",issuer:W(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 Z={input:_,color:V,passport:F,uploader:n=>e.jsx(X,{...n.componentProps})};function ee(n,{editing:r=!1}){const{componentType:s="input",render:a,renderFormItem:l}=n;return r&&l?l:!r&&a?a:Z[s==null?void 0:s.toLowerCase()]}function D({schema:n,loading:r,value:s,defaultValue:a,onChange:l,style:c,disabled:d}){const y=Object.prototype.toString.call(s)==="[object Object]",[g,b]=x.useState(null),[i,p]=x.useState(y?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=y?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=!!(g&&m===g.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(Y,{})]}),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(M,{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($,{})})]}):e.jsx(R,{"data-cy":"schema-form-item-edit",onClick:()=>{I(t,i[m],"edit")},disabled:d||g,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=A(J)``;export{D as S};