"use strict";(("undefined"!=typeof self?self:this).__LOADABLE_LOADED_CHUNKS__=("undefined"!=typeof self?self:this).__LOADABLE_LOADED_CHUNKS__||[]).push([[51947,51604,59875,91372,88410],{92890:(e,t,a)=>{a.d(t,{Z:()=>f});var o=a(64572),i=a(15861),r=a(94436),n=a(93091),s=a(36239),l=a(61247),d=a(13633),c=a(98531),p=a(94379);function u(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function m(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?u(Object(a),!0).forEach((function(t){(0,o.Z)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):u(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const f=({id:e,httpProxyHeaders:t={}})=>function(){var a=(0,i.Z)((function*(a,o){const i=["user",e],u=(0,c.Z)(o(),i,"isFetching"),f=(0,d.default)(o(),"token");if(!e||u)return{type:""};const g=o();a({type:p.TA,payload:{selectPath:i}});const h={method:"GET",headers:m(m({},(0,n.wU)()),t)};f&&(h.headers.Authorization=`Bearer ${f}`);try{const t=(0,s.Z)({endpoint:`/users/${e}`});let n=yield(0,r.ZP)(t.href,h);n.ok||(n=yield(0,l.Z)({response:n,dispatch:a,getState:o,fetchOptions:h,fetchUrl:t}));const d=(0,c.Z)(g,i,"etag"),u=n.headers.get("etag");if(u&&u===d)return a({type:p.Ij,payload:{selectPath:i,etag:u}});const f=yield n.json();return yield a({type:p.ov,payload:{user:m(m({},f),{},{displayNameLastUpdated:+new Date(n.headers.get("date"))})}}),a({type:p.Ij,payload:{selectPath:i,etag:u}})}catch(e){return a({type:p.g$,payload:{selectPath:i,error:e}})}}));return function(e,t){return a.apply(this,arguments)}}()},1599:(e,t,a)=>{a.d(t,{Z:()=>d});var o=a(15861),i=a(8852),r=a(91614),n=a(61529),s=a(56629),l=a(14330);const d=()=>function(){var e=(0,o.Z)((function*(e){return e((0,s.V)()?(0,r.Z)({textKey:"re_login_on_partner",textKeyOption:{partnerName:l.ZP.t((0,s.P)())},color:"error"}):(0,i.default)({id:n.x4.METHOD_SELECT,isHigherThanAll:!0,transitionStatus:"comingFromBottom"}))}));return function(t){return e.apply(this,arguments)}}()},23820:(e,t,a)=>{a.r(t),a.d(t,{LiveStreamGoalItem:()=>p,default:()=>f});var o=a(67294),i=a(45697),r=a.n(i),n=a(71893),s=a(60712),l=a(89243),d=a(22588),c=a(93924);const p=({started:e=!1,senderId:t=null,senderUsername:a=null,fetchUser:i=(()=>null),goalTitle:r="",target:n=0,t:s,productId:p="",hasToyDevice:f=!1})=>{(0,o.useEffect)((()=>{t&&!a&&i({userId:t})}),[t,a,i]);const g=(0,d.Z)({productId:p,hasToyDevice:f,title:r});return o.createElement(u,{isActive:e},e?o.createElement(m,null,o.createElement(l.default,{text:s("performing_announcement",{username:a,command:g,duration:n,ns:c.TranslationNamespace.LIVESTREAM}),duration:12,justify:"center"})):o.createElement(m,null,`${g} ${s("command_sec",{number:n,ns:c.TranslationNamespace.LIVESTREAM})}`))};p.propTypes={t:r().func.isRequired,started:r().bool,senderId:r().string,senderUsername:r().string,productId:r().string,goalTitle:r().string,target:r().number,hasToyDevice:r().bool,fetchUser:r().func};const u=n.default.div.withConfig({displayName:"LiveStreamGoalItem__StyledLiveStreamGoalItem",componentId:"sc-13mfo2i-0"})(["width:100%;height:20px;padding:4px 8px;font-size:12px;line-height:12px;font-weight:",";color:",";"],(({isActive:e})=>e?600:"normal"),(({isActive:e})=>e?"#ffffff":"#646464")),m=n.default.div.withConfig({displayName:"LiveStreamGoalItem__Text",componentId:"sc-13mfo2i-1"})(["text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;"]),f=(0,s.Zh)()(p)},85885:(e,t,a)=>{a.r(t),a.d(t,{LiveStreamGoalList:()=>S,default:()=>D});var o=a(51721),i=a(64572),r=a(67294),n=a(45697),s=a.n(n),l=a(60712),d=a(71893),c=a(58247),p=a(6046),u=a(66914),m=a(99257),f=a(69942),g=a(27246),h=a(13792),v=a(88024),I=a(42362),y=a(93924);let S=function(e){function t(...t){var a;return a=e.call.apply(e,[this].concat(t))||this,(0,i.Z)(a,"openLiveStreamKaraokeModal",(()=>{const{openModal:e}=a.props;e({id:"LiveStreamKaraokeModal"})})),(0,i.Z)(a,"openLiveStreamToyDeviceKaraokeModal",(()=>{const{openModal:e}=a.props;e({id:"LiveStreamToyDeviceKaraokeModal"})})),a}return(0,o.Z)(t,e),t.prototype.render=function(){const{t:e,hasToyDevice:t,streamId:a,itemIds:o,karaokeIds:i,shouldDisplayKaraokeTooltip:n,status:s}=this.props,l=t?f:m,d=e(t?"livestream_lovense":"command_add",{ns:y.TranslationNamespace.GIFT}),u=t?this.openLiveStreamToyDeviceKaraokeModal:this.openLiveStreamKaraokeModal,g=o.slice(0,2),S=!(null==g||!g.length),D=!(null==i||!i.length),N=[I.kn.PERFORMING,I.kn.PREPARING].includes(s)&&!t;return!D||N?r.createElement(k,null,r.createElement(_,null,e(D?"command_pause":"command_is_not_open",{ns:y.TranslationNamespace.GIFT}))):r.createElement(k,null,S&&r.createElement(b,null,r.createElement(P,null,g.map((e=>r.createElement(c.default,{key:e,goalId:e,hasToyDevice:t}))))),r.createElement(Z,null,r.createElement(L,{"data-element_id":t?v.G1.LiveStream.ButtonLovenseCommandList:v.G1.LiveStream.ButtonCommandList,hasGoals:S,onClick:u,hasToyDevice:t},r.createElement(x,{src:l,alt:"Add"}),r.createElement(T,null,d)),!t&&n&&D&&r.createElement(h.default,{id:"LiveStreamKaraokeTooltip",modalId:v.ZO.LiveStream.CommandHint},r.createElement(p.default,{streamId:a}))))},t}(r.PureComponent);S.propTypes={t:s().func.isRequired,openModal:s().func,karaokeIds:s().arrayOf(s().string),itemIds:s().arrayOf(s().string),streamId:s().string,shouldDisplayKaraokeTooltip:s().bool,status:s().string,hasToyDevice:s().bool},S.defaultProps={openModal:()=>null,karaokeIds:[],itemIds:[],streamId:"",shouldDisplayKaraokeTooltip:!1,status:null,hasToyDevice:!1};const k=d.default.div.withConfig({displayName:"LiveStreamGoalList__StyledLiveStreamGoalList",componentId:"sc-e48hko-0"})(["position:relative;display:flex;flex-direction:column;"]),Z=d.default.div.withConfig({displayName:"LiveStreamGoalList__AddButtonContainer",componentId:"sc-e48hko-1"})(["position:relative;"]),L=d.default.button.withConfig({displayName:"LiveStreamGoalList__AddButton",componentId:"sc-e48hko-2"})(["",";width:128px;height:32px;padding:4px 8px;border-top-left-radius:",";border-top-right-radius:",";border-bottom-left-radius:4px;border-bottom-right-radius:4px;",";font-size:16px;font-weight:600;line-height:1;text-align:center;color:#ffffff;display:flex;align-items:center;justify-content:center;overflow:hidden;",";"],u.Z,(({hasGoals:e})=>e?"0px":"4px"),(({hasGoals:e})=>e?"0px":"4px"),(({hasToyDevice:e})=>e?(0,d.css)(["background-color:rgba(246,65,141,0.8);"]):(0,d.css)(["background-color:rgba(255,209,0,0.8);"])),g.Z.tablet`
    height: 28px;
    font-size: 12px;
  `),x=d.default.img.withConfig({displayName:"LiveStreamGoalList__AddButtonIcon",componentId:"sc-e48hko-3"})(["width:16px;height:16px;margin-right:4px;"]),T=d.default.div.withConfig({displayName:"LiveStreamGoalList__AddButtonText",componentId:"sc-e48hko-4"})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]),b=d.default.div.withConfig({displayName:"LiveStreamGoalList__ListWrapper",componentId:"sc-e48hko-5"})(["max-width:128px;overflow-x:hidden;"]),P=d.default.div.withConfig({displayName:"LiveStreamGoalList__List",componentId:"sc-e48hko-6"})(["position:relative;width:100%;max-height:68px;overflow-y:scroll;padding:4px 0;border-top-left-radius:4px;border-top-right-radius:4px;background-color:rgba(25,25,25,0.8);transition:height 0.2s linear;&::-webkit-scrollbar{display:none;}"]),_=d.default.div.withConfig({displayName:"LiveStreamGoalList__PausedGoalLabel",componentId:"sc-e48hko-7"})(["display:flex;align-items:center;justify-content:center;width:128px;height:28px;padding:4px 8px;opacity:0.5;border-radius:4px;color:#ffffff;background-color:rgba(255,209,0,0.8);font-size:14px;font-weight:600;white-space:nowrap;"]),D=(0,l.Zh)()(S)},68827:(e,t,a)=>{a.r(t),a.d(t,{LiveStreamKaraokeTooltip:()=>g,default:()=>y});var o=a(51721),i=a(64572),r=a(67294),n=a(45697),s=a.n(n),l=a(71893),d=a(60712),c=a(39666),p=a(67735),u=a(1447),m=a(88024),f=a(93924);let g=function(e){function t(...t){var a;return a=e.call.apply(e,[this].concat(t))||this,(0,i.Z)(a,"timeout",null),(0,i.Z)(a,"handleOnClick",(()=>{const{openLiveStreamKaraokeModal:e}=a.props;e()})),a}(0,o.Z)(t,e);var a=t.prototype;return a.componentDidMount=function(){const{close:e}=this.props;this.timeout=setTimeout((()=>{e()}),8e3)},a.componentDidUpdate=function(e){const{streamId:t,close:a}=this.props;t!==e.streamId&&a()},a.componentWillUnmount=function(){clearTimeout(this.timeout)},a.render=function(){const{t:e,status:t,streamId:a,karaokeIds:o}=this.props;return null===o?null:r.createElement(h,{status:t},r.createElement(v,{"data-element_id":m.G1.LiveStream.CommandHint,"data-tracking_payload":{modalId:m.ZO.LiveStream.CommandHint},onClick:this.handleOnClick},r.createElement(I,null,e("command_list_description",{ns:f.TranslationNamespace.GIFT})),null==o?void 0:o.slice(0,3).map((e=>r.createElement(c.default,{key:e,karaokeId:e,streamId:a,shouldUseMarquee:!1,clickable:!1,titleSize:12})))))},t}(r.PureComponent);g.propTypes={t:s().func.isRequired,status:s().string,streamId:s().string,karaokeIds:s().array,close:s().func,openLiveStreamKaraokeModal:s().func},g.defaultProps={status:"display",streamId:"",karaokeIds:null,close:()=>null,openLiveStreamKaraokeModal:()=>null};const h=l.default.div.withConfig({displayName:"LiveStreamKaraokeTooltip__StyledLiveStreamKaraokeTooltip",componentId:"sc-3lypjw-0"})(["position:absolute;top:40px;right:0;width:156px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.5);background-color:rgba(25,25,25,0.9);border-radius:8px;animation:0.6s forwards ",";cursor:pointer;::before{content:'';position:absolute;top:-24px;right:28px;border-bottom:12px solid rgba(25,25,25,0.9);border-right:8px solid transparent;border-left:8px solid transparent;transform:translate(-50%,100%);opacity:0.9;}"],(({status:e})=>"closing"===e?u.Z:p.Z)),v=l.default.div.withConfig({displayName:"LiveStreamKaraokeTooltip__TooltipContainer",componentId:"sc-3lypjw-1"})(["display:flex;flex-direction:column;padding:12px;> button{margin-bottom:4px;}"]),I=l.default.div.withConfig({displayName:"LiveStreamKaraokeTooltip__TooltipTitle",componentId:"sc-3lypjw-2"})(["line-height:1.5;font-size:12px;color:#c8c8c8;margin-bottom:8px;text-align:center;"]),y=(0,d.Zh)()(g)},58247:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var o=a(45007),i=a(23820),r=a(95110),n=a(8348),s=a(92890);const l=(0,o.$j)(((e,{goalId:t})=>{var a;const o=(0,r.Z)(e,[t],"started"),i=(null===(a=(0,r.Z)(e,[t],"levels"))||void 0===a?void 0:a[0])||{},s=(0,r.Z)(e,[t,"context"],"sender_id"),l=(0,r.Z)(e,[t,"context"],"product_id");return{started:o,senderId:s,senderUsername:(0,n.Z)(e,s,"username"),productId:l,goalTitle:null==i?void 0:i.title,target:null==i?void 0:i.target}}),(e=>({fetchUser:({userId:t})=>e((0,s.Z)({id:t}))})))(i.default)},17764:(e,t,a)=>{a.r(t),a.d(t,{default:()=>c});var o=a(45007),i=a(59522),r=a(66813),n=a(95876),s=a(85885),l=a(8852),d=a(97550);const c=(0,o.$j)(((e,{streamId:t,hasToyDevice:a})=>{const o=(0,n.Z)(e,t);return{karaokeIds:(0,i.Z)(e,["liveStream",t,"karaoke",a?d.B.TOY_DEVICE:d.B.DEFAULT],"itemIds"),itemIds:(0,i.Z)(e,["liveStream",t,"goal",a?d.B.TOY_DEVICE:d.B.DEFAULT],"itemIds"),shouldDisplayKaraokeTooltip:(0,r.Z)(e,["liveStream","shouldDisplayKaraokeTooltip"]),status:o}}),(e=>({openModal:({id:t})=>e((0,l.default)({id:t,transitionStatus:"coming",isHigherThanAll:!0}))})))(s.default)},39666:(e,t,a)=>{a.r(t),a.d(t,{default:()=>c});var o=a(45007),i=a(49624),r=a(67785),n=a(98531),s=a(5471),l=a(66813),d=a(43641);const c=(0,o.$j)(((e,{streamId:t,karaokeId:a})=>({productId:(0,s.ZP)(e,[t,"karaoke",a],"product_id"),title:(0,s.ZP)(e,[t,"karaoke",a],"title"),duration:(0,s.ZP)(e,[t,"karaoke",a],"duration"),points:(0,s.ZP)(e,[t,"karaoke",a],"points"),imageSource:(0,d.Z)(e,a,"image"),isFetching:(0,n.Z)(e,["liveStream",t,"gift",a],"isFetching"),giftSendingStatus:(0,l.Z)(e,["liveStream","gift"],"giftSendingStatus")})),((e,{streamId:t,karaokeId:a})=>({sendLiveStreamGift:()=>e((0,r.Z)({streamId:t,giftId:a}))})))(i.default)},6046:(e,t,a)=>{a.r(t),a.d(t,{default:()=>p});var o=a(45007),i=a(68827),r=a(59522),n=a(15861),s=a(8852),l=a(94379);const d=()=>function(){var e=(0,n.Z)((function*(e){return e({type:l.yu,payload:{selectPath:["liveStream"],data:{shouldDisplayKaraokeTooltip:!1}}}),e((0,s.default)({id:"LiveStreamKaraokeModal",isHigherThanAll:!0,transitionStatus:"coming"}))}));return function(t){return e.apply(this,arguments)}}();var c=a(97550);const p=(0,o.$j)(((e,{streamId:t})=>({karaokeIds:(0,r.Z)(e,["liveStream",t,"karaoke",c.B.DEFAULT],"itemIds")})),(e=>({close:()=>e({type:l.yu,payload:{selectPath:["liveStream"],data:{shouldDisplayKaraokeTooltip:!1}}}),openLiveStreamKaraokeModal:()=>e(d())})))(i.default)},97550:(e,t,a)=>{a.d(t,{B:()=>i,d:()=>o});const o={KARAOKE:"karaoke",SHOW:"show",SHOW_FUNDING:"show-funding",LOTTERY:"lottery",TRIGGER_PRIVATE:"trigger-private"},i={DEFAULT:"default",TOY_DEVICE:"toyDevice"}},95110:(e,t,a)=>{a.d(t,{Z:()=>r});var o=a(15785),i=a(43393);const r=(0,a(78392).Z)(((e,t=[])=>e.getIn(["goals"].concat((0,o.Z)(t)))),((e,t,a)=>a),((e,t="")=>{let a=e;if(t&&(a=null==e?void 0:e.get(t),"currentGoalLevel"===t)){const t=(null==e?void 0:e.get("progress"))||0,o=(null==e?void 0:e.get("levels").toJS())||[];(null==o?void 0:o.length)>0&&(a=o.find((e=>t<(null==e?void 0:e.target)))||void 0)}return a instanceof i.Collection?a.toJS():a}))(((e,t,a)=>`${t.join(":")}:${a}`))},5471:(e,t,a)=>{a.d(t,{NS:()=>p,ZP:()=>f,hK:()=>m,ml:()=>u});var o=a(15785),i=a(43393),r=a(78392),n=a(66813),s=a(95110),l=a(42362);const d=[],c=(0,r.Z)(((e,t=d)=>e.getIn(["liveStream"].concat((0,o.Z)(t)))),((e,t,a)=>a),((e,t="")=>{let a=e;return t&&(a=null==e?void 0:e.get(t)),a instanceof i.Collection?a.toJS():a}))(((e,t=d,a="")=>`${t.join(":")}:${a}`)),p=(0,r.Z)(((e,t)=>c(e,[t,"groupPrivate"],"status")),((e,t)=>(0,n.Z)(e,["liveStream","paid",t],"isPrivateStreamUnlocked")),((e,t)=>{const a=c(e,[t,"groupPrivate"],"lastId");return!!(0,s.Z)(e,[a],"agreed")}),((e,t,a)=>e===l.SA.COOLDOWN&&t&&a))(((e,t)=>t)),u=(0,r.Z)(((e,t)=>c(e,[t,"groupPrivate"],"status")),((e,t)=>(0,n.Z)(e,["liveStream","paid",t],"isPrivateStreamUnlocked")),((e,t)=>e===l.SA.CONSIDERING&&!t))(((e,t)=>t)),m=(0,r.Z)(((e,t)=>c(e,[t,"groupPrivate"],"status")),((e,t)=>(0,n.Z)(e,["liveStream","paid",t],"isPrivateStreamUnlocked")),((e,t)=>e===l.SA.CONSIDERING&&t))(((e,t)=>t)),f=c},95876:(e,t,a)=>{a.d(t,{Z:()=>n});var o=a(78392),i=a(5471),r=a(42362);const n=(0,o.Z)(((e,t)=>(0,i.ZP)(e,[t,"privateShow","status"],"isFunding")),((e,t)=>(0,i.ZP)(e,[t,"privateShow","status"],"isFundingFinalCall")),((e,t)=>(0,i.ZP)(e,[t,"privateShow","status"],"isConsidering")),((e,t)=>(0,i.ZP)(e,[t,"privateShow","status"],"isRefunding")),((e,t)=>(0,i.ZP)(e,[t,"privateShow","status"],"isPreparing")),((e,t)=>(0,i.ZP)(e,[t,"privateShow","status"],"isPerforming")),((e,t,a,o,i,n)=>n?r.kn.PERFORMING:i?r.kn.PREPARING:o?r.kn.REFUNDING:a?r.kn.CONSIDERING:t?r.kn.FUNDING_FINAL_CALL:e?r.kn.FUNDING:void 0))(((e,t)=>`${t}`))},67735:(e,t,a)=>{a.d(t,{Z:()=>r});var o=a(71893);const i=(0,o.keyframes)(["from{opacity:0;}to{opacity:1;}"]),r=(0,o.css)(["",""],i)},1447:(e,t,a)=>{a.d(t,{Z:()=>r});var o=a(71893);const i=(0,o.keyframes)(["from{opacity:1;}to{opacity:0;}"]),r=(0,o.css)(["",""],i)},99257:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMyIgY3k9IjMuNjY3IiByPSIxIiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBjeD0iMyIgY3k9IjEyLjMzNCIgcj0iMSIgZmlsbD0iI2ZmZiIvPjxjaXJjbGUgY3g9IjMiIGN5PSI4IiByPSIxIiBmaWxsPSIjZmZmIi8+PHJlY3Qgd2lkdGg9IjguNjY3IiBoZWlnaHQ9IjEuNjY3IiB4PSI1LjMzMyIgeT0iMTEuNSIgZmlsbD0iI2ZmZiIgcng9Ii44MzMiLz48cmVjdCB3aWR0aD0iOC42NjciIGhlaWdodD0iMS42NjciIHg9IjUuMzMzIiB5PSIyLjgzMyIgZmlsbD0iI2ZmZiIgcng9Ii44MzMiLz48cmVjdCB3aWR0aD0iOC42NjciIGhlaWdodD0iMS42NjciIHg9IjUuMzMzIiB5PSI3LjE2NyIgZmlsbD0iI2ZmZiIgcng9Ii44MzMiLz48L3N2Zz4="}}]);
//# sourceMappingURL=container-LiveStreamGoalList-js.19362aef.js.map