https://web-static.linetv.tw/release-fargate/public/dist/pages-Purchase-2fc31874-prod.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[8535],{7694:(e,t,a)=>{a.r(t),a.d(t,{default:()=>P});var n=a(96540),r=a(56347),i=a(68154),o=a(61225),s=a(22831),c=a(56189),l=a(31769),p=a(34463),u=a(92568),d=a(91519),h=a(71542),m=a(5281);const f=[{label:"VIP訂閱升級",path:"/purchase/vip",model:"vip"}];var g=a(27386),v=a(54625),b=a(86663),x=a(85699),y=a(58865),_=a(56691);const{screen768:w,screen480:E}=_.screensValue,N=u.Ay.nav.withConfig({displayName:"PurchaseNavigation__StyledPurchaseNavigation",componentId:"sc-b14vnw-0"})(["position:sticky;top:60px;z-index:20;background-color:#191919;box-shadow:inset 0 -2px 0 0 #333;display:flex;justify-content:",";padding:0 100px;.purchase-navigation__tab-list{max-width:",";white-space:nowrap;overflow:auto hidden;scrollbar-width:none;text-align:center;display:flex;gap:40px;overscroll-behavior-x:contain;}@media (max-width:","px){padding:0 40px;.purchase-navigation__tab-list{padding:0 40px;margin:0 -40px;gap:40px;}}@media (max-width:","px){padding:0 20px;.purchase-navigation__tab-list{padding:0 20px;margin:0 -20px;gap:20px;}}"],({isOverflow:e})=>e?"flex-start":"center",({isOverflow:e})=>e?"initial":"560px",w,E),S=(0,u.Ay)(v.k2).withConfig({displayName:"PurchaseNavigation__StyledNavLink",componentId:"sc-b14vnw-1"})(["height:64px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;white-space:nowrap;color:rgba(255,255,255,0.6);position:relative;cursor:pointer;border-bottom:2px solid transparent;&:hover{color:#ffffff;}@media (max-width:","px){font-size:16px;}&.is-active{border-bottom:2px solid #e5e5e5;color:#ffffff;}"],w),A=u.Ay.div.withConfig({displayName:"PurchaseNavigation__StyledRedeemSection",componentId:"sc-b14vnw-2"})(["position:absolute;bottom:0;right:0;top:0;display:flex;align-items:center;justify-content:center;padding-right:var(--container-padding);box-shadow:inset 0 -2px 0 0 #333;a{display:flex;align-items:center;}.redeem-section__icon{margin-right:12px;height:24px;}.redeem-section__text{font-size:14px;font-weight:500;}@media (max-width:","px){display:none;}"],w),k=({navTabs:e})=>{const[t,a]=(0,n.useState)(!1),r=(0,n.useRef)(null),i=e.concat([{path:"/purchase/package-group",label:"主題訂閱",model:x.Be}]);return(0,n.useEffect)(()=>{const e=r.current;if(!e)return;const t=new ResizeObserver(()=>{a(e.scrollWidth>560)});return t.observe(e),()=>t.disconnect()},[r.current]),n.createElement(N,{className:"bg-linetv-background",isOverflow:t},n.createElement("div",{className:"purchase-navigation__tab-list",ref:r},i.map(({path:e,label:t,model:a})=>n.createElement(S,{key:`${e}_${t}`,to:`${e}?${(0,b.stringify)({purchase_model:a})}`,activeClassName:"is-active",onClick:e=>{e.target.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})}},t))),n.createElement(A,{className:"bg-linetv-background"},n.createElement(v.N_,{to:"/redeem",className:"text-linetv-medium-emphasis hover:text-linetv-high-emphasis"},n.createElement("img",{className:"redeem-section__icon",src:`${y.A}/svg/gift_card.svg`,alt:""}),n.createElement("div",{className:"redeem-section__text"},"序號卡兌換"))))};k.defaultProps={navTabs:[],currentLinkTab:{},currentPath:""};const L=k,C=u.Ay.div.withConfig({displayName:"Purchase__StyledPurchasePage",componentId:"sc-1qmzxmf-0"})(["display:flex;flex-direction:column;flex:auto;"]),P=e=>{const{purchaseName:t}=(0,r.g)(),a=(0,o.wA)(),{productGroups:u,fetchState:v,navTabs:b}=function(){const e=(0,o.d4)(e=>Boolean(e.deviceType.isDesktop)),[t,a]=(0,n.useState)(null),[r,i]=(0,n.useState)(h.wr),[s,c]=(0,n.useState)(f);return(0,n.useEffect)(()=>{const t=new AbortController;return(async()=>{try{i(h.gU);const n=await(0,m.Tn)(t),{buyableGroups:r,tabList:o}=function(e,t=!0){const a=Date.now(),n={},r=[];return Array.isArray(e)?(e.forEach(e=>{var i;const o=null==e||null===(i=e.metadata)||void 0===i?void 0:i.pagePath;if(!o)return{buyableGroups:n,tabList:f};r.push({label:e.name,path:`/purchase/${o}`,model:o});const s=[],c={};(e.svods||[]).forEach(e=>{var n;const r=(e.products||[]).filter(e=>e&&e.startedAt<=a&&e.expiredAt>a&&!e.metadata.hidden);if(0===r.length)return;const i={...e,products:r};!t&&null!==(n=e.metadata)&&void 0!==n&&n.highlight?s.unshift(i):s.push(i),(e.tabIds||[]).forEac

