"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[116],{1048:(e,t,r)=>{r.r(t)},1049:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});const s={wrapper:"ZknUglfZ",wrapperTitle:"tHEWLkkW",wrapperDescription:"qEuarUFi",wrapperTabs:"eB67QwA1",wrapperTabsTab:"sisfhics",wrapperTabsTabFitContent:"nuw_JNSJ",wrapperTabsTabActive:"BK9oSDO3"}},1051:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});const s={wrapper:"Z5xpO0Hn",wrapperLabel:"t7kgmLTK",wrapperLabelIsOpened:"k14Plt8e",wrapperOptions:"kvmyNTHw",wrapperOptionsActive:"D7vZK_Cx",wrapperOptionsOption:"pehoSKST",wrapperTextArea:"emTx5Ffc"}},1052:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});const s={wrapper:"XJnT_uVt",wrapperTitle:"dT9WyzWy",wrapperSearchInput:"r2ykuUYt"}},1053:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});const s={wrapper:"cCuqSHOo",wrapperTitle:"ztZkzzmV",wrapperCards:"iQAqDG9A"}},8:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});const s={wrapper:"jeoYiegV",wrapperRight:"AIokLt1C",wrapperLeft:"NihyFReM"}},7:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});const s={wrapper:"NxzIhXo4"}},1046:(e,t,r)=>{const s=r(388);(0,r(4).createEntrypoint)("cardsList",s.Recipes)()},389:function(e,t,r){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.FilterTabs=void 0;const i=r(0),a=r(2),n=s(r(1049)),{wrapper:c,wrapperTitle:l,wrapperDescription:o,wrapperTabs:p,wrapperTabsTab:d,wrapperTabsTabFitContent:u,wrapperTabsTabActive:f}=n.default;t.FilterTabs=function({selectedFilters:e,toggleFilter:t,categories:r,description:s,title:n,areTabsWithFitContent:h}){const w=r.filter((e=>null!==e));return(0,i.jsxs)("div",Object.assign({className:c},{children:[(0,i.jsx)("h2",Object.assign({className:l},{children:n})),(0,i.jsx)("p",Object.assign({className:o},{children:s})),(0,i.jsx)("div",Object.assign({className:p},{children:w.map(((r,s)=>(0,i.jsx)("button",Object.assign({className:(0,a.cx)(d,e.includes(r)&&f,h&&u),onClick:()=>t(r)},{children:r}),r+s)))}))]}))}},1050:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useFiltersSelect=void 0;const s=r(3),i=r(87);t.useFiltersSelect=()=>{const[e,t]=(0,s.useState)(!1),r=(0,s.useRef)(null);return(0,i.useOnClickOutside)(r,(()=>t(!1))),{handleClick:()=>{t(!e)},mainRef:r,isOpened:e,setIsOpened:t}}},391:function(e,t,r){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SelectInput=void 0;const i=r(0),a=r(3),n=r(2),c=r(5),l=r(1050),o=s(r(1051)),{wrapper:p,wrapperLabel:d,wrapperLabelIsOpened:u,wrapperOptions:f,wrapperOptionsActive:h,wrapperOptionsOption:w}=o.default;t.SelectInput=({setFilterTag:e,filterTag:t,options:r})=>{const{handleClick:s,mainRef:o,isOpened:b,setIsOpened:g}=(0,l.useFiltersSelect)(),[j,O]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{j&&setTimeout((()=>{O(!1)}),100)}),[j]),(0,i.jsxs)("div",Object.assign({className:p,onClick:()=>!j&&!b&&s(),ref:o},{children:[(0,i.jsxs)("div",Object.assign({className:d},{children:[(0,i.jsx)("p",{children:t}),(0,i.jsx)("div",Object.assign({className:(0,n.cx)(b&&u),onClick:()=>{if(b)return O(!0),void g(!1);!b&&s()}},{children:(0,i.jsx)(c.Icons.DropdownIcon,{})}))]})),(0,i.jsx)("div",Object.assign({className:(0,n.cx)(f,b&&h)},{children:r.map(((r,s)=>(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",Object.assign({className:w,onClick:()=>e(r)},{children:[t===r?(0,i.jsx)(c.Icons.CheckboxCheckedIcon,{}):(0,i.jsx)(c.Icons.CheckboxIcon,{}),(0,i.jsxs)("p",{children:[" ",r]})]}),s+r+s)})))}))]}))}},390:function(e,t,r){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SearchAndDropdown=void 0;const i=r(0),a=r(391),n=r(5),c=s(r(1052)),{wrapper:l,wrapperTitle:o,wrapperSearchInput:p}=c.default;t.SearchAndDropdown=function({filterTag:e,setFilterTag:t,searchTerm:r,setSearchTerm:s,categories:c,title:d}){const u=c.filter((e=>null!==e));return u.unshift("Show All"),(0,i.jsxs)("div",Object.assign({className:l},{children:[(0,i.jsx)("h2",Object.assign({className:o},{children:d})),(0,i.jsxs)("div",Object.assign({className:p},{children:[(0,i.jsx)("input",{type:"text",placeholder:"Search Recipe...",value:r,onChange:e=>s(e.currentTarget.value)}),(0,i.jsx)(n.Icons.SearchIconRecipes,{})]})),(0,i.jsx)(a.SelectInput,{options:u,setFilterTag:t,filterTag:e})]}))}},392:function(e,t,r){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useTabFilters=void 0;const i=r(3),a=s(r(490));t.useTabFilters=(e,t,r,s,n=[])=>{const[c,l]=(0,i.useState)(12),[o,p]=(0,i.useState)(n),[d,u]=(0,i.useState)(!1),f=(0,i.useRef)(null),h=(0,i.useRef)(null);(0,i.useEffect)((()=>{u(!0),l(0),"searchAndDropdown"==s&&w("Show All"!=t?[t]:[])}),[o.length,t]),(0,i.useEffect)((()=>{const t=()=>{if(!f.current||!h.current)return;const t=f.current,r=h.current,s=t.offsetTop+t.offsetHeight-1.5*r.offsetHeight;window.scrollY+window.innerHeight>=s&&e.length>c&&u(!0)};return window.addEventListener("scroll",t),()=>window.removeEventListener("scroll",t)}),[d,c]),(0,i.useEffect)((()=>{d&&(u(!1),l((e=>e+12)))}),[d,c]);const w=e=>{const t=new URL(window.location.href);t.searchParams.delete("filters");const r=e.length>0?e.join(","):"";r&&t.searchParams.append("filters",r),window.history.replaceState({},"",t.toString())};var b;return{toggleFilter:e=>{const t=o.includes(e)?o.filter((t=>t!==e)):[...o,e];p(t),w(t)},preparedCards:"searchAndDropdown"===s?function(s,i){const n=new a.default(e,{keys:["category"]}).search(t),c="Show All"===t?e:n.map((e=>e.item));return 0===r.length?c.slice(0,i):new a.default(c,{keys:["title","body"]}).search(r).map((e=>e.item)).slice(0,i)}(0,c):0===o.length?(0,b=c,e.slice(0,b)):function(t,r){if(0===o.length)return e;const s=new a.default(e,{keys:["category"]});return o.map((e=>s.search(e).map((e=>e.item)))).reduce(((e,t)=>e.concat(t)),[]).slice(0,r)}(0,c),recipesContainerRef:f,cardRef:h,selectedFilters:o}}},388:function(e,t,r){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Recipes=void 0;const i=r(0),a=r(3),n=r(1047),c=r(389),l=r(390),o=r(392),p=s(r(1053)),{wrapper:d,wrapperTitle:u,wrapperCards:f}=p.default;t.Recipes=({cards:e,filtersVariant:t,categories:r,description:s="Select within this categories:",title:p="Blend endlessly",initialFilters:h=[]})=>{var w;const[b,g]=(0,a.useState)(null!==(w=h[0])&&void 0!==w?w:"Show All"),[j,O]=(0,a.useState)(""),{toggleFilter:m,preparedCards:v,recipesContainerRef:_,cardRef:T,selectedFilters:x}=(0,o.useTabFilters)(e,b,j,t,h);return(0,i.jsx)("div",Object.assign({className:d},{children:(0,i.jsxs)(i.Fragment,{children:["tabs"===t||"tabsFitContent"===t?(0,i.jsx)(c.FilterTabs,{selectedFilters:x,toggleFilter:m,categories:r,description:s,title:p,areTabsWithFitContent:"tabsFitContent"===t}):"searchAndDropdown"===t?(0,i.jsx)(l.SearchAndDropdown,{filterTag:b,setFilterTag:g,setSearchTerm:O,searchTerm:j,categories:r,title:p}):(0,i.jsx)("h2",Object.assign({className:u},{children:p})),(0,i.jsx)("div",Object.assign({ref:_,className:f},{children:v.map(((e,t)=>(0,i.jsx)(n.RecipesCard,Object.assign({},e,{cardRef:T}),t)))}))]})}))}},1047:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.RecipesCard=void 0;const s=r(0);r(1),r(1048),t.RecipesCard=function({image:e,title:t,body:r,link:i,cardRef:a}){return(0,s.jsx)("div",Object.assign({className:"recipes-card",ref:a},{children:(0,s.jsxs)("a",Object.assign({href:i},{children:[(0,s.jsx)("div",{className:"recipes-card_img",style:{backgroundImage:`url(${e.src})`}}),(0,s.jsx)("h5",Object.assign({className:"recipes-card_title"},{children:t})),(0,s.jsx)("div",Object.assign({className:"recipes-card_text"},{children:r}))]}))}))}},5:function(e,t,r){var s=this&&this.__createBinding||(Object.create?function(e,t,r,s){void 0===s&&(s=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,s,i)}:function(e,t,r,s){void 0===s&&(s=r),e[s]=t[r]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&s(t,e,r);return i(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Icons=void 0;const n=a(r(12));t.Icons=n}},e=>{e.O(0,[1,2,4,3,5,6,26,50],(()=>(1046,e(e.s=1046)))),e.O()}]);