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

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[8989],{8038:(e,t,a)=>{a.d(t,{A:()=>s});var r=a(96540),n=a(56347);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},l.apply(null,arguments)}const i=["_top","_parent","_blank","_self"],s=e=>{const{children:t,onClick:a,isDrama:s,...o}=e,c=(0,n.W6)();return r.createElement("a",l({onClick:async function(e){e.persist(),e.preventDefault();const t=e.currentTarget.href,r=e.currentTarget.target;"function"==typeof a&&await a(e),s?c.push((e=>{try{const{pathname:t,search:a}=new URL(e);return`${t}${a}`}catch{return String(e).replace(/^https?:\/\/[^/]+/i,"")||e}})(t)):window.open(t,i.includes(r)?r:"_self","_blank"===r?"noopener":"")}},o),t)}},8242:(e,t,a)=>{a.d(t,{A:()=>s});var r=a(96540),n=a(92568),l=a(90480);const i=n.Ay.div.withConfig({displayName:"DramaPoster__StyledDramaPoster",componentId:"sc-14b0gwk-0"})(["width:100%;.drama-poster__item{position:relative;background:#4c4c4c;border-radius:4px;overflow:hidden;display:block;padding:0;&::before{content:'';display:block;width:100%;padding-bottom:calc(100% / ",");}}.drama-poster__album-cover{object-fit:cover;width:100%;height:100%;margin:0;inset:0;position:absolute;}.drama-poster__album-linear-gradient{width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;z-index:10;background-image:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 12.5%,rgba(0,0,0,0) 25%),linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 12.5%,rgba(0,0,0,0) 25%);}"],({isVertical:e})=>e?"1425 * 2000":"16 * 9"),s=({imageUrl:e,labels:t,name:a,isVertical:n})=>r.createElement(i,{isVertical:n},r.createElement("figure",{className:"drama-poster__item"},r.createElement("div",{className:"drama-poster__album-linear-gradient"}),r.createElement("img",{className:"drama-poster__album-cover",src:e,alt:a,loading:"lazy"}),t&&t.length>0&&r.createElement(l.A,{labels:t,isVertical:n})))},28832:(e,t,a)=>{a.r(t),a.d(t,{default:()=>L});var r=a(96540),n=a(61225),l=a(56347),i=a(86663),s=a(56189),o=a(31769),c=a(34463),m=a(92568),d=a(58865),p=a(92366),h=a(57610),u=a(98365),g=a(8649),_=a(8029),x=a(56691),f=a(84510),b=a(43339),w=a(8242);const{screen1024:v,screen480:y}=x.screensValue,E=m.Ay.div.withConfig({displayName:"SearchResultPageItem__StyledSearchResultPageItem",componentId:"sc-16eve8p-0"})(["&:hover{.search-result-page-item__title{color:#14c856;}}.search-result-page-item__container{position:relative;}.search-result-page-item__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:14px;line-height:1.6;color:#e5e5e5;margin-top:8px;@media (max-width:","px){font-size:16px;color:#b2b2b2;}@media (max-width:","px){font-size:14px;margin-top:4px;padding-left:4px;}}"],v,y),k=e=>{const{link:t,name:a,vertical_poster:n,labels:l,handleClick:i}=e;return r.createElement(E,null,r.createElement(b.A,{href:t,onClick:null!=i?i:null},r.createElement("div",{className:"search-result-page-item__container"},r.createElement(w.A,{imageUrl:n,labels:l,name:a,isVertical:!0})),r.createElement("h3",{className:"search-result-page-item__title"},a)))},{screen1024:C,screen1440:N,screen768:A,screen480:S}=x.screensValue,z=m.Ay.section.withConfig({displayName:"SearchResult__StyledSearchResultContainer",componentId:"sc-1ass31o-0"})(["margin:0 200px;@media (max-width:","px){margin:0 100px;}@media (max-width:","px){margin:0 60px;}@media (max-width:","px){margin:0 40px;}@media (max-width:","px){margin:0 16px;}.search-result__spinner-container{padding:44px 20px;@media (min-width:768px){padding:68px 20px;}}.search-result__title{margin:27px 0 20px 0;font-size:20px;font-weight:700;color:rgba(255,255,255,0.9);@media (min-width:768px){font-size:26px;}.search-result__title-query{color:#14c856;}}.search-result__drama-list-container{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px;row-gap:24px;@media (max-width:","px){grid-template-columns:repeat(5,minmax(0,1fr));}@media (max-width:","px){grid-template-columns:repeat(4,minmax(0,1fr));}@media (max-width:","px){grid-template-columns:repeat(3,minmax(0,1fr));column-gap:6px;row-gap:12px;}}.search-result__empty-container{margin:24px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;@media (min-width:768px){margin:75px 0;flex-direction:row;align-items:center;}}.search-result__empty-figure{width:300px;flex:none;text-align:center;line-height:1;@media (min-width:768px){padding-right:20px;}}.search-result__empty-content{text-align:left;}.search-result__empty-heading{margin-bottom:20px;font-size:16px;font-weight:600;color:rgba(255,255,255,0.9);}.search-result__empty-query{white-space:pre-wrap;color:#14c856;}.search-result__recommendation-title{margin:12px 0;font-size:26px;font-weight:700;color:rgba(255,255,255,0.9);@media (min-width:768px){margin:20px 0;}}.search-result__empty-description-list{font-size:14px;font-weight:500;color:rgba(255,255,255,0.6);li{padding-left:24px;&:before{content:'\\2022';}}}"],N,C,A,S,C,A,S),L=(0,n.Ng)(e=>({summaryDramas:(0,h.kz)(e),summaryFetched:(0,h.eO)(e),allDramasInfo:(0,h.Lc)(e)}))(({summaryDramas:e,summaryFetched:t,allDramasInfo:a})=>{const m=(0,n.d4)(e=>Boolean(e.deviceType.isDesktop)),h=(0,l.zy)(),[x,b]=(0,r.useState)(""),[w,v]=(0,r.useState)(null),[y,E]=(0,r.useState)(null),[C,N]=(0,r.useState)([]);(0,r.useEffect)(()=>{s.ampli.searchPageViewed({...(0,o.fq)(h.search)})},[]),(0,r.useEffect)(()=>{var e,t;const a=null!==(e=null===(t=(0,i.parse)(h.search))||void 0===t?void 0:t.q)&&void 0!==e?e:"";b(a)},[h]),(0,r.useEffect)(()=>

1{if(t){const t=(0,u.A)(x,e);v(t)}},[t,x,e]),(0,r.useEffect)(()=>{if((null==w?void 0:w.length)<=0)if(y){const e=[...y].sort(()=>.5-Math.random()).slice(0,6);N(e)}else(async()=>{try{const e=await(0,f.k)();E(e.topSearch)}catch(e){E(null)}})()},[w,y]);const A=(e,t)=>()=>{const{drama_id:a,name:r,actors:n}=e,l=null==n?void 0:n.map(e=>e.name).filter(Boolean);s.ampli.contentItemClicked({...(0,o.iO)(c.B8.SEARCH),item_index:t,content_id:String(a),content_name:r,...(null==l?void 0:l.length)>0?{content_cast:l}:{}})};return r.createElement(z,{className:"break-words"},(!t||!w)&&r.createElement("div",{className:"search-result__spinner-container"},r.createElement(p.default,{className:"mx-auto",size:"48px",borderWidth:"5px"})),t&&(null==w?void 0:w.length)>0&&r.createElement(r.Fragment,null,r.createElement("h1",{className:"search-result__title"},"搜尋「",r.createElement("span",{className:"search-result__title-query"}," ",x," "),"」的相關結果"),r.createElement("div",{className:"search-result__drama-list-container"},w.map((e,t)=>{const{drama_id:a,name:n,vertical_poster:l,labels:i}=e;return r.createElement(k,{key:a,link:(0,g.A)(`/drama/${a}`,{source:_.ZO.SEARCH_RESULT_PAGE,drama_id:a}),name:n,vertical_poster:l,labels:i,handleClick:A(e,t)})}))),t&&(null==w?void 0:w.length)<=0&&r.createElement(r.Fragment,null,r.createElement("div",{className:"search-result__empty-container"},m?r.createElement("figure",{className:"search-result__empty-figure"},r.createElement("img",{src:`${d.A}/svg/auth_account_not_found.svg`,alt:""})):null,r.createElement("div",{className:"search-result__empty-content"},r.createElement("h2",{className:"search-result__empty-heading"},"找不到符合字詞「",r.createElement("span",{className:"search-result__empty-query"}," ",x," "),"」的搜尋結果。"),r.createElement("ul",{className:"search-result__empty-description-list"},"建議：",r.createElement("li",null,"請檢查有無錯別字。"),r.createElement("li",null,"嘗試以其他關鍵字搜尋。"),r.createElement("li",null,"嘗試以戲劇名稱或是演員名稱搜尋。"),r.createElement("li",null,"嘗試以較少的關鍵字搜尋。")))),C.length>0&&r.createElement(r.Fragment,null,r.createElement("h1",{className:"search-result__recommendation-title"},"其他人都在搜尋"),r.createElement("div",{className:"search-result__drama-list-container"},C.map((e,t)=>{const n=a[e.id];if(!n)return null;const{drama_id:l,name:i,vertical_poster:s,drama_status:o,current_eps:c,labels:m}=n;return r.createElement(k,{key:l,link:(0,g.A)(`/drama/${l}`,{source:_.ZO.SEARCH_RECOMMENDATION,drama_id:l}),name:i,vertical_poster:s,status:o,eps:c,labels:m,handleClick:A(n,t)})})))))})},43339:(e,t,a)=>{a.d(t,{A:()=>s});var r=a(96540),n=a(75029),l=a(8038);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},i.apply(null,arguments)}const s=e=>{const{href:t,...a}=e,s=(0,n.yK)(t);let o="";if(s){const{search:e,dramaId:a,videoId:r}=(0,n.Bp)(t);o=isNaN(r)?`/drama/${a}${e}`:`/drama/${a}/eps/${r}${e}`}else o=t;return r.createElement(l.A,i({href:o,isDrama:s},a))}},57610:(e,t,a)=>{a.d(t,{Lc:()=>l,eO:()=>i,kz:()=>s});var r=a(22325),n=a(79887);const l=e=>e.entities.dramas,i=e=>(e=>e.drama.summaryFetchState)(e)===n.Kd,s=(0,r.Mz)([e=>e.drama.summary,l],(e,t)=>e.map(e=>t[e]))},84510:(e,t,a)=>{a.d(t,{k:()=>i,n:()=>s});var r=a(60882),n=a(68318),l=a(82256);const i=async()=>{try{const e=await r.A.get(`${l.apiHost}${n.A.getTopSearchDramas}`);if(!e.data)throw new Error("No top search dramas data");return e.data}catch(a){var e,t;throw console.error("[fetchTopSearchDramas] Fetch Top Search Dramas Failed: ",null!==(e=null==a||null===(t=a.data)||void 0===t?void 0:t.message)&&void 0!==e?e:null==a?void 0:a.message),a}},s=async(e,t,a)=>{try{return(await r.A.get(`${l.apiHost}${n.A.getChannelFilterResult}`,{pathParams:{channelId:e,sort:t,genreToken:a}})).data}catch(e){var i,s;throw console.error("[fetchChannelFilterResult] Fetch Channel Filter Result Failed: ",null!==(i=null==e||null===(s=e.data)||void 0===s?void 0:s.message)&&void 0!==i?i:null==e?void 0:e.message),e}}},90480:(e,t,a)=>{a.d(t,{A:()=>m});var r=a(96540),n=a(61225),l=a(56347),i=a(92568),s=a(94395),o=a(56691);const c=i.Ay.div.withConfig({displayName:"LabelMask__StyledLabelMask",componentId:"sc-nfyopg-0"})(["font-family:'LineSeedFont','Noto Sans TC';position:absolute;top:0;left:0;height:100%;width:100%;z-index:12;.label-mask__position{position:absolute;display:flex;}.label-mask__item{font-weight:700;line-height:1.5;padding:0 4px;border-radius:2px;}.label-mask__label--top-right{top:0;right:0;.label-mask__item{font-size:10px;display:flex;align-items:center;gap:2px;border-radius:0 0 0 4px;box-shadow:0 0 4px rgba(0,0,0,0.5);@media (min-width:","){font-size:13px;}"," img{height:11px;@media (min-width:","){height:13px;}","}&:first-child{padding-right:8px;margin-right:-4px;","}}}.label-mask__label--top-left{top:",";left:",";"," img{height:24px;@media (min-width:","){height:32px;}","}.label-mask__item{font-size:9px;@media (min-width:","){font-size:10px;}","}}.label-mask__label--bottom-left{bottom:",";left:",";.label-mask__item{font-size:9px;@media (min-width:","){font-size:10px;}","}}}"],o.screens.md,({isVertical:e})=>e&&`\n           @media (min-width: ${o.screens["2xl"]}) {\n            font-size: 16px;\n            padding: 0 6px;\n          }\n      `,o.screens.md,({isVertical:e})=>e&&`\n            @media (min-width: ${o.screens["2xl"]}) {\n              height: 20px;\n            }\n        `,({isVertical:e})=>e&&`\n            @media (min-width: ${o.screens["2xl"]}) {\n              padding-right: 12px;\n              margin-right: -6px;\n              gap: 4px;\n            }\n        `,({isVertical:e})=>e?"2px":"6px",({isVertical:e})=>e?"2px":"6px",({isVertical:e})=>e&&`\n        @media (min-width: ${o.screens.xs}) {\n          top: 4px;\n          left: 4px;\n        }\n    `,o.screens.md,({isVertical:e})=>e&&`\n          @media (min-width: ${o.screens["2xl"]}) {\n            height: 40px;\n          }\n      `,o.screens.md,({isVertical:e})=>e&&`\n          @media (min-width: ${o.screens["2xl"]}) {\n            font-size: 12px;\n          }\n      `,({isVertical:e})=>e?"2px":"6px",({isVertical:e})=>e?"2px":"6px",o.screens.md,({isVertical:e})=>e&&`\n          @media (min-width: ${o.screens["2xl"]}) {\n            font-size: 12px;\n          }\n      `),m=({labels:e,isVertical:t})=>{const a=(0,r.useMemo)(()=>new Set(e.map(e=>e.title)),[e]),i=(0,n.d4)(e=>e.labelConfig),o=(0,n.d4)(s.ZZ),[m,d]=(0,r.useState)([]),[p,h]=(0,r.useState)([]),[u,g]=(0,r.useState)([]),{positions:_,labels:x}=i||{},f=(0,l.zy)().pathname.includes("/channel/"),b=e=>{const t=[];for(const r of e.tier){if(0===a.size)return t;let e=!1;for(const n of r.order){if(0===a.size)return t;if(a.has(n)&&(t.push(n),a.delete(n),e=!0,t.length>=r.max))return t}if(e)return t}return t},w=(e,t)=>{if(e)return!t&&0!==t||t>=1?e:((e,t)=>{const a=e.replace("#","");return`rgba(${parseInt(a.slice(0,2),16)}, ${parseInt(a.slice(2,4),16)}, ${parseInt(a.slice(4,6),16)}, ${t})`})(e,t)};return(0,r.useEffect)(()=>

1{if(!i)return;const{topRight:e,topLeft:t,bottomLeft:a}=_;d(b(e)),h(b(t)),g(b(a))},[a,i]),i?r.createElement(c,{isVertical:t},r.createElement("div",{className:"label-mask__position label-mask__label--top-right"},m.map(e=>{const t=x[e],{iconUrl:a,text:n,textColor:l,bgColor:i,bgAlpha:s}=t;return o&&"VIP"===n&&f?null:r.createElement("div",{key:e,className:"label-mask__item",style:{color:l,backgroundColor:w(i,s)}},a&&r.createElement("img",{src:a,alt:e}),r.createElement("span",null,n))})),r.createElement("div",{className:"label-mask__position label-mask__label--top-left"},p.map(e=>{const a=x[e],{imageUrl:n,imageLargeUrl:l,text:i,textColor:s,bgColor:o,bgAlpha:c}=a;return n?r.createElement("img",{key:e,src:t?n:l,alt:e}):r.createElement("span",{key:e,className:"label-mask__item",style:{color:s,backgroundColor:w(o,c)}},i)})),r.createElement("div",{className:"label-mask__position label-mask__label--bottom-left"},u.map(e=>{const t=x[e],{text:a,textColor:n,bgColor:l,bgAlpha:i}=t;return r.createElement("span",{key:e,className:"label-mask__item",style:{color:n,backgroundColor:w(l,i)}},a)}))):null}},98365:(e,t,a)=>{a.d(t,{A:()=>l});var r=a(50014),n=a.n(r);

1const l=(e="",t=[])=>{if(e.length<=0)return[];const a=e.toLowerCase(),r=t.filter(e=>e.name.toLowerCase().includes(a)).sort((e,t)=>{const r=e.name.toLowerCase().indexOf(a),n=t.name.toLowerCase().indexOf(a),l=parseFloat(e.total_views),i=parseFloat(t.total_views);return r>n?1:r<n||l>i?-1:l<i?1:0}),l=t.filter(e=>e.actors.some(e=>e.name.toLowerCase().includes(a))).sort((e,t)=>{const r=e.actors.find(e=>e.name.toLowerCase().includes(a)).name.toLowerCase().indexOf(a),n=t.actors.find(e=>e.name.toLowerCase().includes(a)).name.toLowerCase().indexOf(a),l=parseFloat(e.total_views),i=parseFloat(t.total_views);return r>n?1:r<n||l>i?-1:l<i?1:0});return n()(r.concat(l),"drama_id")}}}]);