https://prd-bucket.sellclaw.ai/web/v1.1.1/_next/static/chunks/2179-955e991aa6be7946.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2179],{7680:(e,t,n)=>{n.d(t,{M:()=>r});var a=n(80237);function r(e,t){return e.startsWith("image/")?t>a.hR?{valid:!1,reason:"too_large"}:{valid:!0}:{valid:!1,reason:"not_image"}}},8399:(e,t,n)=>{n.d(t,{z:()=>r});var a=n(66420);async function r(e,t,n,r){var l;let o=await (l=e,new Promise((e,t)=>{let n=new Image;n.crossOrigin="anonymous",n.onload=()=>e(n),n.onerror=()=>t(Error("Failed to load image: ".concat(l))),n.src=l})),s=document.createElement("canvas");s.width=n,s.height=r;let c=s.getContext("2d");for(let e of(c.drawImage(o,0,0,n,r),t)){var d=c,u=e;let t=(0,a.Wy)(u.number);if(d.strokeStyle="rgba(255, 0, 0, 0.8)",d.lineWidth=3,d.fillStyle="rgba(255, 0, 0, 0.2)","rect"===u.shape){let e=u.geometry;d.fillRect(e.x,e.y,e.width,e.height),d.strokeRect(e.x,e.y,e.width,e.height),i(d,t,e.x,e.y)}else{let e=u.geometry;if(e.points.length>=4){d.beginPath(),d.moveTo(e.points[0],e.points[1]);for(let t=2;t<e.points.length;t+=2)d.lineTo(e.points[t],e.points[t+1]);d.closePath(),d.fill(),d.stroke(),i(d,t,e.points[0],e.points[1])}}}return new Promise((e,t)=>{s.toBlob(n=>{n?e(n):t(Error("Failed to create blob from canvas"))},"image/png")})}function i(e,t,n,a){e.font="bold ".concat(20,"px sans-serif");let r=e.measureText(t).width+8;e.fillStyle="rgba(255, 0, 0, 0.9)",e.fillRect(n,a-28,r,28),e.fillStyle="white",e.textBaseline="bottom",e.fillText(t,n+4,a-4)}},58919:(e,t,n)=>{n.d(t,{N:()=>b});var a=n(95155),r=n(95740),i=n(21397),l=n(16140),o=n(35299),s=n(18085),c=n(15239),d=n(95604),u=n(12115),h=n(18720),x=n(97446),g=n(11186),f=n(80237);let m={"1:1":{w:12,h:12},"4:3":{w:14,h:10},"3:4":{w:10,h:14},"16:9":{w:16,h:9},"9:16":{w:9,h:16},"3:2":{w:14,h:9},"2:3":{w:9,h:14},"1:4":{w:5,h:18},"4:1":{w:18,h:5},"1:8":{w:3,h:18},"8:1":{w:18,h:3}};function p(e){let{ratio:t}=e;if("default"===t)return null;let n=m[t];return n?(0,a.jsx)("span",{className:"inline-block rounded-[2px] border border-current",style:{width:"".concat(n.w,"px"),height:"".concat(n.h,"px")}}):null}function b(e){let{sessionUuid:t,selectedThumbs:n,onDeselect:m,onEditStart:b,onEditComplete:y,onEditError:w,requestBurnIn:v,resolveGroupMeta:j,placeholder:k}=e,N=(0,d.useTranslations)("features.EditInputFeature"),[S,M]=(0,u.useState)(""),[C,E]=(0,u.useState)(!1),[I,z]=(0,u.useState)(f.bw.aspectRatio),[P,_]=(0,u.useState)(f.bw.imageSize),T=x.F.mediaGen.editImage.useMutation({retry:!1}),A=x.F.mediaGen.requestUpload.useMutation(),Y=(n.length,S.trim().length>0&&!C),W=(0,u.useCallback)(async()=>{if(Y){if(0===n.length||!t)return void h.o.error(N("error_no_selection"));E(!0),b();try{var e;let a=new Map;for(let e of n)if(j(e.imageId).hasAnnotation){let n=await v(e.imageId);if(n&&n.size>0){let r=await A.mutateAsync({sessionUuid:t,purpose:"annotation",contentType:n.type,fileSize:n.size,fileName:"annotation-".concat(e.imageId,".png")});await fetch(r.data.uploadUrl,{method:"PUT",body:n,headers:{"Content-Type":n.type||"image/png"}}),a.set(e.imageId,r.data.bucketKey)}}let r=(e=n.map(e=>e.imageId),e.map(e=>{let t=j(e),n={originalKey:t.originalKey};if(t.hasAnnotation){let r=a.get(e);r&&(n.annotatedKey=r,n.regionNumbers=t.regionNumbers)}return n})),i=await T.mutateAsync({sessionUuid:t,prompt:S.trim(),config:{aspectRatio:I,imageSize:P},groups:r});y(i.data),M("")}catch(e){h.o.error(null==e?void 0:e.message),w(e instanceof Error?e:Error(null==e?void 0:e.message))}finally{E(!1)}}},[Y,t,n,S,I,P,j,v,b,y,w,T,A,N]),R=(0,u.useCallback)(e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),W())},[W]);return(0,a.jsxs)("div",{className:"rounded-[24px] border border-white/40 bg-white/80 p-4 shadow-2xl ring-1 ring-black/5 backdrop-blur-[12px]",children:[n.length>0&&(0,a.jsx)("div",{className:"mb-3 flex gap-2",children:n.map(e=>(0,a.jsxs)("div",{className:"relative h-10 w-10 shrink-0",children:[(0,a.jsx)(c.default,{src:e.url,alt:"",fill:!0,className:"rounded-lg object-cover",unoptimized:!0}),(0,a.jsx)("button",{type:"button",className:"absolute -right-1 -top-1 flex h-4 w-4 items-center justify-center rounded-full bg-red-500 text-[10px] text-white transition-transform hover:scale-110",onClick:t=>{t.stopPropagation(),m(e.imageId)},"aria-label":N("deselect"),children:"\xd7"})]},e.imageId))}),(0,a.jsxs)("div",{className:"relative mb-3",children:[(0,a.jsx)("textarea",{value:S,onChange:e=>M(e.target.value.slice(0,3e3)),onKeyDown:R,placeholder:k||N("placeholder"),disabled:C,className:"w-full resize-none border-none bg-transparent p-2 text-base text-[#191c1e] placeholder:text-[#464555]/50 focus:outline-none focus:ring-0",rows:2,maxLength:3e3}),(0,a.jsxs)("span",{className:"absolute bottom-2 right-2 text-xs ".concat(S.length>=3e3?"text-red-500":"text-[#464555]"),children:[S.length,"/",3e3]})]}),(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2 sm:gap-4 border-t border-[#c7c4d8]/30 pt-3 mt-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 sm:gap-2 min-w-0",children:[(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5 rounded-xl border border-[#c7c4d8]/50 bg-[#f2f4f6] px-2 sm:px-3 py-1.5 text-xs font-semibold text-[#191c1e] cursor-pointer hover:bg-[#e6e8ea] transition-colors whitespace-nowrap",children:[(0,a.jsx)(r.A,{className:"size-3.5"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:"banana 2"})]}

