@abtnode/blocklet-services 1.16.43-beta-20250427-132304-6da95c55 → 1.16.43-beta-20250429-130236-269254ff

package/dist/assets/index-CEmSUlto.js

@@ -0,0 +1,192 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/lottie-react.esm-D2t-u0YU.js","assets/vendor-react-DEoibe3W.js"])))=>i.map(i=>d[i]);
+import{j as e,aa as n,bd as g,T as S,O as U,bv as q,bt as H,bw as J,cJ as N,y as T,ah as I,ai as E,cn as W,dA as X,dB as K,I as Y,dC as Q,e as Z,c1 as ee}from"./vendor-mui-core-B6POpIBB.js";import{r as b}from"./vendor-react-DEoibe3W.js";import{H as te,a as L,e as re,i as oe,b as ie}from"./vendor-hooks-DpLLpTSZ.js";import{T as ae,bw as se}from"./vendor-ux-did-connect-DVrP2LNw.js";import{_}from"./vendor-arcblock-CX-5Ex_f.js";import{aN as ne}from"./vendor-utils-BUwfcN20.js";import{getAIKitComponent as le}from"./index-C1UHqpp3.js";import"./lottie-web-jYmAQWuC.js";import"./index-DyKjKMmu.js";import"./index-Cb1OPKJL.js";import"./index-DVQCgvFb.js";const M=b.createContext({}),B=()=>b.useContext(M);function de({children:t,restrictions:c,i18n:s,theme:i}){const[l,f]=te({loading:!1}),u=a=>f(j=>({...j,loading:a})),x=b.useMemo(()=>({...l,onLoading:u,restrictions:c,i18n:s}),[l]);return e.jsx(ae,{theme:i,children:e.jsx(M.Provider,{value:x,children:t})})}const ce=["1024x1024","1024x1792","1792x1024"],ue=["256x256","512x512","1024x1024"],xe=[{label:"DALL·E 3",value:"dall-e-3"},{label:"DALL·E 2",value:"dall-e-2"}];function me({onSubmit:t}){const{loading:c,i18n:s}=B(),i=L({model:"dall-e-3",prompt:"",size:"1024x1024",number:1}),l=()=>{const a=JSON.parse(JSON.stringify(i));Object.values(i).every(y=>!!y)&&t(a)},{run:f}=re(l,{wait:500}),u={width:"100%",pl:"12px",pr:"16px"},x=i.model==="dall-e-2"?ue:ce;return e.jsxs(pe,{onSubmit:a=>a.preventDefault(),children:[e.jsx(n,{sx:{flex:1,overflowY:"auto",overflowX:"hidden",m:2,mb:0},children:e.jsxs(g,{container:!0,gap:2.5,children:[e.jsxs(g,{item:!0,xs:12,children:[e.jsx(S,{gutterBottom:!0,className:"title label",children:s("aiImagePrompt")}),e.jsx(U,{sx:{width:1,mt:1},size:"small",type:"text",required:!0,placeholder:s("aiImagePromptTip"),multiline:!0,minRows:5,maxRows:6,value:i.prompt??"",onChange:a=>{a.stopPropagation(),i.prompt=a.target.value},inputProps:{maxLength:1e3}})]}),e.jsxs(g,{item:!0,xs:12,children:[e.jsx(S,{gutterBottom:!0,className:"title label",children:`${s("aiImageModel")}`}),e.jsx(q,{row:!0,sx:{".MuiFormControlLabel-label":{fontSize:"12px"}},value:i.model,onChange:a=>{i.number=1,i.size="1024x1024",i.model=a.target.value},children:xe.map(a=>e.jsx(H,{value:a.value,control:e.jsx(J,{size:"small"}),label:a.label},a.label))})]}),e.jsxs(g,{item:!0,xs:12,children:[e.jsx(S,{gutterBottom:!0,className:"title label",children:`${s("aiImageSize")}: ${i.size}`}),e.jsx(g,{container:!0,sx:{gap:2.5,pt:1},children:e.jsx(n,{flex:1,children:e.jsx(n,{...u,children:e.jsx(N,{size:"small",min:0,max:x.length-1,step:1,value:x.findIndex(a=>a==i.size),onChange:(a,j)=>{i.size=x[j]}})})})})]}),i.model==="dall-e-2"&&e.jsxs(g,{item:!0,xs:12,children:[e.jsx(S,{gutterBottom:!0,className:"title label",children:`${s("aiImageNumber")}: ${i.number}`}),e.jsx(n,{...u,children:e.jsx(N,{size:"small",defaultValue:1,valueLabelDisplay:"auto",step:1,min:1,max:10,value:i.number,onChange:(a,j)=>{a.stopPropagation(),i.number=Number(j)}})})]})]})}),e.jsx(T,{sx:{m:2,transition:"all 0.3s"},className:"submit-ai",variant:"contained",onClick:f,disabled:c,children:s(c?"aiImageGenerating":"aiImageGenerate")},c?"loading-submit":"submit")]})}const pe=I(n)`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+
+  .title {
+    padding: 0 0 4px 1px;
+  }
+
+  .label {
+    font-weight: 500;
+    font-size: 15px;
+    line-height: 100%;
+    margin: 0;
+    word-wrap: break-word;
+    text-align: left;
+  }
+
+  .submit-ai {
+    height: 40px;
+    background: linear-gradient(90deg, #45e4fa 0%, #8a45fa 52.08%, #fa45bc 100%);
+    color: #fff;
+    border-radius: 30px;
+    box-shadow: none;
+    text-transform: none;
+
+    &.Mui-disabled {
+      color: rgba(0, 0, 0, 0.26) !important;
+      background: rgba(0, 0, 0, 0.12) !important;
+    }
+  }
+
+  .MuiFormHelperText-root {
+    font-style: normal;
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 14px;
+    color: #9397a1;
+    margin: 0;
+    margin-top: 4px;
+  }
+
+  .MuiOutlinedInput-root {
+    background: #fbfbfb;
+    border-radius: 4px;
+    padding: 0;
+
+    textarea {
+      padding: 8.5px 14px;
+    }
+
+    fieldset {
+      border: 1px solid #f6f6f6;
+    }
+
+    &:hover fieldset {
+      border: 1px solid #a482fe;
+    }
+  }
+
+  .Mui-focused {
+    &.MuiFormLabel-root {
+      color: #a482fe;
+    }
+
+    &.MuiOutlinedInput-root {
+      fieldset {
+        border: 1px solid #a482fe;
+      }
+    }
+  }
+
+  .Mui-error {
+    &.MuiFormLabel-root {
+      color: #f16e6e;
+    }
+
+    &.MuiOutlinedInput-root + .MuiFormHelperText-root {
+      color: #f16e6e;
+    }
+
+    &.MuiOutlinedInput-root {
+      fieldset {
+        border: 1px solid #f16e6e;
+      }
+    }
+  }
+`,fe=({onDelete:t,selected:c,onLoad:s,src:i,alt:l,...f})=>{const u=L({loading:!0});return e.jsxs("div",{style:{position:"relative"},children:[e.jsx("div",{className:"lazy-image-wrapper",style:{visibility:u.loading?"hidden":"visible",background:"#f4f4f4",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("img",{alt:l,src:i,...f,onLoad:()=>{u.loading=!1;try{s==null||s()}catch(x){console.error("image onLoad error: ",x)}},loading:"eager"})}),u.loading&&e.jsx(E,{className:"lazy-image-skeleton",animation:"wave",variant:"rectangular",style:{position:"absolute",top:0}}),e.jsx(ge,{onClick:()=>t(i),sx:{position:"absolute",left:10,bottom:10},children:e.jsx(W,{sx:{fontSize:20}})}),l&&e.jsxs(he,{unstyled:!0,tip:l,sx:{position:"absolute",right:10,bottom:10,fontSize:14,width:"calc(100% - 20px - 10px - 36px)",display:"flex",alignItems:"center"},arrow:!0,tipPlacement:"top",PopperProps:{disablePortal:!0},children:[e.jsx(X,{sx:{fontSize:20,mr:.5}}),e.jsx(S,{sx:{fontSize:14,overflowX:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l})]}),e.jsx(n,{sx:{position:"absolute",right:8,top:8},onClick:f==null?void 0:f.onClick,children:c?e.jsx(be,{sx:{fontSize:30}}):e.jsx(K,{sx:{fontSize:30,color:"#fff"}})})]})},he=I(se)`
+  height: 36px;
+  padding: 8px;
+  background: rgba(0, 0, 0, 0.42);
+  color: #f7f8f8;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 6px;
+  color: #fff;
+  transition: all 0.3s;
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.69);
+  }
+`,ge=I(Y)`
+  height: 36px;
+  width: 36px;
+  padding: 0;
+  background: rgba(0, 0, 0, 0.42);
+  color: #f7f8f8;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 6px;
+  transition: all 0.3s;
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.69);
+  }
+`,be=I(Q)`
+  & path:first-of-type {
+    fill: ${({theme:t})=>{var c,s;return((s=(c=t.palette)==null?void 0:c.primary)==null?void 0:s.main)||"#1976d2"}};
+    opacity: 1;
+  }
+  & path:last-child {
+    fill: white;
+  }
+`,je=b.lazy(()=>_(()=>import("./lottie-react.esm-D2t-u0YU.js"),__vite__mapDeps([0,1])).then(t=>({default:t.Player})));function R({src:t}){return e.jsx(je,{src:t,loop:!0,autoplay:!0})}function ye({options:t,handleApi:c,onSelect:s,onFinish:i,onClose:l,isMobile:f}){const{loading:u,onLoading:x,restrictions:a,i18n:j}=B(),[d,y]=b.useState([]),[m,k]=b.useState(),P=Z(),z=a==null?void 0:a.maxNumberOfFiles,[h,A]=b.useState({}),p=L({}),O=Object.keys(p).filter(r=>p[r]),F={xs:6,sm:6};b.useEffect(()=>{m&&!h.error&&_(()=>import("./lottie-error-CMOXHtBH.js"),[]).then(r=>{A(o=>({...o,error:r.default}))}),t&&!d.length&&!h.loading&&_(()=>import("./lottie-loading-o-GBrhM9.js"),[]).then(r=>{A(o=>({...o,loading:r.default}))}),!t&&!h.welcome&&_(()=>import("./lottie-welcome-C9B95FIi.js"),[]).then(r=>{A(o=>({...o,welcome:r.default}))})},[m,t,d.length,h]),oe(async()=>{var r;if(t){k(void 0),x(!0);try{const o=await c({...t,responseFormat:"b64_json"});if(o.data){const w=(o.data||[]).map(C=>({src:`data:image/png;base64,${C.b64Json||C.b64_json}`,width:t.size?Number((t.size||"").split("x")[0]):1024,alt:t.prompt}));y(d?[...w,...d]:w)}else k(o)}catch(o){console.error("AIImage generate error: ",o),k(((r=o==null?void 0:o.response)==null?void 0:r.data)||o)}finally{x(!1),i()}}},[t==null?void 0:t.number,t==null?void 0:t.prompt,t==null?void 0:t.size]);const D=r=>{const o=Object.keys(p).filter(w=>p[w]);if(z?o.length<z:!0)p[r]?p[r]=!1:p[r]=!0;else{const w=o.pop();w!==r&&(p[w]=!1),p[r]=!p[r]}},$=r=>{if(d){const o=d.findIndex(v=>v.src===r);o>-1&&(p[r]=!1,d.splice(o,1),y([...d]))}},V=()=>{var o,v;const r={width:((o=document.querySelector(".photo-item img"))==null?void 0:o.offsetWidth)||0,height:((v=document.querySelector(".photo-item img"))==null?void 0:v.offsetHeight)||0};return e.jsx(e.Fragment,{children:Array.from({length:(t==null?void 0:t.number)||1}).map((w,C)=>b.createElement(g,{item:!0,...F,key:C},e.jsx(E,{className:"lazy-image-skeleton",animation:"wave",variant:"rectangular",style:{borderRadius:"12px",...r}})))})},G=()=>m?e.jsxs(n,{width:300,height:300,m:"auto",children:[h.error&&e.jsx(R,{src:h.error},"error"),e.jsx(n,{sx:{textAlign:"center",color:"#25292F",wordBreak:"break-all"},children:m==null?void 0:m.message})]}):d&&Array.isArray(d)&&d.length>0?e.jsxs(e.Fragment,{children:[e.jsx(n,{flexGrow:1,sx:{height:0,overflowX:"hidden",overflowY:"auto"},children:e.jsx(ve,{sx:f?{p:0,border:"none !important"}:{p:2},children:e.jsxs(g,{spacing:2,container:!0,className:"photo-wrapper",children:[u&&e.jsx(V,{}),d.map((r,o)=>b.createElement(g,{item:!0,...F,key:r.src,className:"photo-item"},e.jsx(fe,{...r,selected:p[r.src],style:{objectFit:"cover",cursor:"pointer",transition:"all 0.3s",border:p[r.src]?`2px solid ${P.palette.primary.main}`:"2px solid transparent",WebkitUserDrag:"none",width:"100%",height:"100%"},onClick:()=>{D(r.src)},onDelete:()=>{$(r.src)}})))]})})}),e.jsxs(n,{sx:{mt:2,display:"flex",justifyContent:l?"space-between":"flex-end",button:{borderRadius:"30px",height:40,textTransform:"none"}},children:[l&&typeof l=="function"&&e.jsx(T,{color:"primary",variant:"outlined",onClick:l,children:e.jsx(ee,{})}),e.jsx(T,{color:"primary",variant:"contained",disabled:!O.length||u,onClick:()=>{const r=ne(d,"src");s(O.map(o=>r[o]))},children:O.length?j("aiImageSelectedUse"):j("aiImageSelectedTip")})]})]}):t?e.jsx(n,{width:220,height:220,m:"auto",children:h.loading&&e.jsx(R,{src:h.loading},"loading")}):e.jsx(n,{width:300,height:300,m:"auto",children:h.welcome&&e.jsx(R,{src:h.welcome},"welcome")});return e.jsx(we,{children:G()})}const we=I(n)`
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .lazy-image-wrapper {
+    border-radius: 12px;
+
+    img {
+      border-radius: 12px;
+    }
+  }
+
+  .tips {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+  }
+`,ve=I(n)`
+  display: flex;
+  flex-direction: column;
+  background: #fbfbfb;
+  border: 1px solid #f6f6f6;
+  border-radius: 12px;
+  min-height: 100%;
+
+  &:has(.Mui-focused) {
+    border: 1px solid #a482fe;
+  }
+
+  > .input {
+    padding: 12px;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 19px;
+    color: #25292f;
+  }
+
+  > .footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 0 12px 12px;
+
+    > .counter {
+      flex: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 14px;
+      color: #9397a1;
+    }
+
+    > .copy {
+      height: 25px;
+      width: 25px;
+      min-width: 0;
+      padding: 0;
+      color: #9397a1;
+    }
+  }
+`;function Le({onSelect:t,api:c,restrictions:s,i18n:i,theme:l}){const[f,u]=b.useState(),[x,a]=b.useState(!1),j=()=>u(void 0),d=()=>a(!1),y=ie(document.body);let m=!!(y&&y.width<768);if(!le())return e.jsx(n,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center",children:i("aiKitRequired")});const k=!m||m&&!x,P=!m||m&&x,z=m?d:!1;return e.jsx(de,{restrictions:s,i18n:i,theme:l,children:e.jsx(n,{sx:{display:"flex",width:"100%",height:"100%",bgcolor:"#fff"},children:e.jsxs(g,{container:!0,sx:{flexGrow:1,height:"100%"},children:[e.jsx(g,{item:!0,xs:12,sm:4,sx:{borderRight:{sm:"1px solid #eee"},display:k?"unset":"none"},children:e.jsx(n,{sx:{height:"100%",display:"flex",flexDirection:"column"},children:e.jsx(me,{onSubmit:(...h)=>{a(!0),u(...h)}})})}),e.jsx(g,{item:!0,xs:12,sm:8,sx:{height:"100%",overflow:"hidden",p:2,display:P?"unset":"none"},children:e.jsx(ye,{isMobile:m,options:f,handleApi:c,onSelect:t,onFinish:j,onClose:z})})]})})})}export{Le as default};