https://web-static.linetv.tw/release-fargate/public/dist/SideBar-1a72a2fe-prod.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1557],{32723:(e,t,l)=>{l.d(t,{H:()=>n});const n=`${l(58865).A}/icon/userDefaultPhoto.png`},58429:(e,t,l)=>{l.r(t),l.d(t,{default:()=>H});var n=l(96540),a=l(61225),i=l(54625),o=l(56347),c=l(46942),r=l.n(c),s=l(92568),m=l(98669),d=l(7029),p=l(91519),E=l(8029),u=l(26869),f=l(94395),_=l(8649),x=l(53482),N=l(71942),h=l(32723),b=l(66007),v=l(68921),y=l(82489),g=l(47907);function S(e){return(0,_.A)(e,{source:E.ZO.SIDEBAR})}const A="MENU_CHANNELS",k="MENU_ABOUT_US",C="MENU_PURCHASE",L="MENU_HELP",I="MENU_TERMS",w=s.Ay.aside.withConfig({displayName:"SideBar__SideBarContainer",componentId:"sc-15i68lb-0"})(["width:250px;height:100%;z-index:50;padding:28px 24px 0px 24px;transition:transform 0.5s;transform:translateX(-100%);overflow-x:hidden;overflow-y:scroll;left:0;bottom:0;top:0;&.is-open{transform:translateX(0);}"]),B=s.Ay.button.attrs({className:"font-700 text-left focus:outline-none flex items-center"}).withConfig({displayName:"SideBar__StyledSideBarBtn",componentId:"sc-15i68lb-1"})(["font-size:16px;padding:14px 0px;"]),O=(0,s.Ay)(i.N_).attrs({className:"block text-16 font-700"}).withConfig({displayName:"SideBar__StyledLink",componentId:"sc-15i68lb-2"})(["padding:14px 0px;"]),R=(0,s.Ay)(i.N_).attrs({className:"text-14 font-500 text-linetv-medium-emphasis"}).withConfig({displayName:"SideBar__StyledSubLink",componentId:"sc-15i68lb-3"})(["padding:10px 0px;"]),P=s.Ay.a.attrs({className:"text-14 font-500 text-linetv-medium-emphasis"}).withConfig({displayName:"SideBar__StyledSubOutsideLink",componentId:"sc-15i68lb-4"})(["padding:10px 0px;"]),U=s.Ay.div.attrs({className:"flex flex-col mb-2"}).withConfig({displayName:"SideBar__StyledSubLinkWrap",componentId:"sc-15i68lb-5"})(["margin-left:48px;"]),M=s.Ay.div.attrs({className:"h-full flex flex-col justify-between"}).withConfig({displayName:"SideBar__SideBarFlexContainer",componentId:"sc-15i68lb-6"})([""]),D=s.Ay.div.withConfig({displayName:"SideBar__Menu",componentId:"sc-15i68lb-7"})(["color:var(--color-linetv-high-emphasis);"]),T=({className:e,expanded:t})=>n.createElement("span",{className:r()("text-12 text-linetv-grey-100",t?"icon_expand_more":"icon_navigate_next",e)}),H=({show:e,livebuyData:t})=>{var l;const{ANNOUNCEMENT_URL:i,FAQ_URL:c,SERVICE_TERMS_URL:s,PAYMENT_VIP_TERMS_URL:H}=u.PV,{isLiffReady:V}=(0,a.d4)(e=>e.lineLiff),F=(0,a.d4)(f.T_),{channelList:j}=(0,a.d4)(e=>e.channelList),Z=(0,a.d4)(f.dR),$=(0,o.zy)(),[K,z]=(0,n.useState)(null),{channelId:G,isChannelPage:Q}=(0,x.A)(),X=(0,a.wA)();function W(e){z(e===K?null:e)}return(0,n.useEffect)(()=>{z(Q?A:null)},[$]),(0,n.useEffect)(()=>{e&&(0,d.wk)({imp_type:E.N0.PURCHASE_PLAN_ENTRANCE,imp_id:E.ZO.PERSONAL_INFO_PAGE})},[e]),n.createElement(w,{className:r()("no-scrollbar fixed block bg-linetv-grey-800",{"is-open":e})},n.createElement(m.Ay,{once:!0,className:"h-full"},n.createElement(M,null,n.createElement(D,null,n.createElement("div",{className:"flex items-center pb-6"},n.createElement("img",{className:"mr-4 flex-none rounded-full object-cover object-center",src:(null==F?void 0:F.picture)||"https://img.linetv.tw/other/memberSystem/accountkitPhoto1.png",alt:"使用者頭像",style:{width:"44px",height:"44px"},onError:e=>e.target.src=h.H}),null!=F&&F.accountId?n.createElement("div",{className:"flex min-w-0 flex-auto flex-col"},null!=F&&F.isVip?n.createElement("div",{className:"flex items-center text-12 text-linetv-primary"},n.createElement("i",{className:"icon_web_vip_fill mr-1 text-16"}),"VIP 會員"):n.createElement("div",{className:"flex items-center text-12 text-linetv-high-emphasis"},"一般用戶"),n.createElement("div",{className:"truncate text-16 font-700"},null==F?void 0:F.name)):n.createElement(B,{type:"button",onClick:()=>{X((0,N.eK)())}},"登入/註冊")),n.createElement("hr",null),n.createElement("div",{className:"flex flex-col"},n.createElement(g.y,{className:"block py-[14px] text-16 font-700",isDesktop:!1,isSidebarShow:e}),n.createElement(B,{type:"button",className:"flex items-center text-left text-16 font-700 focus:outline-none",onClick:()=>W(A),style:{padding:"14px 0px"}},"類別",n.createElement(T,{className:"ml-auto",expanded:K===A}

