https://prd-bucket.sellclaw.ai/web/v1.1.1/_next/static/chunks/1606-b87cf4071dadc9a7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1606],{30288:(e,t,a)=>{"use strict";a.d(t,{z:()=>x});var l=a(95155),s=a(861),n=a(35299),r=a(96199),i=a(95604),o=a(12115),u=a(87962),c=a(3998),d=a(51834),h=a(31328);let m=()=>(0,l.jsxs)("svg",{className:"mr-2 h-5 w-5",viewBox:"0 0 24 24",children:[(0,l.jsx)("path",{fill:"#4285F4",d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"}),(0,l.jsx)("path",{fill:"#34A853",d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"}),(0,l.jsx)("path",{fill:"#FBBC05",d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"}),(0,l.jsx)("path",{fill:"#EA4335",d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"})]});function x(e){let{open:t,onClose:a,locale:x,onBeforeSignIn:f}=e,g=(0,i.useTranslations)("features.LoginModal"),[p,b]=(0,o.useState)(!1),w=(0,o.useCallback)(async()=>{b(!0),null==f||f(),await (0,r.Jv)("google",{callbackUrl:window.location.href})},[f]);return(0,l.jsx)(d.lG,{open:t,onOpenChange:e=>{e||p||a()},children:(0,l.jsxs)(d.Cf,{className:"sm:max-w-[400px]",children:[(0,l.jsxs)(d.c7,{className:"items-center",children:[(0,l.jsx)("div",{className:"mb-2 flex items-center justify-center",children:(0,l.jsx)(u.CdnImage,{src:"/android-chrome-192x192.png",alt:h.oO.name,width:48,height:48,priority:!0})}),(0,l.jsx)(s.s6,{children:(0,l.jsx)(d.L3,{children:g("title")})}),(0,l.jsx)(d.rr,{className:"text-center",children:g("description")})]}),(0,l.jsx)("div",{className:"flex flex-col items-center py-4",children:(0,l.jsxs)(c.$,{type:"button",variant:"outline",className:"relative h-11 w-full max-w-[300px]",onClick:w,disabled:p,children:[(0,l.jsx)(m,{}),g("google_button"),p&&(0,l.jsx)(n.A,{className:"absolute right-3 h-4 w-4 animate-spin"})]})})]})})}},52483:(e,t,a)=>{"use strict";a.d(t,{p:()=>i,z:()=>r});var l=a(95155),s=a(96199),n=a(12115);let r=(0,n.createContext)(null);function i(e){let{children:t}=e,{status:a}=(0,s.wV)(),[i,o]=(0,n.useState)(!1),[u,c]=(0,n.useState)(null),d=(0,n.useRef)(a),h="authenticated"===a;(0,n.useEffect)(()=>{"authenticated"!==d.current&&"authenticated"===a&&u&&(c(null),o(!1),u.execute()),d.current=a},[a,u]);let m=(0,n.useCallback)(e=>!!h||!i&&(c(e),o(!0),!1),[h,i]),x=(0,n.useCallback)(()=>{o(!1)},[]),f=(0,n.useMemo)(()=>({isAuthenticated:h,isModalOpen:i,guard:m,closeModal:x}),[h,i,m,x]);return(0,l.jsx)(r,{value:f,children:t})}},54351:(e,t,a)=>{"use strict";a.d(t,{z:()=>n});var l=a(12115),s=a(52483);function n(){let e=(0,l.use)(s.z);if(!e)throw Error("useAuthGuard must be used within an AuthGuardProvider");return e}},74599:(e,t,a)=>{"use strict";a.d(t,{PublicImageEditingTemplate:()=>A});var l=a(95155),s=a(97515),n=a(36369),r=a(95604),i=a(12115),o=a(18720),u=a(97446),c=a(30288),d=a(3998),h=a(27063),m=a(59710),x=a(58919),f=a(66420),g=a(8399),p=a(96207),b=a(7680),w=a(39347),y=a(39867),v=a(65229),j=a(15239),k=a(98053),C=a(20243);function N(e){let{sessionUuid:t,mediaSelection:a,refreshTrigger:s,onToggleMedia:n,onDeleteMedia:c}=e,d=(0,r.useTranslations)("features.SessionHistoryFeature"),h=u.F.useUtils(),[m,x]=(0,i.useState)([]),[f,g]=(0,i.useState)(!0),[p,b]=(0,i.useState)(!1),[N,S]=(0,i.useState)(()=>new Set),[_,E]=(0,i.useState)(null),U=(0,i.useRef)(null),z=(0,i.useCallback)(async function(e,t){let a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];b(!0);try{a&&await h.mediaGen.getSessionMedia.invalidate();let{media:l}=(await h.mediaGen.getSessionMedia.fetch({sessionUuid:e,cursor:t,limit:10})).data;if(a)x(l),S(new Set(l.filter(e=>e.starred).map(e=>e.uuid)));else{x(e=>[...e,...l.filter(t=>!e.some(e=>e.uuid===t.uuid))]);let e=l.filter(e=>e.starred).map(e=>e.uuid);e.length>0&&S(t=>new Set([...t,...e]))}g(l.length>=10)}finally{b(!1)}},[h]);(0,i.useEffect)(()=>{void 0!==s&&0!==s&&t&&z(t,void 0,!0)},[s]),(0,i.useEffect)(()=>{t?z(t,void 0,!0):(x([]),g(!0))},[t]);let A=(0,i.useCallback)(()=>{var e;let a=U.current;a&&a.scrollHeight-a.scrollTop-a.clientHeight<100&&!p&&f&&t&&z(t,null==(e=m[m.length-1])?void 0:e.uuid)},[p,f,t,m,z]),M=u.F.mediaLibrary.starByResult.useMutation({onSuccess:e=>{o.o.success(e.message)},onError:(e,t)=>

