https://k4henna.com/_next/static/chunks/app/(main)/%5Bcategory%5D/images/%5Bslug%5D/page-70b4e479aae0ca87.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7805],{1388:(e,a,t)=>{"use strict";t.d(a,{Jo:()=>o,Uj:()=>n,V6:()=>c,ez:()=>r,lb:()=>d});var s=t(51990),l=t(46758),i=t(56671);let n=(0,s.zD)("getAllImages",async e=>{let{page:a,limit:t,query:s,category:i,sub_category:n,sortBy:r}=e;try{let e=new URL("".concat("https://api.k4henna.com/api/v1","/image/getallweb"));return a&&e.searchParams.set("page",a),t&&e.searchParams.set("limit",t),s&&e.searchParams.set("query",s),i&&e.searchParams.set("category",i),n&&e.searchParams.set("sub_category",n),r&&e.searchParams.set("sortBy",r),(await l.A.get(e)).data.data}catch(e){throw console.log(e),e}}),r=(0,s.zD)("getAllImagesSubCategories",async e=>{let{category:a}=e;try{let e=new URL("".concat("https://api.k4henna.com/api/v1","/image/getimagesubcategories"));return a&&e.searchParams.set("category",a),(await l.A.get(e)).data.data}catch(e){throw console.log(e),e}}),o=(0,s.zD)("getAllSimilarImages",async e=>{let{page:a,limit:t,query:s,category:i,sub_category:n}=e;try{let e=new URL("".concat("https://api.k4henna.com/api/v1","/image/getallweb"));return a&&e.searchParams.set("page",a),t&&e.searchParams.set("limit",t),s&&e.searchParams.set("query",s),i&&e.searchParams.set("category",i),n&&e.searchParams.set("sub_category",n),(await l.A.get(e)).data.data}catch(e){throw console.log(e),e}}),d=(0,s.zD)("getAllAuthorImages",async e=>{let{page:a,limit:t,sortBy:s,ownerId:i,userId:n}=e;try{let e=new URL("".concat("https://api.k4henna.com/api/v1","/image/getallownerimages"));return a&&e.searchParams.set("page",a),t&&e.searchParams.set("limit",t),s&&e.searchParams.set("sortBy",s),i&&e.searchParams.set("ownerId",i),n===i&&e.searchParams.set("status","all"),(await l.A.get(e)).data.data}catch(e){throw console.log(e),e}}),c=(0,s.zD)("uploadImage",async e=>{let a=new FormData;e.image&&a.append("image",e.image[0]),a.append("title",e.title),a.append("category",e.category),a.append("sub_category",e.sub_category),a.append("description",e.description);try{let e=await l.A.post("image/upload",a);return i.o.success("Image Uploaded Successfully"),e.data.data}catch(e){var t,s;throw i.o.error(null==e||null==(s=e.response)||null==(t=s.data)?void 0:t.error),e}})},6107:(e,a,t)=>{"use strict";t.d(a,{A:()=>s});let s=(0,t(19946).A)("message-square-text",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}],["path",{d:"M13 8H7",key:"14i4kc"}],["path",{d:"M17 12H7",key:"16if0g"}]])},8776:(e,a,t)=>{"use strict";t.d(a,{A:()=>i});var s=t(12115),l=t(47650);function i(e){let{children:a}=e,[t,i]=(0,s.useState)(!1);return((0,s.useEffect)(()=>(i(!0),()=>i(!1)),[]),t)?(0,l.createPortal)(a,document.body):null}},21875:(e,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>p});var s=t(95155),l=t(12115),i=t(34540),n=t(60760),r=t(25561),o=t(6107),d=t(91636),c=t(28571),m=t(26713),u=t(47799),g=t(6769),h=t(54419),x=t(8776);let p=e=>{let{imageId:a}=e,t=(0,i.wA)(),p=(0,i.d4)(e=>{var a;return null==(a=e.comment)?void 0:a.totalComments}),f=(0,i.d4)(e=>{var a;return null==(a=e.comment)?void 0:a.comments})||[],v=(0,i.d4)(e=>{var a;return null==(a=e.comment)?void 0:a.hasNextPage}),y=(0,i.d4)(e=>{var a;return null==(a=e.comment)?void 0:a.commentAddedLoading}),b=(0,i.d4)(e=>{var a;return null==(a=e.comment)?void 0:a.loading}),[j,w]=(0,l.useState)(!1),[k,N]=(0,l.useState)(1),[P,A]=(0,l.useState)(!1);(0,l.useEffect)(()=>{j&&(N(1),t((0,c.a)()),t((0,d.ax)({imageId:a,page:1,limit:10})))},[j,t,a]),(0,l.useEffect)(()=>()=>{t((0,c.a)())},[]);let C=(0,l.useCallback)(()=>{if(v&&!P){let e=k+1;A(!0),t((0,d.ax)({imageId:a,page:e,limit:10})).then(()=>{A(!1),N(e)})}},[t,v,k,P]);return(0,l.useEffect)(()=>(j?document.body.classList.add("no-scroll"):document.body.classList.remove("no-scroll"),()=>document.body.classList.remove("no-scroll")),[j]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("button",{title:"Comment",className:"transition-all text-white duration-200 cursor-pointer w-10 h-10 rounded-full flex items-center justify-center bg-[#0000004D] p-2",onClick:()=>w(!0),children:(0,s.jsx)(o.A,{})}),(0,s.jsx)(n.N,{children:j&&(0,s.jsxs)(x.A,{children:[(0,s.jsx)(r.P.div,{className:"fixed inset-0 bg-black/50 z-40",initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},onClick:()=>w(!1)}),(0,s.jsxs)(r.P.div,{className:"hidden lg:block fixed top-0 right-0 h-full w-[20%] bg-white z-[999] p-4 shadow-xl overflow-y-auto",initial:{x:"100%"},animate:{x:0},exit:{x:"100%"},transition:{type:"spring",stiffness:220,damping:25},children:[(0,s.jsxs)("div",{className:"flex justify-between items-center mb-4",children:[(0,s.jsxs)("h2",{className:"text-lg font-semibold",children:[p," Comments"]}),(0,s.jsx)("button",{onClick:()=>w(!1),className:"text-gray-500 cursor-pointer",children:"Close"})]}),(0,s.jsx)(m.A,{image:!0,imageId:a,placeholder:"Add a comment",ButtonText:"Comment",avatarHeight:"40px",avatarWidth:"40px"}),b&&!P?(0,s.jsx)(u.A,{}):(0,s.jsx)("div",{className:"mt-4",children:0===f.length?(0,s.jsx)("p",{className:"text-gray-500 text-sm",children:"No comments yet"}):(0,s.jsxs)(g.Z,{fetchMore:C,hasNextPage:v,children:[y&&(0,s.jsx)(u.A,{}),f.map(e=>{var a,t,l,i;return(0,s.jsx)(h.A,{avatar:null==e||null==(a=e.owner)?void 0:a.avatar,fullName:null==e||null==(t=e.owner)?void 0:t.fullName,content:null==e?void 0:e.content,createdAt:null==e?void 0:e.createdAt,ownerId:null==e||null==(l=e.owner)?void 0:l._id,commentId:null==e?void 0:e._id,username:null==e||null==(i=e.owner)?void 0:i.username},e._id)}),P&&(0,s.jsx)(u.A,{})]})})]}),(0,s.jsxs)(r.P.div,{className:"lg:hidden fixed bottom-0 left-0 right-0 h-[100dvh] bg-white z-50 p-4  overflow-y-auto shadow-lg",initial:{y:"100%"},animate:{y:0},exit:{y:"100%"},transition:{type:"spring",stiffness:200,damping:26},children:[(0,s.jsxs)("div",{className:"flex justify-between items-center mb-3",children:[(0,s.jsxs)("h2",{className:"text-lg font-semibold",children:[p," Comments"]}),(0,s.jsx)("button",{onClick:()=>w(!1),className:"text-gray-500 font-semibold text-sm",children:"Close"})]}),(0,s.jsx)(m.A,{image:!0,imageId:a,placeholder:"Add a comment",ButtonText:"Comment",avatarHeight:"40px",avatarWidth:"40px"}),b&&!P?(0,s.jsx)(u.A,{}):(0,s.jsx)("div",{className:"mt-4",children:0===f.length?(0,s.jsx)("p",{className:"text-gray-500 text-sm",children:"No comments yet"}):(0,s.jsxs)(g.Z,{fetchMore:C,hasNextPage:v,children:[y&&(0,s.jsx)(u.A,{}),f.map(e=>{var a,t,l,i;return(0,s.jsx)(h.A,{avatar:null==e||null==(a=e.owner)?void 0:a.avatar,fullName:null==e||null==(t=e.owner)?void 0:t.fullName,content:null==e?void 0:e.content,createdAt:null==e?void 0:e.createdAt,ownerId:null==e||null==(l=e.owner)?void 0:l._id,commentId:null==e?void 0:e._id,username:null==e||null==(i=e.owner)?void 0:i.username},e._id)}),P&&(0,s.jsx)(u.A,{})]})})]})]})})]})}},27854:(e,a,t)=>{"use strict";t.d(a,{$6:()=>d,AJ:()=>n,Ay:()=>c,ZJ:()=>o,js:()=>r});var s=t(51990),l=t(1388);let i=(0,s.Z0)({name:"image",initialState:{loading:!1,uploading:!1,subcategoriesloading:!0,similarimagesloading:!1,images:{docs:[],hasNextPage:!1,totalPages:0,totalImages:0,currentPage:0,categoryData:0},similarimages:{docs:[],hasNextPage:!1,totalPages:0,totalImages:0,currentPage:0},authorimages:{docs:[],hasNextPage:!1,totalPages:0,totalImages:0,currentPage:0},subcategories:null},reducers:{makeImagesNull:e=>{e.images.docs=[]},makeImageSubCategoriesNull:e=>{e.subcategories=null},makeSimilarImagesNull:e=>{e.similarimages.docs=[]},makeAuthorImagesNull:e=>{e.authorimages.docs=[]}},extraReducers:e=>{e.addCase(l.Uj.pending,e=>{e.loading=!0}),e.addCase(l.Uj.fulfilled,(e,a)=>{e.loading=!1,e.images.docs=[...e.images.docs,...a.payload.docs],e.images.hasNextPage=a.payload.hasNextPage,e.images.totalPages=a.payload.totalPages,e.images.totalImages=a.payload.totalDocs,e.images.currentPage=a.payload.page,e.images.categoryData=a.payload.category}),e.addCase(l.Uj.rejected,e=>{e.loading=!1}),e.addCase(l.lb.pending,e=>{e.loading=!0}),e.addCase(l.lb.fulfilled,(e,a)=>{e.loading=!1,e.authorimages.docs=[...e.authorimages.docs,...a.payload.docs],e.authorimages.hasNextPage=a.payload.hasNextPage,e.authorimages.totalPages=a.payload.totalPages,e.authorimages.totalImages=a.payload.totalDocs,e.authorimages.currentPage=a.payload.page}),e.addCase(l.lb.rejected,e=>{e.loading=!1}),e.addCase(l.ez.pending,e=>{e.subcategoriesloading=!0}),e.addCase(l.ez.fulfilled,(e,a)=>{e.subcategoriesloading=!1,e.subcategories=a.payload}),e.addCase(l.ez.rejected,e=>{e.subcategoriesloading=!1}),e.addCase(l.Jo.pending,e=>{e.similarimagesloading=!0}),e.addCase(l.Jo.fulfilled,(e,a)=>{let{imageId:t}=a.meta.arg,s=a.payload.docs.filter(e=>e._id!==t);e.similarimagesloading=!1,e.similarimages.docs=[...e.similarimages.docs,...s],e.similarimages.hasNextPage=a.payload.hasNextPage,e.similarimages.totalPages=a.payload.totalPages,e.similarimages.totalImages=a.payload.totalDocs,e.similarimages.currentPage=a.payload.page}),e.addCase(l.Jo.rejected,e=>{e.similarimagesloading=!1}),e.addCase(l.V6.pending,e=>{e.uploading=!0}),e.addCase(l.V6.fulfilled,e=>{e.uploading=!1}),e.addCase(l.V6.rejected,e=>{e.uploading=!1})}}),{makeImagesNull:n,makeImageSubCategoriesNull:r,makeSimilarImagesNull:o,makeAuthorImagesNull:d}=i.actions,c=i.reducer},36683:(e,a,t)=>{"use strict";t.d(a,{A:()=>s});let s=(0,t(19946).A)("share",[["path",{d:"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8",key:"1b2hhj"}],["polyline",{points:"16 6 12 2 8 6",key:"m901s6"}],["line",{x1:"12",x2:"12",y1:"2",y2:"15",key:"1p0rca"}]])},46758:(e,a,t)=>{"use strict";t.d(a,{A:()=>i});var s=t(23464),l=t(71171);let i=s.A.create({baseURL:l.C,withCredentials:!0,headers:{"x-api-key":"b02ca5d6-f63c-44a0-b2ce-1ef75bdca8de"}})},54416:(e,a,t)=>{"use strict";t.d(a,{A:()=>s});let s=(0,t(19946).A)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}

