https://17.live/assets/ClipModal.f4e14bda938573cfb18b.chunk.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1c687eca-3d34-422a-99a1-771ab6410c78",e._sentryDebugIdIdentifier="sentry-dbid-1c687eca-3d34-422a-99a1-771ab6410c78")}catch(e){}("undefined"!==typeof window?window:"undefined"!==typeof global?global:"undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self?self:{}).SENTRY_RELEASE={id:"ddd03e19bb6c98dcbb7763dc814e50ca773960f7"};(self.webpackChunk_17live=self.webpackChunk_17live||[]).push([[1546],{81424:(e,t,n)=>{n.d(t,{Z:()=>q});var o=n(22928),i=n(29439),r=n(67294),a=n(71893),c=n(47187),l=n(42661),p=n(69982),s=n(47837),u=n(69521),d=n(48850),f=n(61442),g=n(81293),m=n(49413),v=n(28946),h=n(56065),y=n(89088),b=n(41727),I=n(32592),Z=n(26839),D=n(60575),w=n(1864),O=n(33846),C=n(68747),k=n(26568),P=n(51670),S=n(51921),j=n(87462),T=n(4942),x=n(20811),E=n(79055),L=n(46852),_=n(58593),M=n(31263),A=n(8555),N=n(8803),U=n(47744);function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,o)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach(function(t){(0,T.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var H=(0,a.ZP)(A.Z).withConfig({componentId:"sc-1t0vkvb-1"})(["cursor:pointer;"]),K=function(e){var t=e.clip,n=e.commentCount,i=e.handleFocusInputBox,a=e.shareLinkURL,c=t.get("likeCount"),l=t.get("viewCount"),p=t.get("createdAt"),s=t.get("clipID"),u=t.get("hasLiked"),d=t.get("visibility"),f=!!t.get("clipArchiveInfo"),g=t.getIn(["userInfo","userID"]),m=t.getIn(["clipArchiveInfo","expiredTime"]),v=t.getIn(["clipArchiveInfo","ownerInfo","displayName"]),h=t.getIn(["clipArchiveInfo","ownerInfo","roomID"]),y=(0,N.Sy)(),b={componentID:s},I=(0,r.useCallback)(function(){M.Eh.invalidateQueries(_.Ws.fetchClip({clipID:s}))},[s]);return(0,o.Z)(P.ZP,{p:"16px"},void 0,(0,o.Z)(P.kC,{mb:"5px"},void 0,l>0&&(0,o.Z)(k.MO,{},void 0,(0,M.$t)("app.containers.UserInfo.views",{views:(0,E.Z)(l)}),"\u30fb"),(0,o.Z)(k.MO,{},void 0,(0,o.Z)(x.Z,{value:1e3*p})),m&&(0,o.Z)(k.MO,{},void 0,"\u30fb",(0,M.$t)("Archive_vod_expire_countdown",{0:(0,o.Z)(x.Z,{canShowAbsoluteTime:!1,value:m,showingTimeStyle:"long",calculateMethod:"floor",numeric:"always"})}))),f&&(0,o.Z)(L.Z,{clipID:s,displayName:v,roomID:h,visibility:d,isStreamerLabel:!0}),(0,o.Z)(P.ZP,{display:"flex",alignItems:"center"},void 0,Number(c)>=0&&(0,o.Z)(P.kC,{mr:"16px",alignItems:"center"},void 0,(0,o.Z)(U.Z,{clipID:s,hasLiked:u,userID:g,width:24,height:24,onLikeSuccessCallback:I,onUnlikeSuccessCallback:I,isStreamClip:f}),(0,o.Z)(P.ZP,{ml:"4px"},void 0,(0,E.Z)(c))),Number(n)>=0&&(0,o.Z)(P.kC,{mr:"16px",alignItems:"center"},void 0,r.createElement(H,(0,j.Z)({},(0,C.setTrackEventAttrs)("Content","click","button_comment",R({},b)),{width:"24",height:"24",onClick:i})),(0,o.Z)(P.ZP,{ml:"4px"},void 0,(0,E.Z)(n))),a&&r.createElement(N.ZP,(0,j.Z)({},y,{shareURL:a,popperModifiers:{offset:{offset:"-53,4"}},onClickIcon:function(){y.onClickIcon(),(0,C.trackEvent)("Content","click","button_share",R({},b))},customDimensions:b}))))};K.displayName="Stats";const F=K;var J=(0,s.Z)({loader:function(){return n.e(4251).then(n.bind(n,80964))}}),Q=(0,s.Z)({loader:function(){return n.e(1349).then(n.bind(n,341))}}),W=a.ZP.div.withConfig({componentId:"sc-q23zo-0"})(["position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:",";overflow:hidden;"],function(e){return e.theme.BD_BLACK}),$=(0,o.Z)(S.ZP,{}),V=(0,o.Z)(Z.Z,{}),Y=(0,o.Z)(S.ZP,{});const q=function(e){var t=e.clip,n=e.handleNavigationChange,a=e.prevID,s=e.nextID,Z=e.needLoopPlay,S=void 0!==Z&&Z,j=e.hasLinkWithAvatar,T=void 0!==j&&j,x=(0,r.useState)(!1),E=(0,i.Z)(x,2),L=E[0],_=E[1],M=t.get("caption"),A=t.get("commentCount"),N=t.get("clipID"),U=t.getIn(["userInfo","liveStreamID"]),B=!!t.get("clipArchiveInfo"),R=t.getIn(["clipArchiveInfo","title"]),H=t.getIn(["clipArchiveInfo","description"]),K=t.getIn(["clipArchiveInfo","ownerInfo","liveStreamID"]),q=B?!!K:!!U,z=(0,O.L)({mediaSource:B?O.Y.ARCHIVE_CLIP:O.Y.CLIP,id:N}),G=(0,y.Z)().isLoggedIn,X=(0,b.d)().openLoginModal,ee=(0,w.Z)(),te=ee.ContentRef,ne=ee.handleGoToBottom,oe=ee.bottomIO,ie=ee.isScrollOnBottom,re=(0,D.gS)(N,{orderBy:2},{enabled:G}),ae=(0,D.b_)(),ce=ae.mutate,le=ae.isLoading,pe=(0,D.B3)(),se=pe.mutate,ue=pe.isLoading,de

