https://web-static.linetv.tw/release-fargate/public/dist/pages-UserSubscription-a1ab6472-prod.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6184],{49640:(e,t,n)=>{n.d(t,{A:()=>x});var l=n(96540),i=n(61225),a=n(16802),r=n(22884),o=n(73908),s=n(92568),c=n(80243),m=n(82664);const d=(0,c.Ay)({resolved:{},chunkName:()=>"react-popper-lib-esm-Popper",isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!n.m[t]},importAsync:()=>n.e(7438).then(n.bind(n,77550)),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then(e=>(this.resolved[t]=!0,e))},requireSync(e){const t=this.resolve(e);return n(t)},resolve:()=>77550}),u=s.Ay.div.withConfig({displayName:"Tooltip__TooltipWrapper",componentId:"sc-1otehqt-0"})([""]),p=s.Ay.div.withConfig({displayName:"Tooltip__TooltipContent",componentId:"sc-1otehqt-1"})(["color:",";background-color:",";box-shadow:",";padding:8px;border-radius:",";font-size:12px;&[data-placement^='right']{&::before{content:'';position:absolute;top:13px;left:-2px;width:8px;height:8px;background:inherit;transform:rotate(45deg);}}&[data-placement^='bottom-end']{&::before{content:'';position:absolute;top:-2px;right:8px;width:8px;height:8px;background:inherit;transform:rotate(45deg);}}"],m.theme.colors["linetv-high-emphasis"],m.theme.colors["linetv-grey-900"],m.theme.extend.boxShadow.dropdown,m.theme.extend.borderRadius["px-lg"]),v={offset:{offset:"0, 4px"},preventOverflow:{boundariesElement:"viewport"}};function b(e){const{children:t,content:n,placement:o,modifiers:s}=e,c=(0,i.d4)(e=>Boolean(e.deviceType.isDesktop)),[m,x]=(0,l.useState)(!1);return b.handleClickOutside=function(){x(!1)},l.createElement(u,{className:e.className,style:e.style},l.createElement(a.Ay,null,l.createElement(r.A,null,({ref:e})=>l.createElement("div",{ref:e,className:"flex items-center",onMouseEnter:()=>c&&x(!0),onMouseLeave:()=>c&&x(!1),onClick:()=>x(e=>!e)},t)),m&&l.createElement(d,{placement:o,modifiers:{...v,...s}},({ref:e,style:t,placement:i})=>l.createElement(p,{ref:e,style:t,"data-placement":i},n))))}const x=(0,o.A)(b,{handleClickOutside:()=>b.handleClickOutside})},51601:(e,t,n)=>{n.d(t,{o:()=>o,z:()=>s});var l=n(12215),i=n.n(l),a=n(26869),r=n(40482);const o=(e="",t="")=>{window.open(`mailto:${a.YQ}?subject=[Web]%20${e}&body=${t}%0D%0A${a.a8}`)},s=e=>{const t=i().get(r.KA),n=`會員編號：${null!=t?t:"（未登入）"}%0D%0A${a.hs}`;o(e,n)}},55314:(e,t,n)=>{n.d(t,{A:()=>d});var l=n(96540),i=n(92568);const a=n(82664).theme.colors["linetv-primary"],r=i.Ay.label.withConfig({displayName:"Radiostyled__StyledLabel",componentId:"sc-1m7t8m3-0"})(["cursor:pointer;color:#222;-webkit-tap-highlight-color:transparent;"]),o=i.Ay.i.attrs(e=>({className:`${e.iconName} material-icons text-20 text-linetv-grey-100 inline-flex w-full`})).withConfig({displayName:"Radiostyled__StyledLabelContent",componentId:"sc-1m7t8m3-1"})(["color:",";"],e=>e.isChecked&&a),s=i.Ay.input.attrs({type:"radio"}).withConfig({displayName:"Radiostyled__StyledRadio",componentId:"sc-1m7t8m3-2"})(["position:absolute;opacity:0;"]),c=i.Ay.span.attrs({className:"text-14 font-700 text-linetv-high-emphasis ml-4"}).withConfig({displayName:"Radiostyled__StyledLabelText",componentId:"sc-1m7t8m3-3"})(["line-height:18px;flex:1;"]);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},m.apply(null,arguments)}const d=({className:e,style:t,children:n,isChecked:i,...a})=>l.createElement("div",{className:e,style:t},l.createElement(r,null,l.createElement(s,m({},a,{checked:i})),l.createElement(o,{isChecked:i,iconName:i?"icon_web_radiobutton_selected":"icon_web_radiobutton_unselect"},l.createElement(c,{isChecked:i},n))))},65910:(e,t,n)=>{n.r(t),n.d(t,{default:()=>ce});var l=n(96540),i=n(54625),a=n(61225),r=n(92568),o=n(85699),s=n(26869),c=n(79887),m=n(91519),d=n(94395),u=n(8029),p=n(7029),v=n(35211),b=n(92366),x=n(58865),f=n(82664),E=n(56189),y=n(31769),h=n(34463),g=n(49640),N=n(66007),C=n(46942),_=n.n(C),w=n(99768);const T=new Intl.NumberFormat("zh-Hant-TW",{minimumFractionDigits:0,style:"currency",currency:"TWD"}).format;var I=n(92635),k=n(86444),S=n(88865);function A({onAddMemberClick:e=()=>{},remainingCount:t}){return l.createElement("div",{onClick:e,className:"action:border-linetv-grey-100-transparent-20 flex h-[58px] w-full cursor-pointer select-none items-center justify-between rounded-px-lg border border-linetv-grey-300 hover:border-linetv-grey-100-transparent-10"},l.createElement("div",{className:"ml-4 flex h-[40px] w-[40px] shrink-0 items-center  justify-center rounded-full bg-linetv-grey-100-transparent-5"},l.createElement("i",{className:"icon_web_plus text-24 text-linetv-grey-300"})),l.createElement("div",{className:"ml-2 flex flex-1 flex-col overflow-hidden truncate"},l.createElement("span",{className:"font-semibold truncate text-14 font-700 text-linetv-high-emphasis"},"新增成員"),l.createElement("span",{className:"text-grey-400 truncate text-12 font-400 text-linetv-medium-emphasis"},`尚有 ${t} 位名額`)))}function B({name:e="",role:t="",email:n="--",isShowButton:i=!1,onClick:a=()=>{}}){return l.createElement("div",{className:"flex h-[58px] w-full select-none items-center justify-between rounded-px-lg bg-linetv-grey-900 text-linetv-high-emphasis"},l.createElement("div",{className:"ml-4 h-[40px] w-[40px] shrink-0 rounded-full bg-cover bg-center bg-no-repeat",style:{backgroundImage:`url('${x.A}/svg/avatar.svg')`}}),l.createElement("div",{className:"ml-2 flex flex-1 flex-col overflow-hidden truncate"},l.createElement("span",{className:"font-semibold truncate text-14 font-700 text-linetv-high-emphasis"},e," (",t,")"),l.createElement("span",{className:"text-grey-400 truncate text-12 font-400 text-linetv-high-emphasis"},n)),i&&l.createElement("button",{onClick:e=>{e.stopPropagation(),a&&a()},className:"flex h-full shrink-0 items-center rounded-px-lg pl-2 pr-4 text-left text-20 text-linetv-grey-300 transition-colors hover:text-linetv-grey-700 active:text-linetv-grey-600"},l.createElement("i",{className:"icon_delete"})))}function O({onDeleteMemberClick:e,onAddMemberClick:t,holder:n,isHolder:i,members:a,isMemberCountReached:r,remainingCount:o,sharePlanWording:c}){return l.createElement(l.Fragment,null,l.createElement("hr",{className:"my-3"}),l.createElement("div",{className:"mb-4 text-16 font-700 text-linetv-high-emphasis"},"方案成員"),l.createElement("div",{className:"grid grid-cols-1 justify-start gap-4 md:grid-cols-[repeat(3,250px)]"},l.createElement(B,{name:n.name,role:"管理者",email:n.email}),i&&a.map(t=>l.createElement(B,{key:`member_${t.accountId}`,isShowButton:!0,name:t.name,role:"成員",email:t.email,onClick:()=>e(t.accountId)})),i&&!r&&l.createElement(A,{remainingCount:o,onAddMemberClick:t})),l.createElement("div",{className:"mt-4 text-12 text-linetv-white-transparent-60"},c,i&&l.createElement("a",{className:"underline",href:(0,N.s)(s.PV.SHARE_PLAN_INFO),target:"_blank",rel:"noopener noreferrer"},"了解更多")))}var P=n(90888),R=n(5281);function U(){const[e,t]=(0,l.useState)(""),n=(0,l.useRef)(!1),i=(0,a.wA)(),r=(0,a.d4)(d.T_),o=(0,a.d4)(e=>Boolean(e.deviceType.isMobile)),s=(0,a.d4)(d.pg),c=null==s?void 0:s.sharePlanSummary,u=r.accountId===(null==c?void 0:c.holder.accountId),p=c?((null==c||null===(E=c.plan)||void 0===E?void 0:E.persons)||0)-((null==c?void 0:c.members.length)||0)-1:0,v=(0,l.useMemo)(()=>c&&r.accountId?u?c.holder:c.members.find(e=>e.accountId===r.accountId)||{}:{},[r,c]),b=e=>{n.current||((0,P.default)(()=>l.createElement("div",{className:"flex w-full"},l.createElement("span",{className:"text-14 font-400 text-linetv-background"},e)),{position:o?"bottom-center":"top-right",style:{width:o?"100%":"400px",maxWidth:o?"100%":"400px",backgroundColor:"var(--color-linetv-grey-100)",padding:"8px 0",paddingLeft:"6px"},duration:3e3}),n.current=!0,setTimeout(()=>{n.current=!1},3e3))},f=async()=>

