https://web-static.linetv.tw/release-fargate/public/dist/Home-PreferredDramas-fc29915e-prod.js

1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[2066],{659:(e,t,r)=>{var n=r(51873),i=Object.prototype,a=i.hasOwnProperty,o=i.toString,l=n?n.toStringTag:void 0;e.exports=function(e){var t=a.call(e,l),r=e[l];try{e[l]=void 0;var n=!0}catch(e){}var i=o.call(e);return n&&(t?e[l]=r:delete e[l]),i}},9325:(e,t,r)=>{var n=r(34840),i="object"==typeof self&&self&&self.Object===Object&&self,a=n||i||Function("return this")();e.exports=a},10124:(e,t,r)=>{var n=r(9325);e.exports=function(){return n.Date.now()}},23805:e=>{e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},31800:e=>{var t=/\s/;e.exports=function(e){for(var r=e.length;r--&&t.test(e.charAt(r)););return r}},34840:(e,t,r)=>{var n="object"==typeof r.g&&r.g&&r.g.Object===Object&&r.g;e.exports=n},38221:(e,t,r)=>{var n=r(23805),i=r(10124),a=r(99374),o=Math.max,l=Math.min;e.exports=function(e,t,r){var s,c,d,p,m,u,f=0,g=!1,x=!1,h=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function v(t){var r=s,n=c;return s=c=void 0,f=t,p=e.apply(n,r)}function y(e){var r=e-u;return void 0===u||r>=t||r<0||x&&e-f>=d}function _(){var e=i();if(y(e))return b(e);m=setTimeout(_,function(e){var r=t-(e-u);return x?l(r,d-(e-f)):r}(e))}function b(e){return m=void 0,h&&s?v(e):(s=c=void 0,p)}function w(){var e=i(),r=y(e);if(s=arguments,c=this,u=e,r){if(void 0===m)return function(e){return f=e,m=setTimeout(_,t),g?v(e):p}(u);if(x)return clearTimeout(m),m=setTimeout(_,t),v(u)}return void 0===m&&(m=setTimeout(_,t)),p}return t=a(t)||0,n(r)&&(g=!!r.leading,d=(x="maxWait"in r)?o(a(r.maxWait)||0,t):d,h="trailing"in r?!!r.trailing:h),w.cancel=function(){void 0!==m&&clearTimeout(m),f=0,s=u=c=m=void 0},w.flush=function(){return void 0===m?p:b(i())},w}},40346:e=>{e.exports=function(e){return null!=e&&"object"==typeof e}},44394:(e,t,r)=>{var n=r(72552),i=r(40346);e.exports=function(e){return"symbol"==typeof e||i(e)&&"[object Symbol]"==n(e)}},49730:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>R});var n=r(96540),i=r(38221),a=r.n(i),o=r(92568),l=r(75975);const s=(0,o.AH)(["&::after{content:'';position:absolute;top:0;left:-120%;width:100%;height:100%;background:linear-gradient( 110deg,rgba(51,51,51,0) 20%,rgba(229,229,229,0.15) 50%,rgba(51,51,51,0) 80% );animation:shimmer ease-in-out infinite;animation-duration:",";animation-delay:",";}@keyframes shimmer{0%{left:-80%;}45%{left:130%;}46%,100%{left:130%;}}"],({cycleMs:e})=>`${e}ms`,({delayMs:e})=>`${e}ms`),c=o.Ay.div.withConfig({displayName:"OptionItem__StyledOptionItem",componentId:"sc-xkx0sv-0"})(["margin-bottom:4px;display:inline-block;position:relative;overflow:hidden;margin-right:8px;padding:8px 20px;border-radius:40px;background-color:",";color:",";font-size:16px;cursor:pointer;white-space:nowrap;transition:background-color 0.3s,color 0.3s;&:hover{filter:brightness(1.1);}",""],({isActive:e})=>e?"#E5E5E5":"#333333",({isActive:e})=>e?"#1F1F1F":"#B2B2B2",({isAnimationOn:e})=>e&&s),d=({option:e,selectedOptions:t,onClick:r,index:i,length:a})=>{const{title:o,key:l}=e,s=0===t.length,d=500*a,p=400*i;return n.createElement(c,{isActive:t.includes(l),isAnimationOn:s,delayMs:p,cycleMs:d,onClick:()=>r(l)},o)};var p=r(54007),m=r(54657),u=r(56691),f=r(61225),g=r(42238);const{screen768:x,screen480:h}=u.screensValue,v=o.Ay.div.withConfig({displayName:"DramaListPlaceholder__StyledDramaListPlaceholder",componentId:"sc-1v9l6pb-0"})(["position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,1fr);grid-auto-rows:0;overflow:hidden;column-gap:8px;row-gap:20px;@media (max-width:","px){grid-template-columns:repeat(4,minmax(0,1fr));}@media (max-width:","px){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,1fr);column-gap:6px;row-gap:12px;}.preferred-dramas__placeholder-item{display:flex;flex-direction:column;}"],x,h),y=(0,o.Ay)(g.H).withConfig({displayName:"DramaListPlaceholder__SkeletonAlbumCover",componentId:"sc-1v9l6pb-1"})(["width:100%;aspect-ratio:204 / 115;@media (max-width:","px){aspect-ratio:155 / 218;}"],x),_=(0,o.Ay)(g.H).withConfig({displayName:"DramaListPlaceholder__SkeletonTitle",componentId:"sc-1v9l6pb-2"})(["margin-top:6px;width:50%;height:24px;"]),b=()=>{const e=(0,f.d4)(e=>Boolean(e.deviceType.isDesktop));return n.createElement(v,null,Array.from({length:e?10:9}).map((e,t)=>n.createElement("div",{key:t},n.createElement(g.A,{key:t},n.createElement(y,null)),n.createElement(_,null))))};var w=r(68921),E=r(79887),A=r(56189),S=r(92706);const k=o.Ay.div.withConfig({displayName:"EmptyContent__StyledEmptyContent",componentId:"sc-1892qkh-0"})(["padding:60px 0;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;.empty-content__text{font-size:14px;line-height:1.4;font-weight:400;color:#bbbbbd;text-align:center;}"]),D=()=>n.createElement(k,null,n.createElement(S.H4,null),n.createElement("div",{className:"empty-content__text"},"沒有符合的內容",n.createElement("br",null),"切換其他條件看看吧"));var N=r(67010),O=r(1666);const{screen768:I,screen480:C}=u.screensValue,P=o.Ay.section.withConfig({displayName:"PreferredDramas__StyledPreferredDramas",componentId:"sc-1io9ta4-0"})(["position:relative;display:flex;flex-direction:column;@media (max-width:","px),","{gap:16px;margin:0 16px;}"],C,u.tabletMedia),j=o.Ay.div.withConfig({displayName:"PreferredDramas__StyledPreferredDramasHeader",componentId:"sc-1io9ta4-1"})([".preferred-dramas__header-container{display:flex;flex-direction:column;gap:12px;padding:28px 0px 8px;.preferred-dramas__header-title{font-weight:700;font-size:24px;line-height:1.4;letter-spacing:0;color:rgba(255,255,255,0.9);@media (max-width:","px){font-size:16px;}}.preferred-dramas__button-container{display:flex;justify-content:space-between;align-items:flex-start;}@media (max-width:","px),","{padding-bottom:0px;}}"],C,C,u.tabletMedia),T=o.Ay.button.withConfig({displayName:"PreferredDramas__StyledRefetchButton",componentId:"sc-1io9ta4-2"})(["display:",";padding:12px 24px;border-radius:8px;background-color:#e5e5e5;color:#1f1f1f;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;@media (max-width:","px){display:",";}&:hover{filter:brightness(1.1);}"],({isDesktopPosition:e})=>e?"initial":"none",C,({isMobilePosition:e})=>e?"initial":"none"),M=o.Ay.div.withConfig({displayName:"PreferredDramas__StyledDramaList",componentId:"sc-1io9ta4-3"})(["position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:8px;row-gap:20px;@media (max-width:","px){grid-template-columns:repeat(4,minmax(0,1fr));}@media (max-width:","px){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,1fr);grid-auto-rows:0;overflow:hidden;column-gap:6px;row-gap:12px;}

1"],I,C),R=({title:e,datas:t,sectionProperties:r})=>{const i=(0,f.d4)(e=>{var t;return null===(t=e.user)||void 0===t||null===(t=t.profile)||void 0===t?void 0:t.accountId}),o=(0,f.d4)(e=>e.user.loginState===E.jC),s=(0,f.d4)(e=>Boolean(e.deviceType.isDesktop)),[c,u]=(0,n.useState)(!1),[g,x]=(0,n.useState)(!0),[h,v]=(0,n.useState)([]),[y,_]=(0,n.useState)([]),[S,k]=(0,n.useState)(!1),I=(0,n.useRef)(!1),C=(0,n.useRef)(!1),R=(0,N.A)(m.vN),L=(0,O.A)(1024),$=(0,n.useMemo)(()=>t.filter(e=>y.includes(e.key)).map(e=>e.title),[t,y]),B=(0,n.useCallback)(a()(async e=>{try{let t=e;const{datas:n}=await(0,l.Er)({options:y.join(","),limit:s?10:9}).finally(()=>{x(!1)});v(n),I.current||(I.current=!0,t="initial"),A.ampli.filteredResultShowed({...r,filter:$,filter_count:y.length,action_trigger:t,result_count:n.length,content_name_list:n.map(e=>e.name)})}catch(e){console.error("Error fetching preferred dramas:",e),x(!1)}},500),[y,s]);(0,n.useEffect)(()=>{C.current||0!==h.length&&r&&(C.current=!0,A.ampli.contentSectionImpressed({...r,content_name_list:h.map(e=>e.name)}))},[h]),(0,n.useEffect)(()=>{var e,t;_(null!==(e=null===(t=localStorage.getItem(`${w.t8.PREFERRED_DRAMAS_OPTION}_${i}`))||void 0===t?void 0:t.split(",").filter(e=>""!==e))&&void 0!==e?e:[]),k(!0)},[]),(0,n.useEffect)(()=>{S&&o&&localStorage.setItem(`${w.t8.PREFERRED_DRAMAS_OPTION}_${i}`,y)},[S,o,y]),(0,n.useEffect)(()=>(S&&B("filter"),()=>B.cancel()),[B,S]);const H=()=>{x(!0),B("refresh")};return n.createElement(P,{style:{zIndex:c?1:0}},n.createElement(j,null,n.createElement("div",{className:"preferred-dramas__header-container"},n.createElement("h2",{className:"preferred-dramas__header-title"},e),n.createElement("div",{className:"preferred-dramas__button-container"},n.createElement("div",{className:"preferred-dramas__option-list"},t.map((e,r)=>n.createElement(d,{key:e.key,option:e,index:r,length:t.length,selectedOptions:y,onClick:e=>{x(!0),_(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])}}))),n.createElement(T,{isDesktopPosition:!0,className:"preferred-dramas__random-button",onClick:H},"換一批 試手氣")))),g?n.createElement(b,null):0===h.length&&0===y.length?null:0===h.length&&y.length>0?n.createElement(D,null):n.createElement(M,null,h.map((e,t)=>n.createElement("div",{key:e.dramaId,style:{position:"relative"}},n.createElement(p.A,{key:e.dramaId,item:e,index:t,itemsInRow:R,isVertical:L,setIsChildHover:u,sectionProperties:r,filter:$,selectedOptions:y})))),n.createElement(T,{isMobilePosition:!0,className:"preferred-dramas__random-button",onClick:H},"換一批 試手氣"))}},51873:(e,t,r)=>{var n=r(9325).Symbol;e.exports=n},54128:(e,t,r)=>{var n=r(31800),i=/^\s+/;e.exports=function(e){return e?e.slice(0,n(e)+1).replace(i,""):e}},59350:e=>{var t=Object.prototype.toString;e.exports=function(e){return t.call(e)}},72552:(e,t,r)=>{var n=r(51873),i=r(659),a=r(59350),o=n?n.toStringTag:void 0;e.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":o&&o in Object(e)?i(e):a(e)}},99374:(e,t,r)=>{var n=r(54128),i=r(23805),a=r(44394),o=/^[-+]0x[0-9a-f]+$/i,l=/^0b[01]+$/i,s=/^0o[0-7]+$/i,c=parseInt;e.exports=function(e){if("number"==typeof e)return e;if(a(e))return NaN;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=n(e);var r=l.test(e);return r||s.test(e)?c(e.slice(2),r?2:8):o.test(e)?NaN:+e}}}]);