https://exinopk.netlify.app/_next/static/chunks/pages/products-f8cb7707d9ee7dda.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[345],{2385:function(e,r,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/products",function(){return t(5419)}])},5419:function(e,r,t){"use strict";t.r(r),t.d(r,{__N_SSP:function(){return f},default:function(){return h}});var n=t(5893),a=t(7294);var i=function(e){var r=e.value,t=e.index,a=e.removeFilter;return(0,n.jsxs)("div",{className:"p-[6px] text-sm border border-black font-medium flex items-center",children:[(0,n.jsxs)("span",{children:[r," "]}),(0,n.jsx)("span",{className:" ml-[5px] icon-close before:content-['\\e907'] cursor-pointer",onClick:function(){return a(r)}})]},t)};var s=function(e){var r=e.value,t=e.index,a=e.filterFunc,i=e.filters,s=e.type,c=e.which;return(0,n.jsxs)("div",{className:"flex py-[6px] items-center tracking-[.78px] cursor-pointer",onClick:function(){return a(r,s)},children:[(0,n.jsx)("div",{className:"w-3 h-3 border border-[#999]",style:{background:i[s].includes(r)?"#666":"none"}}),(0,n.jsxs)("div",{className:"pl-2 text-sm ",children:[r,(0,n.jsxs)("span",{className:"ml-[5px] text-[#989898]",children:["(",c[r],")"]})]})]},t)},c=t(1551),l=t.n(c);var d=function(e){var r=e.data,t=(0,a.useState)(r.defaultVariant||0),i=t[0],s=t[1];return(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:"relative",children:[(0,n.jsx)(l(),{href:"/products/".concat(r.id),children:(0,n.jsx)("img",{src:r.variants[i].img[0],alt:"product",className:"w-full cursor-pointer"})}),r.isSale&&(0,n.jsx)("div",{className:"uppercase tracking-[1px] absolute top-5 left-1/2 font-medium -translate-x-1/2 z-40 text-xs bg-white px-[30px]",children:"sale"})]}),(0,n.jsx)("div",{className:"select-icon flex items-center justify-center",children:r.variants.map((function(e,r){return(0,n.jsx)("div",{onClick:function(){return s(r)},className:"p-[10px_4px] cursor-pointer",children:(0,n.jsx)("div",{className:"h-[15px] w-[15px] rounded-full bg-no-repeat",style:{backgroundImage:"url('".concat(e.colorImg||"","')"),boxShadow:i===r?"0 0 0 2px rgb(255 255 255), 0 0 0 3px rgb(152 152 152)":"0 0 0 0"}})},r)}))}),(0,n.jsxs)("div",{className:"px-[15px]",children:[(0,n.jsx)(l(),{href:"/products/".concat(r.id),children:(0,n.jsx)("h2",{className:"text-xs tracking-[2px] uppercase text-center mb-5 cursor-pointer",children:r.variants[i].name})}),(0,n.jsx)("p",{className:"price font-semibold text-center",children:r.isSale?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("span",{className:" line-through",children:["$",r.variants[i].price]}),(0,n.jsxs)("span",{className:"ml-5",children:["$",r.variants[i].discount]})]}):(0,n.jsxs)("span",{children:["$",r.variants[i].price]})})]})]})};var o=function(){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{children:(0,n.jsx)("img",{src:"https://cdn.oakandluna.com/images/site/Necklaces_DT_2.jpg",alt:"product header",className:"md:max-h-[400px] w-full"})}),(0,n.jsxs)("div",{className:"md:mt-5 max-md:py-3 max-md:bg-[#f5f5f5] max-md:px-2",children:[(0,n.jsx)("h2",{className:"md:text-left max-md:pb-2 text-center text-[16px] md:text-[22px] font-['Playfair_Display',serif] uppercase tracking-[2px]",children:"NEW ARRIVALS"}),(0,n.jsxs)("p",{className:"text-[13px] leading-[1.5] tracking-[0.05px] md:text-left text-center",children:["Make a fashionable statement with unique fashion rings. Expand your collection and upgrade your ring stack with chic, classic, elegant, and stackable pieces. Mix, match, and turn up your style with our selection of trendy rings for women. ",(0,n.jsx)("a",{href:"#",className:"underline",children:"Read More"})]})]})]})};function m(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function x(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){x(e,r,t[r])}))}return e}function p(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(!e)return;if("string"===typeof e)return m(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return m(e,r)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var f=!0,h=function(e){var r=e.products,t=(0,a.useState)(!1),c=t[0],l=t[1],m=(0,a.useState)(r),x=m[0],f=m[1],h=(0,a.useState)({categories:[],material:[]}),b=h[0],v=h[1];(0,a.useEffect)((function(){if(b.categories.concat(b.material).length>0){var e,t=[];if(b.categories.length>0&&(t=r.filter((function(e){return b.categories.includes(e.category)}))),b.material.length>0)t=r.filter((function(r){return(e=r.material).includes.apply(e,p(b.material))}));f(t)}else f(r);return function(){}}),[b,r]);var g=(0,a.useState)({}),j=g[0],y=g[1],N=(0,a.useState)({}),w=N[0],k=N[1],_=function(e,r){var t={material:b.material,categories:b.categories};if("material"===r){if(t.material.includes(e))return;t.material.push(e)}else if("categories"===r){if(t.categories.includes(e))return;t.categories.push(e)}v((function(e){return u({},e,t)}))},S=function(e){var r={categories:b.categories,material:b.material};r.categories.includes(e)&&r.categories.splice(r.categories.indexOf(e),1),r.material.includes(e)&&r.material.splice(r.material.indexOf(e),1),v((function(e){return u({},e,r)}))};return(0,a.useEffect)((function(){var e=r.map((function(e){return e.category})),t=[].concat.apply([],r.map((function(e){return e.material}))),n=e.reduce((function(e,r){return e[r]=(e[r]||0)+1,e}),{}),a=t.reduce((function(e,r){return e[r]=(e[r]||0)+1,e}),{});return y(n),k(a),function(){}}),[r]),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"container",children:(0,n.jsxs)("div",{children:[(0,n.jsx)(o,{}),(0,n.jsxs)("div",{className:" border-[rgba(190,190,190,0.3)] pt-5 mt-[15px] md:border-t-[thin] flex md:gap-5 relative",children:[(0,n.jsx)("div",{className:" md:w-1/5 ",children:(0,n.jsxs)("div",{className:" max-md:fixed max-md:top-0 max-md:z-[200] max-md:bg-white max-md:h-[stretch] \n                            max-md:px-5 max-md:flex max-md:w-full max-md:justify-between max-md:flex-col\n                            md:top-[59px] md:max-h-[calc(100vh-59px)]  lg:top-[109px] lg:max-h-[calc(100vh-109px)] scrollbar-hide overflow-auto md:sticky md:z-[20] ".concat(c?"":"max-md:hidden"," "),children:[(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:"flex justify-between py-[15px] border-b border-black",children:[(0,n.jsxs)("div",{className:"text-base items-center flex tracking-[2px] uppercase",children:[(0,n.jsx)("div",{className:"icon-filter mr-1 md:before:content-['\\e922'] before:content-['\\e928'] max-md:p-1 max-md:cursor-pointer",onClick:function(){return l(!1)}}),"Filters"]}),(0,n.jsx)("button",{onClick:function(){return v({categories:[],material:[]})},className:"underline text-xs lg:text-sm font-medium ",children:"Clear All"})]}),b.categories.concat(b.material).length>0&&(0,n.jsx)("div",{className:"filters py-[15px] flex flex-wrap gap-2",children:b.categories.concat(b.material).map((function(e,r){return(0,n.jsx)(i,{value:e,index:r,removeFilter:S},r)}))}),(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:"mb-5",children:[(0,n.jsx)("div",{className:"py-[15p