1{if(n.current)return;i((0,k.vD)({actionButton:{primaryButton:{text:"產生中...",className:"w-full"}}}));const e=await(async()=>{try{const e=await(0,R.nk)();if(null!=e&&e.inviteUrl)return null==e?void 0:e.inviteUrl;throw new Error("Invite URL not found in response")}catch(e){console.error("Error posting invite URL:",e),i((0,k.vD)({title:{text:"無效操作"},description:{text:"您並非此共享方案的管理者，因此無法生成邀請連結。"},image:{url:""},isEnableCloseButton:!1,actionButton:{primaryButton:{text:"關閉",className:"btn--primary",onClick:()=>{i((0,k.Oo)())}}}}))}})();if(e){i((0,k.vD)({actionButton:{primaryButton:{text:"已成功複製邀請連結",className:"w-full",onClick:f,disabled:!0}}}));try{await navigator.clipboard.writeText(`${e}?openExternalBrowser=1`)}catch(n){console.error(n),console.log("Safari issue: Clipboard API failed, fallback..."),t(`${e}?openExternalBrowser=1`)}b("已成功複製邀請連結")}};var E;return(0,l.useEffect)(()=>{if(!e)return;let t=null;return t=setTimeout(async()=>{try{await navigator.clipboard.writeText(e),console.log("Clipboard copy success!")}catch(t){console.warn("Clipboard API failed, fallback...");const n=document.createElement("textarea");n.value=e,n.style.position="fixed",n.style.left="-9999px",document.body.appendChild(n),n.focus(),n.select(),document.execCommand("copy"),document.body.removeChild(n)}},0),()=>{clearTimeout(t)}},[e]),{onDeleteMemberClick:e=>{i((0,k.vD)({title:{text:"確定要刪除該成員？"},description:{text:"移除後，該用戶將立即失去共享方案的所有權益，包括高畫質與無廣告等服務。請確認您已與該用戶充分溝通，再進行此操作。"},isEnableCloseButton:!1,actionButton:{primaryButton:{text:"再想想",onClick:()=>{i((0,k.Oo)())}},secondaryButton:{text:"刪除成員",onClick:()=>(async e=>{const t=await(async e=>{try{const t=await(0,R.F9)(e);if(200===t.status)return t.status;throw new Error("Failed to remove member")}catch(e){console.error("Error posting invite URL:",e),i((0,k.vD)({title:{text:"無效操作"},description:{text:"您並非此共享方案的管理者，因此無法生成邀請連結。"},image:{url:""},isEnableCloseButton:!1,actionButton:{primaryButton:{text:"關閉",className:"btn--primary",onClick:()=>{i((0,k.Oo)())}}}}))}})(e);200===t&&(i((0,k.Oo)()),b("已成功刪除成員"),i((0,m.CO)(!0)))})(e)}}})),i((0,k.to)())},onAddMemberClick:()=>{navigator.clipboard.writeText("1"),i((0,k.vD)({title:{text:"邀請成員加入你的共享方案",className:"text-center"},description:{text:l.createElement("ol",{className:"list-decimal pl-4 text-14 font-400 text-linetv-white-transparent-60"},l.createElement("li",null,"點擊「複製邀請連結」後，請將該連結分享給成員使用。"),l.createElement("li",null,"產生新的邀請連結時，舊連結將自動失效且無法使用。"),l.createElement("li",null,"邀請連結有效期限為 24 小時，請成員務必在時效內點擊連結並完成加入流程。若超過期限，管理者需重新產生連結並再次分享。"))},isEnableCloseButton:!0,image:{url:`${x.A}/svg/pay_success_vip.svg`,alt:"升級成功",className:"pt-6 px-10"},actionButton:{primaryButton:{text:"複製邀請連結",className:"w-full",onClick:f}}})),i((0,k.to)())},isHolder:u,holder:(null==c?void 0:c.holder)||{},members:(null==c?void 0:c.members)||[],currentGroupUser:v,isMemberCountReached:(null==c?void 0:c.isMemberCountReached)||!1,remainingCount:p,sharePlanWording:u?"※ 當方案成員人數達到上限時，新增成員前須先移除現有成員。":"※ 若要退出共享方案，請自行與方案管理者聯繫，只有方案管理者可以編輯成員、取消訂閱。"}}const M=(0,S.A)(function(e){const{onDeleteMemberClick:t,onAddMemberClick:n,isHolder:i,holder:a,members:r,remainingCount:o,isMemberCountReached:s,sharePlanWording:c}=U(),m={...e,onDeleteMemberClick:t,onAddMemberClick:n,isHolder:i,holder:a,members:r,remainingCount:o,isMemberCountReached:s,sharePlanWording:c};return(0,l.createElement)(O,m)});function F({canUnsubscribe:e,onUnsubscribe:t,handleKKTVSubscriptionManagement:n,isShowResubscribeButton:i,className:a="",isFromKKTV:r}){return r?l.createElement("button",{type:"button",onClick:n,className:`btn--secondary mt-4 md:mt-0 ${a}`},"訂閱管理"):e?l.createElement("button",{type:"button",onClick:t,className:`btn--secondary mt-4 md:mt-0 ${a}`},"取消訂閱"):i?l.createElement("a",{href:"/purchase/vip",className:`btn--secondary mt-4 md:mt-0 ${a}`},"重新選擇方案"):null}var K=n(94434);function V({expiredAt:e,willRenew:t,willSoonExpire:n,isFromKKTV:i,isHiddenWillRenew:a,isFromUnfulfilled:r}){return l.createElement("div",{className:"mt-4 flex items-center text-12 leading-normal text-linetv-medium-emphasis"},l.createElement("i",{className:"icon_web_information mr-1 self-start text-20 text-linetv-grey-100"}),i?l.createElement("div",null,"帳號資訊請回 KKTV 查詢與管理"):l.createElement("div",null,l.createElement("span",null,"服務將於 "),l.createElement("span",{className:n?"text-linetv-negative":"text-linetv-primary"},(0,K.A)(e,"yyyy年M月d日")),l.createElement("span",null," 到期"),!a&&l.createElement(l.Fragment,null,l.createElement("span",null,"，且"),l.createElement("span",{className:"font-700"},t?"自動續訂。":"不自動續訂。")),r&&l.createElement(l.Fragment,null,l.createElement("br",null),l.createElement("span",null,"此為您尚未使用完的先前方案，已自動接續使用。若欲訂閱其他方案請先將接續方案使用完畢。",l.createElement("a",{className:"underline",href:(0,N.s)(s.PV.UNFULFILLED_PLAN_INFO),target:"_blank",rel:"noopener noreferrer"},"了解更多"))),l.createElement("br",null)))}function D(e){var t,n,i,r,o;const{className:c,style:m,isUnfulfilled:d,isRemaining:u,name:p,price:v,priceText:b,packageInfo:x,period:f,isUnsubscribed:E,isUnsubscribedText:y,paymentGateway:h,orderId:g,promotionCode:C,willRenew:S,expiredAt:A,willSoonExpire:B,isFromUnfulfilled:O,remainDays:P,canUnsubscribe:R,onUnsubscribe:U,latestStatus:K,labelText:D,labelTextColor:L,labelBackgroun

1dColor:$,discountInfo:H,source:X,sharePlanSummary:j}=e,Q=(0,a.wA)(),W=(0,a.d4)(e=>Boolean(e.deviceType.isDesktop)),G=(0,a.d4)(e=>e.entities.subscribedPackages),z=null===(t=G[x])||void 0===t?void 0:t.type,q=(null==j||null===(n=j.plan)||void 0===n?void 0:n.persons)||1,Z="KKTV"===X,J=(0,l.useMemo)(()=>{var e;return(null===(e=G[x])||void 0===e?void 0:e.type)===I.CS.FAKEVOUCHER?"全集兌換":D},[D,G,x]),Y=(0,l.useMemo)(()=>{var e;return null!==(null==j?void 0:j.holder)&&(null==j||null===(e=j.plan)||void 0===e?void 0:e.persons)>1},[j]),ee=(0,l.useMemo)(()=>{var e;return(null===(e=G[x])||void 0===e?void 0:e.type)===I.CS.FAKEVOUCHER},[x,G,x]),te=(0,l.useMemo)(()=>!(d||O||q>1||C&&(!g||"trial"===K||"cancel"===K)||z===I.CS.FAKEVOUCHER),[d,O,C,g,K,z,q]),ne=`${T(v)}${Number.isInteger(f)?` / ${function(e){if(!Number.isInteger(e))throw new TypeError("Expect a number");switch(e){case 365:return"å¹´";case 180:return"半年";case 120:return"å­£ + 月";case 90:return"å­£";case 30:return"月";default:return`${e} 天`}}(f)}`:""}`;let le="";null!=H&&H.price&&(le="首期優惠 NT$"+(v-H.price<=0?0:v-H.price));const ie=()=>{Q((0,k.vD)({title:{text:"即將前往 KKTV 管理方案"},description:{text:"您的訂閱由 KKTV 平台維護，將引導您前往 KKTV 會員頁管理您的方案。"},actionButton:{primaryButton:{text:"繼續前往",onClick:()=>{Q((0,k.Oo)()),window.open("https://hi.kktv.to/7v6mgv","_blank")}},secondaryButton:{text:"取消",onClick:()=>Q((0,k.Oo)())}}})),Q((0,k.to)())};return l.createElement("div",{className:_()("Card px-5 py-5",c),style:m},l.createElement("div",{className:"flex flex-col sm:flex-row sm:items-center sm:justify-between"},l.createElement("div",{className:"flex flex-none flex-col items-start sm:flex-row sm:items-center"},O&&l.createElement("div",{className:" mb-2 flex h-5 flex-none items-center rounded-px-2xl bg-linetv-grey-600 px-2 py-1 text-10 leading-4 text-linetv-high-emphasis sm:mb-0 sm:mr-3 sm:h-6 sm:text-12"},"接續方案"),l.createElement("div",{className:"mb-2 flex h-5 flex-none items-center rounded-px-2xl px-2 py-1 text-10 leading-4 sm:mb-0 sm:mr-3 sm:h-6 sm:text-12",style:{color:L,backgroundColor:$}},J),l.createElement("div",{className:"flex-none break-all text-18 font-700 text-linetv-high-emphasis"},p)),E||"number"!=typeof v?l.createElement("div",{className:"mt-1 flex-none text-18 font-700 text-linetv-primary md:mt-0"},b):l.createElement("div",{className:"mt-1 flex-none text-18 font-700 text-linetv-primary md:mt-0"},le||ne),E&&l.createElement("div",{className:"mt-1 flex-none text-16 font-700 text-linetv-medium-emphasis sm:mt-0 sm:text-18"},y)),l.createElement("hr",{className:"my-3"}),l.createElement("div",{className:"sm:flex sm:items-end sm:justify-between"},l.createElement("div",null,l.createElement("div",{className:"-my-1 text-linetv-high-emphasis"},(null===(i=G[x])||void 0===i?void 0:i.name)&&(null===(r=G[x])||void 0===r?void 0:r.type)===I.CS.FAKEVOUCHER&&l.createElement("div",{className:"flex items-center"},l.createElement("span",{className:"flex-none self-start py-1 text-left"},"兌換內容："),l.createElement("span",{className:"break-all py-1"},(null===(o=G[x])||void 0===o?void 0:o.name)||"-")),l.createElement("div",{className:"flex items-center"},l.createElement("span",{className:"flex-none self-start py-1 text-left"},"購買平台："),l.createElement("span",{className:"break-all py-1"},Z?"KKTV":h||"-")),Boolean(C)&&l.createElement("div",{className:"flex items-center"},l.createElement("span",{className:"flex-none self-start py-1 text-left"},"序號號碼："),l.createElement("span",{className:"break-all py-1"},C||"-")),Boolean(g)&&l.createElement("div",{className:"flex items-center"},l.createElement("span",{className:"flex-none self-start py-1 text-left"},"訂單編號："),l.createElement("span",{className:"break-all py-1"},g||"-")),H&&l.createElement("div",{className:"flex items-center"},l.createElement("span",{className:"flex-none self-start py-1 text-left"},"折扣碼："),l.createElement("span",{className:"break-all py-1"},(null==H?void 0:H.code)||"-"))),(0,w.A)(A)&&l.createElement(V,{expiredAt:A,willRenew:S,willSoonExpire:B,isFromKKTV:Z,isHiddenWillRenew:ee,isFromUnfulfilled:O}),d&&l.createElement("div",{className:"mt-4 flex items-center text-12 leading-normal text-linetv-medium-emphasis"},l.createElement("i",{className:"icon_web_information mr-1 self-start text-20 text-linetv-grey-100"}),l.createElement("div",null,u?l.createElement(l.Fragment,null,l.createElement("span",null,"此為您尚未使用完畢的先前方案，服務"),l.createElement("span",{className:"text-linetv-primary"},`剩餘天數：${P}天`)):l.createElement(l.Fragment,null,l.createElement("span",null,"本方案"),l.createElement("span",{className:"text-linetv-primary"},`天數：${P}天`)),l.createElement("span",null,"，待現行方案取消訂閱且期滿後，將自動接續使用。"),l.createElement("a",{className:"underline",href:(0,N.s)(s.PV.UNFULFILLED_PLAN_INFO),target:"_blank",rel:"noopener noreferrer"},"了解更多")))),W&&l.createElement(F,{canUnsubscribe:R,onUnsubscribe:U,isShowResubscribeButton:te,handleKKTVSubscriptionManagement:ie,className:"inline-block md:w-auto",isFromKKTV:Z})),Y&&l.createElement(M,null),l.createElement("hr",{className:"my-4 md:hidden"}),!W&&l.createElement(F,{canUnsubscribe:R,onUnsubscribe:U,isShowResubscribeButton:te,handleKKTVSubscriptionManagement:ie,className:"block w-full",isFromKKTV:Z}))}D.defaultProps={isUnsubscribedText:"已取消續訂",willSoonExpire:!1,priceText:"",packageInfo:-1,onUnsubscribe:()=>{}};const L=D;var $=n(55314);const H="COUPON",X="VIP",j="CONTENT",Q="SHARE_PLAN",W={[H]:{TITLE:"取消訂閱，就無法免費體驗！",LEAD_TEXT:"取消訂閱後，您將立即失去序號期間享有的 VIP 會員體驗：",BENEFITS:["全站無限暢看","1080P 高畫質＋大螢幕投放","無廣告追劇","雙字幕功能"]},[X]:{TITLE:"確定要取消訂閱 LINE TV？",LEAD_TEXT:"取消訂閱後，您將於到期日失去以下 VIP 體驗：",BENEFITS:["全站無限暢看","1080P 高畫質","無廣告追劇","雙字幕功能"]},[j]:{TITLE:"取消訂閱，就無法觀賞主題館內容！",LEAD_TEXT:"取消訂閱後，您將立即失去本主題館的獨家觀看權：",BENEFITS:["主題館限å

1®šåŠ‡é›†ç„¡é™è§€çœ‹","1080P 高畫質播放","無廣告追劇體驗"],NOTE:"取消後仍可觀看一般免費內容，但無法再觀看本主題館限定作品。"},[Q]:{TITLE:"確定要取消訂閱 LINE TV？",LEAD_TEXT:"取消訂閱後，您與所有共享成員將於到期日失去以下 VIP 體驗：",BENEFITS:["全站無限暢看","1080P 高畫質","無廣告追劇","雙字幕功能"]}},G={[X]:[{TEXT:"價格太高/預算考量"},{TEXT:"內容/片庫不夠豐富或缺乏新內容"},{TEXT:"使用頻率太低，不划算"},{TEXT:"技術問題(畫質、當機、跨裝置體驗)"},{TEXT:"已選擇其他影視串流平台"},{TEXT:"已經看完想看的內容"},{TEXT:"帳單/扣款問題"}],[j]:[{TEXT:"已看完本主題館的劇集內容"},{TEXT:"價格太高/預算考量"},{TEXT:"主題館內容與預期不符"},{TEXT:"主題館劇集數量太少，不划算"},{TEXT:"誤訂閱/不清楚訂閱內容範圍"},{TEXT:"想改訂閱其他主題館"},{TEXT:"帳單/扣款問題"}]},z=r.Ay.section.withConfig({displayName:"Questionnaire__StyledQuestionnaire",componentId:"sc-11fyxb0-0"})(["display:flex;flex:1 1 0%;min-height:0;flex-direction:column;"]),q=r.Ay.h1.withConfig({displayName:"Questionnaire__StyledTitle",componentId:"sc-11fyxb0-1"})(["flex:none;padding:0 30px;font-size:18px;font-weight:700;text-align:center;color:",";"],f.theme.colors["linetv-high-emphasis"]),Z=r.Ay.div.withConfig({displayName:"Questionnaire__StyledReasonList",componentId:"sc-11fyxb0-2"})(["margin-top:16px;",""],({isMobile:e})=>e&&"\n      flex: 1 1 0%;\n      min-height: 0;\n      max-height: 350px;\n      overflow-y: auto;\n      overscroll-behavior: contain;\n    "),J=(0,r.Ay)($.A).withConfig({displayName:"Questionnaire__StyledReasonItem",componentId:"sc-11fyxb0-3"})(["padding:12px 30px 12px 24px;border-bottom:1px solid ",";&:first-child{border-top:1px solid ",";}"],f.theme.colors["linetv-divider"],f.theme.colors["linetv-divider"]),Y=r.Ay.div.attrs({className:"StyledModal--btn-wrapper StyledModal--btn-wrapper-rwd-column"}).withConfig({displayName:"Questionnaire__StyledActionRow",componentId:"sc-11fyxb0-4"})(["flex:none;padding:0 30px;button{font-weight:700;}"]),ee=({type:e,setIsShowQuestionnaire:t,onKeepSubscription:n,onConfirmCancel:i})=>{const[r,o]=(0,l.useState)(""),s=(0,a.d4)(e=>Boolean(e.deviceType.isMobile)),c=e=>{o(e.target.value)};return l.createElement(z,null,l.createElement(q,null,"請與我們分享您取消的原因。"),l.createElement(Z,{isMobile:s},G[e].map(({TEXT:e})=>l.createElement(J,{key:e,onClick:c,value:e,isChecked:r===e,readOnly:!0},e))),l.createElement(Y,null,l.createElement("button",{type:"button",onClick:()=>{E.ampli.cancelButtonClicked({cancelled_reason:r,title:"請與我們分享您取消的原因。",button_text:"確定取消",...(0,y.iO)(h.B8.SUBSCRIPTION)}),i(),t(!1)},className:"btn--secondary StyledModal--btn-rwd",disabled:!r},"確定取消"),l.createElement("button",{type:"button",onClick:()=>{n(),t(!1)},className:"btn--primary"},"保留訂閱")))};ee.defaultProps={onKeepSubscription:()=>{},onConfirmCancel:()=>{}};const te=ee;var ne=n(56347),le=n(51601),ie=n(10303),ae=n(64236);const re="查看方案",oe=r.Ay.div.withConfig({displayName:"UserSubscription__StyledNotSubscriptionContent",componentId:"sc-1m0q6jb-0"})(["margin:40px auto 0;max-width:400px;display:flex;flex-direction:column;align-items:center;.not-subscription-content__image{width:128px;height:128px;margin-top:20px;}.not-subscription-content__title{margin-top:24px;flex:none;font-size:18px;font-weight:700;color:rgba(255,255,255,0.9);}.not-subscription-content__description{margin-top:12px;flex:none;text-align:center;font-size:14px;font-weight:500;color:rgba(255,255,255,0.6);}.not-subscription-content__buttons{width:100%;margin-top:20px;display:flex;justify-content:center;gap:20px;.not-subscription-content__button{font-weight:700;flex-grow:1;cursor:pointer;}}"]),se=r.Ay.div.attrs({className:"flex items-center text-20 font-700 mt-8 text-linetv-high-emphasis"}).withConfig({displayName:"UserSubscription__SectionNameWithBorder",componentId:"sc-1m0q6jb-1"})(["border-left:solid 0.5rem;border-color:",";padding-left:0.75rem;"],f.theme.colors["linetv-primary"]),ce=()=>{var e;const t=(0,a.wA)(),{isQuestionnaireOpen:n,setIsShowQuestionnaire:r,questionnaireType:C,keepSubscription:_,confirmCancel:w}=(()=>{const e=(0,a.wA)(),t=(0,ne.W6)(),[n,i]=(0,l.useState)(!1),{isMobile:r}=(0,a.d4)(e=>e.deviceType),u=(0,a.d4)(e=>e.user.profile),v=(0,a.d4)(d.W7),b=(0,a.d4)(d.pg),f=(0,a.d4)(d._z),g=(0,a.d4)(d.Ju),N=(0,a.d4)(d.RM),C=(0,a.d4)(e=>e.user.unsubscribeState),_=(0,a.d4)(d.sI),w=(0,ae.k)(),T=(0,l.useMemo)(()=>{var e,t;return(null==v?void 0:v.type)===o.Kp?j:(null==b?void 0:b.source)===(null===o.Vl||void 0===o.Vl?void 0:o.Vl.PromotionCode)?H:null!=b&&null!==(e=b.sharePlanSummary)&&void 0!==e&&e.holder&&(null==b||null===(t=b.sharePlanSummary)||void 0===t||null===(t=t.plan)||void 0===t?void 0:t.persons)>1?Q:X},[null==v?void 0:v.type,null==b?void 0:b.source,null==b?void 0:b.sharePlanSummary]),I=T===j?j:X,S=C===c.wr&&Boolean(v),A=S&&n,B=S&&!n,O=t=>{e((0,k.vD)(t)),e((0,k.to)())},P=()=>{e((0,k.Oo)()),e((0,m.kS)())},R=()=>{var e;const t=null==v?void 0:v.type,n=(0,K.A)(new Date,"yyyy/MM/dd HH:mm:ss"),l=null!==(e=null==u?void 0:u.accountId)&&void 0!==e?e:"";let i="",a="";var r,c;if(t===o.vZ&&Object.keys(b).length>=1&&(i=`VIP ${b.product.name} - ${b.orderId}`,a=null!==(r=null===(c=o.dw[b.source])||void 0===c?void 0:c.name)&&void 0!==r?r:""),t===o.Kp&&f){var m,d,p,x;const e=null==v?void 0:v.id,t=f.find(t=>

1t.id===e);i=`${null!==(m=null===(d=g[t.srcInfo.deal])||void 0===d?void 0:d.name)&&void 0!==m?m:""} - ${t.srcInfo.order.id}`,a=null!==(p=null===(x=o.dw[t.srcInfo.order.paymentGateway.code])||void 0===x?void 0:x.name)&&void 0!==p?p:""}(0,le.o)("LINE TV 取消訂閱失敗",`[${n}]%0D%0A會員編號：${l}%0D%0A欲取消的訂單：${i}%0D%0A付款方式：${a}%0D%0A${s.be}`),P()},U=()=>{var t,n,l,a,s;(null==v?void 0:v.type)===o.vZ&&((0,p.QF)({item_title:"取消訂閱",item_id:"cancel_subscribe",purchase_model:"vip",plan_payment:null===(t=b.product)||void 0===t?void 0:t.name,order_id:b.orderId}),(0,ie.A)({api:"user_preference",event1:null==b||null===(n=b.product)||void 0===n?void 0:n.id,event3:null==b||null===(l=b.product)||void 0===l?void 0:l.name,event4:"Subscription_Summary_Page",event5:"RegularVIP_CancelReminder_Popups",event6:null!==(a=w.utm_medium)&&void 0!==a?a:"",event7:null!==(s=w.utm_campaign)&&void 0!==s?s:"",event9:"取消訂閱",event10:"Click",isMobile:r,profile:u})),E.ampli.cancelButtonClicked({title:W[T].TITLE,button_text:"下一步",...(0,y.iO)(h.B8.SUBSCRIPTION)}),e((0,k.Oo)()),i(!0)},M=()=>{var e,t,n,l,i;(null==v?void 0:v.type)===o.vZ&&((0,p.QF)({item_title:"維持現有方案",item_id:"keep_subscribe",purchase_model:"vip",plan_payment:null===(e=b.product)||void 0===e?void 0:e.name,order_id:b.orderId}),(0,ie.A)({api:"user_preference",event1:null==b||null===(t=b.product)||void 0===t?void 0:t.id,event3:null==b||null===(n=b.product)||void 0===n?void 0:n.name,event4:"Subscription_Summary_Page",event5:"RegularVIP_CancelReminder_Popups",event6:null!==(l=w.utm_medium)&&void 0!==l?l:"",event7:null!==(i=w.utm_campaign)&&void 0!==i?i:"",event9:"維持現有方案",event10:"Click",isMobile:r,profile:u})),P()},F=()=>{e((0,m.al)())};return(0,l.useEffect)(()=>{B?O(N?(()=>{const{TITLE:e,LEAD_TEXT:t,BENEFITS:n,NOTE:i}=W[T];return{image:{url:`${x.A}/svg/${r?"image_NO_g":"image_NO_w"}.svg`,alt:"cancel-subscription",className:`${!r&&"pt-2.5 px-10"}`},title:{text:e},description:{text:l.createElement(l.Fragment,null,l.createElement("p",null,t),l.createElement("ul",{className:"mt-1 list-disc pl-5"},n.map(e=>l.createElement("li",{key:e},e))),i&&l.createElement("p",{className:"mt-3"},i))},isEnableCloseButton:!1,actionButton:{primaryButton:{text:"保留訂閱",onClick:M},secondaryButton:{text:"下一步",onClick:U}}}})():{image:{url:""},title:{text:"請確認付費平台"},description:{text:"目前你的帳號是在其他平台上購買，如需取消訂閱，請至原本的購買平台上取消。"},isEnableCloseButton:!1,actionButton:{primaryButton:{text:"我知道了",onClick:P}}}):C!==c.gU?C!==c.Kd?C!==c.iM?_!==c.iM?e((0,k.Oo)()):O({image:{url:""},title:{text:"操作失敗"},description:{text:"目前遇到一點狀況，請再重新嘗試"},isEnableCloseButton:!1,actionButton:{primaryButton:{text:"回到首頁",onClick:()=>{e((0,k.Oo)()),t.push("/")}},secondaryButton:{text:"重試一次",onClick:()=>{window.location.reload()}}}}):O({image:{url:""},title:{text:"取消訂閱失敗"},description:{text:"目前處理上遇到一點狀況，請稍後再試"},isEnableCloseButton:!0,closeButtonOnClick:P,actionButton:{primaryButton:{text:"重試一次",onClick:F},secondaryButton:{text:"聯絡客服",onClick:R}}}):O({image:{url:""},title:{text:"您已取消訂閱",className:"text-center"},description:{text:"感謝您一直以來的支持！我們將持續提供優質服務，期待您的再次加入！",className:"text-center"},isEnableCloseButton:!1,actionButton:{primaryButton:{text:"關閉",className:"w-full",onClick:P}}}):O({image:{url:`${x.A}/LINETV_loading.gif`,alt:"loading",style:{display:"block",width:"56px",margin:"24px auto 0"}},title:{text:"",className:"hidden"},description:{text:"正在替您取消續訂...請稍候",className:"text-center"},isEnableCloseButton:!1,actionButton:{}})},[e,B,N,C,_,T]),(0,l.useEffect)(()=>()=>e((0,k.Oo)()),[e]),(0,l.useEffect)(()=>{var e,t,n,l,i;C===c.wr&&(null==v?void 0:v.type)===o.vZ&&((0,p.$)({purchase_model:"vip",plan_payment:null===(e=b.product)||void 0===e?void 0:e.name,order_id:b.orderId}),(0,ie.A)({api:"user_preference",event1:null==b||null===(t=b.product)||void 0===t?void 0:t.id,event3:null==b||null===(n=b.product)||void 0===n?void 0:n.name,event4:"Subscription_Summary_Page",event6:null!==(l=w.utm_medium)&&void 0!==l?l:"",event7:null!==(i=w.utm_campaign)&&void 0!==i?i:"",event9:"RegularVIP_CancelReminder",event10:"Popups",isMobile:r,profile:u}))},[v,b,C]),{isQuestionnaireOpen:A,setIsShowQuestionnaire:i,questionnaireType:I,keepSubscription:M,confirmCancel:F}})(),T=(0,a.d4)(e=>Boolean(e.deviceType.isMobile)),I=(0,a.d4)(e=>e.user.profile),S=(0,a.d4)(d.pg),A=(0,a.d4)(d._z),B=(0,a.d4)(d.NC),O=(0,a.d4)(d.sI),P=O===c.g

