https://designar.ai/_next/static/chunks/8842.b6ba614c5b067895.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7648,8842],{41020:(e,t,i)=>{i.d(t,{A:()=>o});var r=i(95155),a=i(82158),s=i(49537),l=i(2821),n=i(95604);function o(e){let{currentPage:t,totalPages:i,onPageChange:a}=e,s=(0,n.useLocale)(),l=i<=7?Array.from({length:i},(e,t)=>t+1):t<=3?[1,2,3,"...",i-1,i]:t>=i-2?[1,2,"...",i-2,i-1,i]:[1,"...",t-1,t,t+1,"...",i];return(0,r.jsxs)("div",{className:"inline-flex",children:[(0,r.jsx)(c,{direction:"ar"===s?"right":"left",onClick:()=>a(t-1),isDisabled:t<=1}),(0,r.jsx)("div",{className:"flex -space-x-px",children:l.map((e,i)=>{let s;return 0===i&&(s="first"),i===l.length-1&&(s="last"),1===l.length&&(s="single"),"..."===e&&(s="middle"),(0,r.jsx)(d,{onClick:()=>"number"==typeof e&&a(e),page:e,position:s,isActive:t===e},`${e}-${i}`)})}),(0,r.jsx)(c,{direction:"ar"===s?"left":"right",onClick:()=>a(t+1),isDisabled:t>=i})]})}function d(e){let{page:t,onClick:i,isActive:a,position:s}=e,n=(0,l.A)("flex h-10 w-10 items-center justify-center text-sm border",{"rounded-s-md":"first"===s||"single"===s,"rounded-e-md":"last"===s||"single"===s,"z-10 bg-blue-600 border-blue-600 text-white":a,"hover:bg-gray-100 cursor-pointer":!a&&"middle"!==s,"text-gray-300":"middle"===s});return a||"middle"===s?(0,r.jsx)("div",{className:n,children:t}):(0,r.jsx)("button",{onClick:i,className:n,children:t})}function c(e){let{onClick:t,direction:i,isDisabled:n}=e,o=(0,l.A)("flex h-10 w-10 items-center justify-center rounded-md border",{"pointer-events-none text-gray-300":n,"hover:bg-gray-100 cursor-pointer":!n,"mr-2 md:mr-4":"left"===i,"ml-2 md:ml-4":"right"===i}),d="left"===i?(0,r.jsx)(a.A,{className:"w-4"}):(0,r.jsx)(s.A,{className:"w-4"});return n?(0,r.jsx)("div",{className:o,children:d}):(0,r.jsx)("button",{className:o,onClick:t,children:d})}},49537:(e,t,i)=>{i.d(t,{A:()=>a});var r=i(12115);let a=r.forwardRef(function(e,t){let{title:i,titleId:a,...s}=e;return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},s),i?r.createElement("title",{id:a},i):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m8.25 4.5 7.5 7.5-7.5 7.5"}))})},51814:(e,t,i)=>{i.d(t,{A:()=>a});var r=i(95155);let a=()=>(0,r.jsx)("div",{className:"columns-1 sm:columns-2 md:columns-3 lg:columns-4 gap-4 space-y-4",children:Array.from({length:8}).map((e,t)=>(0,r.jsx)("div",{className:"relative overflow-hidden rounded-lg break-inside-avoid mb-4",children:(0,r.jsx)("div",{className:"skeleton w-full h-64"})},t))})},68842:(e,t,i)=>{i.r(t),i.d(t,{default:()=>C});var r=i(95155),a=i(95604),s=i(51814),l=i(60194),n=i(41020),o=i(50839),d=i(12115),c=i(15239),u=i(86004),m=i(14625),g=i(90269),p=i(93815),_=i(18119),h=i(88287),x=i(15145),E=i(63457),f=i(78976),v=i(69915),N=i(75595),j=i(38728);let A=e=>{let{generation:t}=e,[i,s]=(0,d.useState)(null),[l,n]=(0,d.useState)(null),{redirectToLogin:A,isAuthenticated:y}=(0,E.R)(),{userProfile:w}=(0,f.Q)(),b=(0,a.useTranslations)("GuestTooltip"),{mutate:R,isPending:k}=(0,j.j)("Flow.ToolkitRedesign.privacyToggle",{invalidateQueryKeys:[["user-artworks",o.P.JEWELRY_BRANDING]]}),C=t.generated_images??[],S=C[0]?.creation_date?(0,x.T)(C[0].creation_date):"";if(!C.length)return null;let T=C.map(e=>({id:e.id,image_url:e.image_url,thumbnail_image_url:e.thumbnail_image_url??e.image_url,color:null,extra:e.extra??{},style:"",creation_date:e.creation_date,token_cost:0,username:w?.username??"",category:o.P.JEWELRY_BRANDING,prompt:null,like_count:0,is_liked:!1,is_public:e.is_public,rating:t.rating,response_id:e.response_id}));return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-2 items-start",children:C.map((e,i)=>(0,r.jsxs)("div",{className:"relative overflow-hidden rounded-xl cursor-pointer group",onClick:()=>s(i),children:[(0,r.jsx)(c.default,{src:e.thumbnail_image_url||e.image_url,alt:`${t.category} ${i+1}`,width:0,height:0,sizes:"(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw",className:"w-full h-auto object-cover transition-transform duration-200 group-hover:scale-[1.02]"}),(0,r.jsxs)("div",{className:"absolute top-2 end-2 z-10 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200",onClick:e=>e.stopPropagation(),children:[(0,r.jsx)(p.A,{imageId:e.id,imageUrl:e.image_url}),(0,r.jsx)(v.qj,{message:b("downloadMessage"),side:"top",sideOffset:10,children:(0,r.jsx)(u.A,{iconSize:22,onClick:t=>((e,t,i)=>

