https://www.fotbollskanalen.se/_next/static/chunks/9250-a96ae75041cdfa26.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9250],{39250:(e,t,r)=>{r.d(t,{NativeFollowOnboarding:()=>M,NativeFollowOnboardingPage:()=>R});var l=r(22342),a=r(33670),n=r(20063),s=r(6172),o=r(77202),i=r(53455),d=r(26674),c=r(84111),u=r(23414),h=r(18724),x=r(28621),g=r(18877),f=r(85682),m=r(13286),v=r(48874),y=r(81169),b=r(65869),p=r(89921),w=r(12100),j=r(84456),N=r(6264),k=r(12656),L=r(19977),S=r(80920);let F="nativeFullscreenPopup",C={team:{title:"Vilka \xe4r dina favoritlag?",subtitle:"V\xe4lj dina favoriter och f\xe5 notiser med senaste nytt.",searchPlaceholder:"S\xf6k lag",buttonLabel:"N\xe4sta"},league:{title:"Vilka ligor f\xf6ljer du?",subtitle:"V\xe4lj dina favoriter och f\xe5 notiser med senaste nytt.",searchPlaceholder:"S\xf6k ligor",buttonLabel:"St\xe4ng"}},I=(e,t)=>e?"team"===t?e.teams:e.leagues:[],E=e=>e.filter((e,t,r)=>r.findIndex(t=>t.uniqueNumericId===e.uniqueNumericId)===t),P=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:300,r=e.trim(),[l,n]=(0,a.useState)("");return(0,a.useEffect)(()=>{if(!r)return void n("");let e=window.setTimeout(()=>{n(r)},t);return()=>{window.clearTimeout(e)}},[t,r]),{trimmedQuery:r,debouncedQuery:l,isDebouncing:r!==l}},T=e=>{var t;let{doc:r,onToggle:a}=e,n=(0,m.e)(),s=(0,o.useAtomValue)(y.qL),i=!0===(0,b.as)(n,r.uniqueNumericId),c=null==(t=(0,b.YU)(r,null==s?void 0:s.tagFallbackImages))?void 0:t.width(96).url();return(0,l.jsxs)("button",{type:"button","aria-pressed":i,"aria-label":r.name,onClick:()=>a(r),className:"group flex flex-col items-center gap-2 rounded-2xl p-1 text-center ".concat(i?"text-green-700 dark:text-green-300":"text-gray-700 dark:text-gray-100"),children:[(0,l.jsx)("span",{className:"flex h-14 w-14 items-center justify-center rounded-full border-2 p-1 transition sm:h-16 sm:w-16 ".concat(i?"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:(0,l.jsx)(d.C,{role:"presentation",className:"pointer-events-none h-9 w-9 object-contain select-none sm:h-10 sm:w-10",src:c,proxyResize:96,alt:""})}),(0,l.jsx)("span",{className:"w-full max-w-18 min-w-0 text-[11px] leading-tight font-semibold",children:(0,L.GC)(r.name)})]})},D=e=>{let{placeholder:t,value:r,onChange:a,onClear:n}=e;return(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsx)(s.TfF,{className:"absolute top-1/2 left-3 h-5 w-5 -translate-y-1/2 text-green-500"}),(0,l.jsx)("input",{type:"text",value:r,placeholder:t,onChange:e=>a(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"}),r?(0,l.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]})},_=e=>{let{showLoading:t,errorMessage:r}=e;return(0,l.jsx)("div",{className:"flex h-8 items-center justify-center",children:t?(0,l.jsx)("div",{className:"flex h-8 w-20 items-center justify-center overflow-visible",children:(0,l.jsx)(c.k,{})}):r?(0,l.jsx)("p",{className:"text-center text-sm font-semibold text-red-500",children:r}):null})},q=e=>{let{shouldShowDefaultLoading:t,shouldHideResultsWhileSearching:r,shouldShowNoResults:a,debouncedQuery:n,visibleDocs:s,onToggle:o}=e;return(0,l.jsx)("div",{className:"no-scrollbar relative min-h-0 min-w-0 flex-1 overflow-x-hidden overflow-y-auto overscroll-x-none",children:t?(0,l.jsx)("div",{className:"flex h-full items-center justify-center",children:(0,l.jsx)("div",{className:"flex h-8 w-20 items-center justify-center overflow-visible",children:(0,l.jsx)(c.k,{})})}):r?(0,l.jsx)("div",{className:"h-full"}):a?(0,l.jsx)("div",{className:"flex justify-center pt-2 text-gray-700 dark:text-gray-200",children:(0,l.jsx)(x.k,{searchQuery:n})}):s.length?(0,l.jsx)("div",{className:"grid min-w-0 grid-cols-4 gap-x-2 gap-y-4 px-2 py-1",children:s.map(e=>(0,l.jsx)(T,{doc:e,onToggle:o}