1=(0,r.useState)(!1),fe=(0,i.Z)(de,2),ge=fe[0],me=fe[1],ve=(0,r.useState)(!1),he=(0,i.Z)(ve,2),ye=he[0],be=he[1],Ie=(0,r.useState)({openID:""}),Ze=(0,i.Z)(Ie,2),De=Ze[0],we=Ze[1],Oe=(0,r.useState)(0),Ce=(0,i.Z)(Oe,2),ke=Ce[0],Pe=Ce[1];(0,r.useEffect)(function(){we({openID:""})},[N]);var Se=(0,r.useCallback)(function(e){if(!ue){var t=re.refetch;se({commentID:e,clipID:N},{onSuccess:function(){t().then(function(){ne()})}})}},[ue,re,se,N]),je=(0,r.useCallback)(function(e,t){if(!le){var n=re.refetch;ce({comment:e,clipID:N},{onSuccess:function(){t(),n().then(function(){ne()})}})}},[le,re,ce,N]),Te=(0,r.useCallback)(function(){G?me(!0):X()},[G,X]),xe=(0,r.useCallback)(function(){me(!1)},[]),Ee=(0,r.useCallback)(function(){(0,C.trackEvent)("Content","click","button_clip.see.more")},[]),Le=(0,r.useCallback)(function(){be(!0)},[]),_e=(0,r.useCallback)(function(){be(!1)},[]),Me=(0,r.useCallback)(function(e,t){je(e,function(){t(),we({openID:""})})},[je]),Ae=(0,r.useCallback)(function(e){Pe(e)},[]),Ne=(0,r.useCallback)(function(){_(!0)},[_]);return r.createElement(r.Fragment,null,(0,o.Z)(W,{},void 0,(0,o.Z)(h.Z,{clip:t,isPaused:ye,handleNavigationChange:n,prevID:a,nextID:s,needLoopPlay:S,onVideoEnded:B&&!G?Ne:null,isShowEndScreen:L,shareLinkURL:z,endScreenElement:(0,o.Z)(J,{clip:null===t||void 0===t?void 0:t.toJS(),setShowEndScreen:_,isOnline:q})})),(0,o.Z)(g.Z,{p:"40px 16px 12px",width:p.pp},void 0,(0,o.Z)(l.Z,{data:t,hasLink:T,componentType:c.n.CLIP_CONTENT})),r.createElement(d.Z,{ref:te,width:p.pp,marginTop:p.BJ,marginBottom:ke+p.qr-p.Jy},(0,o.Z)(u.Z,{},void 0,R&&(0,o.Z)(k.by,{},void 0,R),(0,o.Z)(v.Z,{text:B?H:M,handleSeeMore:Ee,needConvertLink:!0,maxLine:6,as:k.Zz})),$,(0,o.Z)(F,{clip:t,commentCount:A,handleFocusInputBox:Te,shareLinkURL:z}),G?r.createElement(r.Fragment,null,(0,o.Z)(Q,{fetchResponse:re,handleDelete:Se,bottomIO:oe,handlePauseClipVideo:Le,handleCancelPaused:_e,setReplyTo:we}),!ie&&(0,o.Z)(I.Z,{handleClick:ne,textAreaHeight:ke})):V),(0,o.Z)(f.Z,{width:p.pp},void 0,Y,(0,o.Z)(P.ZP,{p:"12px 16px"},void 0,(0,o.Z)(m.Z,{id:N,replyTo:De,postComment:Me,isInputBoxFocused:ge,handleUnFocusInputBox:xe,handleHeightChange:Ae}))))}},50394:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var o=n(22928),i=n(67294),r=n(44583),a=n(8228),c=n(60575),l=n(68747),p=n(81424),s=function(e){var t=e.closeModal,n=e.clip,s=e.handleNavigationChange,u=e.prevID,d=e.nextID,f=e.isPrivateContent,g=n.get("clipID"),m=(0,c.i$)().mutate,v=(0,i.useCallback)(function(){t(),(0,l.trackEvent)("Content","click","button_close",{componentID:g,componentType:"button_close"})},[g,t]);return(0,i.useEffect)(function(){m(g)},[g,m]),(0,o.Z)(r.Z,{onCloseModal:v},void 0,(0,o.Z)(a.Z,{clip:n.toJS(),isPrivateContent:f}),(0,o.Z)(p.Z,{clip:n,handleNavigationChange:s,prevID:u,nextID:d}))};s.displayName="ClipModal";const u=s},8228:(e,t,n)=>{n.d(t,{Z:()=>v});var o=n(22928),i=n(4942),r=n(67294),a=n(10745),c=n(19457),l=n(28143),p=n(45247),s=n(91023),u=n(59402),d=n(28411);function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,o)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach(function(t){(0,i.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var m=function(e){var t=e.clip,n=e.isPrivateContent,i=(0,a.YB)(),r=(0,u.bU)().lang,p=location.origin,f=location.pathname.split("/").slice(2).join("/").replace(/\/$/,""),m=(0,d.Z)({type:"clip",targetID:null===t||void 0===t?void 0:t.clipID}),v=m.aiSeoTitle,h=m.aiSeoDescription,y=m.aiSeoKeywords,b=m.isEnableAISeo;if(!t)return null;var I=t.clipID,Z=t.caption,D=t.createdAt,w=t.imageURL,O=t.userInfo,C=O.openID,k=O.displayName,P=O.picture,S=t.clipArchiveInfo,j=t.videoURL,T=t.viewCount,x=t.duration,E=(null===C||void 0===C?void 0:C.trim())||(null===k||void 0===k?void 0:k.trim()),L=!!S,_=S?S.title:Z,M=i.formatMessage({id:"stream_clip_SNS_sharing_desc"},{0:E}),A=S?S.description||M:E,N=Number(x),U=N>0,B=JSON.stringify(g(g(g({"@context":"https://schema.org","@type":"VideoObject",name:_,description:A,thumbnailUrl:[w],uploadDate:(0,c.cKn)((0,c.Krj)(D))},U&&{duration:(0,c.mrR)({seconds:N})}),j&&{contentUrl:j}),{},{interactionStatistic:{"@type":"InteractionCounter",interactionType:{"@type":"WatchAction"},userInteractionCount:T}})),R=[{name:"twitter:player",content:"".concat(p,"/").concat(r,"/external/").concat(f)},{name:"twitter:player:width",content:"520"},{name:"twitter:player:height",content:"346"}];if(n)return(0,o.Z)(s.Z,{title:i.formatMessage({id:"maintenance_app.c

1omponents.PrivateAccountPage.title"}),description:i.formatMessage({id:"maintenance_app.components.PrivateAccountPage.desc"}),ogImage:P,iosDeepLink:l.Qi.clip(I),categoryID:"Profile_clip",twitterCard:"player",values:{openID:E},extraMeta:[].concat(R,[{name:"robots",content:"noindex"}])});if(b)return(0,o.Z)(s.Z,{title:v,description:h,keywords:y,ogImage:w,iosDeepLink:l.Qi.clip(I),ldData:B,categoryID:"Profile_clip",twitterCard:"player",extraMeta:R,values:{openID:E},forceMetadata:!0});if(L){var H=(null!==S&&void 0!==S?S:{}).title;return(0,o.Z)(s.Z,{title:H,titleTemplate:i.formatMessage({id:"app.components.Helmet.clipTitleTemplate"}).replace("%s1",E).replace("%s2",(0,c.WUZ)((0,c.Krj)(D),"yyyy/MM/dd HH:mm")),description:M,ogDescription:E,ogImage:w,iosDeepLink:l.Qi.clip(I),ldData:B,categoryID:"Profile_clip",twitterCard:"player",extraMeta:R,values:{openID:E}})}return(0,o.Z)(s.Z,{title:Z,titleTemplate:i.formatMessage({id:"app.components.Helmet.clipTitleTemplate"}).replace("%s1",E).replace("%s2",(0,c.WUZ)((0,c.Krj)(D),"yyyy/MM/dd HH:mm")),description:Z,ogDescription:E,ogImage:w,iosDeepLink:l.Qi.clip(I),ldData:B,categoryID:"Profile_clip",twitterCard:"player",extraMeta:R,values:{openID:E}})};m.displayName="SEOClip";const v=function(e){return(0,o.Z)(p.Z,{},void 0,r.createElement(m,e))}},28411:(e,t,n)=>{n.d(t,{Z:()=>a});var o=n(67294),i=n(59402),r=n(42663);const a=function(e){var t=e.type,n=e.targetID,a=(0,i.bU)().lang,c=(0,r.gT)({type:t,lang:a,targetID:n}),l=c.data,p=c.isLoading;return(0,o.useMemo)(function(){var e=null!==l&&void 0!==l?l:{},t=e.aiSeoTitle,n=e.aiSeoDescription,o=e.aiSeoKeywords;return{hasAISeoMetadata:!!t||!!n||!!o,aiSeoTitle:t,aiSeoDescription:n,aiSeoKeywords:o,isEnableAISeo:e.isEnableAISeo,feedback:e.feedback,isLoading:p}},[l,p])}},42663:(e,t,n)=>{n.d(t,{$G:()=>s,W1:()=>g,XP:()=>u,gT:()=>f});var o=n(15861),i=n(4942),r=n(64687),a=n.n(r),c=n(88767);function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,o)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach(function(t){(0,i.Z)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var s=function(e){return e.OptionDefault="Option_default",e.Option1="Option1",e.Option2="Option2",e.Option3="Option3",e.Option4="Option4",e}({}),u={getMetadata:function(e,t,n){return["metadata",e,t,n]}},d=function(e){var t=e.type,n=e.targetID,o=new URLSearchParams;return o.append("type",t),o.append("targetID",n),"".concat(window.location.origin,"/api/seo/metadata?").concat(o.toString())},f=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.type,o=e.targetID,i=void 0===o?"":o,r=e.lang,a=d({type:n,targetID:i}),l={headers:{"Content-Type":"application/json","web-region":r}};return(0,c.useQuery)(u.getMetadata(n,i,r),function(){return fetch(a,l).then(function(e){if(!e.ok)throw new Error("HTTP error! status: ".concat(e.status));return e.json()}).catch(function(e){throw e})},p({staleTime:0,cacheTime:0,retry:!1,enabled:Boolean(n&&i)},t))},g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,c.useMutation)(function(){var e=(0,o.Z)(a().mark(function e(t){var n,o,i,r,c,l;return a().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.type,o=t.targetID,i=t.data,r=d({type:n,targetID:o}),c={method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)},e.next=1,fetch(r,c);case 1:if((l=e.sent).ok){e.next=2;break}throw new Error("HTTP error! status: ".concat(l.status));case 2:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}(),p({retry:!1},e))}}}]);
2//# sourceMappingURL=ClipModal.f4e14bda938573cfb18b.chunk.js.map