1),(0,a.jsxs)(g.l6,{value:I,onValueChange:e=>z(e),disabled:C,children:[(0,a.jsxs)(g.bq,{className:"h-auto min-h-0 w-auto gap-1 sm:gap-1.5 rounded-xl border-[#c7c4d8]/50 bg-[#f2f4f6] px-2 sm:px-3 py-1.5 text-xs font-semibold shadow-none hover:bg-[#e6e8ea] transition-colors focus:ring-0 whitespace-nowrap",children:[(0,a.jsx)(i.A,{className:"hidden sm:block size-3.5 shrink-0"}),(0,a.jsx)(g.yv,{placeholder:N("aspect_ratio_label")})]}),(0,a.jsx)(g.gC,{className:"min-w-[140px]",children:f.lT.map(e=>(0,a.jsx)(g.eb,{value:e,className:"pr-4",suffix:"default"!==e?(0,a.jsx)("span",{className:"ml-auto flex w-[18px] items-center justify-center",children:(0,a.jsx)(p,{ratio:e})}):void 0,children:"default"===e?N("aspect_ratio_default"):e},e))})]}),(0,a.jsxs)(g.l6,{value:P,onValueChange:e=>_(e),disabled:C,children:[(0,a.jsxs)(g.bq,{className:"h-auto min-h-0 w-auto gap-1 sm:gap-1.5 rounded-xl border-[#c7c4d8]/50 bg-[#f2f4f6] px-2 sm:px-3 py-1.5 text-xs font-semibold shadow-none hover:bg-[#e6e8ea] transition-colors focus:ring-0 whitespace-nowrap",children:[(0,a.jsx)(l.A,{className:"hidden sm:block size-3.5 shrink-0"}),(0,a.jsx)(g.yv,{placeholder:N("image_size_label")})]}),(0,a.jsx)(g.gC,{children:f.Yy.map(e=>(0,a.jsx)(g.eb,{value:e,children:e},e))})]})]}),(0,a.jsxs)("button",{type:"button",onClick:W,disabled:!Y,className:"flex shrink-0 items-center gap-1.5 rounded-full bg-gradient-to-tr from-[#3525cd] to-[#4f46e5] p-2.5 sm:px-6 sm:py-2.5 text-xs font-medium text-white shadow-lg shadow-[#3525cd]/20 transition-all hover:scale-[1.02] hover:shadow-[#3525cd]/40 active:scale-95 disabled:opacity-50 disabled:pointer-events-none","aria-label":N("send"),children:[C?(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(s.A,{className:"h-4 w-4"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:N("send")})]})]})]})}b.displayName="EditInputFeature"},59710:(e,t,n)=>{n.d(t,{D:()=>w});var a=n(95155),r=n(21786),i=n(8597),l=n(59e3),o=n(46577),s=n(35299),c=n(95604),d=n(12115),u=n(90944),h=n(46767),x=n(66420);function g(e){return Math.min(5,Math.max(.1,e))}let f={upload:r.A,select:i.A,rect:l.A,brush:o.A};function m(e,t,n){return{x:(e.clientX+t.clientX)/2-n.left,y:(e.clientY+t.clientY)/2-n.top}}function p(e,t){return Math.hypot(e.clientX-t.clientX,e.clientY-t.clientY)}function b(e){let{img:t,activeTool:n,selected:r,onToggleSelect:i,onMoveImage:l,onDeleteImage:o}=e,s=function(e){let[t,n]=(0,d.useState)(null);return(0,d.useEffect)(()=>{let t=new window.Image;return t.onload=()=>n(t),t.src=e,()=>{t.onload=null}},[e]),t}(t.url),c=(0,d.useRef)(!1),h=(0,d.useRef)(!1),[x,g]=(0,d.useState)(!1);return(0,a.jsxs)(u.YJ,{x:t.x,y:t.y,width:t.width,height:t.height,draggable:"select"===n,onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1),onDragStart:()=>{c.current=!1},onDragMove:e=>{c.current=!0,l(t.id,{x:e.target.x(),y:e.target.y()})},onDragEnd:e=>{l(t.id,{x:e.target.x(),y:e.target.y()})},onClick:()=>{if(h.current||c.current||"select"!==n){c.current=!1,h.current=!1;return}i(t.id)},onTap:()=>{if(h.current||c.current||"select"!==n){c.current=!1,h.current=!1;return}i(t.id)},children:[(0,a.jsx)(u.rw,{width:t.width,height:t.height,fill:"#ffffff",stroke:r?"#3b82f6":"transparent",strokeWidth:2*!!r,shadowColor:"rgba(0,0,0,0.18)",shadowBlur:8,shadowOffsetY:2}),s?(0,a.jsx)(u._V,{image:s,width:t.width,height:t.height}):(0,a.jsx)(u.rw,{width:t.width,height:t.height,fill:"#eeeeee"}),r&&(0,a.jsx)(u.rw,{x:-1,y:-1,width:t.width+2,height:t.height+2,stroke:"#3b82f6",strokeWidth:2}),"select"===n&&x&&(0,a.jsxs)(u.YJ,{x:t.width-32,y:32,onMouseEnter:e=>{let t=e.target.getStage();t&&(t.container().style.cursor="pointer")},onMouseLeave:e=>{let t=e.target.getStage();t&&(t.container().style.cursor="")},onClick:e=>{e.cancelBubble=!0,h.current=!0,o(t.id)},onTap:e=>{e.cancelBubble=!0,h.current=!0,o(t.id)},children:[(0,a.jsx)(u.jl,{radius:32,fill:"rgba(239,68,68,0.95)",shadowColor:"rgba(0,0,0,0.2)",shadowBlur:4}),(0,a.jsx)(u.EY,{text:"\xd7",width:64,height:64,x:-32,y:-32,fontSize:36,fill:"#ffffff",fontStyle:"bold",align:"center",verticalAlign:"middle"})]})]})}function y(e){let{annotation:t,imageX:n,imageY:r,onDelete:i}=e,[l,o]=(0,d.useState)(!1);if("rect"===t.shape){let e=t.geometry;return(0,a.jsxs)(u.YJ,{x:n+e.x,y:r+e.y,onMouseEnter:e=>{o(!0);let t=e.target.getStage();t&&(t.container().style.cursor="pointer")},onMouseLeave:e=>{o(!1);let t=e.target.getStage();t&&(t.container().style.cursor="")},children:[(0,a.jsx)(u.rw,{width:e.width,height:e.height,stroke:l?"#dc2626":"#ef4444",strokeWidth:l?3:2,dash:[6,3],fill:l?"rgba(239,68,68,0.08)":void 0}),(0,a.jsxs)(u.YJ,{x:e.width+4,y:-4,onClick:e=>{l&&(e.cancelBubble=!0,i(t.id))},onTap:e=>{l&&(e.cancelBubble=!0,i(t.id))},children:[(0,a.jsx)(u.jl,{radius:12,fill:l?"#dc2626":"#ef4444"}),(0,a.jsx)(u.EY,{text:l?"\xd7":(0,x.Wy)(t.number),width:24,height:24,x:-12,y:-12,fontSize:l?16:14,fill:"#ffffff",fontStyle:"bold",align:"center",verticalAlign:"middle"})]})]})}let s=t.geometry,c=1/0,h=1/0,g=-1/0,f=-1/0;for(let e=0;e<s.points.length;e+=2){let t=s.points[e],n=s.points[e+1];t<c&&(c=t),n<h&&(h=n),t>g&&(g=t),n>f&&(f=n)}return(0,a.jsxs)(u.YJ,{x:n,y:r,onMouseEnter:e=>{o(!0);let t=e.target.getStage();t&&(t.container().style.cursor="pointer")},onMouseLeave:e=>{o(!1);let t=e.target.getStage();t&&(t.container().style.cursor="")},children:[(0,a.jsx)(u.rw,{x:c-4,y:h-4,width:g-c+8,height:f-h+8,fill:"transparent"}),(0,a.jsx)(u.N1,{points:s.points,stroke:l?"#dc2626":"#ef4444",strokeWidth:l?4:3,lineCap:"round",lineJoin:"round",hitStrokeWidth:12}),s.points.length>=2&&(0,a.jsxs)(u.YJ,{x:s.points[s.points.length-2],y:s.points[s.points.length-1],onClick:e=>{l&&(e.cancelBubble=!0,i(t.id))},onTap:e=>{l&&(e.cancelBubble=!0,i(t.id))},children:[(0,a.jsx)(u.jl,{radius:12,fill:l?"#dc2626":"#ef4444"}),(0,a.jsx)(u.EY,{text:l?"\xd7":(0,x.Wy)(t.number),width:24,height:24,x:-12,y:-12,fontSize:l?16:14,fill:"#ffffff",fontStyle:"bold",align:"center",verticalAlign:"middle"})]})]})}function w(e){let{canvasImages:t,selection:n,annotations:r,activeTool:i,isUploading:l=!1,centerTrigger:o,onBeforeUpload:x,onToolChange:w,onUploadSource:v,onToggleSelect:j,onMoveImage:k,onDeleteImage:N,onCreateAnnotation:S,onDeleteAnnotation:M}=e,C=(0,c.useTranslations)("features.EditCanvasFeature"),E=(0,d.useRef)(null),I=(0,d.useRef)(null),z=(0,d.useRef)(null),[P,_]=(0,d.useState)({x:0,y:0,zoom:1}),[T,A]=(0,d.useState)({width:1,height:1}),[Y,W]=(0,d.useState)({x:-9999,y:-9999}),[R,D]=(0,d.useState)(!1),B=(0,d.useRef)(null),[K,F]=(0,d.useState)(null);(0,d.useLayoutEffect)(()=>{let e=E.current;if(!e)return;let t=()=>{A({width:Math.max(e.clientWidth,1),height:Math.max(e.clientHeight,1)}),_(t=>({...t,x:e.clientWidth/2,y:e.clientHeight/2}))};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[]),(0,d.useEffect)(()=>

1{if(void 0===o||0===o||0===t.length)return;let e=E.current;if(!e)return;let n=t[t.length-1],a=n.x+n.width/2,r=n.y+n.height/2,i=e.clientWidth,l=e.clientHeight;_(e=>({...e,x:i/2-a*e.zoom,y:l/2-r*e.zoom}))},[o]);let L=(0,d.useCallback)(e=>{e.evt.preventDefault();let t=e.evt,n=e.target.getStage(),a=null==n?void 0:n.getPointerPosition();if(a)if(t.ctrlKey){let e=t.deltaY>0?.92:1.08;_(t=>{let n=g(t.zoom*e),r=(a.x-t.x)/t.zoom,i=(a.y-t.y)/t.zoom;return{x:a.x-r*n,y:a.y-i*n,zoom:n}})}else _(e=>({...e,x:e.x-t.deltaX,y:e.y-t.deltaY}))},[]),X=(0,d.useCallback)(e=>{var t;let n=null==(t=E.current)?void 0:t.getBoundingClientRect(),a=e.item(0),r=e.item(1);if(!a||!r||!n)return z.current=null,null;let i={center:m(a,r,n),distance:p(a,r)};return z.current=i,i},[]),J=(0,d.useCallback)(e=>{X(e.evt.touches)},[X]),G=(0,d.useCallback)(e=>{var t,n;let a=e.evt.touches;if(a.length<2){z.current=null;return}e.evt.preventDefault();let r=null==(t=E.current)?void 0:t.getBoundingClientRect(),i=a.item(0),l=a.item(1),o=null!=(n=z.current)?n:X(a);if(!o||!r||!i||!l)return;let s={center:m(i,l,r),distance:p(i,l)};_(e=>{let t=o.distance>0?s.distance/o.distance:1,n=g(e.zoom*t),a=(o.center.x-e.x)/e.zoom,r=(o.center.y-e.y)/e.zoom;return{x:s.center.x-a*n,y:s.center.y-r*n,zoom:n}}),z.current=s,W(s.center)},[X]),U=(0,d.useCallback)(e=>{X(e.evt.touches)},[X]),q=(0,d.useCallback)(e=>{let n=e.target,a=n.getStage(),r=null==a?void 0:a.getPointerPosition();if(r){if("rect"===i||"brush"===i){let e=(r.x-P.x)/P.zoom,n=(r.y-P.y)/P.zoom,a=[...t].reverse().find(t=>e>=t.x&&e<=t.x+t.width&&n>=t.y&&n<=t.y+t.height);if(a){let t=e-a.x,r=n-a.y,l="rect"===i?"rect":"freehand";F({imageId:a.id,shape:l,startPoint:{x:t,y:r},currentPoint:{x:t,y:r},points:[t,r]});return}}n===a&&(D(!0),B.current={x:r.x-P.x,y:r.y-P.y})}},[P.x,P.y,P.zoom,i,t]),H=(0,d.useCallback)(e=>{let n=e.target.getStage(),a=null==n?void 0:n.getPointerPosition();if(a&&W(a),K&&a){let e=(a.x-P.x)/P.zoom,n=(a.y-P.y)/P.zoom,r=t.find(e=>e.id===K.imageId);if(r){let t=Math.max(0,Math.min(e-r.x,r.width)),a=Math.max(0,Math.min(n-r.y,r.height));"rect"===K.shape?F(e=>e?{...e,currentPoint:{x:t,y:a}}:null):F(e=>e?{...e,points:[...e.points,t,a]}:null)}return}R&&B.current&&a&&_(e=>({...e,x:a.x-B.current.x,y:a.y-B.current.y}))},[R,K,P.x,P.y,P.zoom,t]),O=(0,d.useCallback)(()=>{if(K){if("rect"===K.shape){let e=Math.min(K.startPoint.x,K.currentPoint.x),t=Math.min(K.startPoint.y,K.currentPoint.y),n=Math.abs(K.currentPoint.x-K.startPoint.x),a=Math.abs(K.currentPoint.y-K.startPoint.y);n>3&&a>3&&S({imageId:K.imageId,shape:"rect",geometry:{x:e,y:t,width:n,height:a}})}else K.points.length>=4&&S({imageId:K.imageId,shape:"freehand",geometry:{points:K.points}});F(null);return}D(!1),B.current=null},[K,S]),V=R?"cursor-grabbing":"rect"===i||"brush"===i?"cursor-crosshair":"cursor-grab",Z=(0,d.useCallback)(e=>{var t;let n=null==(t=e.target.files)?void 0:t[0];n&&v(n),e.target.value=""},[v]),$=(0,d.useMemo)(()=>[{id:"upload",label:C("tool_upload")},{id:"select",label:C("tool_select")},{id:"rect",label:C("tool_rect")},{id:"brush",label:C("tool_brush")}],[C]);return(0,a.jsxs)("div",{ref:E,className:"relative flex-1 touch-none overflow-hidden bg-[#f6f6f3] ".concat(V),style:{backgroundImage:"radial-gradient(circle, rgb(31 31 28 / 0.22) 1.15px, transparent 1.35px)",backgroundSize:"".concat(24,"px ").concat(24,"px"),backgroundPosition:"".concat(P.x%24,"px ").concat(P.y%24,"px")},children:[(0,a.jsx)("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:"radial-gradient(circle, rgb(31 31 28 / 0.72) 1.15px, transparent 1.35px)",backgroundSize:"".concat(24,"px ").concat(24,"px"),backgroundPosition:"".concat(P.x%24,"px ").concat(P.y%24,"px"),maskImage:"radial-gradient(circle at ".concat(Y.x,"px ").concat(Y.y,"px, black 0 88px, transparent 150px)"),WebkitMaskImage:"radial-gradient(circle at ".concat(Y.x,"px ").concat(Y.y,"px, black 0 88px, transparent 150px)")}}),(0,a.jsx)("div",{className:"absolute left-1/2 top-3 z-20 flex -translate-x-1/2 gap-2 rounded-full border border-black/10 bg-white/95 px-3 py-1.5 shadow-[0_8px_28px_rgb(0_0_0/0.12)] backdrop-blur",children:(0,a.jsx)(h.Bc,{delayDuration:200,children:$.map(e=>{let t=f[e.id],n=i===e.id,r="upload"===e.id&&l;return(0,a.jsxs)(h.m_,{children:[(0,a.jsx)(h.k$,{asChild:!0,children:(0,a.jsx)("button",{type:"button",className:"flex h-6 w-6 items-center justify-center rounded-full transition-colors ".concat(n?"bg-[#191c1e] text-white":"text-[#303236] hover:bg-[#ececea]"),onClick:()=>

1{if(!r&&(w(e.id),"upload"===e.id)){var t;(!x||x())&&(null==(t=I.current)||t.click())}},disabled:r,"aria-label":e.label,"aria-pressed":n,children:r?(0,a.jsx)(s.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,a.jsx)(t,{className:"h-3.5 w-3.5"})})}),(0,a.jsx)(h.ZI,{side:"bottom",className:"text-xs",children:e.label})]},e.id)})})}),(0,a.jsx)("input",{ref:I,type:"file",accept:"image/*",className:"hidden",onChange:Z}),(0,a.jsx)("div",{className:"absolute inset-0",children:(0,a.jsx)(u.BI,{width:T.width,height:T.height,x:P.x,y:P.y,scaleX:P.zoom,scaleY:P.zoom,onWheel:L,onTouchStart:J,onTouchMove:G,onTouchEnd:U,onTouchCancel:U,onMouseDown:q,onMouseMove:H,onMouseUp:O,onMouseLeave:()=>{W({x:-9999,y:-9999}),D(!1),B.current=null},children:(0,a.jsxs)(u.Wd,{children:[t.map(e=>(0,a.jsx)(b,{img:e,activeTool:i,selected:n.includes(e.id),onToggleSelect:j,onMoveImage:k,onDeleteImage:N},e.id)),r.map(e=>{let n=t.find(t=>t.id===e.imageId);return n?(0,a.jsx)(y,{annotation:e,imageX:n.x,imageY:n.y,onDelete:M},e.id):null}),K&&(()=>{let e=t.find(e=>e.id===K.imageId);if(!e)return null;if("rect"===K.shape){let t=Math.min(K.startPoint.x,K.currentPoint.x),n=Math.min(K.startPoint.y,K.currentPoint.y),r=Math.abs(K.currentPoint.x-K.startPoint.x),i=Math.abs(K.currentPoint.y-K.startPoint.y);return(0,a.jsx)(u.rw,{x:e.x+t,y:e.y+n,width:r,height:i,stroke:"#3b82f6",strokeWidth:2,dash:[4,4]})}return(0,a.jsx)(u.N1,{x:e.x,y:e.y,points:K.points,stroke:"#3b82f6",strokeWidth:3,lineCap:"round",lineJoin:"round"})})()]})})})]})}w.displayName="EditCanvasFeature"},66420:(e,t,n)=>{n.d(t,{FX:()=>a,Wy:()=>i,q2:()=>r});let a={annotations:[],counter:1};function r(e,t){switch(t.type){case"CREATE":return{annotations:[...e.annotations,{id:t.payload.id,imageId:t.payload.imageId,number:e.counter,shape:t.payload.shape,geometry:t.payload.geometry}],counter:e.counter+1};case"DELETE":return{...e,annotations:e.annotations.filter(e=>e.id!==t.annotationId)};case"DELETE_BY_IMAGE":return{...e,annotations:e.annotations.filter(e=>e.imageId!==t.imageId)};case"RESET":return a;default:return e}}function i(e){return String(e)}},80237:(e,t,n)=>{n.d(t,{DU:()=>c,KA:()=>s,So:()=>i,Yy:()=>r,aD:()=>o,bw:()=>l,hR:()=>d,lT:()=>a});let a=["default","1:1","4:3","3:4","16:9","9:16","3:2","2:3","1:4","4:1","1:8","8:1"],r=["1K","2K","4K"],i={TEXT2IMAGE:"text2image",IMAGE_EDITING:"image_editing"},l={aspectRatio:"default",imageSize:"1K"},o=10,s=50,c=3,d=0x1400000},96207:(e,t,n)=>{n.d(t,{x:()=>r});var a=n(80237);function r(e){if(e.length<=a.KA)return{kept:e,evicted:[]};let t=[...e].sort((e,t)=>t.createdAt-e.createdAt);return{kept:t.slice(0,a.KA),evicted:t.slice(a.KA)}}}}]);