1,e.uniqueNumericId))}):(0,l.jsx)("div",{className:"flex h-full items-center justify-center text-sm text-gray-500 dark:text-gray-400",children:"Inga f\xf6rslag tillg\xe4ngliga."})})},U=()=>{let{account:e}=(0,f.U)(),t=(0,m.e)(),{isNative:r,platform:s}=(0,v.P)(),o=(0,n.useRouter)(),d=(0,n.useSearchParams)(),[h,x]=(0,a.useState)("team"),[y,L]=(0,a.useState)(""),[T,U]=(0,a.useState)(),M=C[h],R=(null==e?void 0:e.isLoggedIn)&&!0!==t.hasAcceptedFkTerms,B=void 0!==t.favoritesData,H=void 0===e||!B,O=!H&&!R,{debouncedQuery:V,visibleDocs:A,showSearchLoadingIndicator:Q,shouldShowDefaultLoading:W,shouldShowNoResults:K,shouldHideResultsWhileSearching:z}=(e=>{let{step:t,query:r}=e,{trimmedQuery:l,debouncedQuery:n,isDebouncing:s}=P(r),{data:o,isLoading:d}=(0,i.I)({queryKey:["nativeOnboardingFavoriteDocs"],queryFn:async()=>(await p.Q.internalApiFetch(j.T.favorites.onboarding)).data||void 0,staleTime:1/0}),{data:c,isFetching:u}=(0,S.i)({query:n}),h=(0,a.useMemo)(()=>E(I(o,t)),[o,t]),x=(0,a.useMemo)(()=>E(I(c,t)),[c,t]),g=l.length>0;return{debouncedQuery:n,visibleDocs:g?x:h,showSearchLoadingIndicator:g&&(s||u),shouldShowDefaultLoading:!g&&d&&0===h.length,shouldShowNoResults:g&&!s&&!u&&n.length>0&&0===x.length,shouldHideResultsWhileSearching:g&&(s||u)}})({step:h,query:y}),G="1"===d.get(F),X="android"===s&&G;(0,a.useEffect)(()=>{y&&U(void 0)},[y]),(0,a.useEffect)(()=>{if(!O)return;let{body:e,documentElement:t}=document,r=e.style.overflow,l=t.style.overflow,a=e.style.overscrollBehavior,n=t.style.overscrollBehavior;return e.style.overflow="hidden",t.style.overflow="hidden",e.style.overscrollBehavior="none",t.style.overscrollBehavior="none",()=>{e.style.overflow=r,t.style.overflow=l,e.style.overscrollBehavior=a,t.style.overscrollBehavior=n}},[O]),(0,a.useEffect)(()=>{if(!O||!X)return;let e=()=>{k.U.closeHamburgerMenu()};return k.U.openHamburgerMenu(),window.addEventListener("pagehide",e),window.addEventListener("beforeunload",e),()=>{window.removeEventListener("pagehide",e),window.removeEventListener("beforeunload",e),e()}},[X,O]);let Y=()=>{if((0,w.rx)(),r&&G){"android"===s&&k.U.closeHamburgerMenu(),k.U.closeFullscreenPopup(-1);return}o.replace(N.f.myFeed)};return H?(0,l.jsx)("div",{className:"flex min-h-dvh items-center justify-center px-4 py-6",children:(0,l.jsx)(c.k,{})}):O?(0,l.jsx)("div",{className:"mx-auto box-border flex h-dvh w-full max-w-[36rem] justify-center overflow-hidden px-4 ".concat(r?"pt-safe-area-modal-top pb-safe-area-modal-bottom":"py-6"),children:(0,l.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,l.jsxs)("div",{className:"relative flex min-h-0 flex-1 flex-col gap-4 px-5 py-6 text-gray-900 dark:text-gray-100",children:[(0,l.jsx)("button",{type:"button","aria-label":"St\xe4ng onboarding",onClick:Y,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,l.jsxs)("div",{className:"space-y-2 px-10 text-center",children:[(0,l.jsx)("h2",{className:"text-3xl font-black text-green-500",children:M.title}),(0,l.jsx)("p",{className:"text-sm leading-snug text-gray-700 dark:text-gray-200",children:M.subtitle})]}),(0,l.jsx)(D,{placeholder:M.searchPlaceholder,value:y,onChange:L,onClear:()=>L("")}),(0,l.jsx)(_,{showLoading:Q,errorMessage:T}),(0,l.jsx)(q,{shouldShowDefaultLoading:W,shouldHideResultsWhileSearching:z,shouldShowNoResults:K,debouncedQuery:V,visibleDocs:A,onToggle:e=>{var r,l;let a=(0,b.as)(t,e.uniqueNumericId);if(void 0===a)return;let n=(0,b.$K)(e),s=null==(r=t.favoritesData)?void 0:r.favorites.find(e=>e.favoriteType===n);if(s&&(0,b.Nu)(s)&&!a)return void U("Du f\xe5r f\xf6lja max ".concat(b.XE[s.favoriteType]," ").concat(b.CZ[s.favoriteType].toLowerCase()));U(void 0);let o=!a,i=(null==(l=t.accountSession)?void 0:l.isLoggedIn)===!0;(0,g.H9)({document:e,didFollow:o,event:"follow_event_onboarding",userLoggedIn:i}),(0,b.pK)(t,e,o)}}),(0,l.jsx)(u.c,{className:"w-full justify-center",onClick:()=>

1{if("team"===h){x("league"),L(""),U(void 0);return}Y()},children:M.buttonLabel})]})})}):null},M=e=>{let{disabled:t=!1}=e,{account:r}=(0,f.U)(),l=(0,m.e)(),{isNative:s}=(0,v.P)(),o=(0,n.usePathname)(),[i,d]=(0,a.useState)(!1),c=void 0!==l.favoritesData,u=(null==r?void 0:r.isLoggedIn)&&!0!==l.hasAcceptedFkTerms;return(0,a.useEffect)(()=>{t||i||!s||void 0===r||!c||u||("1"!==(0,w.nN)()&&"1"!==(0,w.gW)()&&o!==N.f.myFeedOnboarding&&((0,w.M2)(),k.U.openFullscreenPopup((e=>{let t=new URL(N.f.myFeedOnboarding,e.origin);return t.searchParams.set(F,"1"),"".concat(t.pathname).concat(t.search).concat(t.hash)})(window.location))),d(!0))},[r,t,c,i,s,o,u]),null},R=()=>(0,l.jsx)(h.MyFeedDialogQueryWrapper,{children:(0,l.jsx)(U,{})})}}]);