https://www.sourceeazy.com/_next/static/chunks/pages/catalog/collection/[item]-1f5b362f09aad939.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6535,266],{16993:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/catalog/collection/[item]",function(){return s(98526)}])},98526:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return C}});var l=s(85893),a=s(83750),i=s(8511),r=s(73161),n=s(67294),o=e=>{let{unitPrice:t,title:s,imageUrl:a}=e;return(0,l.jsxs)("div",{className:"relative lg:h-64 group overflow-hidden flex cursor-pointer flex-col items-center justify-center rounded bg-[#F3F5F6]",children:[(0,l.jsx)("div",{className:"h-full w-full flex items-center justify-center",children:(0,l.jsx)("img",{className:"max-h-[146px]  object-cover max-w-[148px] px-3 lg:max-h-[210px] lg:max-w-[210px] group-hover:-translate-y-3 transition group-hover:scale-105 ",src:a||"",alt:""})}),(0,l.jsx)("div",{className:"w-full px-4 pb-7 lg:pb-4",children:(0,l.jsx)("div",{className:"text-sm font-medium capitalize",children:s})}),(0,l.jsx)("div",{className:"absolute -bottom-full group-hover:bottom-0 transition-all duration-300 left-0 right-0 w-full rounded-bl-md rounded-br-md bg-layout-backgroundColor px-2 py-2 lg:px-5  ",children:(0,l.jsxs)("div",{className:"flex justify-between items-center",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h4",{className:"text-sm font-semibold  text-layout-color lg:text-sm lg:font-medium capitalize",children:s}),(0,l.jsxs)("p",{className:"text-[10px] font-normal leading-4 text-layout-color",children:["Starts from $",t]}),(0,l.jsx)("p",{className:"text-[10px] font-normal leading-4 text-layout-color",children:"MOQ: 100pcs"})]}),(0,l.jsx)("img",{src:"/static/assets/images/catalog/arrow-right.svg",alt:"right arrow"})]})})]})},c=s(52184),d=s(67848),u=s(11163),m=s(5580),x=s(73437),h=s(1850),p=JSON.parse('{"nm":"Comp 1","ddd":0,"h":500,"w":500,"meta":{"g":"@lottiefiles/toolkit-js 0.26.1"},"layers":[{"ty":4,"nm":"Shape Layer 5","sr":1,"st":20,"op":620,"ip":20,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[251,250,0]},"r":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":20},{"s":[360],"t":110}]},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 1","ix":1,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,-100]},"s":{"a":0,"k":[10,10]}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0]}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,0.3569,0.2627]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":1},{"ty":4,"nm":"Shape Layer 4","sr":1,"st":15,"op":615,"ip":15,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[251,250,0]},"r":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":15},{"s":[360],"t":105}]},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 1","ix":1,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,-100]},"s":{"a":0,"k":[20,20]}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0]}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,0.3569,0.2627]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":2},{"ty":4,"nm":"Shape Layer 3","sr":1,"st":10,"op":610,"ip":10,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[251,250,0]},"r":{"a":1,"k":[{"o":{"x":0.333,"y":0}