1],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},59727:(e,a,t)=>{"use strict";t.d(a,{default:()=>l});var s=t(12115);function l(e){let{imageId:a,blogId:t,videoId:l}=e;return(0,s.useEffect)(()=>{a&&fetch("".concat("https://api.k4henna.com/api/v1","/image/incrementviewcount?_id=").concat(a),{method:"PATCH",headers:{"x-api-key":"b02ca5d6-f63c-44a0-b2ce-1ef75bdca8de"}}),t&&fetch("".concat("https://api.k4henna.com/api/v1","/blogs/incrementviewcount?_id=").concat(t),{method:"PATCH",headers:{"x-api-key":"b02ca5d6-f63c-44a0-b2ce-1ef75bdca8de"}}),l&&fetch("".concat("https://api.k4henna.com/api/v1","/longvideos/incrementviewcount?_id=").concat(l),{method:"PATCH",headers:{"x-api-key":"b02ca5d6-f63c-44a0-b2ce-1ef75bdca8de"}})},[a]),null}},66516:(e,a,t)=>{"use strict";t.d(a,{A:()=>s});let s=(0,t(19946).A)("share-2",[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]])},68496:(e,a,t)=>{"use strict";t.d(a,{default:()=>C});var s=t(95155),l=t(12115),i=t(34540),n=t(1388),r=t(27854),o=t(81507),d=t(6874),c=t.n(d),m=t(6769),u=t(93347),g=t(51013),h=t(8776);let x=(0,l.lazy)(()=>Promise.resolve().then(t.bind(t,86607))),p=(0,l.lazy)(()=>Promise.resolve().then(t.bind(t,28138))),f=(0,l.lazy)(()=>Promise.resolve().then(t.bind(t,12159))),v=(0,l.lazy)(()=>Promise.resolve().then(t.bind(t,62533))),y=(0,l.lazy)(()=>Promise.resolve().then(t.bind(t,21875)));function b(e){var a,t,i,n;let{image:r,onClose:o}=e,[d,m]=(0,l.useState)(!1);(0,l.useEffect)(()=>{m(!0);let e=window.matchMedia("(min-width: 1024px)").matches,a=document.body.style.overflow;return e&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow=a}},[]);let u=()=>{m(!1),setTimeout(()=>{null==o||o()},200)};return r?(0,s.jsx)(h.A,{children:(0,s.jsxs)("div",{className:"\n        fixed inset-0 z-[998]\n        hidden lg:flex items-center justify-center \n        px-2 md:px-6\n        transition-opacity duration-200 \n        ".concat(d?"opacity-100 bg-black/70":"opacity-0 bg-black/0","\n      "),onClick:u,children:[(0,s.jsx)("button",{className:" absolute top-4 right-4 md:top-6 md:right-8 flex items-center justify-center w-10 h-10  z-[999] rounded-full bg-black/60 text-white p-2 hover:bg-black/80 active:scale-95 transition cursor-pointer ",onClick:e=>{e.stopPropagation(),u()},children:(0,s.jsx)(g.$8F,{className:"w-5 h-5"})}),(0,s.jsxs)("div",{className:"\n          bg-white max-w-5xl w-full max-h-[90vh]\n          rounded-2xl overflow-hidden flex flex-col md:flex-row\n          transform transition-all duration-200\n          ".concat(d?"opacity-100 scale-100 translate-y-0":"opacity-0 scale-95 translate-y-4","\n        "),onClick:e=>e.stopPropagation(),children:[(0,s.jsx)("div",{className:"w-full md:w-2/3 bg-black flex items-center justify-center",children:(0,s.jsx)("img",{src:null==r?void 0:r.url,alt:(null==r?void 0:r.title)||"Image",className:"max-h-[85vh] w-auto h-auto object-contain transition-transform duration-200",loading:"lazy"})}),(0,s.jsxs)("div",{className:"w-full md:w-1/3 p-4 md:p-5 flex flex-col gap-4 text-black overflow-y-auto",children:[(0,s.jsx)("h2",{className:"text-lg md:text-xl font-semibold break-words",children:(null==r?void 0:r.title)||"Image details"}),(null==r?void 0:r.owner)&&(0,s.jsx)(c(),{href:"/author/".concat(null==r||null==(a=r.owner)?void 0:a.username,"/images"),children:(0,s.jsxs)("div",{className:"flex items-center gap-3 cursor-pointer hover:bg-gray-50 rounded-xl p-2 -m-2 transition",children:[(0,s.jsx)("img",{src:(null==r||null==(t=r.owner)?void 0:t.avatar)||"/default.png",className:"w-10 h-10 rounded-full border object-cover",alt:""}),(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)("span",{className:"text-sm font-semibold",children:null==r||null==(i=r.owner)?void 0:i.username}),(0,s.jsx)("span",{className:"text-xs text-gray-600",children:null==r||null==(n=r.owner)?void 0:n.fullName})]})]})}),(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-1",children:[(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)("span",{className:"text-xs",children:"..."}),children:(0,s.jsx)(x,{image:r,isLiked:null==r?void 0:r.isLiked,likesCount:null==r?void 0:r.likesCount,heading:"Image"})}),(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)("span",{className:"text-xs",children:"..."}),children:(0,s.jsx)(f,{image:r,isFavourite:null==r?void 0:r.isFavourite})}),(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)("span",{className:"text-xs",children:"..."}),children:(0,s.jsx)(y,{imageId:null==r?void 0:r._id})}),(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)("span",{className:"text-xs",children:"..."}),children:(0,s.jsx)(v,{text:"Check out this image!",image:!0})}),(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)("span",{className:"text-xs",children:"..."}),children:(0,s.jsx)(p,{image:r})})]}),(null==r?void 0:r.description)&&(0,s.jsx)("p",{className:"text-sm text-gray-700 leading-relaxed whitespace-pre-wrap mt-2",children:r.description})]})]})]})}):null}let j=(0,l.lazy)(()=>Promise.resolve().then(t.bind(t,86607))),w=(0,l.lazy)(()=>Promise.resolve().then(t.bind(t,28138))),k=(0,l.lazy)(()=>Promise.resolve().then(t.bind(t,12159))),N=(0,l.lazy)(()=>Promise.resolve().then(t.bind(t,62533))),P=(0,l.lazy)(()=>Promise.resolve().then(t.bind(t,21875))),A={default:4,1280:3,1024:3,768:2,640:2};function C(e){var a,t;let{primaryImage:d}=e,u=(0,i.wA)(),g=(0,i.d4)(e=>e.image.similarimages),h=(0,i.d4)(e=>e.image.similarimagesloading),x=(null==g?void 0:g.docs)||[],p=null==g?void 0:g.hasNextPage,[f,v]=(0,l.useState)(1),[y,j]=(0,l.useState)(!1),[w,k]=(0,l.useState)(d);(0,l.useEffect)(()=>{var e;if(null==d?void 0:d._id)return u((0,n.Jo)({imageId:d._id,sub_category:null==d||null==(e=

1d.subcategoryData)?void 0:e.slug,limit:20,page:1})),()=>u((0,r.ZJ)())},[null==d?void 0:d._id,null==d||null==(a=d.subcategoryData)?void 0:a.slug,u]);let N=(0,l.useCallback)(()=>{if(!y&&p){var e;let a=f+1;j(!0),u((0,n.Jo)({imageId:d._id,sub_category:null==d||null==(e=d.subcategoryData)?void 0:e.slug,limit:20,page:a})).then(()=>{j(!1),v(a)})}},[f,p,y,u,null==d?void 0:d._id,null==d||null==(t=d.subcategoryData)?void 0:t.slug]),P=(0,l.useCallback)(e=>{k(e)},[]),C=(0,l.useCallback)(()=>{k(null)},[]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(m.Z,{fetchMore:N,hasNextPage:p,isFetching:y,children:(0,s.jsxs)(o.A,{breakpointCols:A,className:"my-masonry-grid",columnClassName:"my-masonry-grid_column",children:[(0,s.jsx)("div",{children:(0,s.jsx)(_,{image:d,onExpand:()=>P(d)})}),x.map(e=>{var a;return(0,s.jsx)(c(),{href:"/".concat(null==d||null==(a=d.categoryData)?void 0:a.slug,"/images/").concat(e.slug),prefetch:!0,children:(0,s.jsx)(z,{img:e,onExpand:()=>P(e)})},e._id)}),h&&Array(6).fill(null).map((e,a)=>(0,s.jsx)("div",{className:"h-64 w-full bg-gray-200 rounded-xl animate-pulse"},"sk-".concat(a)))]})}),w&&(0,s.jsx)(b,{image:w,onClose:C})]})}function _(e){var a,t,i,n;let{image:r,onExpand:o}=e;return r?(0,s.jsxs)("div",{className:"w-full bg-white rounded-2xl shadow-lg overflow-hidden flex flex-col gap-4 relative transition-transform duration-200",children:[(0,s.jsx)("button",{onClick:o,"aria-label":"Expand image",className:" absolute top-3 right-3 z-10 rounded-full bg-black/60 text-white p-2 hover:bg-black/80 active:scale-95 transition cursor-pointer ",children:(0,s.jsx)(u.II_,{className:"w-4 h-4 md:w-5 md:h-5"})}),(0,s.jsx)("img",{src:null==r?void 0:r.url,onClick:o,alt:(null==r?void 0:r.title)||"Image",className:"w-full h-auto max-h-[800px] object-contain cursor-pointer",loading:"lazy"}),(0,s.jsxs)("div",{className:"flex flex-col gap-4 px-4 pb-4 text-black",children:[(0,s.jsx)("h1",{className:"text-lg md:text-xl font-bold break-words",children:null==r?void 0:r.title}),(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)(c(),{href:"/author/".concat(null==r||null==(a=r.owner)?void 0:a.username,"/images"),children:(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)("img",{src:(null==r||null==(t=r.owner)?void 0:t.avatar)||"/default.png",className:"w-10 h-10 rounded-full border object-cover",alt:""}),(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsx)("span",{className:"text-sm font-semibold",children:null==r||null==(i=r.owner)?void 0:i.username}),(0,s.jsx)("span",{className:"text-xs text-gray-600",children:null==r||null==(n=r.owner)?void 0:n.fullName})]})]})}),(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)("span",{className:"text-xs",children:"..."}),children:(0,s.jsx)(j,{image:r,isLiked:null==r?void 0:r.isLiked,likesCount:null==r?void 0:r.likesCount,heading:"Image"})}),(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)("span",{className:"text-xs",children:"..."}),children:(0,s.jsx)(w,{image:r})}),(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)("span",{className:"text-xs",children:"..."}),children:(0,s.jsx)(k,{image:r,isFavourite:null==r?void 0:r.isFavourite})}),(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)("span",{className:"text-xs",children:"..."}),children:(0,s.jsx)(P,{imageId:null==r?void 0:r._id})}),(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)("span",{className:"text-xs",children:"..."}),children:(0,s.jsx)(N,{text:"Check out this image!",image:!0})})]})]}),(null==r?void 0:r.description)&&(0,s.jsx)("p",{className:"text-sm text-gray-700 leading-relaxed whitespace-pre-wrap",children:null==r?void 0:r.description})]})]}):null}function z(e){let{img:a}=e;return(0,s.jsxs)("div",{className:"relative group rounded-2xl overflow-hidden mb-4 bg-white shadow-md transform transition-transform duration-200  hover:shadow-lg",children:[(0,s.jsx)("img",{src:null==a?void 0:a.url,className:"w-full h-auto object-cover transition group-hover:brightness-75",loading:"lazy",alt:(null==a?void 0:a.title)||""}),(null==a?void 0:a.title)&&(0,s.jsx)("div",{className:" absolute bottom-0 left-0 right-0 bg-black/60 text-white text-xs px-3 py-2 opacity-0 translate-y-2 group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 ease-out ",children:a.title})]})}},70333:(e,a,t)=>{"use strict";t.d(a,{A:()=>s});let s=(0,t(19946).A)("thumbs-up",[["path",{d:"M7 10v12",key:"1qc93n"}],["path",{d:"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z",key:"emmmcr"}]])},71171:(e,a,t)=>{"use strict";t.d(a,{C:()=>s});let s="https://api.k4henna.com/api/v1"},72599:(e,a,t)=>{"use strict";t.d(a,{default:()=>h});var s=t(95155),l=t(12115),i=t(1388),n=t(27854),r=t(34540),o=t(6769),d=t(6874),c=t.n(d),m=t(81507),u=t(81555);let g={default:5,1280:4,1024:3,768:2,640:2},h=e=>{let{category:a,imageId:t,subcategory:d}=e,h=(0,r.wA)(),[x,p]=(0,l.useState)(1),[f,v]=(0,l.useState)(!1),[y,b]=(0,l.useState)(!1),j=(0,r.d4)(e=>e.image.similarimages),w=(0,r.d4)(e=>e.image.similarimagesloading),k=(null==j?void 0:j.docs)||[],N=null==j?void 0:j.hasNextPage;(0,l.useEffect)(()=>{let e=()=>{b(window.innerWidth<1024)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,l.useEffect)(()=>

1{if(y&&(null==d?void 0:d.slug)&&t)return h((0,i.Jo)({sub_category:null==d?void 0:d.slug,imageId:t,page:1,limit:20})),()=>{h((0,n.ZJ)())}},[d,t,h]);let P=(0,l.useCallback)(()=>{if(y&&!f&&N){let e=x+1;v(!0),h((0,i.Jo)({sub_category:null==d?void 0:d.slug,imageId:t,limit:20,page:e})).then(()=>{v(!1),p(e)})}},[x,N,h,f,d,t]);return w&&!f?(0,s.jsx)("h1",{children:"Loading ..."}):(0,s.jsx)(o.Z,{fetchMore:P,hasNextPage:N,isFetching:f,children:(0,s.jsx)(m.A,{breakpointCols:g,className:"my-masonry-grid",columnClassName:"my-masonry-grid_column",children:k&&k.map(e=>(0,s.jsx)(c(),{href:"/".concat(null==a?void 0:a.slug,"/images/").concat(e.slug),children:(0,s.jsx)(u.A,{url:e.url,title:e.title})},e._id))})})}},81284:(e,a,t)=>{"use strict";t.d(a,{A:()=>s});let s=(0,t(19946).A)("info",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]])},81555:(e,a,t)=>{"use strict";t.d(a,{A:()=>l});var s=t(95155);t(12115);let l=e=>{let{url:a,title:t}=e;return(0,s.jsx)("div",{className:"mb-4 overflow-hidden rounded-lg shadow-md cursor-pointer",children:(0,s.jsx)("img",{src:a,alt:t,width:500,height:500,className:"w-full h-auto object-cover transition-transform duration-300 hover:scale-105"})})}},81930:(e,a,t)=>{Promise.resolve().then(t.t.bind(t,6874,23)),Promise.resolve().then(t.bind(t,12159)),Promise.resolve().then(t.bind(t,21875)),Promise.resolve().then(t.bind(t,68496)),Promise.resolve().then(t.bind(t,59727)),Promise.resolve().then(t.bind(t,86607)),Promise.resolve().then(t.bind(t,28138)),Promise.resolve().then(t.bind(t,62533)),Promise.resolve().then(t.bind(t,72599))},86607:(e,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>c});var s=t(95155),l=t(12115),i=t(70333),n=t(34540),r=t(9427),o=t(90056),d=t(6054);let c=e=>{let{image:a,video:t,short:c,isLiked:m,likesCount:u,heading:g}=e,h=(0,n.d4)(e=>e.auth.status),x=(0,n.wA)(),[p,f]=(0,l.useState)(!1),[v,y]=(0,l.useState)(m),[b,j]=(0,l.useState)(u);(0,l.useEffect)(()=>{y(m),j(Number(u))},[m,u]),(0,l.useEffect)(()=>{let e=()=>{y(e=>(e&&j(e=>Math.max(0,e-1)),!1))};return window.addEventListener("videoDisliked",e),()=>window.removeEventListener("videoDisliked",e)},[]);let w=e=>{if(e.stopPropagation(),!h)return void f(!0);v?j(e=>e-1):j(e=>e+1),y(!v),a&&x((0,o.Vw)({_id:null==a?void 0:a._id})),t&&(x((0,o.jU)({_id:null==t?void 0:t._id})),window.dispatchEvent(new Event("videoLiked"))),c&&(x((0,o.Ew)({_id:null==c?void 0:c._id})),window.dispatchEvent(new Event("videoLiked")))};return t?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("button",{title:"Like",className:"transition-all text-white  duration-200 cursor-pointer ".concat(v?"text-red-500":""),onClick:w,children:(0,s.jsxs)("span",{className:"flex flex-row gap-1 justify-center items-center",children:[(0,s.jsx)(i.A,{size:20,color:v?"#ffffff":"currentColor",fill:v?"#ffffff":"none"}),(0,d.GP)(b)]})}),p?(0,s.jsx)(r.A,{onClose:()=>f(!1),heading:"Sign in  to like this ".concat(g),setShowmodal:f,type:g}):null]}):c?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("button",{title:"Like",className:"cursor-pointer  text-white",onClick:w,children:[(0,s.jsx)("div",{className:"w-10 h-10 rounded-full flex items-center justify-center  bg-[#0000004D] p-2 ",children:(0,s.jsx)(i.A,{color:v?"#ffffff":"currentColor",fill:v?"#ffffff":"none"})}),(0,s.jsx)("span",{className:"value text-white font-bold",children:(0,d.GP)(b)})]}),p?(0,s.jsx)(r.A,{onClose:()=>f(!1),heading:"Sign in to  like this ".concat(g),setShowmodal:f,type:g}):null]}):a?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("button",{title:"Like",className:"cursor-pointer text-white",onClick:w,children:(0,s.jsxs)("div",{className:"flex flex-row gap-1 justify-center items-center",children:[(0,s.jsx)("div",{className:"w-10 h-10 rounded-full flex items-center justify-center  bg-[#0000004D] p-2 ",children:(0,s.jsx)(i.A,{color:v?"#ffffff":"currentColor",fill:v?"#ffffff":"none"})}),(0,s.jsx)("span",{className:"value text-[#0000004D] font-bold  text-md",children:(0,d.GP)(b)})]})}),p?(0,s.jsx)(r.A,{onClose:()=>f(!1),heading:"Sign in to  like this ".concat(g),setShowmodal:f,type:g}):null]}):void 0}},90056:(e,a,t)=>{"use strict";t.d(a,{Ew:()=>o,NB:()=>m,Vw:()=>n,jU:()=>

1r,ol:()=>d,yb:()=>c});var s=t(46758),l=t(51990),i=t(71171);let n=(0,l.zD)("toggleImageLike",async e=>{let{_id:a}=e;try{return(await s.A.post("/like/toggle/i?_id=".concat(a))).data.data}catch(e){throw e}}),r=(0,l.zD)("toggleVideoLike",async e=>{let{_id:a}=e;try{return(await s.A.post("/like/toggle/v?_id=".concat(a))).data.data}catch(e){throw e}}),o=(0,l.zD)("toggleShortLike",async e=>{let{_id:a}=e;try{return(await s.A.post("/like/toggle/s?_id=".concat(a))).data.data}catch(e){throw e}}),d=(0,l.zD)("getLikedVideos",async e=>{let{page:a,limit:t}=e;try{let e=new URL("".concat(i.C,"/like/longvideos"));return a&&e.searchParams.set("page",a),t&&e.searchParams.set("limit",t),(await s.A.get(e)).data.data}catch(e){throw e}}),c=(0,l.zD)("getLikedImages",async e=>{let{page:a,limit:t}=e;try{let e=new URL("".concat(i.C,"/like/images"));a&&e.searchParams.set("page",a),t&&e.searchParams.set("limit",t);let l=await s.A.get(e);return console.log(l),l.data.data}catch(e){throw e}}),m=(0,l.zD)("getLikedShorts",async e=>{let{page:a,limit:t}=e;try{let e=new URL("".concat(i.C,"/like/shorts"));return a&&e.searchParams.set("page",a),t&&e.searchParams.set("limit",t),(await s.A.get(e)).data.data}catch(e){throw e}})}},e=>{var a=a=>e(e.s=a);e.O(0,[6446,5479,8087,512,9204,5284,6874,6671,5561,2177,6766,3397,9248,8441,2721,7358],()=>a(81930)),_N_E=e.O()}]);