1h(a=>{var n,r,o;!t&&null!==(n=e.metadata)&&void 0!==n&&n.highlight?(null!==(r=c[a])&&void 0!==r?r:c[a]=[]).unshift(i):(null!==(o=c[a])&&void 0!==o?o:c[a]=[]).push(i)})}),s.length>0&&(n[o]={...e,svods:s,tabIndex:c})}),{buyableGroups:n,tabList:r}):{buyableGroups:n,tabList:f}}(n.data,e);a(r),c(o),i(h.Kd)}catch{i(h.iM)}})(),()=>t.abort()},[]),{productGroups:t,fetchState:r,navTabs:s}}(),x=function(e,t,a){const[i,o]=(0,n.useState)(null),s=(0,r.W6)(),c=(0,r.zy)();return(0,n.useEffect)(()=>{var n;if(a!==h.Kd||!t||"package-group"===t)return;if(e[t])return void o(e[t]);const r=null===(n=Object.keys(e))||void 0===n?void 0:n[0];if(!r)throw new Error(`[404] tab path ${t} not match any product group`);s.replace({pathname:`/purchase/${r}`,search:c.search})},[e,t,a]),i}(u,t,v),{data:y,fetchState:_}=function(){const[e,t]=(0,n.useState)(null),[a,r]=(0,n.useState)(h.wr);return(0,n.useEffect)(()=>{const e=new AbortController;return(async()=>{try{r(h.gU);const a=await(0,m.lC)(e);t(a.data),r(h.Kd)}catch{r(h.iM)}})(),()=>e.abort()},[]),{data:e,fetchState:a}}();!function(){const{pathname:e}=(0,r.zy)();(0,n.useEffect)(()=>{(0,g.x)(`external${e}`)},[e])}();const w={productGroup:x,productGroupsFetchState:v,packageGroups:y,packageGroupsFetchState:_,purchaseName:t};return(0,n.useEffect)(()=>{a((0,d.CO)())},[]),(0,n.useEffect)(()=>{c.ampli.purchasePageViewed({...(0,l.fq)(location.search),...(0,l.iO)(p.B8.PURCHASE)})},[]),n.createElement(n.Fragment,null,n.createElement(i.m,null,n.createElement("title",null,"LINE TV - 升級會員獨享更多功能與優惠"),n.createElement("meta",{property:"og:title",content:"LINE TV - 升級會員獨享更多功能與優惠"}),n.createElement("meta",{name:"description",property:"og:description",content:"升級會員享有1080高畫質、無廣告追劇體驗、獨家戲劇搶先看、支援大螢幕、限定活動等多樣福利與功能！"})),n.createElement(C,null,n.createElement(L,{navTabs:b}),(0,s.v)(e.route.routes,w)))}}}]);