1,"i":{"x":0.667,"y":1},"s":[0],"t":10},{"s":[360],"t":100}]},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 1","ix":1,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,-100]},"s":{"a":0,"k":[30,30]}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0]}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,0.3569,0.2627]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":3},{"ty":4,"nm":"Shape Layer 2","sr":1,"st":5,"op":605,"ip":5,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[251,250,0]},"r":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":5},{"s":[360],"t":95}]},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 1","ix":1,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,-100]},"s":{"a":0,"k":[40,40]}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0]}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,0.3569,0.2627]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":4},{"ty":4,"nm":"Shape Layer 1","sr":1,"st":0,"op":600,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[100,100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[250,250,0]},"r":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"s":[360],"t":90}]},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 1","ix":1,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,-100]},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[50,50],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[40,40],"t":84},{"s":[50,50],"t":100}]}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0]}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,0.3569,0.2627]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":5}],"v":"4.6.8","fr":73,"op":106,"ip":0,"assets":[]}'),f=s(26536),v=()=>(0,l.jsxs)("div",{className:"w-full flex flex-col justify-center items-center",children:[(0,l.jsx)("div",{className:"w-full lg:w-[200px] lg:h-[166px]",children:(0,l.jsx)("img",{className:"w-full h-full",src:"/static/assets/images/catalog/empty.svg",alt:"empty image"})}),(0,l.jsxs)("div",{children:[(0,l.jsx)("h3",{className:"text-base lg:text-xl leading-7 font-semibold text-dh-gray-800 text-center lg:text-left",children:"We don’t have this product right now "}),(0,l.jsx)("p",{className:"text-base leading-6 text-dh-gray-700 font-normal text-center lg:text-left",children:"Please search a different product for you."})]})]}),g=s(81103),b=s(66465),k=e=>{let{sortByFeatured:t,setFilterItems:s}=e;return(0,l.jsx)("div",{className:"hidden lg:block w-full",children:(0,l.jsxs)(g.ZP,{className:"relative w-full",children:[(0,l.jsx)(g.ZP.Menu,{children:e=>{let{toggle:s,open:a}=e;return(0,l.jsx)("div",{className:"cursor-pointer bg-white border-[1px] border-[#DFDFDF] py-1.5 px-3 rounded",onClick:()=>s(!a),children:(0,l.jsxs)("div",{className:"flex justify-between gap-2 items-center",children:[(0,l.jsx)("div",{className:"flex justify-start items-center gap-1",children:(0,l.jsxs)("div",{className:"text-xs font-medium leading-4 text-[#3E3E3E] whitespace-nowrap",children:["Sort by: ",t]})}),(0,l.jsx)("img",{src:"/static/assets/icons/CaretDown.svg",alt:""})]})})}}),(0,l.jsx)(g.ZP.Item,{children:e=>{let{toggle:a,open:i}=e;return(0,l.jsx)("div",{className:"absolute z-50 -left-5 right-0 bg-white p-5 mt-[2px] rounded-lg border border-[#F3F5F6]",children:null===b.J||void 0===b.J?void 0:b.J.map((e,r)=>(0,l.jsx)("div",{className:"text-[14px] font-medium leading-4 flex justify-start items-center mb-2 cursor-pointer hover:bg-dh-gray-200 px-2 py-1 ".concat(t===(null==e?void 0:e.label)?"text-[#01896A]":"text-[#3E3E3E]"),onClick:()=>{s(e),a(!i)},children:null==e?void 0:e.label},r))})}})]})})},y=e=>{var t,s;let{filterItems:a,setFilterItems:i,sortByFeatured:r}=e,{data:n}=(0,d.a)({queryKey:["productGroups"],queryFn:async()=>(0,x.Z)("/product-groups")()}),o=(null==n?void 0:null===(s=n.result)||void 0===s?void 0:null===(t=s.result)||void 0===t?void 0:t.productGroups)||[];return(0,l.jsx)("div",{className:"flex lg:justify-between items-center gap-2 w-full",children:(0,l.jsxs)("div",{className:"flex justify-start items-center gap-2",children:[(0,l.jsxs)(g.ZP,{className:"relative",children:[(0,l.jsx)(g.ZP.Menu,{children:e=>{let{toggle:t,open:s}=e;return(0,l.jsx)("div",{className:"cursor-pointer bg-white border-[1px] border-[#DFDFDF] py-1.5 px-3 rounded",onClick:()=>t(!s),children:(0,l.jsxs)("div",{className:"flex justify-between gap-1 lg:gap-2 items-center",children:[(0,l.jsx)("div",{className:"lg:hidden text-xs font-medium leading-4 text-[#3E3E3E]",children:"Products"}),(0,l.jsx)("div",{className:"hidden lg:block text-xs font-medium leading-4 text-[#3E3E3E]",children:"Products: All Products"}),(0,l.jsx)("img",{src:"/static/assets/icons/CaretDown.svg",alt:""})]})})}}),(0,l.jsx)(g.ZP.Item,{children:()=>(0,l.jsx)("div",{className:"absolute z-50 left-0 -right-28 bg-white mt-[2px] border border-[#F3F5F6] p-2",children:null==o?void 0:o.map((e,t)=>{var s;return(0,l.jsxs)("div",{className:"flex justify-start items-center mb-3 cursor-pointer",onClick:()=>{var t;if(null==a?void 0:null===(t=a.styles)||void 0===t?void 0:t.includes(null==e?void 0:e.uid)){let t=a.styles.filter(t=>t!==(null==e?void 0:e.uid));i({...a,styles:t})}else i({...a,styles:[...a.styles,null==e?void 0:e.uid]})},children:[(0,l.jsx)("img",{className:"w-6 h-6",src:(null==a?void 0:null===(s=a.styles)||void 0===s?void 0:s.some(t=>t===(null==e?void 0:e.uid)))?"/static/assets/images/catalog/tick-color.svg":"/static/assets/images/catalog/tick-square.svg",alt:""}),(0,l.jsx)("div",{className:"text-[14px] font-medium leading-4 text-[#3E3E3E] ml-1",children:null==e?void 0:e.name})]},t)})})})]}),(0,l.jsxs)(g.ZP,{className:"relative",children:[(0,l.jsx)(g.ZP.Menu,{children:e=>{let{toggle:t,open:s}=e;return(0,l.jsx)("div",{className:"cursor-pointer bg-white border-[1px] border-[#DFDFDF] py-1.5 px-3 rounded",onClick:()=>t(!s),children:(0,l.jsxs)("div",{className:"flex justify-between gap-1 lg:gap-2 items-center",children:[(0,l.jsx)("div",{className:"lg:hidden text-xs font-medium leading-4 text-[#3E3E3E]",children:"Capabilities"}),(0,l.jsx)("div",{className:"hidden lg:block text-xs font-medium leading-4 text-[#3E3E3E]",children:"Capabilities : All Capabilities"}),(0,l.jsx)("img",{src:"/static/assets/icons/CaretDown.svg",alt:""})]})})}}),(0,l.jsx)(g.ZP.Item,{children:()=>(0,l.jsx)("div",{className:"absolute z-50 right-0 -left-20 bg-white mt-[2px] border border-[#F3F5F6] p-2",children:null===b.I||void 0===b.I?void 0:b.I.map((e,t)=>{var s;return(0,l.jsxs)("div",{className:"flex justify-start items-center mb-3 cursor-pointer",onClick:()=>{var t;if(null==a?void 0:null===(t=a.capabilities)||void 0===t?void 0:t.includes(e)){let t=a.capabilities.filter(t=>t!==e);i({...a,capabilities:t})}else i({...a,capabilities:[...a.capabilities,e]})},children:[(0,l.jsx)("img",{className:"w-6 h-6",src:(null==a?void 0:null===(s=a.capabilities)||void 0===s?void 0:s.some(t=>t===e))?"/static/assets/images/catalog/tick-color.svg":"/static/assets/images/catalog/tick-square.svg",alt:""}),(0,l.jsx)("div",{className:"text-[14px] font-medium leading-4 text-[#3E3E3E] ml-1",children:e})]},t)})})})]}),(0,l.jsx)("div",{className:"inline-flex",children:(0,l.jsx)(k,{sortByFeatured:r||"",setFilterItems:e=>i({...a,sortBy:null==e?void 0:e.sortBy,sortOrder:null==e?void 0:e.value,sortByFeatured:null==e?void 0:e.label})})})]})})},j=s(5152);let N=s.n(j)()(()=>s.e(1216).then(s.t.bind(s,69260,23)),{loadableGenerated:{webpack:()=>[69260]},ssr:!1});var w=()=>{var e,t,s,a;

1let i=(0,f.J8)(),[g,b]=(0,n.useState)({styles:[],pricing:{min:0,max:300},skip:0,limit:10,capabilities:[],sortByFeatured:"Featured",sortBy:"",sortOrder:""}),[k,j]=(0,n.useState)(1),w=(0,u.useRouter)(),E=null==w?void 0:null===(e=w.query)||void 0===e?void 0:e.item,C=(0,n.useMemo)(()=>{var e,t,s;return(0,m.Z)({productGroupUids:null==g?void 0:null===(e=g.styles)||void 0===e?void 0:e.join(","),maxPrice:null==g?void 0:null===(t=g.pricing)||void 0===t?void 0:t.max,minPrice:null==g?void 0:null===(s=g.pricing)||void 0===s?void 0:s.min,skip:null==g?void 0:g.skip,limit:null==g?void 0:g.limit})},[g]),{data:_,isLoading:F,isSuccess:S}=(0,d.a)(["catalog",C],async()=>(0,x.Z)("/express/products",{params:{...C}})()),P=null==_?void 0:null===(t=_.result)||void 0===t?void 0:t.result,D=e=>{{let t=localStorage.getItem("CatalogContext"),s=t?JSON.parse(t):null;if(s)return(null==s?void 0:s.styleNumber)===(null==e?void 0:e.styleNumber)}return!1},B=e=>{if(D(e))w.push("/catalog/".concat(null==e?void 0:e.uid));else{let{styleNumber:t,productType:s,productAttributes:l,basePrice:a,minOrderQty:r,tags:n}=e;i({type:"setValue",payload:{styleNumber:t,productType:s,productAttributes:{...l,priceBreakdown:[]},basePrice:a,minOrderQty:r,tags:n}}),w.push("/catalog/".concat(null==e?void 0:e.styleNumber))}};return(0,l.jsx)("section",{className:"mt-2 bg-white px-5 py-11 lg:px-0",children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)("div",{className:"mb-5 mt-0 flex items-end justify-between lg:mt-5",children:(0,l.jsxs)("div",{className:"flex flex-col items-start justify-start lg:flex-row lg:items-center lg:gap-2",children:[(0,l.jsx)("h1",{className:"text-2xl  font-semibold leading-8 text-dh-green-900 lg:leading-10",children:E}),(0,l.jsx)("p",{className:"text-base font-normal  leading-5 text-dh-gray-700 lg:mt-1",children:"100 products found"})]})}),(0,l.jsxs)("div",{className:"flex w-full flex-col items-start justify-start gap-7 lg:flex-row",children:[(0,l.jsx)("div",{className:"hidden w-3/12 rounded-lg bg-[#F3F5F6] p-7 lg:block",children:(0,l.jsx)(c.Z,{filterItems:g,setFilterItems:e=>b(e)})}),(0,l.jsx)("div",{className:"w-full lg:hidden",children:(0,l.jsx)(y,{filterItems:g,setFilterItems:e=>b(e)})}),F&&(0,l.jsx)("div",{className:"-mx-3 flex w-full items-center justify-center lg:-mx-4 lg:w-9/12 lg:pt-40",children:(0,l.jsx)("div",{className:"h-32 w-32",children:(0,l.jsx)(N,{animationData:p})})}),S&&(0,l.jsxs)("div",{className:"-mx-3 flex flex-wrap lg:-mx-4 lg:w-9/12",children:[null==P?void 0:null===(s=P.catalogItems)||void 0===s?void 0:s.map(e=>{var t,s;return(0,l.jsx)("div",{className:"mb-6 w-6/12 px-3 lg:mb-8 lg:w-4/12 lg:px-4",onClick:()=>B(e),children:(0,l.jsx)(o,{title:(null==e?void 0:e.name)||"",unitPrice:null==e?void 0:e.basePrice,productCode:null==e?void 0:e.styleNumber,imageUrl:(null==e?void 0:null===(s=e.productAttributes)||void 0===s?void 0:null===(t=s.images[0])||void 0===t?void 0:t.url)||"",uid:(null==e?void 0:e.uid)||"",styleNumber:(null==e?void 0:e.styleNumber)||""})},null==e?void 0:e.uid)}),(null==P?void 0:P.count)>10&&(0,l.jsx)("div",{className:"mx-3 mt-2 w-full border-t-[1px] border-dashed border-[#E6E6EC] pt-5 lg:mx-4",children:(0,l.jsx)(h.Z,{totalCount:null==P?void 0:P.count,currentPage:k,onPageChange:e=>{j(e),1===e?b({...g,skip:0}):b({...g,skip:(e-1)*10})}})}),!(null==P?void 0:null===(a=P.catalogItems)||void 0===a?void 0:a.length)&&(0,l.jsx)("div",{className:"w-full lg:pt-40",children:(0,l.jsx)(v,{})})]})]})]})})},E=(0,f.ZP)(()=>(0,l.jsxs)("section",{className:"bg-[#F5F4EF]",children:[(0,l.jsx)(i.default,{}),(0,l.jsx)(w,{}),(0,l.jsx)(a.Z,{})]})),C=()=>(0,l.jsx)(E,{})},29681:function(e,t,s){"use strict";var l=s(5121),a=s(41434);let i=l.Z.create({baseURL:"https://api.sourceeazy.com/api/v2",headers:{Accept:"application/json"}});i.interceptors.request.use(e=>(e.headers.Authorization||(e.headers.Authorization=(0,a.hL)()),e)),t.Z=i},41434:function(e,t,s){"use strict";s.d(t,{d8:function(){return i},hL:function(){return l},o4:function(){return a}});let l=()=>r("sourceEazyToken")||void 0,a=e=>{i("sourceEazyToken",e.buyerToken,30)},i=(e,t,s)=>{let l="";if(s){let e=new Date;e.setTime(e.getTime()+864e5*s),l="; expires="+e.toUTCString()}document.cookie=e+"="+(t||"")+l+"; path=/"},r=e=>{let t=e+"=",s=document.cookie.split(";");for(let e=0;e<s.length;e++){let l=s[e];for(;" "==l.charAt(0);)l=l.substring(1,l.length);if(0==l.indexOf(t))return l.substring(t.length,l.length)}return null}},5580:function(e,t){"use strict";let s=e=>(Object.keys(e).forEach(t=>e[t]&&"object"==typeof e[t]&&s(e[t])||(void 0===e[t]||null===e[t]||""===e[t])&&delete e[t]),e);t.Z=s},73437:function(e,t,s){"use strict";var l=s(38776),a=s(29681);t.Z=function(e,t){return async()=>

1{if((null==t?void 0:t.safeParse)&&t.payloadSchema){let e=t.payloadSchema.safeParse(t.data);(0,l.Z)(e.success,"Invalid payload")}if((null==t?void 0:t.safeParse)&&t.paramsSchema){let e=t.paramsSchema.safeParse(t.params);(0,l.Z)(e.success,"Invalid Schema")}let s=await (0,a.Z)(e,{...t,method:(null==t?void 0:t.method)||"GET"});if((null==t?void 0:t.safeParse)&&t.responseSchema){let e=t.responseSchema.safeParse(s.data);return(0,l.Z)(e.success,"Not relevent result from server"),{status:e.data,result:s.data}}return{status:s.status,result:s.data}}}},66465:function(e,t,s){"use strict";s.d(t,{I:function(){return l},J:function(){return a}});let l=["Eco-friendly","Blanks","30 days Delivery","45 days Delivery"],a=[{label:"Featured",value:"",sortBy:""},{label:"Price Low to High",value:"asc",sortBy:"unitPrice"},{label:"Price High to Low",value:"desc",sortBy:"unitPrice"}]},52184:function(e,t,s){"use strict";s.d(t,{l:function(){return m},Z:function(){return u}});var l=s(85893),a=s(67294),i=s(5466),r=s.n(i),n=e=>{let{min:t,max:s,onChange:i}=e,[n,o]=(0,a.useState)(t),[c,d]=(0,a.useState)(s),u=(0,a.useRef)(null),m=(0,a.useRef)(null),x=(0,a.useRef)(null),h=(0,a.useCallback)(e=>Math.round((e-t)/(s-t)*100),[t,s]);return(0,a.useEffect)(()=>{u.current=n,m.current=c;let e=h(n),t=h(m.current);x.current&&(x.current.style.left="".concat(e,"%"),x.current.style.width="".concat(t-e,"%"))},[n,c,h]),(0,a.useEffect)(()=>{if(null===u.current||null===m.current)return;let e=h(u.current),t=h(c);x.current&&(x.current.style.width="".concat(t-e,"%"))},[c,h]),(0,a.useEffect)(()=>{i({min:n,max:c})},[n,c]),(0,l.jsxs)("div",{className:"".concat(r().container),children:[(0,l.jsx)("input",{type:"range",min:t,max:s,value:n,onChange:e=>{let t=Math.min(Number(e.target.value),c-1);o(t),u.current=t},className:"".concat(r().thumb," ").concat(r().thumb__left)}),(0,l.jsx)("input",{type:"range",min:t,max:s,value:c,onChange:e=>{let t=Math.max(Number(e.target.value),n+1);d(t),m.current=t},className:"".concat(r().thumb," ").concat(r().thumb__right)}),(0,l.jsxs)("div",{className:"".concat(r().slider),children:[(0,l.jsx)("div",{className:"".concat(r().slider__track)}),(0,l.jsx)("div",{ref:x,className:"".concat(r().slider__range)})]})]})},o=s(66465),c=s(67848),d=s(73437),u=e=>{var t,s;let{filterItems:i,setFilterItems:u}=e,[x,h]=(0,a.useState)({min:0,max:300}),{data:p}=(0,c.a)({queryKey:["productGroups"],queryFn:async()=>(0,d.Z)("/product-groups",{params:{tags:"EXPRESS_CATALOG"}})()}),f=(null==p?void 0:null===(s=p.result)||void 0===s?void 0:null===(t=s.result)||void 0===t?void 0:t.productGroups)||[];return(0,l.jsxs)("div",{className:"w-full",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h1",{className:"text-xl text-dh-gray-700 font-semibold leading-7 mb-5",children:"Styles"}),(0,l.jsx)("div",{children:null==f?void 0:f.map((e,t)=>{var s;return(0,l.jsxs)("div",{className:"flex justify-start items-center mb-3 cursor-pointer ".concat(r().rootCheckIcon),onClick:()=>{var t;if(null==i?void 0:null===(t=i.styles)||void 0===t?void 0:t.includes(null==e?void 0:e.uid)){let t=i.styles.filter(t=>t!==(null==e?void 0:e.uid));u({...i,styles:t})}else u({...i,styles:[...i.styles,null==e?void 0:e.uid]})},children:[(null==i?void 0:null===(s=i.styles)||void 0===s?void 0:s.some(t=>t===(null==e?void 0:e.uid)))?(0,l.jsx)("img",{className:"w-6 h-6",src:"/static/assets/images/catalog/tick-color.svg",alt:""}):(0,l.jsx)(m,{className:"border-[1px] border-[#BCBFC3] rounded ".concat(r().checkHoverEffect)}),(0,l.jsx)("div",{className:"text-base font-medium leading-5 text-dh-gray-700 ml-4  ".concat(r().checkText),children:null==e?void 0:e.name})]},t)})})]}),(0,l.jsxs)("div",{className:"pb-12 pt-7 w-full",children:[(0,l.jsx)("h1",{className:"text-xl text-dh-gray-700 font-semibold leading-7 mb-5",children:"Pricing"}),(0,l.jsxs)("div",{className:"pb-7 flex justify-between items-center gap-2",children:[(0,l.jsxs)("div",{className:"w-5/12",children:[(0,l.jsx)("h2",{className:"text-base font-medium leading-5 text-dh-gray-700 mb-1",children:"Min"}),(0,l.jsxs)("div",{className:"py-2 px-3 border-[1px] border-[#E6E6EC] bg-[#F3F5F6] text-base font-medium leading-5 text-dh-gray-700 rounded",children:["$",null==x?void 0:x.min]})]}),(0,l.jsx)("div",{className:"h-[2px] w-3 bg-[#AEAEB4] -mb-5"}),(0,l.jsxs)("div",{className:"w-5/12",children:[(0,l.jsx)("h2",{className:"text-base font-medium leading-5 text-dh-gray-700 mb-1",children:"Max"}

1),(0,l.jsxs)("div",{className:"py-2 px-3 border-[1px] border-[#E6E6EC] bg-[#F3F5F6] text-base font-medium leading-5 text-dh-gray-700 rounded",children:["$",null==x?void 0:x.max]})]})]}),(0,l.jsx)("div",{className:"w-full",children:(0,l.jsx)(n,{min:0,max:300,onChange:e=>{let{min:t,max:s}=e;h({min:t,max:s}),u({...i,pricing:{min:t,max:s}})}})})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("h1",{className:"text-xl text-dh-gray-700 font-semibold leading-7 mb-5",children:"Capabilities"}),(0,l.jsx)("div",{children:null===o.I||void 0===o.I?void 0:o.I.map((e,t)=>{var s;return(0,l.jsxs)("div",{className:"flex justify-start items-center mb-3 cursor-pointer ".concat(r().rootCheckIcon),onClick:()=>{var t;if(null==i?void 0:null===(t=i.capabilities)||void 0===t?void 0:t.includes(e)){let t=i.capabilities.filter(t=>t!==e);u({...i,capabilities:t})}else u({...i,capabilities:[...i.capabilities,e]})},children:[(null==i?void 0:null===(s=i.capabilities)||void 0===s?void 0:s.some(t=>t===e))?(0,l.jsx)("img",{className:"w-6 h-6",src:"/static/assets/images/catalog/tick-color.svg",alt:""}):(0,l.jsx)(m,{className:"border-[1px] border-[#BCBFC3] rounded ".concat(r().checkHoverEffect)}),(0,l.jsx)("div",{className:"text-base font-medium leading-5 text-dh-gray-700 ml-4  ".concat(r().checkText),children:e})]},t)})})]})]})};let m=e=>{let{className:t,fill:s="white"}=e;return(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 20 20",fill:"none",className:t,children:[(0,l.jsx)("path",{d:"M16 0H4C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H16C18.2091 20 20 18.2091 20 16V4C20 1.79086 18.2091 0 16 0Z",fill:s}),(0,l.jsx)("path",{d:"M16 0.5H4C2.067 0.5 0.5 2.067 0.5 4V16C0.5 17.933 2.067 19.5 4 19.5H16C17.933 19.5 19.5 17.933 19.5 16V4C19.5 2.067 17.933 0.5 16 0.5Z"})]})}},26536:function(e,t,s){"use strict";s.d(t,{J8:function(){return d},r4:function(){return c}});var l=s(85893),a=s(67294);let i={activeTab:1,activeType:"Color",view:"FRONT",name:"",styleNumber:"",productType:{uid:"",name:""},productAttributes:{isBlank:!1,images:[],priceBreakdown:[],phygital:null,decoration:{artworks:[{url:"",type:"",sizeInInch:"",position:"FRONT_CENTER",price:0,file:void 0}]}},isCustomColor:!1,addOns:[],basePrice:0,description:"",thumbnail:{url:"",name:""},specifications:[],components:[{images:[],colors:[],sizes:[]}]},r=a.createContext(i),n=a.createContext(void 0),o=(e,t)=>{switch(t.type){case"setValue":return{...e,...t.payload};case"setDefault":return i;default:throw Error("Unhandled action type: ".concat(t))}},c=()=>{let e=a.useContext(r);if(void 0===e)throw Error("useCatalogState must be used within a withCatalogData HOC");return e},d=()=>{let e=a.useContext(n);if(void 0===e)throw Error("useCatalogDispatch must be used within a withCatalogData HOC");return e};t.ZP=e=>{let t=e.displayName||e.name||"Component",s=t=>{let[s,c]=(0,a.useReducer)(o,i);return(0,l.jsx)(r.Provider,{value:s,children:(0,l.jsx)(n.Provider,{value:c,children:(0,l.jsx)(e,{...t},"")})})};return s.displayName="withCatalogData(".concat(t,")"),s}},1850:function(e,t,s){"use strict";s.d(t,{Z:function(){return c}});var l=s(85893),a=s(67294),i=s(47553),r=s(20245),n=()=>{let[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let e=()=>{t(window.innerWidth<768)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e},o=(e,t,s,l)=>{let i=n()?3:l,[r,o]=(0,a.useState)([]),c=(0,a.useMemo)(()=>Math.ceil(e/t),[e,t]),d=(0,a.useMemo)(()=>{let e=[];for(let t=1;t<=c;t++)e.push(t);return e},[c]);return(0,a.useEffect)(()=>{let e=Math.max(0,Math.min(s-Math.floor(i/2)-1,c-i)),t=Math.min(c,e+i);t-e<i&&(e=Math.max(0,t-i)),o(d.slice(e,t))},[s,i,d,c]),{totalPages:c,pageShowItems:r}},c=e=>{let{currentPage:t,totalCount:s,onPageChange:n,totalButtons:c=10,limit:u}=e,m=Math.max(1,t),{totalPages:x,pageShowItems:h}=o(s,Math.max(1,u||10),m,c)||{totalPages:1,pageShowItems:[]},p=d(h,c,x,m),f=e=>{"function"==typeof n&&e>=1&&e<=x&&e!==m&&n(e)};return(0,l.jsxs)("nav",{className:"flex justify-center items-center gap-2 md:justify-between","aria-label":"Pagination",children:[(0,l.jsxs)("button",{className:"p-2 rounded-md text-gray-700 flex items-center ".concat(1===m?"opacity-50 cursor-not-allowed":"hover:bg-gray-200 hover:text-gray-800"),onClick:()=>f(m-1),disabled:1===m,"aria-label":"Go to previous page",children:[(0,l.jsx)(i.Z,{className:"h-5 w-5 mr-1"}),(0,l.jsx)("span",{className:"hidden sm:inline",children:"Previous"})]}),(0,l.jsx)("div",{className:"flex items-center justify-center space-x-2 overflow-x-auto whitespace-nowrap",children:p.map((e,t)=>(0,l.jsx)(a.Fragment,{children:-1===e?(0,l.jsx)("span",{className:"px-3 py-2 text-gray-500",children:"..."}):(0,l.jsx)("button",{className:"px-3 w-9 flex-shrink-0 py-2 duration-300 rounded-md text-sm font-medium ".concat(m===e?"bg-[#01896A] text-white":"bg-white text-gray-700 hover:bg-gray-100"),onClick:()=>f(e),"aria-current":m===e?"page":void 0,"aria-label":"Go to page ".concat(e),children:e})},t))||null}),(0,l.jsxs)("button",{className:"p-2 rounded-md text-gray-700 flex items-center ".concat(m===x?"opacity-50 cursor-not-allowed":"hover:bg-gray-100"),onClick:()=>f(m+1),disabled:m===x,"aria-label":"Go to next page",children:[(0,l.jsx)("span",{className:"hidden sm:inline",children:"Next"}),(0,l.jsx)(r.Z,{className:"h-5 w-5 ml-1"})]})]})};let d=(e,t,s,l)=>{if(s<=t)return e;if(3===t)return[1,-1,s];let a=Math.floor(t/2),i=l-a+1,r=l+a-1;i<=1&&(i=2,r=t-2),r>=s&&(r=s-1,i=s-(t-2));let n=[1];i>2&&n.push(-1);for(let e=i;e<=r;e++)n.push(e);return r<s-1&&n.push(-1),n.push(s),n}},10266:function(e,t,s){"use strict";var l=s(85893);s(67294);var a=s(73975),i=s.n(a);t.Z=e=>{let{children:t,className:s,...a}=e;return(0,l.jsx)("button",{className:"whitespace-nowrap   rounded-lg px-5 py-2 text-lg font-semibold text-white ".concat(i().btn," ").concat(s),...a,children:t})}},5466:function(e){e.exports={container:"RangeSlider_container__iFQz3",slider:"RangeSlider_slider__k2Sm5",slider__range:"RangeSlider_slider__range__PG8DH",slider__track:"RangeSlider_slider__track__wW_E7",thumb:"RangeSlider_thumb__ZgCVm",thumb__left

1:"RangeSlider_thumb__left__5BsIs",thumb__right:"RangeSlider_thumb__right__A_jfO"}},73975:function(e){e.exports={btn:"Button_btn__Vce9e"}}},function(e){e.O(0,[1216,8511,3750,2888,179],function(){return e(e.s=16993)}),_N_E=e.O()}]);