1U,R=O===c.Kd,U=Boolean(R&&Object.keys(S).length<1&&A.length<1&&B.length<1),M=Boolean(Object.keys(S).length>=1||A.length>=1),F=(0,l.useMemo)(()=>{var e,t;if(null!=S&&null!==(e=S.sharePlanSummary)&&void 0!==e&&e.holder&&(null==I?void 0:I.accountId)!==(null==S||null===(t=S.sharePlanSummary)||void 0===t||null===(t=t.holder)||void 0===t?void 0:t.accountId))return!1;return!!S.willRenew},[null==S?void 0:S.willRenew,null==S?void 0:S.sharePlanSummary,null==I?void 0:I.accountId]),V=e=>{(0,p.rs)({button_title:"取消訂閱"}),E.ampli.cancelButtonClicked({...(0,y.iO)(h.B8.SUBSCRIPTION),button_text:"取消訂閱"}),t((0,m.Fr)(e))},D=null!==(e=o.dw[null==S?void 0:S.source])&&void 0!==e?e:{};let $=0;const G=null==B?void 0:B.map(e=>{var t;const n=null!==(t=o.dw[null==e?void 0:e.source])&&void 0!==t?t:{},i=Math.ceil(e.remainingTimeInMs/1e3/86400),a="remaining"===e.type;return $+=i,l.createElement(L,{key:e.orderId,isUnfulfilled:!0,isRemaining:a,name:e.product.name,price:a?null:e.product.specialOffer||e.product.price,period:Number.parseInt(e.product.days),paymentGateway:n.name,orderId:e.orderId,promotionCode:e.code,remainDays:i,labelText:"VIP",labelTextColor:"#000",labelBackgroundColor:"#FFCC00",className:"mt-5"})});return(0,l.useEffect)(()=>{t((0,m.CO)(!0))},[t]),(0,l.useEffect)(()=>{t((0,m.tN)())},[t]),(0,l.useEffect)(()=>{U&&(0,p.wk)({imp_type:u.N0.PURCHASE_PLAN_ENTRANCE,imp_id:u.ZO.SUBSCRIPTION_MANAGEMENT})},[U]),(0,l.useEffect)(()=>{E.ampli.subscriptionOrderPageViewed()},[]),P?l.createElement("div",{className:"p-5"},l.createElement(b.default,{className:"mx-auto"})):l.createElement(l.Fragment,null,l.createElement("h1",{className:"text-28 font-700 text-linetv-high-emphasis md:text-26"},"訂單管理"),U&&l.createElement(oe,null,l.createElement("img",{className:"not-subscription-content__image",src:`${x.A}/svg/no_subscription.svg`}),l.createElement("div",{className:"not-subscription-content__title"},"目前沒有正在訂閱的方案"),l.createElement("div",{className:"not-subscription-content__description"},"若已完成訂閱但未顯示在此，可先透過常見問題快速確認原因與解決方式"),l.createElement("div",{className:"not-subscription-content__buttons"},l.createElement("a",{className:"btn--secondary not-subscription-content__button",href:(0,N.s)(s.PV.SUBSCRIPTION_SYNC_ISSUE),target:"_blank",rel:"noreferrer"},"常見問題"),l.createElement(i.N_,{className:"btn--primary not-subscription-content__button",to:`/purchase/vip?source=${u.ZO.SUBSCRIPTION_MANAGEMENT}`,onClick:()=>{(0,p.rs)({button_title:re,button_id:u.QM,button_loc:u.ZO.SUBSCRIPTION_MANAGEMENT})}},re))),M&&l.createElement(se,null,"現行方案"),Object.keys(S).length>1&&l.createElement(L,{name:S.product.name,price:S.isFromUnfulfilled?null:S.product.specialOffer||S.product.price,period:Number.parseInt(S.product.days),isUnsubscribed:S.isCancelled,paymentGateway:D.name,orderId:S.orderId,promotionCode:S.code,willRenew:!!S.willRenew,expiredAt:S.expiredAt,isFromUnfulfilled:S.isFromUnfulfilled,canUnsubscribe:F,latestStatus:S.latestStatus,sharePlanSummary:null==S?void 0:S.sharePlanSummary,isIAPWithUnsubscribed:S.isIAP&&S.isCancelled,discountInfo:null==S?void 0:S.discountInfo,onUnsubscribe:()=>V({type:o.vZ}),labelText:"VIP",labelTextColor:f.theme.colors["linetv-btn-content"],labelBackgroundColor:f.theme.colors["linetv-yellow"],className:"mt-5",source:S.source}),A.map(e=>{var t,n;const i=e.srcInfo.deal,a=e.srcInfo.order.paymentGateway.code,r=o.dw[a],s=e.ownerId===(null==I?void 0:I.accountId)&&e.willRenew&&!i.cancelledAt;return l.createElement(L,{key:e.id,name:i.name,priceText:null===(t=e.item)||void 0===t||null===(t=t.metadata)||void 0===t?void 0:t.priceText,packageInfo:null===(n=e.item)||void 0===n?void 0:n.package,price:e.item.metadata.price,period:Number.parseInt(e.item.metadata.days),isUnsubscribed:Boolean(i.cancelledAt),paymentGateway:null==r?void 0:r.name,orderId:e.srcInfo.order.id,willRenew:!!e.willRenew,expiredAt:e.expiredAt,willSoonExpire:e.willSoonExpire,canUnsubscribe:s,onUnsubscribe:()=>V({type:o.Kp,id:e.id}),labelText:e.isTVOD?"租借":"訂閱",labelTextColor:f.theme.colors["linetv-high-emphasis"],labelBackgroun

1dColor:e.isTVOD?f.theme.colors["linetv-blue"]:f.theme.colors["linetv-coral"],className:"mt-5"})}),(null==B?void 0:B.length)>=1&&l.createElement("div",{className:"mt-8 flex items-center text-20 font-700 text-linetv-high-emphasis"},l.createElement("div",{className:"mr-3 h-7 w-2 bg-linetv-primary"}),l.createElement("div",{className:"md:flex md:items-center"},l.createElement("span",{className:"align-middle"},"接續方案"),l.createElement("span",{className:"mx-2 mt-[2px] inline-block h-5 w-[1px] bg-linetv-grey-600 align-middle"}),l.createElement("br",null),l.createElement("span",{className:"align-middle"},"總剩餘天數："),l.createElement("span",{className:"align-middle text-linetv-primary"},`共${$}天`),l.createElement(g.A,{className:"ml-2 inline-block align-middle",placement:T?"bottom-end":"right",content:"現行方案取消訂閱且到期後，將依序使用"},l.createElement("i",{className:"icon_web_information text-24 leading-7 text-linetv-grey-100"})))),G,l.createElement(v.A,{isOpen:n,style:{content:{maxWidth:"25rem",padding:"30px 0",...T&&{maxHeight:"100%",display:"flex",flexDirection:"column"}}}},l.createElement(te,{type:C,setIsShowQuestionnaire:r,onKeepSubscription:_,onConfirmCancel:w})))}},66007:(e,t,n)=>{n.d(t,{s:()=>i});var l=n(68553);function i(e,t={}){if(!e)return"";const n=(0,l.I)();if(!n||0===Object.keys(n).length)return e;try{const l=new URL(e),i={...n,...t},a=btoa(encodeURIComponent(JSON.stringify(i)));return l.searchParams.set("data",a),l.toString()}catch(t){return console.error("[helpUrlFactory] addMeta error:",t),e}}},92635:(e,t,n)=>{n.d(t,{CS:()=>l,G6:()=>i,vU:()=>r,zg:()=>a});const l={TOPIC:"TOPIC",FAKEVOUCHER:"FAKEVOUCHER"},i={[l.TOPIC]:{TITLE:"此內容為主題付費項目",DESCRIPTION:"購買後可觀看此內容所有集數"},[l.FAKEVOUCHER]:{TITLE:"此內容為全集兌換付費項目",DESCRIPTION:"購買後30天內可觀看此內容所有集數"}},a="PACKAGE_DISCONTINUED",r={[l.TOPIC]:"您已購買此專案，立即前往觀看並享受無廣告的體驗吧！",[l.FAKEVOUCHER]:"您已購買單劇全集兌換券，立即前往觀看並享受無廣告的體驗吧！",[a]:"此方案目前無法購買"}}}]);