https://www.hemkop.se/_next/static/chunks/pages/mina-sidor/sparade-recept-35985b60f107760f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7402],{4047:(e,t,n)=>{"use strict";n.d(t,{A:()=>o,I:()=>s});var i=n(37876),r=n(65773),l=n(21849);let a=(0,n(73419).A)(e=>{let{intersectionRef:t,children:n}=e;return(0,i.jsx)("div",{"data-testid":"intersection-wrapper",ref:t,children:n})});var c=n(17553);let s=e=>!!e.id&&!!e.name,o=e=>{let{results:t,onSavedRecipesChange:n}=e,{debouncedTrack:o,queueTrackingOfItem:d,trackableRefs:u}=(0,l.A)(t,r.g2);return(0,i.jsx)(i.Fragment,{children:null==t?void 0:t.map((e,t)=>e&&(0,i.jsx)(a,{ref:u.current[t],intersectionCallback:()=>{d(e),o()},children:s(e)?(0,i.jsx)(c.A,{searchResult:!0,recipe:e,onSavedRecipesChange:n}):null},"".concat(null==e?void 0:e.id).concat(e.name)))})}},17553:(e,t,n)=>{"use strict";n.d(t,{A:()=>c});var i=n(37876),r=n(58606),l=n(65773),a=n(10558);let c=e=>{let{recipe:t,variant:n="medium",searchResult:c,onSavedRecipesChange:s}=e,{name:o,imageSrc:d,cookingTime:u,linkUrl:h,purchasable:p,id:g}=(e=>{var t;let{name:n,id:i,image:l,cookingTime:a=0,purchasable:c,favorite:s}=e,o="".concat(r.A.RECIPE).concat(i),d=(null==l?void 0:l.urls)&&(null==l||null==(t=l.urls[2])?void 0:t.url)||void 0;return{name:n,id:i,imageSrc:(null==l?void 0:l.cloudinaryUrl)||d,cookingTime:a,linkUrl:o,purchasable:c,isFavorite:!!s}})(t);return(0,i.jsx)(a.A,{name:o,variant:n,subtitle:!!u&&(0,i.jsx)(a.c,{cookingTime:u,color:"black"}),imageSrc:d||void 0,href:{pathname:h,query:c?{searchResult:c}:void 0},onClick:()=>(0,l.ge)(t),purchasable:p,id:g,onSavedRecipesChange:s})}},21350:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});var i=n(37876),r=n(32124),l=n(47978),a=n(6080),c=n(40826),s=n(31447),o=n(609),d=n(87856);let u=d.Ay.div.withConfig({componentId:"sc-fc6f0808-0"})(["margin:0;padding-top:",";","{padding-top:",";}"],(0,o.D0)(16),s.A.tabletPortrait,(0,o.D0)(32)),h=d.Ay.div.withConfig({componentId:"sc-fc6f0808-1"})(["display:flex;justify-content:space-between;align-items:baseline;"]),p=e=>{let{pageTitle:t,subtitle:n,children:s,fullWidth:o=!1}=e;return(0,i.jsx)(u,{children:(0,i.jsx)(c.A,{contentColumns:o?10:7,children:(0,i.jsxs)(a.A,{children:[!!t&&(0,i.jsxs)(h,{children:[(0,i.jsx)(r.A,{children:t}),!!n&&(0,i.jsx)(l.A,{weight:"medium",children:n})]}),s]})})})}},23845:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var i,r=n(14232);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(null,arguments)}let a=function(e){return r.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24"},e),i||(i=r.createElement("g",{fill:"none",fillRule:"evenodd"},r.createElement("path",{d:"M0 0h24v24H0z"}),r.createElement("g",{fill:"currentColor"},r.createElement("path",{d:"M8.105 21.84a1.846 1.846 0 0 1-1.847-1.846v-8.566a1.846 1.846 0 0 1-1.846-1.846V2.843a.618.618 0 1 1 1.228 0v6.739c0 .336.273.609.61.609.324-.018.64.1.876.323.298.385.424.876.35 1.357v8.123a.61.61 0 0 0 1.22 0V11.87a1.78 1.78 0 0 1 .35-1.357c.234-.242.56-.373.896-.36a.61.61 0 0 0 .609-.61v-6.7a.618.618 0 1 1 1.227 0v6.738c0 1.02-.826 1.846-1.846 1.846a4 4 0 0 0 0 .443v8.132a1.846 1.846 0 0 1-1.827 1.837"}),r.createElement("path",{d:"M7.07 8.972a.62.62 0 0 1-.608-.618V2.815a.618.618 0 1 1 1.227 0v5.539a.62.62 0 0 1-.618.618M9.102 8.972a.62.62 0 0 1-.619-.618V2.815a.618.618 0 1 1 1.228 0v5.539a.62.62 0 0 1-.61.618M17.732 21.923a1.846 1.846 0 0 1-1.846-1.846v-6.692a7.4 7.4 0 0 1-1.615-4.773c0-3.48 2.104-6.304 4.68-6.304.341 0 .618.277.618.618v17.15c0 1.017-.82 1.842-1.837 1.847m.61-18.305c-1.616.425-2.834 2.511-2.834 4.994a6.1 6.1 0 0 0 1.449 4.117.62.62 0 0 1 .166.425v6.932a.61.61 0 0 0 1.219 0z"})))))}},25164:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/mina-sidor/sparade-recept",function(){return n(86644)}])},27149:(e,t,n)=>{"use strict";n.d(t,{A:()=>i.A});var i=n(21350)},31942:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var i=n(37876),r=n(18282),l=n(26254);let a=e=>{let{variant:t="medium"}=e;return(0,i.jsxs)(l.mc,{"data-testid":"recipe-card-skeleton",$variant:t,children:[(0,i.jsx)(l.xW,{$variant:t,children:(0,i.jsx)(r.A,{type:"rect",height:"100%",$style:{margin:0}})}),(0,i.jsxs)(l.UC,{$variant:t,children:[(0,i.jsxs)("div",{children:[(0,i.jsx)(r.A,{type:"text",height:"20px",width:"80%"}),(0,i.jsx)(r.A,{type:"text",height:"20px",width:"40%",$style:{margin:0}})]}),(0,i.jsx)(r.A,{type:"text",height:"20px",width:"60%",$style:{margin:0}})]})]})}},40826:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});