1{S(e=>{let a=new Set(e);return a.delete(t.resultUuid),a}),o.o.error(e.message)}}),I=u.F.mediaLibrary.unstarByResult.useMutation({onSuccess:e=>{o.o.success(e.message)},onError:(e,t)=>{S(e=>new Set([...e,t.resultUuid])),o.o.error(e.message)}}),D=(0,i.useCallback)(e=>{N.has(e)?(S(t=>{let a=new Set(t);return a.delete(e),a}),I.mutate({resultUuid:e})):(S(t=>new Set([...t,e])),M.mutate({resultUuid:e}))},[N,M,I]),T=(0,i.useCallback)(()=>{_&&(c(_.uuid),x(e=>e.filter(e=>e.uuid!==_.uuid)),E(null))},[_,c]),R=(0,i.useCallback)(async e=>{try{let t=await fetch(e,{cache:"no-store"}),a=await t.blob(),l=URL.createObjectURL(a),s=document.createElement("a");s.href=l,s.download="image-".concat(Date.now(),".png"),document.body.appendChild(s),s.click(),document.body.removeChild(s),URL.revokeObjectURL(l)}catch(e){o.o.error("Download failed")}},[]);return(0,l.jsxs)("div",{className:"flex h-full flex-col",children:[(0,l.jsx)("div",{className:"border-b border-[#c7c4d8] px-4 py-3",children:(0,l.jsx)("span",{className:"text-sm font-semibold text-[#191c1e]",children:d("tab_generations")})}),(0,l.jsx)("div",{ref:U,className:"flex-1 overflow-y-auto p-4",onScroll:A,children:(0,l.jsx)("div",{className:"space-y-4",children:t?p&&0===m.length?(0,l.jsxs)("div",{className:"space-y-4",children:[(0,l.jsx)(C.E,{className:"aspect-square w-full rounded-2xl"}),(0,l.jsx)(C.E,{className:"aspect-square w-full rounded-2xl"})]}):0===m.length?(0,l.jsx)("p",{className:"py-8 text-center text-xs text-[#464555]",children:d("empty_state")}):(0,l.jsxs)(l.Fragment,{children:[m.map(e=>(0,l.jsx)("div",{className:"group",role:"button",tabIndex:0,onClick:()=>n({uuid:e.uuid,url:e.url},!a.has(e.uuid)),onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),n({uuid:e.uuid,url:e.url},!a.has(e.uuid)))},children:(0,l.jsxs)("div",{className:"relative mb-2 aspect-square w-full overflow-hidden rounded-2xl ring-1 ".concat(a.has(e.uuid)?"ring-[#3525cd]":"ring-transparent"),children:[(0,l.jsx)(j.default,{src:e.url,alt:"",fill:!0,className:"object-cover",unoptimized:!0}),(0,l.jsxs)("div",{className:"absolute right-2 top-2 flex gap-1 opacity-0 transition-opacity group-hover:opacity-100",children:[(0,l.jsx)("button",{type:"button",className:"flex size-6 items-center justify-center rounded-full bg-black/30 text-white hover:bg-black/60",onClick:t=>{t.stopPropagation(),D(e.uuid)},"aria-label":N.has(e.uuid)?d("unstar_button"):d("star_button"),children:(0,l.jsx)(w.A,{className:"size-3.5 ".concat(N.has(e.uuid)?"fill-yellow-400 text-yellow-400":"")})}),(0,l.jsx)("button",{type:"button",className:"flex size-6 items-center justify-center rounded-full bg-black/30 text-white hover:bg-black/60",onClick:t=>{t.stopPropagation(),R(e.url)},"aria-label":d("download_button"),children:(0,l.jsx)(y.A,{className:"size-3.5"})}),(0,l.jsx)("button",{type:"button",className:"flex size-6 items-center justify-center rounded-full bg-black/30 text-white hover:bg-black/60",onClick:t=>{t.stopPropagation(),E({uuid:e.uuid})},"aria-label":d("delete_button"),children:(0,l.jsx)(v.A,{className:"size-3.5"})})]})]})},e.uuid)),p&&f&&(0,l.jsx)(C.E,{className:"aspect-square w-full rounded-2xl"})]}):(0,l.jsx)("p",{className:"py-8 text-center text-xs text-[#464555]",children:d("empty_state")})})}),(0,l.jsx)(k.Lt,{open:!!_,onOpenChange:e=>{e||E(null)},children:(0,l.jsxs)(k.EO,{children:[(0,l.jsxs)(k.wd,{children:[(0,l.jsx)(k.r7,{children:d("delete_image_title")}),(0,l.jsx)(k.$v,{children:d("delete_image_message")})]}),(0,l.jsxs)(k.ck,{children:[(0,l.jsx)(k.Zr,{children:d("cancel_button")}),(0,l.jsx)(k.Rx,{onClick:T,className:"bg-destructive text-destructive-foreground hover:bg-destructive/90",children:d("delete_button")})]})]})})]})}var S=a(54351),_=a(52483),E=a(80237);function U(e,t){let a=(e.length>0?Math.max(...e.map(e=>e.x+e.width)):0)+72,l=t.length>0?Math.max(...t.map(e=>e.width)):512,s=Array.from({length:2},()=>0);for(let e of t){let t=Math.max(0,Math.min(Math.round((e.x-a)/(l+72)),1)),n=e.y+e.height+72;n>s[t]&&(s[t]=n)}let n=0;for(let e=1;e<2;e++)s[e]<s[n]&&(n=e);return{x:a+n*(l+72),y:s[n]}}function z(e){let{heading:t,placeholder:a}=e,w=(0,r.useTranslations)("templates.PublicImageEditingTemplate"),y=(0,r.useLocale)(),{guard:v,isModalOpen:j,closeModal:k}=(0,S.z)(),[C,_]=(0,i.useState)(void 0),[z,A]=(0,i.useState)("select"),[M,I]=(0,i.useState)([]),[D,T]=(0,i.useState)([]),[R,P]=(0,i.useState)(()=>new Set),[L,q]=(0,i.useState)(f.FX),[F,B]=(0,i.useState)(0),[G,H]=(0,i.useState)(!1),[O,K]=(0,i.useState)(0),W=(0,i.useRef)(0),$=(0,i.useRef)(null),[V,J]=(0,i.useState)(!1),[X,Y]=(0,i.useState)(!0),Z=u.F.mediaGen.requestUpload.useMutation({onError:e=>{o.o.error(e.message)}}),Q=u.F.mediaGen.confirmSourceImageUpload.useMutation({onError:e=>{o.o.error(e.message)},onSuccess:e=>{o.o.success(e.message)}}),ee=u.F.mediaGen.removeSourceImage.useMutation({onSuccess:e=>{o.o.success(e.message)},onError:e=>{o.o.error(e.message)}}),et=(0,i.useCallback)(()=>(W.current+=1,"img-".concat(Date.now(),"-").concat(W.current)),[]),ea=(0,i.useCallback)(()=>v({type:"upload",execute:()=>{var e;null==(e=$.current)||e.click()}}),[v]),el=(0,i.useCallback)(async e=>{let t=(0,b.M)(e.type,e.size);if(!t.valid)return void o.o.error("not_image"===t.reason?w("error_not_image"):w("error_too_large"));if(M.filter(e=>"source"===e.kind).length>=E.aD)return void o.o.error(w("error_max_sources"));H(!0);try{let{sessionUuid:t,uploadUrl:a,bucketKey:l}=(await Z.mutateAsync({sessionUuid:C,purpose:"source",contentType:e.type,fileSize:e.size,fileName:e.name})).data;C||_(t),await fetch(a,{method:"PUT",body:e,headers:{"Content-Type":e.type}}

1),await Q.mutateAsync({sessionUuid:t,bucketKey:l});let s=URL.createObjectURL(e),{width:n,height:r}=await new Promise(e=>{let t=new window.Image;t.onload=()=>e({width:t.naturalWidth,height:t.naturalHeight}),t.onerror=()=>e({width:512,height:512}),t.src=s}),i=M.filter(e=>"source"===e.kind),o=function(e){if(0===e.length)return{x:0,y:0};let t=e[e.length-1];return{x:0,y:t.y+t.height+72}}(i),u={id:et(),kind:"source",bucketKey:l,url:s,x:o.x,y:o.y,width:n,height:r,createdAt:Date.now()};I(e=>[...e,u]),K(e=>e+1),A("select")}catch(e){o.o.error((null==e?void 0:e.message)||w("error_upload"))}finally{H(!1)}},[C,M,et,Z,Q,w]),es=(0,i.useCallback)(e=>{T(t=>t.includes(e)?t.filter(t=>t!==e):t.length>=E.DU?t:[...t,e])},[]),en=(0,i.useRef)([]);en.current=D;let er=(0,i.useCallback)(e=>{let t=en.current;if(!t.includes(e)&&t.length>=E.DU)return void o.o.error(w("error_max_selection"));es(e)},[w,es]),ei=(0,i.useCallback)((e,t)=>{I(a=>a.map(a=>a.id===e?{...a,x:t.x,y:t.y}:a))},[]),eo=(0,i.useCallback)(async e=>{let t=M.find(t=>t.id===e);if(t){if("source"===t.kind&&C&&!await ee.mutateAsync({sessionUuid:C,bucketKey:t.bucketKey}).catch(()=>null))return;I(t=>t.filter(t=>t.id!==e)),T(t=>t.filter(t=>t!==e)),q(t=>

1(0,f.q2)(t,{type:"DELETE_BY_IMAGE",imageId:e}))}},[M,C,ee]),eu=(0,i.useCallback)(e=>{let t="ann-".concat(Date.now());q(a=>(0,f.q2)(a,{type:"CREATE",payload:{id:t,...e}}))},[]),ec=(0,i.useCallback)(e=>{q(t=>(0,f.q2)(t,{type:"DELETE",annotationId:e}))},[]),ed=(0,i.useCallback)(async e=>{let t=M.find(t=>t.id===e);if(!t)return new Blob([],{type:"image/png"});let a=L.annotations.filter(t=>t.imageId===e);return(0,g.z)(t.url,a,t.width,t.height)},[M,L.annotations]),eh=(0,i.useCallback)(e=>{T(t=>t.filter(t=>t!==e))},[]),em=(0,i.useCallback)(()=>{},[]),ex=(0,i.useCallback)(async e=>{let t=await Promise.all(e.images.map(e=>new Promise(t=>{let a=new window.Image;a.onload=()=>t({width:a.naturalWidth,height:a.naturalHeight}),a.onerror=()=>t({width:512,height:512}),a.src=e.url}))),a=M.filter(e=>"source"===e.kind),l=M.filter(e=>"generated"===e.kind),s=[];for(let n=0;n<e.images.length;n++){let r=e.images[n],i=t[n],o=U(a,[...l,...s]),u={id:et(),kind:"generated",bucketKey:r.key,resultUuid:r.key,url:r.url,x:o.x,y:o.y,width:i.width,height:i.height,createdAt:Date.now()};s.push(u)}I(e=>{let t=[...e,...s],a=t.filter(e=>"generated"===e.kind),{evicted:l}=(0,p.x)(a.map(e=>({resultUuid:e.resultUuid||e.id,createdAt:e.createdAt}))),n=new Set(l.map(e=>e.resultUuid));return t.filter(e=>"source"===e.kind||!n.has(e.resultUuid||e.id))}),P(e=>{let t=new Set(e);return s.forEach(e=>t.add(e.resultUuid||e.id)),t}),B(e=>e+1)},[M,et]),ef=(0,i.useCallback)(()=>{B(e=>e+1)},[]),eg=(0,i.useCallback)(e=>{let t=M.find(t=>t.id===e),a=L.annotations.filter(t=>t.imageId===e);return{originalKey:(null==t?void 0:t.bucketKey)||"",hasAnnotation:a.length>0,regionNumbers:a.map(e=>e.number)}},[M,L.annotations]),ep=(0,i.useCallback)(async(e,t)=>{if(P(a=>{let l=new Set(a);return t?l.add(e.uuid):l.delete(e.uuid),l}),t){let{width:t,height:a}=await new Promise(t=>{let a=new window.Image;a.onload=()=>t({width:a.naturalWidth,height:a.naturalHeight}),a.onerror=()=>t({width:512,height:512}),a.src=e.url}),l=U(M.filter(e=>"source"===e.kind),M.filter(e=>"generated"===e.kind)),s={id:et(),kind:"generated",bucketKey:e.uuid,resultUuid:e.uuid,url:e.url,x:l.x,y:l.y,width:t,height:a,createdAt:Date.now()};I(e=>[...e,s])}else I(t=>t.filter(t=>t.resultUuid!==e.uuid))},[M,et]),eb=(0,i.useCallback)(e=>{I(t=>t.filter(t=>t.resultUuid!==e)),P(t=>{let a=new Set(t);return a.delete(e),a})},[]),ew=(0,i.useCallback)(e=>{var t;let a=null==(t=e.target.files)?void 0:t[0];a&&el(a),e.target.value=""},[el]),ey=D.map(e=>M.find(t=>t.id===e)).filter(Boolean).map(e=>({imageId:e.id,url:e.url})),ev=(0,l.jsx)(N,{sessionUuid:C,mediaSelection:R,refreshTrigger:F,onToggleMedia:ep,onDeleteMedia:eb});return(0,l.jsxs)("div",{className:"mx-auto flex h-[calc(100vh-64px)] max-w-screen-lg flex-col pt-4 md:pt-6",children:[(0,l.jsx)("h1",{className:"mb-4 text-center text-xl font-bold text-[#191c1e] md:text-2xl lg:text-3xl",children:t}),(0,l.jsx)("input",{ref:$,type:"file",accept:"image/*",className:"hidden",onChange:ew}),(0,l.jsxs)("div",{className:"relative flex flex-1 flex-col overflow-hidden md:flex-row",children:[(0,l.jsxs)("section",{className:"relative flex flex-1 flex-col overflow-hidden",children:[(0,l.jsx)("div",{className:"absolute right-3 top-3 z-10 lg:hidden",children:(0,l.jsx)(d.$,{variant:"outline",size:"sm",className:"min-h-[44px] min-w-[44px] rounded-full bg-white/80 backdrop-blur-sm",onClick:()=>J(!0),"aria-label":w("session_panel_title"),children:w("session_panel_title")})}),(0,l.jsx)(m.D,{sessionUuid:C,canvasImages:M,selection:D,annotations:L.annotations,activeTool:z,isUploading:G,centerTrigger:O,onBeforeUpload:ea,onToolChange:A,onUploadSource:el,onToggleSelect:er,onMoveImage:ei,onDeleteImage:eo,onCreateAnnotation:eu,onDeleteAnnotation:ec,burnInAnnotations:ed}),(0,l.jsx)("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 z-10 px-4 pb-4 pt-4 md:px-6 md:pb-6",children:(0,l.jsx)("div",{className:"pointer-events-auto w-full",onPointerDown:e=>e.stopPropagation(),children:(0,l.jsx)(x.N,{sessionUuid:C,selectedThumbs:ey,onDeselect:eh,onEditStart:em,onEditComplete:ex,onEditError:ef,requestBurnIn:ed,resolveGroupMeta:eg,placeholder:a})})})]}),(0,l.jsx)("aside",{className:"hidden w-80 min-w-[20rem] shrink-0 border-l border-r border-[#c7c4d8] overflow-hidden transition-[margin] duration-300 ease-in-out lg:flex lg:flex-col lg:h-full ".concat(X?"-mr-80":""),children:ev}),(0,l.jsx)("button",{type:"button",className:"absolute right-3 top-3 z-10 hidden lg:flex items-center justify-center size-8 rounded-full bg-white/80 backdrop-blur-sm border border-[#c7c4d8] text-[#464555] hover:bg-[#f2f4f6] transition-colors",onClick:()=>Y(e=>!e),"aria-label":w("session_panel_title"),children:X?(0,l.jsx)(s.A,{className:"size-4"}):(0,l.jsx)(n.A,{className:"size-4"})}),(0,l.jsx)(h.cj,{open:V,onOpenChange:J,children:(0,l.jsxs)(h.h,{side:"right",className:"flex w-[85vw] max-w-[320px] flex-col p-0",children:[(0,l.jsx)(h.Fm,{className:"border-b px-4 py-3",children:(0,l.jsx)(h.qp,{children:w("session_panel_title")})}),(0,l.jsx)("div",{className:"min-h-0 flex-1 overflow-hidden",children:ev})]})})]}),(0,l.jsx)(c.z,{open:j,onClose:k,locale:y})]})}function A(e){let{heading:t,placeholder:a}=e;return(0,l.jsx)(_.p,{children:(0,l.jsx)(z,{heading:t,placeholder:a})})}A.displayName="PublicImageEditingTemplate"},87962:(e,t,a)=>{"use strict";a.r(t),a.d(t,{CdnImage:()=>i});var l=a(95155),s=a(15239),n=a(31328);let r=e=>{let{src:t,width:a,quality:l}=e;if(t.startsWith("http://")||t.startsWith("https://"))return t;let s=t.startsWith("/")?t:"/".concat(t),r=l||75;return n._t?"".concat(n._t).concat(s,"?w=").concat(a,"&q=").concat(r):"/_next/image?url=".concat(encodeURIComponent(s),"&w=").concat(a,"&q=").concat(r)};function i(e){return(0,l.jsx)(s.default,{loader:r,...e})}},91606:(e,t,a)=>{Promise.resolve().then(a.bind(a,74599))}}]);