https://www.fotbollskanalen.se/_next/static/chunks/5853-fe0f1a09217295f5.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5853],{18724:(e,t,l)=>{l.d(t,{MyFeedDialogQueryWrapper:()=>o});var a=l(22342),r=l(23412),n=l(99776),s=l(33670);let o=e=>{let{children:t}=e,[l]=(0,s.useState)(()=>new r.E({defaultOptions:{queries:{staleTime:1/0,refetchOnMount:!0}}}));return(0,a.jsx)(n.Ht,{client:l,children:t})}},28621:(e,t,l)=>{l.d(t,{k:()=>r});var a=l(22342);let r=e=>{let{searchQuery:t}=e;return(0,a.jsxs)("div",{className:"flex flex-col gap-2 p-4",children:[(0,a.jsx)("p",{className:"text-md",children:void 0!==t?(0,a.jsxs)(a.Fragment,{children:["Din s\xf6kning p\xe5 ","'",t,"'"," gav inga resultat"]}):(0,a.jsx)(a.Fragment,{children:"Din s\xf6kning gav inga resultat"})}),(0,a.jsx)("p",{className:"text-xs",children:"Kontrollera att du har stavat r\xe4tt eller prova ett annat s\xf6kord"})]})}},65966:(e,t,l)=>{l.d(t,{LeagueFollowOnboardingPage:()=>Q,LeagueFollowOnboardingTrigger:()=>B});var a=l(22342),r=l(33670),n=l(20063),s=l(6172),o=l(77202),i=l(26674),u=l(84111),d=l(23414),c=l(18877),g=l(85682),m=l(13286),p=l(48874),x=l(28621),h=l(81169),v=l(65869),f=l(12100),y=l(6264),w=l(12656);let b=e=>!!((null==e?void 0:e.slug)&&e.uniqueNumericId),j=e=>{var t;return((null==e||null==(t=e.step1)?void 0:t.leagueTags)||[]).filter(b)},k=e=>{var t;return((null==e||null==(t=e.step2)?void 0:t.promotedTags)||[]).filter(b)};var S=l(19977),N=l(80920);let F="nativeFullscreenPopup",L=e=>e.map(e=>T(e)),T=e=>{let{image:t,name:l,slug:a,type:r,uniqueNumericId:n,_id:s}=e;return{_id:s,_type:"tag",image:t,name:l,slug:a,type:r,uniqueNumericId:n}},M=e=>{var t;return(null==e||null==(t=e.followOnboardingResetAt)?void 0:t.trim())||""},_=(e,t)=>e.find(e=>e.slug===t)||e[0],D=e=>{var t;let{copy:l,fallback:a,leagueName:r}=e;return(null==l||null==(t=l.trim())?void 0:t.replaceAll("{league}",r))||a},E=e=>{var t;let{doc:l,onToggle:r,featured:n=!1,label:s}=e,u=(0,m.e)(),d=(0,o.useAtomValue)(h.qL),c=!0===(0,v.as)(u,l.uniqueNumericId),g=null==(t=(0,v.YU)(l,null==d?void 0:d.tagFallbackImages))?void 0:t.width(96).url();return(0,a.jsxs)("button",{type:"button","aria-pressed":c,"aria-label":l.name,onClick:()=>r(l),className:"group flex flex-col items-center text-center ".concat(n?"h-[68%] max-h-[22rem] min-h-[14rem] w-[78%] max-w-[22rem] justify-center gap-4 roun