1var i=n(37876),r=n(86432),l=n(32364),a=n(5629);let c=(0,n(14232).memo)(()=>{let e=(0,l.A)();return(0,i.jsx)(a.A,{links:e,"data-testid":"my-pages-menu"})});var s=n(64649),o=n(31447),d=n(87856);let u=d.Ay.div.withConfig({componentId:"sc-2f0cb053-0"})(["display:none;","{grid-column:span ",";display:block;}"],o.A.desktop,2),h=d.Ay.div.withConfig({componentId:"sc-2f0cb053-1"})(["grid-column:span ",";","{grid-column:span ",";}"],s.J7,o.A.desktop,e=>{let{$contentColumns:t}=e;return t}),p=e=>{let{children:t,shouldRender:n=!0,contentColumns:l=10}=e;return n?(0,i.jsxs)(r.A,{children:[(0,i.jsx)(u,{children:(0,i.jsx)(c,{})}),(0,i.jsx)(h,{$contentColumns:l,children:t})]}):(0,i.jsx)(i.Fragment,{children:t})}},79534:(e,t,n)=>{"use strict";n.d(t,{A:()=>d});var i=n(37876),r=n(90231),l=n(19552),a=n(28557),c=n(14232),s=n(74711);let o=function(){let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0],t=(0,l.jL)(),{isAnonymous:n,hasFetchedCustomer:i}=(0,s.Ay)(),r=!n;return((0,c.useEffect)(()=>{e&&!r&&i&&t((0,a.ny)({b2b:!1,isLoginConfirm:!1}))},[e,r,i,t]),e)?{shouldRender:r&&i,isLoading:!i}:{shouldRender:!0,isLoading:!1}},d=e=>{let{title:t,children:n,customRestrictedComponent:l}=e,{shouldRender:a,isLoading:c}=o();return c?null:a?(0,i.jsx)(i.Fragment,{children:n}):l||(0,i.jsx)(r.A,{heading:t,marginTop:!0})}},86432:(e,t,n)=>{"use strict";n.d(t,{A:()=>i.Ay});var i=n(64649)},86644:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSG:()=>D,default:()=>E});var i=n(37876),r=n(79534),l=n(44019),a=n(27149),c=n(31942),s=n(87297),o=n(96688),d=n(38564),u=n(14232),h=n(61016);let p=async e=>{let{pageIndex:t}=e;return(await (0,d.OV)(t,10)).data},g={revalidateFirstPage:!1,keepPreviousData:!0,revalidateOnMount:!0};var m=n(24800),x=n(32124),v=n(34185),A=n(47978),f=n(23845),j=n(609),y=n(87856);let b=y.Ay.div.withConfig({componentId:"sc-a2c9fb52-0"})(["padding:",";background-color:",";border-radius:",";display:flex;align-items:center;flex-direction:column;text-align:center;"],e=>{let{theme:t}=e;return t.spacing.medium},e=>{let{theme:t}=e;return t.colors.colorWhite},(0,j.D0)(16)),w=y.Ay.div.withConfig({componentId:"sc-a2c9fb52-1"})(["padding:",";"],e=>{let{theme:t}=e;return t.spacing.small}),C=y.Ay.div.withConfig({componentId:"sc-a2c9fb52-2"})(["padding:",";max-width:",";"],e=>{let{theme:t}=e;return t.spacing.small},(0,j.D0)(450)),k=()=>(0,i.jsxs)(b,{children:[(0,i.jsx)(w,{children:(0,i.jsx)(v.A,{icon:f.A,color:"red",size:32})}),(0,i.jsx)(x.A,{type:"h3",size:"small",children:(0,l.A)("noSavedRecipes.title")}),(0,i.jsx)(C,{children:(0,i.jsx)(A.A,{children:(0,l.A)("noSavedRecipes.description")})})]}),I=()=>{let{results:e,nextPage:t,isValidating:n,isLoading:r,totalNumberOfResults:d,mutate:x}=(()=>{let{data:e=[],size:t,setSize:n,isLoading:i,mutate:r,isValidating:l}=(0,h.Ay)(e=>({endpoint:"/search/recipe",pageIndex:e}),p,g),a=(null==e?void 0:e.map(e=>e.results||[]).flat())||[],c=a.length?a:[],{pagination:s}=a.length?(e=>e&&e.length>0?e[e.length-1]:{})(e):{},o=(null==s?void 0:s.numberOfPages)||0,d=(null==s?void 0:s.totalNumberOfResults)||0,m=o>t;return{results:c,nextPage:(0,u.useCallback)(()=>{m&&n(t+1)},[m,t,n]),isValidating:l,mutate:r,isLoading:i,totalNumberOfResults:d}})(),v=(0,m.A)(t),A=[,,,,].fill(0);return(0,i.jsxs)(a.A,{fullWidth:!0,pageTitle:(0,l.A)("mySavedRecipes"),subtitle:(0,l.A)("savedRecipesTotal",{count:d}),children:[(0,i.jsx)(s.xA,{children:r?A.map((e,t)=>(0,i.jsx)(c.A,{variant:"medium"},t)):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.A,{results:e,onSavedRecipesChange:()=>x()}),n&&A.map((e,t)=>(0,i.jsx)(c.A,{variant:"medium"},t))]})}),!r&&!e.length&&(0,i.jsx)(k,{}),(0,i.jsx)(s.i5,{ref:v})]})};var R=n(39299),T=n(77328),_=n.n(T),D=!0;let E=()=>(0,i.jsxs)(r.A,{title:(0,l.A)("mySavedRecipes"),children:[(0,i.jsxs)(_(),{children:[(0,i.jsx)("title",{children:"".concat((0,l.A)("mySavedRecipes")).concat((0,R.eY)("defaultTitleSuffix"))}),(0,i.jsx)("meta",{name:"robots",content:"noindex, nofollow"})]}),(0,i.jsx)(I,{})]})},87297:(e,t,n)=>{"use strict";n.d(t,{yN:()=>E,i5:()=>T,xA:()=>D,sV:()=>S,IM:()=>_,pi:()=>N,xj:()=>P});var i=n(18282),r=n(31711),l=n(31447),a=n(609),c=n(87856),s=n(37876),o=n(34185),d=n(39299),u=n(863),h=n(506),p=n(95976),g=n(55297),m=n(91099),x=n(14e3),v=n(14232),A=n(39350);let f=c.Ay.div.withConfig({componentId:"sc-4ad9ebe3-0"})(["pointer-events:none;flex-shrink:0;"]),j=c.Ay.div.withConfig({componentId:"sc-4ad9ebe3-1"})(["width:100%;display:flex;align-items:center;"]),y=(0,c.Ay)(A.A).withConfig({componentId:"sc-4ad9ebe3-2"})(["min-width:0;padding:0 ",";border-radius:0;height:100%;"],(0,a.D0)(10)),b=c.Ay.div.withConfig({componentId:"sc-4ad9ebe3-3"})(["display:flex;align-items:center;position:absolute;top:0;right:0;height:100%;"]),w=c.Ay.input.attrs({type:"text"}).withConfig({componentId:"sc-4ad9ebe3-4"})(["width:100%;border-color:transparent;height:",";background-color:transparent;-webkit-tap-highlight-color:transparent;&:not(:focus)::placeholder{color:",";}&::-webkit-search-cancel-button{appearance:none;}&:focus{outline:none;}"],(0,a.D0)(48),e=>{let{theme:t}=e;return t.colors.colorTextPrimary}),C=c.Ay.form.withConfig({componentId:"sc-4ad9ebe3-5"})(["width:100%;z-index:50;","{position:relative;}"],l.A.tabletPortrait),k=c.Ay.fieldset.withConfig({componentId:"sc-4ad9ebe3-6"})(["display:flex;align-items:center;border-style:solid;border-color:",";border-width:",";margin:0;width:100%;padding:0;border-radius:",";padding:0 ",";background-color:",";"],e=>{let{theme:t}=e;return t.colors.colorTextPrimary},(0,a.D0)(1),(0,a.D0)(16),(0,a.D0)(16),e=>{let{theme:t}=e;return t.colors.colorWhite}),I=c.Ay.label.withConfig({componentId:"sc-4ad9ebe3-7"})(["border:0;clip:rect(0 0 0 0);clippath:inset(50%);

1height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;"]),R=c.Ay.div.withConfig({componentId:"sc-4ad9ebe3-8"})(["flex-shrink:0;"]),T=c.Ay.div.withConfig({componentId:"sc-d4eccc3c-0"})(["display:flex;justify-content:center;width:100%;"]),_=(0,c.Ay)(e=>{let{onSearch:t,placeholder:n,searchQuery:i="",setSearchQuery:r,className:l}=e,{isDesktop:a}=(0,p.A)(),c=(0,v.useRef)(null),A=(0,h.A)(i),T=(0,v.useRef)(null),{push:_}=(0,u.A)(),D=(0,x.usePathname)(),E=(0,v.useCallback)(e=>{e&&(T.current&&(clearTimeout(T.current),T.current=null),e.length&&t(e))},[t]),S=(0,v.useCallback)(e=>{e||r(""),e||_({pathname:D},void 0,{scroll:!1})},[_,D,r]),P=(0,v.useCallback)(e=>{r(e.currentTarget.value)},[r]),N=(0,v.useRef)(null);return(0,s.jsxs)(j,{className:l,children:[(0,s.jsx)(C,{onSubmit:e=>{if(e.preventDefault(),i&&i.length>=2&&i!==A){var t;E(i),null==(t=c.current)||t.blur()}},role:"search",action:"",children:(0,s.jsxs)(k,{onClick:e=>{if(!e.currentTarget.contains(N.current)){var t;null==c||null==(t=c.current)||t.focus()}},children:[(0,s.jsx)(f,{children:(0,s.jsx)(o.A,{icon:m.A,color:"grey","data-testid":"icon-search"})}),(0,s.jsx)(I,{htmlFor:"searchBar",children:n}),(0,s.jsx)(w,{placeholder:n,id:"searchBar",ref:c,onChange:P,onKeyUp:e=>(e=>{if(T.current&&(clearTimeout(T.current),T.current=null),e&&e.length>=2&&e!==A&&a){T.current=setTimeout(()=>E(e),400);return}""===e&&S()})(e.currentTarget.value),value:i,autoComplete:"search"}),i.length>0&&(0,s.jsx)(R,{ref:N,children:(0,s.jsx)(y,{onClick:()=>S(),variant:"unstyled","aria-label":(0,d.LK)("clear"),children:(0,s.jsx)(o.A,{icon:g.A,"data-testid":"icon-close-thin"})})})]})}),(0,s.jsx)(b,{})]})}).withConfig({componentId:"sc-d4eccc3c-1"})(["max-width:",";"],(0,a.D0)(648)),D=c.Ay.div.withConfig({componentId:"sc-d4eccc3c-2"})(["display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:",";","{grid-template-columns:repeat(3,minmax(0,1fr));}","{grid-gap:",";grid-template-columns:repeat(4,minmax(0,1fr));}","{grid-template-columns:repeat(auto-fill,minmax(",",1fr));}"],e=>{let{theme:t}=e;return t.spacing.xsmall},l.A.largeMobile,l.A.tabletLandscape,e=>{let{theme:t}=e;return t.spacing.small},l.A.desktopXL,(0,a.D0)(316)),E=c.Ay.span.withConfig({componentId:"sc-d4eccc3c-3"})(["font-weight:600;"]),S=c.Ay.div.withConfig({componentId:"sc-d4eccc3c-4"})(["display:flex;justify-content:space-between;align-items:baseline;"]),P=(0,c.Ay)(r.A).withConfig({componentId:"sc-d4eccc3c-5"})(["visibility:",";"],e=>{let{$visible:t}=e;return t?"visible":"hidden"}),N=(0,c.Ay)(i.A).withConfig({componentId:"sc-d4eccc3c-6"})(["margin:0;"])},90231:(e,t,n)=>{"use strict";n.d(t,{A:()=>m});var i=n(37876),r=n(39350),l=n(83924),a=n(75024),c=n(5304),s=n(39299),o=n(19552),d=n(41533),u=n(28557),h=n(93946),p=n(4363);let g=(0,n(49643).N)({message:"Du beh\xf6ver logga in igen f\xf6r att se den h\xe4r sidan"}),m=e=>{let{verticalAlignment:t="top",heading:n,marginTop:m=!1}=e,x=(0,o.jL)();return(0,i.jsx)(a.w,{$marginTop:m,children:(0,i.jsxs)(p.mc,{$verticalAlignment:t,children:[(0,i.jsx)(p.ue,{children:(0,i.jsx)(h.A,{type:"h1",children:n})}),(0,i.jsx)(c.A,{size:"body-text",children:g("message")}),(0,i.jsx)(p.eM,{children:(0,i.jsxs)(r.A,{onClick:()=>x((0,u.ny)()),children:[(0,s.Ay)("logIn")," ",(0,i.jsx)(l.A,{icon:d.A,color:"white"})]})})]})})}},96688:(e,t,n)=>{"use strict";n.d(t,{A:()=>i.A});var i=n(4047)}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=25164)),_N_E=e.O()}]);