@abtnode/blocklet-services 1.16.37-beta-20250102-115729-ae7f327e → 1.16.37-beta-20250104-120451-e4049aeb

package/dist/assets/index-CMbz2eu6.js

@@ -0,0 +1,11 @@
+import{P as l,r as d,j as n,B as g,ba as A,a6 as G,df as H,fy as U,ae as Y,aI as L,n as J,d5 as Q,ed as Z,a4 as v}from"./index-CUdjeFH3.js";import{d as ee}from"./Done-B1Id3HZ7.js";import{C as te}from"./Google-BAgnJN1d.js";import{T as ne}from"./TextField-apRN2NFH.js";import{R as re,F as oe,L as se}from"./logo-uploader-DabQD2dA.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(te,{color:o,onChange:s=>k(s.hex)})})]});return r?f:I}S.propTypes=N;function T({editing:r,description:o,value:a,onChange:c,componentProps:u,...m}){const{placeholder:p}=u,k=d.useRef(a),{t:b}=d.useContext(G),I=s=>{s.key==="Enter"&&c(k.current,"confirm")},f=s=>{k.current=s,c(s)};return r?n.jsx(ne,{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})})})}T.propTypes=N;T.defaultProps={componentProps:{}};function _({editing:r,value:o,onChange:a,componentProps:c,...u}){const{blocklet:m}=c,p=o==="auto"?H.getPassportColorFromDid(m.appDid):o;return n.jsxs(g,{display:"flex",alignItems:"center",children:[n.jsx("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:U({title:"Owner",issuer:Y.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})]})}_.propTypes={...N,componentProps:l.shape({blocklet:l.object.isRequired}).isRequired};_.defaultProps={};const ie=Z`
+  0%, 100% {
+    transform: scale(1) translateX(0);
+  }
+  50% {
+    transform: scale(1.05) translateX(-3px);
+  }
+  25%, 75% {
+    transform: scale(1.1) translateX(3px);
+  }
+`,ae={input:T,color:S,passport:_,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,y)=>{const{key:i,secure:R}=e,x=h(i)??{...e};x.editing=!0;const j=f[i]!==t;x.edited=t&&x.initialValue!==t,x.initialValue=c[i];const C={...f,[i]:t};j&&s(C),u({[i]:t},{allValues:C,action:y,currentItem:e}),y==="confirm"&&R&&s({...f,[i]:"__encrypted__"}),y==="confirm"&&(x.initialValue=f[i]),["confirm","cancel"].includes(y)&&(x.editing=!1,x.edited=!1),P(x)},[c,f,u,P,h]);function z(e,{editing:t=!1}){const{key:y}=e,i=k?a[y]:f[y];return i==="__encrypted__"?t?"":"******":i}const F=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?F(e):D(e)},[h,D,F]);return n.jsx(ce,{className:"form",style:m,children:r==null?void 0:r.map(e=>{const{key:t,description:y,required:i,solo:R=!1,hidden:x=!1,componentProps:q={}}=e;if(x)return null;const j=h(t),{editing:C,shaking:B}=j??{},E=z(e,{editing:C}),M=le(e,{editing:C}),W={inputProps:{"data-cy":"schema-form-item-component"},key:t,description:y,editing:C,value:E,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&&!E?"#ff0000":"#333"},children:[y,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(M,{...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,E,"confirm")},disabled:p||o,sx:{animation:B?`${ie} 0.5s linear`:"none"},style:{paddingRight:4},size:"large",children:o?n.jsx(J,{size:24}):n.jsx(ee,{})}):null,n.jsx(L,{"data-cy":"schema-form-item-cancel",onClick:()=>F(e),style:{paddingLeft:j.edited?4:8},disabled:p||o,size:"large",children:n.jsx(Q,{})})]}):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=v(oe)``;export{O as S};