1{if(!y){e.stopPropagation(),A();return}(0,_.h1)(e,t,i)})(t,e.image_url,(0,h.N)("JewelryProShot"))})}),(0,r.jsx)(v.qj,{message:b("shareMessage"),side:"top",sideOffset:10,children:(0,r.jsx)(m.A,{iconSize:22,onClick:t=>((e,t)=>{if(!y){e.stopPropagation(),A();return}(0,_.cI)(e,t)})(t,e.image_url)})}),(0,r.jsx)(N.default,{isPublic:e.is_public,onToggle:()=>((e,t)=>{n(e),R({imageId:e,isPublic:!t},{onSettled:()=>n(null)})})(e.id,e.is_public),isPending:k&&l===e.id,iconSize:22})]})]},e.id))}),S&&(0,r.jsx)("p",{className:"text-xs text-gray-400 mt-1",children:S}),(0,r.jsx)("hr",{className:"border-gray-100 my-4"}),null!==i&&(0,r.jsx)(g.m,{images:T,initialIndex:i,isOpen:!0,onClose:()=>s(null),isActionsExist:!0,isImageInfoExist:!0,hasPrivacyAction:!0,hasUpscaler:!0})]})};var y=i(99776),w=i(53455),b=i(3200),R=i(76329);let k=async e=>(await b.default.get(R.S.USER_RESPONSES,{params:{category:o.P.JEWELRY_BRANDING,page:e}})).data,C=()=>{let e=(0,a.useTranslations)("Flow.JewelryBranding"),{generations:t,pagination:i,page:c,loading:u,error:m,goToPage:g}=(()=>{let[e,t]=(0,d.useState)(1),i=(0,y.useQueryClient)(),{data:r,isLoading:a,error:s}=(0,w.useQuery)({queryKey:["user-artworks",o.P.JEWELRY_BRANDING,e],queryFn:()=>k(e),placeholderData:1===e?()=>{let e=i.getQueryData(["user-artworks","summary",3]);if(e&&Array.isArray(e)){let t=e.find(e=>e.category===o.P.JEWELRY_BRANDING);if(t?.items&&t.items.length>0)return{results:t.items,count:t.items.length,next:null,previous:null}}}:void 0,staleTime:3e5,gcTime:6e5,retry:2,refetchOnWindowFocus:!1});return{generations:(0,d.useMemo)(()=>r?.results??[],[r?.results]),pagination:r,page:e,loading:a,error:s?s instanceof Error?s.message:"An error occurred":null,goToPage:e=>{t(Math.min(Math.max(e,1),Math.max(1,Math.ceil((r?.count??0)/10))))}}})();if(u)return(0,r.jsx)(s.A,{});if(!t||0===t.length)return(0,r.jsx)(l.A,{category:o.P.JEWELRY_BRANDING});let p=Math.ceil((i?.count||0)/10);return(0,r.jsxs)("div",{children:[m&&(0,r.jsx)("div",{className:"alert alert-error mb-4",children:(0,r.jsx)("span",{children:m})}),(0,r.jsx)("h1",{className:"text-base font-bold mb-7",children:e("header.title")}),t.map(e=>(0,r.jsx)(A,{generation:e},e.generation_id)),p>1&&(0,r.jsx)("div",{className:"flex justify-center items-center w-full mt-8",children:(0,r.jsx)(n.A,{currentPage:c,totalPages:p,onPageChange:g})})]})}},76329:(e,t,i)=>{i.d(t,{S:()=>r});let r={WHATSAPP_STICKERS:"/api/whatsapp_stickers/",USER_RESPONSES:"/api/user-responses/",GENERATED_IMAGES:"/api/generated_image/",VIDEO_GENERATION:"/api/generate_falai/",VIDEO_MODEL_CONFIG:"/api/video_model_config/",TEXT_TO_IMAGE:"/api/text_to_image/",TEXT_TO_IMAGE_MODEL_CONFIG:"/api/text_to_image/",IMAGE_EDIT:"/api/image_edit/",IMAGE_EDIT_MODEL_CONFIG:"/api/image_edit/",JEWELRY_BRANDING:"/api/jewelry_branding/",REMOVE_BACKGROUND:"/api/remove_background/",UPSCALE:"/api/upscale/",SVG_CONVERTER:"/api/svg_converter/",PROSHOT_PLUS_ANALYZE:"/api/proshot_plus_classifier/",PROSHOT_PLUS_GENERATE:"/api/proshot_plus/",UGC_CONFIG:"/api/ugc_video/",UGC_ANALYZE:"/api/ugc_video/analyze/",UGC_VALIDATE_SCRIPT:"/api/ugc_video/validate_script/",UGC_CREATORS:"/api/ugc_video/creators/",UGC_GENERATE:"/api/ugc_video/"}},82158:(e,t,i)=>{i.d(t,{A:()=>a});var r=i(12115);let a=r.forwardRef(function(e,t){let{title:i,titleId:a,...s}=e;return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},s),i?r.createElement("title",{id:a},i):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 19.5 8.25 12l7.5-7.5"}))})}}]);