(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7207],{44977:function(e,t,s){"use strict";s.d(t,{t:function(){return ShopPage}});var r=s(85893),l=s(61646),a=s(67294),n=s(70290),i=s.n(n),o=s(76956),c=s(44140),u=s(15916),d=s(12163),x=s(55800),g=s(86010),h=s(11163),p=s(85422),m=s(18939),f=s(84462),v=s(5955);s(12837),s(16390);var j=s(46600),y=s(62469);let k=i()("JL96OC7GC2","479c0017ca2ba97f782f3323e6a5a487"),Tag=e=>{let{text:t,type:s}=e,{icon:l,bgColorClass:a}=(e=>{switch(e){case"product":return{icon:null,bgColorClass:"bg-orange-100"};case"productVariant":return{icon:null,bgColorClass:"bg-orange-200"};default:return{icon:null,bgColorClass:"bg-gray-100"}}})(s||"");return(0,r.jsxs)("span",{className:"flex w-fit items-center rounded-lg px-2 py-1 text-xs text-black ".concat(a),children:[l&&(0,r.jsx)("span",{className:"mr-1",children:l}),t]})},TagRow=e=>{let{children:t}=e;return(0,r.jsx)("div",{className:"flex flex-wrap gap-x-2 gap-y-1",children:t})};var Bar_AlgoliaSearchBar=e=>{let{className:t,isTextWhite:s=!1,hitsPerPage:l=5}=e,{isPageTransition:n}=(0,f.C)(),[i,N]=(0,a.useState)(!1),b=(0,a.useRef)(null),C=(0,h.useRouter)(),S=C.locale,{market:w}=(0,m.A)(),[P,T]=(0,a.useState)("");(0,p.O3)(b,()=>{i&&N(!1)}),(0,a.useEffect)(()=>{if(i&&b.current){let e=b.current.querySelector("input");e&&e.focus()}},[i]);let B="(".concat("documentType:product"," OR ").concat("documentType:productVariant",")"),A={...k,search:e=>e.every(e=>{let{params:t}=e;return!(null==t?void 0:t.query)||t.query.length<2})?Promise.resolve({results:e.map(()=>({hits:[],nbHits:0,page:0,nbPages:0,hitsPerPage:0,processingTimeMS:0,query:"",params:""}))}):k.search(e)},R={en:{title:"No results found",message:"Try searching for different products or variants.",examples:[{text:"Product A",type:"product"},{text:"Product Variant B",type:"productVariant"}]},sv:{title:"Inga resultat hittades",message:"F\xf6rs\xf6k att s\xf6ka efter andra produkter eller varianter.",examples:[{text:"Produkt A",type:"product"},{text:"Produktvariant B",type:"productVariant"}]},no:{title:"Ingen resultater funnet",message:"Pr\xf8v \xe5 s\xf8ke etter forskjellige produkter eller varianter.",examples:[{text:"Produkt",type:"product"},{text:"Produktvariant",type:"productVariant"}]}},Z={en:{message:"Type two letters to search..."},sv:{message:"Skriv tv\xe5 bokst\xe4ver f\xf6r att s\xf6ka..."},no:{message:"Skriv to bokstaver for \xe5 s\xf8ke..."}},_=(0,o.Z)(e=>{var t,s;let{searchState:l,searchResults:a}=e,n=l&&l.query?l.query:"",{title:i,message:o,examples:u}=null!==(t=R[S])&&void 0!==t?t:R.en;if(n.length<2){let e=null!==(s=Z[S])&&void 0!==s?s:Z.en;return(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center gap-y-2 p-4 py-6 text-center",children:[(0,r.jsx)(y._Ve,{className:"h-10 w-10 text-gray-400"}),e&&(0,r.jsx)("p",{className:"text-lg font-semibold text-gray-800",children:e.message}),u&&u.length>0&&(0,r.jsxs)("div",{className:"",children:[(0,r.jsx)("p",{className:"mb-6 text-sm text-gray-600",children:"sv"===S?"Vad du kan s\xf6ka efter:":"no"===S?"Hva du kan s\xf8ke etter:":"You can search for:"}),(0,r.jsx)(TagRow,{children:u.map((e,t)=>(0,r.jsx)(Tag,{text:e.text,type:e.type},t))})]})]})}return a&&0!==a.nbHits?(0,r.jsx)(c.Z,{hitComponent:j.Z}):(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center gap-y-2 p-4 py-6 text-center",children:[(0,r.jsx)(v.Z,{className:"h-10 w-10 text-gray-400"}),(0,r.jsx)("p",{className:"text-lg font-semibold text-gray-800",children:i}),(0,r.jsx)("p",{className:"text-sm text-gray-600",children:o}),u&&u.length>0&&(0,r.jsx)("div",{className:"mt-4",children:(0,r.jsx)(TagRow,{children:u.map((e,t)=>(0,r.jsx)(Tag,{text:e.text,type:e.type},t))})})]})});return(0,r.jsx)("div",{className:"search-bar relative flex items-center",ref:b,children:(0,r.jsxs)(u.Z,{searchClient:A,indexName:"everything",children:[(0,r.jsx)(d.Z,{hitsPerPage:l,attributesToSnippet:["description:10"],snippetEllipsisText:"…",removeWordsIfNoResults:"allOptional",facets:["language"],filters:B}),(0,r.jsx)(x.Z,{className:(0,g.Z)({"text-white-input":s}),translations:{placeholder:{en:"Search for products...",sv:"S\xf6k efter produkter...",no:"S\xf8k etter produkter..."}[S]||"Search..."},onFocus:()=>N(!0),onChange:e=>T(e.currentTarget.value)}),i&&(0,r.jsx)("div",{className:(0,g.Z)("ais-Hits-container absolute top-full mt-2 w-full rounded-lg bg-white shadow-lg",{hidden:!i}),children:(0,r.jsx)(_,{})})]})})},N=s(28032),b=s(67928),C=s(77917),S=s(60076),w=s(92808),P=s(86613),T=s(95947),B=s(41664),A=s.n(B);let R=[{title:"All categories",slug:"shop",value:"shop"},{title:"Chemistry",slug:"shop/chemistry",value:"chemistry"},{title:"Hygiene Systems",slug:"shop/hygiene-systems",value:"hygiene-systems"},{title:"Sensilist",slug:"shop/sensilist",value:"sensilist"}],ShopPage=e=>{var t,s,l;let a,{shop:n,title:i="Aquatiq Webshop"}=e,{collections:o}=n,c=(0,h.useRouter)(),u=c.locale,{pathname:d}=(0,h.useRouter)(),{market:x}=(0,m.A)(),{t:g}=(0,T.$G)("common"),f=(0,p.$J)(x);"glb"===x&&(a="en"),"nor"===x&&(a="no"),"swe"===x&&(a="sv");let v=d.split("/").pop(),j=null===(s=n.coursePageSlug)||void 0===s?void 0:null===(t=s.translations)||void 0===t?void 0:t.find(e=>(null==e?void 0:e.language)===u),y=null===(l=n.coursePageSlug)||void 0===l?void 0:l.slug,k=(null==j?void 0:j.slug)||y,B=(0,P.gf)(k,x,u,"page");return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(C.$,{label:"shop-hero",srHeading:"Shop hero",children:(0,r.jsxs)(N.W,{vertical:"sm-half-top",children:[(0,r.jsxs)("div",{className:"lg:hidden",children:[(0,r.jsx)(S.N,{heading:i,backButtonText:"Hjem",href:f,locale:a}),(0,r.jsx)("div",{className:"mt-10",children:(0,r.jsx)(Bar_AlgoliaSearchBar,{filters:"documentType:product"})})]}),(0,r.jsxs)("div",{className:"my-10 md:my-20 lg:hidden",children:[(0,r.jsx)("div",{className:"flex flex-col overflow-x-scroll",children:(0,r.jsxs)("div",{className:"flex pb-4 space-x-3 whitespace-nowrap",children:[null==R?void 0:R.map((e,t)=>{let s=v===e.value;return(0,r.jsx)(CategoryBadge,{href:"/".concat(e.slug),title:e.title,isActive:s},e.title+t)}),(0,r.jsx)(CategoryBadge,{href:B,title:"Kurs & Workshops"})]})}),(0,r.jsx)(CategoryLink,{title:"Mine produkter",slug:w.v0}),null==o?void 0:o.map((e,t)=>{let{title:s,slug:l,_type:a}=e,n=(0,P.gf)(l,x,u,a);return(0,r.jsx)(CategoryLink,{title:s,slug:n},s+t)})]}),(0,r.jsxs)("div",{className:"hidden lg:block",children:[(0,r.jsxs)("div",{className:"flex flex-col mb-10 space-y-5",children:[(0,r.jsx)(b.X,{tag:1,className:"mb-3",children:i}),(0,r.jsx)(b.X,{tag:2,size:"none",color:"dark",children:"Filtrer kategorier etter selskap"}),(0,r.jsx)("div",{className:"flex flex-col",children:(0,r.jsxs)("div",{className:"flex space-x-3",children:[null==R?void 0:R.map((e,t)=>{let s=v===e.value;return(0,r.jsx)(CategoryBadge,{href:"/".concat(e.slug),title:e.title,isActive:s},e.title+t)}),(0,r.jsx)(CategoryBadge,{href:B,title:"Kurs & Workshops"})]})})]}),(0,r.jsxs)("div",{className:"flex flex-col px-20 py-32 rounded-3xl bg-glacous-light",children:[(0,r.jsx)("div",{className:"flex mb-24",children:(0,r.jsx)(Bar_AlgoliaSearchBar,{filters:"documentType:product"})}),(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-x-24",children:[(0,r.jsx)(CategoryLink,{title:"Mine produkter",slug:w.v0}),null==o?void 0:o.map((e,t)=>{let{title:s,slug:l,_type:a}=e;if(!s)return;let n=(0,P.gf)(l,x,u,a);return(0,r.jsx)(CategoryLink,{title:s,slug:n},s+t)})]})]})]})]})})})};function CategoryLink(e){let{title:t,slug:s}=e;return(0,r.jsxs)(A(),{href:s||"#",className:"flex items-center justify-between w-full py-3 pl-5 border-b group border-b-dark",children:[t&&(0,r.jsx)("span",{className:"text-md text-dark md:text-3xl",children:t}),(0,r.jsx)("div",{className:"pr-3 transition-all duration-100 ease-in-out group-hover:pr-0 ",children:(0,r.jsx)(l.Z,{className:"w-4 md:w-6"})})]})}function CategoryBadge(e){let{href:t,title:s,isActive:l}=e;return(0,r.jsx)(A(),{href:t,className:(0,p.cn)("rounded-full px-4  py-2 text-sm font-semibold",l?"bg-primary text-white":"bg-glacous-light text-primary"),children:s})}},44730:function(e,t,s){"use strict";s.d(t,{J:function(){return ShopBackButton}});var r=s(85893),l=s(68835),a=s(34716),n=s(41664),i=s.n(n),o=s(11163);let ShopBackButton=e=>{let{href:t,children:s,newLocale:n}=e,{locale:c}=(0,o.useRouter)();return(0,r.jsx)("div",{children:(0,r.jsxs)(i(),{href:t,locale:n||c,className:"flex items-center space-x-2 text-glacous",children:[(0,r.jsx)(l.Z,{className:"w-4"}),(0,r.jsx)(a.x,{className:"font-medium text-glacous",size:"sm",children:s})]})})}},60076:function(e,t,s){"use strict";s.d(t,{N:function(){return ShopHeader}});var r=s(85893),l=s(67928),a=s(44730);let ShopHeader=e=>{let{href:t,backButtonText:s,heading:n,locale:i}=e;return(0,r.jsxs)("div",{className:"flex flex-col space-y-5",children:[(0,r.jsx)("div",{children:(0,r.jsx)(a.J,{newLocale:i,href:t,children:s})}),(0,r.jsx)(l.X,{tag:1,size:"shop-h1",children:n})]})}},84462:function(e,t,s){"use strict";s.d(t,{C:function(){return usePageTransition}});var r=s(11163),l=s(67294);let usePageTransition=()=>{let e=(0,r.useRouter)(),[t,s]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let handleStart=t=>t!==e.asPath&&s(!0),handleComplete=()=>s(!1);return e.events.on("routeChangeStart",handleStart),e.events.on("routeChangeComplete",handleComplete),e.events.on("routeChangeError",handleComplete),()=>{e.events.off("routeChangeStart",handleStart),e.events.off("routeChangeComplete",handleComplete),e.events.off("routeChangeError",handleComplete)}}),{isPageTransition:t}}},16390:function(){},12837:function(){}}]);