https://www.teliaplay.se/oneweb/page-view.9c9bc4fd.js

1"use strict";(globalThis.webpackChunk_telia_company_tv_web_logged_in=globalThis.webpackChunk_telia_company_tv_web_logged_in||[]).push([[668],{"./src/page/views/PageView/PageView.tsx"(e,t,s){s.r(t),s.d(t,{default:()=>m});var o=s("./src/shared/errors/InvalidInputError.ts"),n=s("./src/shared/hooks/useTrackPageViewEvent.ts"),a=s("../../../node_modules/.pnpm/@[email protected]/node_modules/@telia-company/tv.common-sdk/dist/Config.js"),r=s("../../../node_modules/.pnpm/[email protected]/node_modules/react/index.js"),i=s("../../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/react-router/dist/development/chunk-62JRHF6Z.mjs"),d=s("./src/page/views/PanelView/PanelView.tsx"),c=s("./src/page/views/StoreView.tsx"),l=s("./src/page/views/PageView/components/PagePanels/PagePanels.tsx"),p=s("../../../node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js");function m(e){const t=(0,i.g)(),{pathname:s}=(0,i.zy)(),{pageId:m,storeId:u,subPageId:_,subPageType:g}={...e,...t},h="LinkStore"===g||"LinkPanel"===g,x=void 0===m||"/"===s?a.Config.get("page/home/id"):m;if((0,n.z)((0,r.useMemo)(()=>({id:"graph",params:{pageId:_||x}}),[x,_]),h),!x)throw new o.o("PageView","Missing negotiatedMainPageId value, unable to render PageView.");return(0,r.useMemo)(()=>{if(_)switch(g){case"LinkPage":return(0,p.Y)(l.j,{pageId:_,storeId:u});case"LinkPanel":return(0,p.Y)(d.default,{panelId:_,storeId:u});case"LinkStore":return(0,p.Y)(c.default,{storeId:_})}return(0,p.Y)(l.j,{pageId:x,storeId:u})},[x,u,_,g])}},"./src/page/views/PageView/components/PagePanels/PagePanels.tsx"(e,t,s){s.d(t,{j:()=>D});var o=s("../../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected]_react-_23af7fe1a84405345a895683eefe299d/node_modules/@apollo/client/core/networkStatus.js"),n=s("../../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected]_react-_23af7fe1a84405345a895683eefe299d/node_modules/@apollo/client/react/hooks/useQuery.js"),a=s("./src/codegen/graphql.ts"),r=s("./src/core/analytics/tracker.ts"),i=s("./src/core/router/hooks/useIsModalRouteOpen/index.ts"),d=s("./src/page/components/PageHeader/PageHeader.tsx"),c=s("./src/page/components/Panels/index.tsx"),l=s("./src/page/utils/getLinkUrl.ts"),p=s("./src/shared/components/custom/Announcement/Context/AnnouncementContext.tsx"),m=s("./src/shared/components/custom/DecoratedHelmet.tsx"),u=s("./src/shared/components/custom/FetchMoreAnchor/index.ts"),_=s("./src/shared/components/custom/Navbar/index.ts"),g=s("./src/shared/components/ui/Dropdown/index.ts"),h=s("./src/shared/errors/NotFoundError.ts"),x=s("./src/shared/utils/isDefined.ts"),y=s("../../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected]__@typ_208c15ae729122632d926888ccf5cf22/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs"),w=s("../../../node_modules/.pnpm/[email protected]/node_modules/react/index.js"),f=s("../../../node_modules/.pnpm/[email protected][email protected][email protected][email protected][email protected][email protected][email protected]/node_modules/react-i18next/dist/es/index.js"),b=s("../../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/react-router/dist/development/chunk-62JRHF6Z.mjs"),P=s("./src/page/views/PageView/components/PagePanels/components/EmptyPageBanner/index.ts"),k=s("./src/shared/components/ui/ProgressBar/index.ts"),v=s("../../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected]_f734d82c55a697af95f95e7d1443e8d9/node_modules/@telia-company/tv.one-design-system-web/lib/index.js"),j=s("../../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected][email protected]_support_a0dcb4b0ae680db98626d6fd11a2b9d9/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),S=s("./src/shared/constants/zindex.ts"),C=s("./src/shared/utils/breakpoints/mq.ts");const I=(0,j.A)("div",{target:"eujw1b14"})({name:"919r7f",styles:"display:flex;justify-content:space-between;margin-bottom:10px"}),M=(0,j.A)("span",{target:"eujw1b13"})(v.ue.typography.textPrimaryEmphasis," ",C.mq.M`${v.ue.typography.textLink.fontFamily}`,";"),T=(0,j.A)("span",{target:"eujw1b12"})("color:",v.ue.color.text.secondary,";"),O=(0,j.A)("div",{target:"eujw1b11"})({name:"1r0yqr6",styles:"margin-top:10px"}),Y=(0,j.A)("aside",{target:"eujw1b10"})("width:100%;top:56px;background-color:",v.ue.color.background.primary,";padding:8px 34px;z-index:",S.M.QUOTA,";position:sticky;box-sizing:border-box;",C.mq.M`
2    padding: 12px 16px;
3    background-color: ${v.ue.color.background.secondary};
4    border-radius: 4px;
5    position: fixed;
6    top: unset;
7    bottom: 30px;
8    right: 30px;
9    width: 343px;
10    margin: 0;
11  `,";");var F=s("../../../node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js");const A=({a11yLabel:e,availableText:t,barColor:s,barPercent:o,infoText:n,usageText:a})=>{const r=s&&(0,v.ND)(s),{announce:i}=(0,p.b)();return(0,w.useEffect)(()=>

11{if(e){const t=setTimeout(()=>{i(e)},500);return()=>clearTimeout(t)}},[e,i]),(0,F.FD)(Y,{children:[(0,F.FD)(I,{children:[(0,F.Y)(M,{children:t}),(0,F.Y)(T,{children:a})]}),(0,F.Y)(k.z,{color:r,progress:o}),n&&(0,F.Y)(O,{children:n})]})};var N=s("../../../node_modules/.pnpm/@[email protected]/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js"),R=s("../../../node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),V=s("./src/shared/components/custom/MarginContainer/MarginContainer.tsx");const E=(0,j.A)(V._9,{shouldForwardProp:N.A,target:"e1rsy1ae0"})("display:flex;justify-content:space-between;align-items:center;gap:22px;pointer-events:none;flex-wrap:wrap;left:0;right:0;margin-top:4px;",({isFirstPanelShowcase:e})=>(0,R.css)("position:",e?"absolute":"relative",";top:",e?56:0,"px;z-index:",e?S.M.NAVBAR.GRADIENT+2:"auto",";",C.mq.M`
12      top: ${e?80:0}px;
13    `,";")," ",C.mq.M`
14      margin-top: 8px;
15    `,";");var q=s("./src/page/views/PageView/components/PagePanels/utils/isPagePanelsEmpty.ts");const D=({navbarOverrideProps:e,pageId:t,storeId:s})=>{const{isModalRouteOpen:k}=(0,i.u)(),v=(0,w.useMemo)(()=>decodeURIComponent(t),[t]),[j,S]=(0,w.useState)(!1),{t:C}=(0,f.Bd)(),I=(0,b.Zp)(),{data:M,fetchMore:T,loading:O,networkStatus:Y}=(0,n.I)(a.$7K,{fetchPolicy:"cache-and-network",notifyOnNetworkStatusChange:!0,returnPartialData:!0,variables:{id:v}}),{data:N}=(0,n.I)(a.h2P,{skip:!s,variables:{id:s||""}}),R=N?.store,V=M?.page,D=V?.title,L=V?.pagePanels?.panels?.filter(x.O),B=V?.empty,{hasNextPage:z,nextPageOffset:$}=V?.pagePanels?.pageInfo||{},H=o.p.fetchMore===Y,Q=V?.slots?.bottomRight?.blocks?.[0]?.quota,U=Q?.barColor,X=Q?.barPercent,G=Q?.a11y?.label??"",J=Q?.availableText??"",Z=Q?.infoText??"",K=Q?.usageText??"",W=V?.standaloneViewTitle,ee=Boolean("ShowcasePanelX"===L?.[0]?.__typename&&L[0]?.showcaseContent?.items),te="ShowcasePanelX"===L?.[0]?.__typename&&1===L[0]?.showcaseContent?.items?.length&&L[0]?.showcaseContent?.items?.[0],se=Boolean(te&&!te?.promotion?.link3);if(!O&&!(0,x.O)(L)&&!(0,x.O)(B))throw new h.m(`No page with id "${v}" found.`);(0,_.st)({addOffsetTop:!((0,x.O)(L)&&("ShowcasePanelX"===L[0]?.__typename&&L[0]?.showcaseContent?.items||"OverviewPanelX"===L[0]?.__typename&&L[0]?.content)),...e});const oe=(0,w.useCallback)(()=>{j||T({variables:{id:v,pagePanelsOffset:$}}).catch(e=>{S(!0)})},[v,T,j,$]);if(!O&&(0,q.i)(L))return(0,F.Y)(P.h,{description:B?.text,link:B?.cta?.link?.link3,linkText:B?.cta?.text,title:B?.heading});const ne=V?.linkedSortOptions||[],ae=ne.map(e=>({onSelected:()=>{if(e.link?.__typename&&e.link.to){const t=e.key,s=e.order,o=new URLSearchParams;t&&s&&(o.set("key",t),o.set("order",s));const n=(0,l.Q)(e.link);n&&I(`${n}?${o.toString()}`)}},selected:!1,title:e.title,value:`${e.key}:${e.order}`}));return(0,F.FD)(F.FK,{children:[D&&!k?(0,F.Y)(m.J,{title:D}):null,D&&!R&&(0,F.Y)(y.bL,{children:(0,F.Y)("h1",{children:D})}),(0,F.FD)(E,{isFirstPanelShowcase:ee,children:[(0,F.Y)(d.z,{as:"h2",heading:!se&&W||""}),ne.length>0&&(0,F.Y)(g.m,{defaultValue:C("SORT_BY"),items:ae,onOpenChange:e=>{e&&r.F.trackSortButtonClick({})},onValueChange:e=>{const t=ae?.find(t=>t.value===e);if(t){t.onSelected?.();const e=t.value.split(":")[0],s=t.value.split(":")[1],o=t.title??"";r.F.trackSortOptionClick({sort_key:e,sort_order:s,sort_title:o})}}})]}),X?(0,F.Y)(p.j,{children:(0,F.Y)(A,{a11yLabel:G,availableText:J,barColor:U,barPercent:X,infoText:Z,usageText:K})}):null,(0,F.Y)(c.Q,{data:L,skipTracking:k}),(0,F.Y)(u.P,{hasNextPage:z,loading:H,onFetchMore:oe,threshold:"40%"})]})}},"./src/page/views/PageView/components/PagePanels/components/EmptyPageBanner/index.ts"(e,t,s){s.d(t,{h:()=>_});var o=s("./src/page/utils/getLinkUrl.ts"),n=s("./src/shared/components/custom/SmartLink/index.ts"),a=s("./src/shared/components/ui/Button/index.ts"),r=s("../../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected][email protected]_support_a0dcb4b0ae680db98626d6fd11a2b9d9/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),i=s("./src/shared/constants/zindex.ts"),d=s("../../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected]_f734d82c55a697af95f95e7d1443e8d9/node_modules/@telia-company/tv.one-design-system-web/lib/index.js");const c=(0,r.A)("div",{target:"es3y6bv3"})("display:flex;align-items:flex-start;flex-direction:column;z-index:",i.M.EMPTY_RECORDING_BANNERS,";position:absolute;

15left:50%;top:50%;transform:translate(-50%, -50%);"),l=(0,r.A)("div",{target:"es3y6bv2"})({name:"1fttcpj",styles:"display:flex;flex-direction:column"}),p=(0,r.A)("h1",{target:"es3y6bv1"})(d.ue.typography.headingSecondary," text-transform:initial;margin:0 0 32px 0;"),m=(0,r.A)("p",{target:"es3y6bv0"})(d.ue.typography.textPrimary," z-index:",i.M.EMPTY_RECORDING_BANNERS,";margin:0 0 32px 0;");var u=s("../../../node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js");const _=({description:e,link:t,linkText:s,title:r})=>(0,u.FD)(c,{children:[(0,u.FD)(l,{children:[r&&(0,u.Y)(p,{children:r}),e&&(0,u.Y)(m,{children:e})]}),t&&s&&(0,u.Y)(a.$,{as:n.i,href:(0,o.Q)(t),variant:"primary",children:s})]})},"./src/page/views/PageView/components/PagePanels/utils/isPagePanelsEmpty.ts"(e,t,s){s.d(t,{i:()=>n});const o=e=>!("PosterListPanel"===e.__typename||"ShowcasePanelX"===e.__typename||"SubscriptionPanelXV2"===e.__typename)||(!(!("posters"in e)||!e.posters?.items?.length)||(!(!("showcaseContent"in e)||!e.showcaseContent?.items?.length)||!(!("subscriptionContent"in e)||!e.subscriptionContent?.items?.length))),n=e=>!e?.some(o)},"./src/page/views/StoreView.tsx"(e,t,s){s.r(t),s.d(t,{default:()=>M});var o=s("../../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected][email protected]_support_a0dcb4b0ae680db98626d6fd11a2b9d9/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),n=s("../../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected]_react-_23af7fe1a84405345a895683eefe299d/node_modules/@apollo/client/react/hooks/useQuery.js"),a=s("../../../node_modules/.pnpm/@[email protected]/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js"),r=s("../../../node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),i=s("./src/codegen/graphql.ts"),d=s("./src/core/analytics/tracker.ts"),c=s("./src/core/router/hooks/useIsModalRouteOpen/index.ts"),l=s("./src/page/components/PageHeader/index.ts"),p=s("./src/page/components/Panels/index.tsx"),m=s("./src/shared/components/custom/DecoratedHelmet.tsx"),u=s("./src/shared/components/custom/FetchMoreAnchor/index.ts"),_=s("./src/shared/components/custom/MarginContainer/MarginContainer.tsx"),g=s("./src/shared/components/custom/Navbar/index.ts"),h=s("./src/shared/components/ui/Dropdown/index.ts"),x=s("./src/shared/constants/zindex.ts"),y=s("./src/shared/errors/NotFoundError.ts"),w=s("./src/shared/hooks/useTrackPageViewEvent.ts"),f=s("./src/shared/utils/breakpoints/mq.ts"),b=s("./src/shared/utils/isDefined.ts"),P=s("../../../node_modules/.pnpm/[email protected]/node_modules/react/index.js"),k=s("../../../node_modules/.pnpm/[email protected][email protected][email protected][email protected][email protected][email protected][email protected]/node_modules/react-i18next/dist/es/index.js"),v=s("../../../node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/react-router/dist/development/chunk-62JRHF6Z.mjs"),j=s("./src/page/routes.tsx"),S=s("./src/page/utils/getLinkUrl.ts"),C=s("../../../node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js");const I=(0,o.A)(_._9,{shouldForwardProp:a.A,target:"e1y1p8zi0"})("display:flex;justify-content:space-between;align-items:center;gap:22px;pointer-events:none;flex-wrap:wrap;left:0;right:0;margin-top:4px;",({isFirstPanelShowcase:e})=>(0,r.css)("margin-top:4px;position:",e?"absolute":"relative",";top:",e?56:0,"px;z-index:",e?x.M.NAVBAR.GRADIENT+2:"auto",";",f.mq.M`
16      top: ${e?80:0}px;
17      margin-top: 8px;
18    `,";"),";");function M({storeId:e}){const{isModalRouteOpen:t}=(0,c.u)(),{storeId:s}=(0,v.g)(),o=e||s,{t:a}=(0,k.Bd)(),r=(0,v.Zp)();if(!o)throw new Error("No storeId was set.");(0,w.z)((0,P.useMemo)(()=>({id:"graph",params:{pageId:o}}),[o]));const{data:_,fetchMore:x,loading:f}=(0,n.I)(i.apS,{fetchPolicy:"cache-and-network",notifyOnNetworkStatusChange:!0,variables:{id:o}}),M=!!_?.store?.pagePanels?.pageInfo.hasNextPage,T=_?.store?.pagePanels?.panels?.filter(b.O);

18if(!f&&!T)throw new y.m(`No store page with id "${o}" found.`);const O="PosterListPanel"===T?.[0]?.__typename&&T[0].display.layout===i.DGg.GridPage,Y=Boolean("ShowcasePanelX"===T?.[0]?.__typename&&T[0].showcaseContent?.items);(0,g.st)({addOffsetTop:!Y}),(0,P.useEffect)(()=>{if(O){const e=T[0].id;r((0,v.tW)(j.q.STORE_PANEL,{panelId:e,storeId:o}),{replace:!0})}},[T,r,o,O]);const F=_?.store?.linkedSortOptions||[],A=F.map(e=>({onSelected:()=>{if(e.link?.__typename&&e.link.to){const t=e.key,s=e.order,o=new URLSearchParams;t&&s&&(o.set("key",t),o.set("order",s));const n=(0,S.Q)(e.link);n&&r(`${n}?${o.toString()}`)}},selected:!1,title:e.title,value:`${e.key}:${e.order}`}));return(0,C.FD)("div",{"data-testid":"store-view",children:[(0,C.Y)(m.J,{title:_?.store?.name}),(0,C.FD)(I,{isFirstPanelShowcase:Y,children:[(0,C.Y)(l.z,{as:"h2",heading:_?.store?.name}),F.length>0&&(0,C.Y)(h.m,{defaultValue:a("SORT_BY"),items:A,onOpenChange:e=>{e&&d.F.trackSortButtonClick({})},onValueChange:e=>{const t=A?.find(t=>t.value===e);if(t){t.onSelected?.();const e=t.value.split(":")[0],s=t.value.split(":")[1],o=t.title??"";d.F.trackSortOptionClick({sort_key:e,sort_order:s,sort_title:o})}}})]}),(0,C.Y)(p.Q,{data:T,skipTracking:t}),(0,C.Y)(u.P,{hasNextPage:M,loading:f,onFetchMore:()=>{T&&x({variables:{id:o,pagePanelsOffset:T.length}})},threshold:"30%"})]})}}}]);