1)),K===A&&n.createElement(U,null,null==j?void 0:j.map(e=>n.createElement(R,{key:e.id,to:(0,_.A)(`/channel/${e.id}`,{source:E.ZO.SIDEBAR,channel_id:e.id}),className:r()({"text-linetv-primary":e.id.toString()===G})},e.name)))),n.createElement(O,{to:S("/user/watch-history")},"觀看紀錄"),n.createElement(O,{to:S("/user/my-favorite")},"收藏片單"),n.createElement(O,{to:S("/feed/mission")},"活動"),(null==t||null===(l=t.video_ids)||void 0===l?void 0:l.length)>0&&n.createElement(O,{to:`/ec?livebuy=${t.video_ids[0]}`,onClick:()=>{localStorage.setItem(v.t8.EC_CLICKED_TIME,null==t?void 0:t.last_live_time),(0,d.rs)({button_title:"直播購物",button_id:"goto_ec_live",button_loc:"MOBILE_SIDEBAR"})}},"直播購物",n.createElement("span",{className:"ml-2 inline-block rounded-[8px] bg-linetv-shock-pink px-2 pb-1 pt-[3px] text-12 font-700 leading-4 text-linetv-high-emphasis"},"Live")),n.createElement(O,{to:(0,_.A)("/purchase/vip",{source:E.ZO.PERSONAL_INFO_PAGE}),onClick:()=>{(0,d.rs)({button_title:"升級",button_id:E.QM,button_loc:E.ZO.PERSONAL_INFO_PAGE})}},"升級"),n.createElement(O,{to:S("/user/subscription")},n.createElement(y.A,{isHidden:!Z},"訂單管理")),n.createElement(O,{to:S("/user/child-lock")},"親子鎖設定"),n.createElement(O,{to:S("/user/profile")},"個人設定"),n.createElement(O,{to:S("/redeem")},"序號兌換"),n.createElement("hr",null),n.createElement("div",{className:"flex flex-col"},n.createElement(B,{type:"button",onClick:()=>W(C)},"升級方案",n.createElement(T,{className:"ml-auto",expanded:K===C})),K===C&&n.createElement(U,null,n.createElement(P,{href:S("/purchase/vip")},"VIP 方案"),n.createElement(P,{href:S("/purchase/package-group?purchase_model=package")},"主題訂閱"))),n.createElement("div",{className:"flex flex-col"},n.createElement(B,{type:"button",onClick:()=>W(L)},"客服中心",n.createElement(T,{className:"ml-auto",expanded:K===L})),K===L&&n.createElement(U,null,n.createElement(P,{href:S((0,b.s)(i)),target:"_blank",rel:"noopener"},"服務公告"),n.createElement(P,{href:S((0,b.s)(c)),target:"_blank",rel:"noopener"},"常見問題"))),n.createElement("div",{className:"flex flex-col"},n.createElement(B,{type:"button",className:"flex items-center text-left text-16 font-700 focus:outline-none",onClick:()=>W(I)},"會員權益",n.createElement(T,{className:"ml-auto",expanded:K===I})),K===I&&n.createElement(U,null,n.createElement(P,{href:(0,b.s)(s),target:"_blank",rel:"noopener"},"用戶服務條款"),n.createElement(P,{href:(0,b.s)(H),target:"_blank",rel:"noopener"},"付費服務條款"))),n.createElement("div",{className:"flex flex-col"},n.createElement(B,{type:"button",onClick:()=>W(k),style:{padding:"14px 0px"}},"關於我們",n.createElement(T,{className:"ml-auto",expanded:K===k})),K===k&&n.createElement(U,null,n.createElement(P,{href:`mailto:${u.LC}?subject=LINE TV 廣告刊登`,target:"_blank",rel:"noopener nofollow"},"廣告刊登"),n.createElement(P,{href:`mailto:${u.pv}?subject=LINE TV 行銷合作`,target:"_blank",rel:"noopener nofollow"},"行銷合作"),n.createElement(P,{href:u.ot,target:"_blank",rel:"noopener nofollow"},"工作機會"))),!V&&(null==F?void 0:F.accountId)&&n.createElement(n.Fragment,null,n.createElement("hr",null),n.createElement(B,{type:"button",onClick:()=>{X((0,p.ri)())}},"登出"))))))}}}]);