1x] border-t font-semibold text-base tracking-[1px] capitalize border-[rgba(0,0,0,0.4)]",style:{border:0===b.categories.concat(b.material).length?"none":""},children:(0,n.jsx)("h2",{children:"Categories"})}),(0,n.jsx)("div",{children:j&&Object.keys(j).map((function(e,r){return(0,n.jsx)(s,{value:e,index:r,filterFunc:_,which:j,type:"categories",filters:b},r)}))})]}),(0,n.jsxs)("div",{className:"mb-5",children:[(0,n.jsx)("div",{className:"py-[15px] border-t font-semibold text-base tracking-[1px] capitalize border-[rgba(0,0,0,0.4)]",children:(0,n.jsx)("h2",{children:"Materials"})}),(0,n.jsx)("div",{children:Object.keys(w).map((function(e,r){return(0,n.jsx)(s,{value:e,index:r,filterFunc:_,which:w,type:"material",filters:b},r)}))})]})]})]}),(0,n.jsx)("div",{className:"md:hidden w-full text-center mb-5",children:(0,n.jsxs)("button",{onClick:function(){return l(!1)},className:"py-3 px-8 text-xl w-[80%] border border-black",children:["View Items",(0,n.jsx)("span",{className:"ml-3",children:"(10)"})]})})]})}),(0,n.jsx)("div",{className:" w-full md:w-4/5 p-[8px_0_20px]",children:(0,n.jsxs)("div",{className:"relative",children:[(0,n.jsxs)("div",{className:" max-md:sticky max-md:z-[58] max-md:top-0 flex flex-row-reverse flex-wrap justify-between items-center mb-3 max-md:px-[15px] bg-white",children:[(0,n.jsxs)("div",{className:" flex max-md:w-full justify-between flex-row-reverse items-center max-md:py-[10px]",children:[(0,n.jsxs)("div",{className:" flex items-center max-md:[flex-basis:48%]",children:[(0,n.jsx)("div",{className:"text-sm max-md:hidden",children:"Sort By:"}),(0,n.jsxs)("select",{className:"@hello md:ml-[7px] max-md:font-medium max-md:uppercase md:p-[5px_35px_5px_12px] text-[16px] border md:border-[rgb(221,221,221)] focus:outline-none border-[#6c7378] max-md:w-full max-md:text-center h- max-md:p-[10px] max-md:appearance-none",children:[(0,n.jsx)("option",{value:"featured",children:"Featured"}),(0,n.jsx)("option",{value:"whats-new",children:"What's New"}),(0,n.jsx)("option",{value:"lowest-price",children:"Lowest Price"}),(0,n.jsx)("option",{value:"highest-price",children:"Highest Price"})]})]}),(0,n.jsx)("div",{onClick:function(){return l(!0)},className:"font-medium text-center w-full uppercase md:hidden p-[10px] cursor-pointer border border-[#6c7378] [flex-basis:48%]",children:"Filters"})]}),(0,n.jsxs)("div",{className:"max-md:hidden max-md:w-full max-md:text-center text-sm text-[rgb(51,51,51)]",children:[x.length," items"]})]}),(0,n.jsxs)("div",{className:"mb-4 md:hidden max-md:w-full max-md:text-center text-sm text-[rgb(51,51,51)]",children:[x.length," items"]}),(0,n.jsx)("div",{className:"grid max-md:px-[15px] md:grid-cols-3 grid-cols-2 gap-5 gap-y-20 relative",children:x.map((function(e,r){return(0,n.jsx)(d,{data:e},r)}))})]})})]})]})})})}}},function(e){e.O(0,[774,888,179],(function(){return r=2385,e(e.s=r);var r}));var r=e.O();_N_E=r}]);