1ded-[1.75rem] p-4 sm:h-[70%] sm:max-h-[26rem] sm:min-h-[18rem] sm:w-[70%] sm:max-w-[26rem] sm:gap-5 sm:rounded-[2rem] sm:p-6":"gap-2 rounded-2xl p-1"," ").concat(c?"text-green-700 dark:text-green-300":"text-gray-700 dark:text-gray-100"),children:[(0,a.jsx)("span",{className:"flex items-center justify-center rounded-full border-2 p-1 transition ".concat(n?"h-24 w-24 min-[390px]:h-28 min-[390px]:w-28 sm:h-32 sm:w-32":"h-14 w-14 sm:h-16 sm:w-16"," ").concat(c?"border-green-500 bg-green-50 shadow-[0_0_0_3px_rgba(33,185,112,0.15)] dark:bg-green-950/30":"border-transparent bg-[#edf9f3] dark:bg-[#1a2521]"),children:g?(0,a.jsx)(i.C,{role:"presentation",className:"pointer-events-none object-contain select-none ".concat(n?"h-16 w-16 min-[390px]:h-20 min-[390px]:w-20 sm:h-24 sm:w-24":"h-9 w-9 sm:h-10 sm:w-10"),src:g,proxyResize:96,alt:""}):(0,a.jsx)("span",{className:"pointer-events-none font-black text-green-600 ".concat(n?"text-3xl min-[390px]:text-[2.2rem] sm:text-4xl":"text-lg"),children:l.name.slice(0,1)})}),n?(0,a.jsx)("span",{className:"min-w-0 max-w-full rounded-full px-4 py-2.5 text-center text-sm leading-tight font-semibold min-[390px]:text-[0.95rem] sm:px-5 sm:py-3 sm:text-base ".concat(c?"bg-green-100 text-green-800 shadow-[0_0_0_1px_rgba(33,185,112,0.2)] dark:bg-green-950/50 dark:text-green-200":"bg-green-500 text-white shadow-[0_10px_30px_rgba(33,185,112,0.25)]"),children:(0,S.GC)(s||l.name)}):(0,a.jsx)("span",{className:"w-full max-w-20 min-w-0 text-[10px] leading-tight font-semibold sm:text-[11px]",children:(0,S.GC)(s||l.name)})]})},C=e=>{let{placeholder:t,value:l,onChange:r,onClear:n}=e;return(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)(s.TfF,{className:"absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 text-green-500"}),(0,a.jsx)("input",{type:"text",value:l,placeholder:t,onChange:e=>r(e.target.value),className:"text-black-100 dark:text-white-100 dark:bg-default-box block w-full rounded-xl border-2 border-green-200 bg-white py-3 pr-11 pl-11 text-sm outline-none placeholder:text-gray-400 dark:border-green-700 dark:placeholder:text-gray-500"}),l?(0,a.jsx)("button",{type:"button",onClick:n,className:"absolute top-1/2 right-3 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded-full text-lg text-gray-400 dark:text-gray-500","aria-label":"Rensa s\xf6kning",children:"x"}):null]})},I=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:300,l=e.trim(),[a,n]=(0,r.useState)("");return(0,r.useEffect)(()=>{if(!l)return void n("");let e=window.setTimeout(()=>{n(l)},t);return()=>{window.clearTimeout(e)}},[t,l]),{trimmedQuery:l,debouncedQuery:a,isDebouncing:l!==a}},q=e=>{let{errorMessage:t,showLoading:l}=e;return(0,a.jsx)("div",{className:"flex h-8 items-center justify-center",children:l?(0,a.jsx)("div",{className:"flex h-8 w-20 items-center justify-center overflow-visible",children:(0,a.jsx)(u.k,{})}):t?(0,a.jsx)("p",{className:"text-center text-sm font-semibold text-red-500",children:t}):null})},P=e=>{let{debouncedSearchQuery:t,leagueDocs:l,leagueStepButtonLabel:r,onToggle:n,primaryLeagueName:s,shouldShowStep2SearchLoading:o,shouldShowStep2SearchNoResults:i,visibleStep2Docs:u,isPrimaryLeagueFollowing:d,step:c}=e;return"league"===c?0===l.length?(0,a.jsx)("div",{className:"flex h-full items-center justify-center text-sm text-gray-500 dark:text-gray-400",children:"Inga ligor tillg\xe4ngliga."}):1===l.length?(0,a.jsx)("div",{className:"flex h-full w-full flex-col items-center justify-center gap-4 px-2",children:(0,a.jsx)(E,{doc:l[0],onToggle:n,featured:!0,label:d?"F\xf6ljer ".concat(s):r})}):(0,a.jsx)("div",{className:"grid min-w-0 grid-cols-3 gap-x-2 gap-y-4 px-2 py-1",children:l.map((e,t)=>(0,a.jsx)(E,{doc:e,onToggle:n},"".concat(e.uniqueNumericId,"-").concat(t)))}):o?(0,a.jsx)("div",{className:"h-full"}):i?(0,a.jsx)("div",{className:"flex justify-center pt-2 text-gray-700 dark:text-gray-200",children:(0,a.jsx)(x.k,{searchQuery:t})}):u.length>0?(0,a.jsx)("div",{className:"grid min-w-0 grid-cols-4 gap-x-2 gap-y-4 px-2 py-1",children:u.map((e,t)=>(0,a.jsx)(E,{doc:e,onToggle:n},"".concat(e.uniqueNumericId,"-").concat(t)))}):(0,a.jsx)("div",{className:"flex h-full items-center justify-center text-sm text-gray-500 dark:text-gray-400",children:"Inga val tillg\xe4ngliga."})},B=e=>{let{onboardingSettings:t}=e,{account:l}=(0,g.U)(),a=(0,m.e)(),{isNative:s}=(0,p.P)(),o=(0,n.usePathname)(),[i,u]=(0,r.useState)(!1),d=void 0!==a.favoritesData,c=(null==l?void 0:l.isLoggedIn)&&!0!==a.hasAcceptedFkTerms;return(0,r.useEffect)(()=>

1{if(i||void 0===l||!d||c||!s)return;let e=M(t),a=(e=>{var t;return(null==(t=j(e).find(e=>e.slug))?void 0:t.slug)||""})(t),r=(e=>j(e).length>0||k(e).length>0)(t);if(!((null==t?void 0:t.enabled)&&e&&r&&(0,f.Qr)()!==e&&(0,f.v$)()!==e)||!e||o===y.f.leagueFollowOnboarding)return void u(!0);let n=((e,t)=>{let l=new URL(y.f.leagueFollowOnboarding,e.origin);return l.searchParams.set(F,"1"),t&&l.searchParams.set("slug",t),"".concat(l.pathname).concat(l.search).concat(l.hash)})(window.location,a);s?((0,f.Ze)(e),w.U.openFullscreenPopup(n)):window.location.href=n,u(!0)},[l,d,i,s,t,o,c]),null},Q=e=>{let{onboardingSettings:t,initialLeagueSlug:l}=e,{account:s}=(0,g.U)(),o=(0,m.e)(),{isNative:i,platform:x}=(0,p.P)(),h=(0,n.useRouter)(),y=(0,n.useSearchParams)(),[b,S]=(0,r.useState)("league"),[E,B]=(0,r.useState)(""),[Q,U]=(0,r.useState)(),O=(null==s?void 0:s.isLoggedIn)&&!0!==o.hasAcceptedFkTerms,R=void 0!==o.favoritesData,A=void 0===s||!R,V=!A&&!O,H="1"===y.get(F),K="android"===x&&H,G=M(t),Z=(e=>{var t,l,a,n;let{favoritesContext:s,initialLeagueSlug:o,onboardingSettings:i,searchQuery:u,step:d}=e,{trimmedQuery:c,debouncedQuery:g,isDebouncing:m}=I(u),p=(0,r.useMemo)(()=>j(i),[i]),x=(0,r.useMemo)(()=>k(i),[i]),h=(0,r.useMemo)(()=>x.filter(e=>"league"===e.type),[x]),f=(0,r.useMemo)(()=>x.filter(e=>"team"===e.type),[x]),y=(0,r.useMemo)(()=>_(h,o),[o,h]),w=y?[y]:p.length>0?p:h,b=(0,r.useMemo)(()=>Array.from(new Set(w.map(e=>e._id).filter(Boolean))),[w]),S=p.length>0?p:h,F=(0,r.useMemo)(()=>_(S,o),[o,S]),M=(0,r.useMemo)(()=>L(p),[p]),E=(0,r.useMemo)(()=>F?T(F):void 0,[F]),C=(0,r.useMemo)(()=>y?T(y):void 0,[y]),{data:q,isFetching:P}=(0,N.i)({query:g,leagueIds:b}),B=(0,r.useMemo)(()=>L(f),[f]),Q=(0,r.useMemo)(()=>(null==q?void 0:q.teams)||[],[q]),U=(0,r.useMemo)(()=>c?Q:C?[C,...B]:B,[B,Q,C,c]),O=1===M.length,R=(null==F?void 0:F.name)||"",A=!!E&&!0===(0,v.as)(s,E.uniqueNumericId),V=M.length>0,H=!!C;return{leagueDocs:M,availableSteps:(e=>{let{hasLeagueStep:t,hasStep2:l}=e,a=[];return t&&a.push("league"),l&&a.push("step2"),a})({hasLeagueStep:V,hasStep2:!!C||B.length>0}),primaryLeagueName:R,isPrimaryLeagueFollowing:A,step2LeagueDoc:C,leagueStepTitle:D({copy:null==(t=i.step1)?void 0:t.title,fallback:O&&R?"F\xf6lj ".concat(R):"F\xf6lj ligor",leagueName:R}),leagueStepDescription:D({copy:null==(l=i.step1)?void 0:l.description,fallback:O?"F\xe5 senaste nytt om ligan direkt i appen.":"F\xe5 senaste nytt om ligorna direkt i appen.",leagueName:R}),leagueStepButtonLabel:D({fallback:O&&R?"F\xf6lj ".concat(R):"F\xf6lj liga",leagueName:R}),step2Title:D({copy:null==(a=i.step2)?void 0:a.title,fallback:H?(null==C?void 0:C.name)?"Vilka lag f\xf6ljer du i ".concat(C.name,"?"):"Vilka lag f\xf6ljer du?":O&&R?"Vilka lag f\xf6ljer du i ".concat(R,"?"):"Vilka lag f\xf6ljer du?",leagueName:R}),step2Description:D({copy:null==(n=i.step2)?void 0:n.description,fallback:H?"F\xf6lj ligan och v\xe4lj dina favoritlag f\xf6r att f\xe5 mer relevant bevakning i appen.":"V\xe4lj dina favoritlag f\xf6r att f\xe5 mer relevant bevakning i appen.",leagueName:R}),visibleStep2Docs:U,debouncedStep2SearchQuery:g,shouldShowStep2SearchLoading:"step2"===d&&c.length>0&&(m||P),shouldShowStep2SearchNoResults:"step2"===d&&c.length>0&&!m&&!P&&0===Q.length}})({favoritesContext:o,initialLeagueSlug:l,onboardingSettings:t,searchQuery:E,step:b}),$=Z.availableSteps.includes(b)?b:Z.availableSteps[0];(0,r.useEffect)(()=>{E&&U(void 0)},[E]),(0,r.useEffect)(()=>{$&&$!==b&&S($)},[$,b]),(e=>{(0,r.useEffect)(()=>{if(!e)return;let{body:t,documentElement:l}=document,a=t.style.overflow,r=l.style.overflow,n=t.style.overscrollBehavior,s=l.style.overscrollBehavior;return t.style.overflow="hidden",l.style.overflow="hidden",t.style.overscrollBehavior="none",l.style.overscrollBehavior="none",()=>{t.style.overflow=a,l.style.overflow=r,t.style.overscrollBehavior=n,l.style.overscrollBehavior=s}},[e])})(V),(e=>{let{shouldRenderOnboarding:t,shouldDisableAndroidRefresh:l}=e;(0,r.useEffect)(()=>{if(!t||!l)return;let e=()=>{w.U.closeHamburgerMenu()};return w.U.openHamburgerMenu(),window.addEventListener("pagehide",e),window.addEventListener("beforeunload",e),()=>{window.removeEventListener("pagehide",e),window.removeEventListener("beforeunload",e),e(

1)}},[l,t])})({shouldRenderOnboarding:V,shouldDisableAndroidRefresh:K});let z=()=>{if(G&&(0,f.Qt)(G),i&&H){"android"===x&&w.U.closeHamburgerMenu(),w.U.closeFullscreenPopup(-1);return}h.back()};return A?(0,a.jsx)("div",{className:"flex min-h-dvh items-center justify-center px-4 py-6",children:(0,a.jsx)(u.k,{})}):V&&$?(0,a.jsx)("div",{className:"mx-auto box-border flex h-dvh w-full max-w-[36rem] justify-center overflow-hidden px-4 ".concat(i?"pt-safe-area-modal-top pb-safe-area-modal-bottom":"py-6"),children:(0,a.jsx)("div",{className:"bg-default-box no-scrollbar flex h-full min-h-0 w-full max-w-[28rem] flex-col overflow-hidden rounded-lg text-gray-900 shadow-xs dark:text-gray-100",children:(0,a.jsxs)("div",{className:"relative flex min-h-0 flex-1 flex-col gap-3 px-5 py-5 text-gray-900 dark:text-gray-100",children:[(0,a.jsx)("button",{type:"button","aria-label":"St\xe4ng onboarding",onClick:z,className:"absolute top-4 right-4 flex h-8 w-8 items-center justify-center rounded-full text-xl text-gray-500 transition hover:bg-gray-100 hover:text-gray-700 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-white",children:"✕"}),(0,a.jsxs)("div",{className:"space-y-1 px-4 pt-1 text-center sm:px-6",children:[(0,a.jsx)("h2",{className:"text-[1.65rem] leading-tight font-black text-green-500 min-[390px]:text-[1.85rem] sm:text-3xl",children:"league"===$?Z.leagueStepTitle:Z.step2Title}),(0,a.jsx)("p",{className:"text-xs leading-snug text-gray-700 dark:text-gray-200 min-[390px]:text-sm sm:text-sm",children:"league"===$?Z.leagueStepDescription:Z.step2Description})]}),"step2"===$?(0,a.jsx)(C,{placeholder:"S\xf6k lag",value:E,onChange:B,onClear:()=>B("")}):(0,a.jsx)("div",{}),(0,a.jsx)(q,{errorMessage:Q,showLoading:Z.shouldShowStep2SearchLoading}),(0,a.jsx)("div",{className:"no-scrollbar relative min-h-0 min-w-0 flex-1 overflow-x-hidden overflow-y-auto overscroll-x-none",children:(0,a.jsx)(P,{debouncedSearchQuery:Z.debouncedStep2SearchQuery,leagueDocs:Z.leagueDocs,leagueStepButtonLabel:Z.leagueStepButtonLabel,onToggle:e=>{var t,l;let a=(0,v.as)(o,e.uniqueNumericId);if(void 0===a)return;let r=(0,v.$K)(e),n=null==(t=o.favoritesData)?void 0:t.favorites.find(e=>e.favoriteType===r);if(n&&(0,v.Nu)(n)&&!a)return void U("Du f\xe5r f\xf6lja max ".concat(v.XE[n.favoriteType]," ").concat(v.CZ[n.favoriteType].toLowerCase()));U(void 0);let s=!a,i=(null==(l=o.accountSession)?void 0:l.isLoggedIn)===!0;(0,c.H9)({document:e,didFollow:s,event:"follow_event_onboarding",userLoggedIn:i}),(0,v.pK)(o,e,s)},primaryLeagueName:Z.primaryLeagueName,shouldShowStep2SearchLoading:Z.shouldShowStep2SearchLoading,shouldShowStep2SearchNoResults:Z.shouldShowStep2SearchNoResults,visibleStep2Docs:Z.visibleStep2Docs,isPrimaryLeagueFollowing:Z.isPrimaryLeagueFollowing,step:$})}),(0,a.jsx)(d.c,{className:"w-full justify-center",onClick:()=>{let e=Z.availableSteps.indexOf($),t=e>=0?Z.availableSteps[e+1]:void 0;if(t){S(t),B(""),U(void 0);return}z()},children:Z.availableSteps.at(-1)===$?"St\xe4ng":"N\xe4sta"})]})})}):null}},80920:(e,t,l)=>{l.d(t,{i:()=>i});var a=l(53455),r=l(89921),n=l(84456),s=l(2379);let o=async e=>{let{query:t,leagueIds:l}=e;try{if(!(null==t?void 0:t.length))throw Error("No query provided for fetchFavoriteDocsBySearchQuery, skipping request..");let e=n.T.favorites.search(t,l);return(await r.Q.internalApiFetch(e,{cacheTime:s.Q.fromMinutes(15)})).data||void 0}catch(e){console.error({error:e})}},i=e=>{let{query:t,leagueIds:l}=e;return(0,a.I)({queryKey:["favoriteDocsBySearchQuery",t,(l||[]).join(",")],queryFn:async()=>t?await o({query:t,leagueIds:l}):await Promise.resolve(void 0),enabled:!!(null==t?void 0:t.length),select:e=>e})}}}]);