https://class.cmdspace.kr/static/js/17.e220b300.chunk.js

1(this["webpackJsonppubl-uw"]=this["webpackJsonppubl-uw"]||[]).push([[17],{2754:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var i=n(4);function c(e){var t=Object(i.useRef)();return Object(i.useEffect)((function(){t.current=e}),[e]),t.current}},2755:function(e,t,n){"use strict";n.d(t,"a",(function(){return b}));var i=n(7),c=n(14),o=n(2),r=n(4),a=n(29),s=n(182),l=n(9),d=n(19),u=n(5),p=n(593),h=n(0);var b=function(){var e,t,n=Object(s.a)().t,u=Object(l.d)(Object(d.o)()),b=Object(r.useState)(!1),g=Object(c.a)(b,2),f=g[0],m=g[1],x=Object(a.useForm)({mode:"onChange",defaultValues:{reportReason:n("str_report_reason_opt_a")}}),_=x.setValue,O=x.watch,v=x.reset,y=O("pAppCode"),C=O("targetContentDetail"),T=O("reportReason"),S=O("reportReasonEtc"),w=Object(p.a)(y),I="mailto:".concat(null===u||void 0===u?void 0:u.email,"?body=").concat(n("str_report_reason"),": ").concat(S||T," %0D%0A ").concat(n("str_report_location"),": ").concat(w," %0D%0A ").concat(n("str_report_target_content_detail"),": ").concat(C," %0D%0A ").concat(n("str_report_additional_detail"),": "),k={reasonA:n("str_report_reason_opt_a"),reasonB:n("str_report_reason_opt_b"),reasonC:n("str_report_reason_opt_c"),reasonD:n("str_report_reason_opt_d"),reasonEtc:n("str_report_reason_opt_etc")},B=function(e){_("reportReason",e.target.value),_("reportReasonEtc","")};return{ReportContent:Object(h.jsx)(h.Fragment,{children:f&&Object(h.jsxs)(o.D_DesktopBasicModal,{titleText:n("str_report_content_title_text"),contentText:n("str_3833"),size:"medium",mBtn1Text:n("str_do_report"),mBtn2Text:n("str_close"),onClickMBtn1:function(){m(!1),window.open(I),v()},onClickMBtn2:function(){m(!1),v()},children:[Object(h.jsx)(o.Spacing,{size:"spacing_e"}),Object(h.jsx)(o.D_TextLabel,{text:n("str_report_target_content_detail"),styleTheme:"subTitleBold"}),Object(h.jsx)(o.D_TextLabel,{text:(e=C,t=20,e.length<=t?e:"".concat(e.slice(0,20),"...")),styleTheme:"body2Regular",ellipsisMode:"use"}),Object(h.jsx)(o.Spacing,{size:"spacing_f"}),Object(h.jsx)(o.D_TextLabel,{text:n("str_report_reason"),styleTheme:"subTitleBold"}),Object(h.jsx)(a.FormProvider,Object(i.a)(Object(i.a)({},x),{},{children:Object(h.jsxs)(o.Form,{children:[Object(h.jsx)(o.Spacing,{size:"spacing_d"}),Object(h.jsx)(o.D_Radio,{name:"reportReason",text:k.reasonA,checked:T===k.reasonA,onChange:function(e){return B(e)},value:k.reasonA}),Object(h.jsx)(o.Spacing,{size:"spacing_c"}),Object(h.jsx)(o.D_Radio,{name:"reportReason",text:k.reasonB,checked:T===k.reasonB,onChange:function(e){return B(e)},value:k.reasonB}),Object(h.jsx)(o.Spacing,{size:"spacing_c"}),Object(h.jsx)(o.D_Radio,{name:"reportReason",text:k.reasonC,checked:T===k.reasonC,onChange:function(e){return B(e)},value:k.reasonC}),Object(h.jsx)(o.Spacing,{size:"spacing_c"}),Object(h.jsx)(o.D_Radio,{name:"reportReason",text:k.reasonD,checked:T===k.reasonD,onChange:function(e){return B(e)},value:k.reasonD}),Object(h.jsx)(o.Spacing,{size:"spacing_c"}),Object(h.jsx)(o.D_Radio,{name:"reportReason",text:k.reasonEtc,checked:T===k.reasonEtc,onChange:function(e){return B(e)},value:k.reasonEtc}),Object(h.jsx)(o.Spacing,{size:"spacing_b"}),Object(h.jsxs)(j,{children:[Object(h.jsx)(o.Spacing,{size:"spacing_e",spacingType:"width"}),Object(h.jsx)(o.D_TextField,{name:"reportReasonEtc",size:"rlarge",hintText:n("str_3834"),defaultText:S,textLineType:"multi",multiRows:4,state:T===k.reasonEtc?"normal":"disabled",onChange:function(e){return function(e){_("reportReasonEtc",e.target.value)}(e)}})]})]})}))]})}),openReportContentModal:function(e,t){_("targetContentDetail",e),_("pAppCode",t),m(!0)},closeReportContentModal:function(){m(!1),v()}}},j=u.default.div.withConfig({displayName:"S_TextFiledWrapper",componentId:"sc-1b5b0x6-0"})(["display:flex;"])},2757:function(e,t,n){"use strict";var i=n(14),c=n(2),o=n(4),r=n(182),a=n(0);t.a=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=Object(o.useState)(e),s=Object(i.a)(n,2),l=s[0],d=s[1],u=Object(o.useState)(t),p=Object(i.a)(u,2),h=p[0],b=p[1],j=Object(r.a)("translation"),g=j.t;function f(e){var t=e.onClickConfirm,n=e.onClickCancel;return Object(a.jsx)(a.Fragment,{children:l&&Object(a.jsx)(c.D_DesktopAlertDialog,{contentText:h,btnMode:"tbtn_amount2",tBtn1Text:g("str_ok"),tBtn2Text:g("str_cancel"),onClickTBtn1:null!==t&&void 0!==t?t:function(){return d(!1)},onClickTBtn2:null!==n&&void 0!==n?n:function(){return d(!1)}})})}return{CommentAlertDialog:f,setCommentAlertDialogMessage:b,setIsCommentAlertDialogOpen:d}}},2764:function(e,t,n){"use strict";var i=n(14),c=n(4);t.a=function(){var e=Object(c.useState)({width:window.innerWidth,height:window.innerHeight}),t=Object(i.a)(e,2),n=t[0],o=t[1];return Object(c.useEffect)((function(){function e(){o({width:window.innerWidth,height:window.innerHeight})}return window.addEventListener("resize",e,!1),function(){window.removeEventListener("resize",e)}}),[]),n}},2834:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return Wi}));var i=n(9),c=n(16),o=n(39),r=n(47),a=n(19),s=n(147),l=n(36),d=n(37),u=n(13),p=n(403),h=n(592),b=n(17),j=n(14),g=n(2),f=n(4),m=n(182),x=n(399),_=n(15),O=n(115),v=n(35),y=n(593),C=function(e){return e.C00015.isLoading},T=function(e){return e.C00015.error},S=function(e){return e.C00015.short},w=function(e){return e.C00015.shorts},I=function(e){return e.C00015.shortsPagination},k=function(e){return e.C00015.shortPlaySrc},B=function(e){return e.C00015.comments},D=function(e){return e.C00015.pinnedComments},N=function(e){return e.C00015.commentsPagination},E=function(e){return e.C00015.labels},L=function(e){return e.C00015.savedShorts},A=function(e){return e.C00015.savedShortsPagination}

1,z=n(107),W=(n(628),n(173)),R=n(10),P=n(2764),M=n(336),F=n(5);var K=function(){var e=Object(i.c)();return{handleImpression:function(t){e(Object(z.a)({id:t,type:M.a.IMPRESSION}))},handleConversion:function(t){e(Object(z.a)({id:t,type:M.a.CLICK}))}}},H=n(0);var V=function(e){var t=e.children,n=e.onClick;return Object(H.jsx)(g.D_ContentSheet,{width:"100%",height:"122px",overrideBackgroundColorKey:"ui_cpnt_sheet_base_05",borderMode:"use",shapeType:"round",radius:16,paddingTop:"none",paddingBottom:"none",paddingLeft:"none",paddingRight:"none",overrideCSS:{backgroundColor:"12px",borderRadius:"8px",cursor:"pointer",display:"flex",paddingRight:"12px",width:"100%",overflow:"hidden"},onClick:n,children:t})};var U=F.default.div.withConfig({displayName:"S_ContentBox",componentId:"sc-1hqhzkb-0"})(["display:flex;flex-direction:column;justify-content:center;padding-left:",";width:100%;"],(function(e){var t=e.hasThumbnail,n=e.theme;return t?n.spacing.spacingD:n.spacing.spacingC})),q=function(e){var t=e.postConversionLink,n=Object(c.k)(),i=K(),o=i.handleImpression,r=i.handleConversion,a=t.distinctId,s=t.linkType,l=t.title,d=t.description,u=t.thumbnailSrc,p=t.destinationUrl,h=a;return Object(f.useEffect)((function(){o(h)}),[h]),Object(H.jsxs)(V,{onClick:function(){switch(r(h),s){case M.b.INTERNAL_LINK:return void function(e){var t=new URL(e),i=t.pathname,c=t.search,o=t.hash,r={pathname:i,search:c,hash:o};n.push(r)}(p);case M.b.WEB_LINK:default:!function(e){if(function(e){var t;try{t=new URL(e)}catch(n){return!1}return"http:"===t.protocol||"https:"===t.protocol}(e))window.open(e,"","noopener")}(p)}},children:[u&&Object(H.jsx)(g.ImageView,{src:u,width:120,height:120,ratio:"1_1",shapeType:"rectangle",scaleType:"cover"}),Object(H.jsxs)(U,{hasThumbnail:!!u,children:[Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:l,styleTheme:"caption1Bold",ellipsisMode:"use",lineLimit:2}),d&&Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:d,styleTheme:"caption2Regular",colorTheme:"sysTextSecondary",ellipsisMode:"use",lineLimit:2})]})]})]})},G=n(7),Y=n(27),X=n(29),J=n(405),Z=n(2755),Q=n(589),$=n(597),ee=n(590),te=n(2757),ne=n(235),ie=n(236);function ce(e){var t=Object(f.useRef)();return Object(f.useEffect)((function(){t.current=e}),[e]),t.current}var oe=function(e){var t=e.isLoading,n=e.comments,c=e.totalCommentsCount,o=e.deps,r=void 0===o?[]:o,a=e.fetchCommentsByPage,s=e.handleDeleteComment,l=e.handleCreateComment,d=Object(i.c)(),u=Object(m.a)("translation").t,p=Object(f.useState)(1),h=Object(j.a)(p,2),b=h[0],g=h[1],x=Object(f.useState)(null),_=Object(j.a)(x,2),O=_[0],v=_[1],y=Object(f.useState)(null),C=Object(j.a)(y,2),T=C[0],S=C[1],w=Object(f.useState)(""),I=Object(j.a)(w,2),k=I[0],B=I[1],D=ce(null===n||void 0===n?void 0:n.length),N=ce(c),E=Object(f.useRef)();Object(f.useEffect)((function(){return a(1),function(){g(1)}}),r);var L=Object(f.useCallback)((function(e){t||(E.current&&E.current.disconnect(),E.current=new IntersectionObserver((function(e){n&&(null===n||void 0===n?void 0:n.length)>=c||(D===(null===n||void 0===n?void 0:n.length)&&N===c||e[0].isIntersecting&&(a(b+1),g((function(e){return e+1}))))})),e&&E.current.observe(e))}),[t,n]),A=Object(te.a)(),z=A.CommentAlertDialog,W=A.setCommentAlertDialogMessage,R=A.setIsCommentAlertDialogOpen;function P(e){var t=e.slice(-5);return"***".concat(t)}return{lastCommentRef:L,handleClickSubmitComment:function(e){l(e)},initPage:function(){g(1)},CommentAlertDialog:z,openCommentAlertDialog:function(e,t,n,i){var c,o="";switch(t){case"DELETE":o=u("str_delete_alert_dialog");break;case"HIDE_COMMENT":o=u("str_6500");break;case"UNHIDE_COMMENT":o=u("str_6501");break;case"BLOCK_USER":o=u("str_6505");break;case"UNBLOCK_USER":o=u("str_6507",{code:P(i),nick:(c=n||"",c.charAt(0)+"*".repeat(c.length-1))})}v(e),S(t),B(i),W(o),R(!0)},handleClickConfirmCommentAlertDialog:function(){if(null!==O)switch(T){case"DELETE":s(O);break;case"HIDE_COMMENT":d(Object(ie.c)({type:"COMMENT",id:O}));break;case"UNHIDE_COMMENT":d(Object(ie.d)({type:"COMMENT",id:O}));break;case"BLOCK_USER":d(Object(ne.a)({distinctId:k}));break;case"UNBLOCK_USER":d(Object(ne.d)({distinctId:k}))}v(null),R(!1)}

1,handleClickCancelCommentAlertDialog:function(){v(null),R(!1)}}};var re=F.default.div.withConfig({displayName:"S_LoadingWrapper",componentId:"sc-1a6qfv-0"})(["height:",";position:fixed;top:64px;width:478px;z-index:1;",";"],(function(e){var t=e.screenHeight;return"".concat(t,"px")}),(function(e){return e.isGlobalBannerOpen&&Object(F.css)(["margin-top:90px;"])})),ae=F.default.div.withConfig({displayName:"S_FormWrapper",componentId:"sc-1a6qfv-1"})(["bottom:0;position:fixed;"]),se=F.default.div.withConfig({displayName:"S_InputWrapper",componentId:"sc-1a6qfv-2"})(["background-color:",";display:flex;padding-bottom:",";padding-left:",";padding-top:",";width:478px;textarea{overflow:auto;}"],(function(e){return e.theme.ui_cpnt_sheet_base_01}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingD}),(function(e){return e.theme.spacing.spacingD})),le=function(e){var t=e.shortId,n=e.screenHeight,c=e.usePin,o=e.useTopBottomSpacing,r=Object(m.a)("translation").t,s=Object(i.c)(),l=Object(i.d)(a.c),u=(null===l||void 0===l?void 0:l.id)||0,p=Object(i.d)(C),h=Object(i.d)(B),b=Object(i.d)(D),x=Object(i.d)(N).total,v=Object(f.useState)((function(){if(l){var e=R.b.getUserMetaInChannel

1(l.id);if(e)return e.profileId}return""})),y=Object(j.a)(v,1)[0],T=Object(i.d)(a.d),S=Object(i.d)($.a),w=Object(i.d)(Q.b),I=Object(i.d)(ee.c),k=Object(i.d)(Object(W.b)()),E=Object(Z.a)(),L=E.ReportContent,A=E.openReportContentModal,P=Object(J.a)(),M=P.ModalDialog,F=P.setModalDialogMessage,K=P.setIsModalDialogOpen,V=R.b.isGuest(),U={minLength:1,maxLength:{value:_.t,message:r("str_comment_limit_validation",{maxCount:_.t})}},q=Object(X.useForm)({mode:"onChange"}),te=q.handleSubmit,ne=q.reset,ie=q.control,ce=q.register,le=q.formState.isValid,de=Object(X.useWatch)({name:"comment",control:ie}),ue=ce("comment",U),pe=ue.onChange,he=ue.name,be=ue.onBlur,je=Object(O.e)().userEntrywayForUse,ge=oe({isLoading:p,comments:h,totalCommentsCount:x,deps:[],fetchCommentsByPage:function(e){if(c)return void s(Object(z.k)({shortId:t}));s(Object(z.h)({limit:_.r,page:e,shortId:t,pinned:!1}))},handleCreateComment:function(e){var n=R.b.getChannelProfile(u);n&&s(Object(z.b)({content:e,shortId:t,author:n.nickname,authorThumbnailSrc:n.imageSrc}))},handleDeleteComment:function(e){s(Object(z.f)({shortId:t,commentId:e}))}}),fe=ge.lastCommentRef,me=ge.handleClickSubmitComment,xe=ge.CommentAlertDialog,_e=ge.openCommentAlertDialog,Oe=ge.handleClickConfirmCommentAlertDialog,ve=ge.handleClickCancelCommentAlertDialog;return Object(H.jsxs)(H.Fragment,{children:[p&&!c&&Object(H.jsx)(re,{screenHeight:n,isGlobalBannerOpen:k,children:Object(H.jsx)(d.x,{})}),(c?b:h).length>0&&Object(H.jsx)(d.f,{useTopBottomSpacing:o,children:(c?b:h).map((function(e,t){var n,i=null===S||void 0===S||null===(n=S.find((function(t){return t.distinctId===e.profileDistinctId})))||void 0===n?void 0:n.distinctId,o=e.profileId===y,a=(e.profileDistinctId,null===T||void 0===T||T.channelProfile.distinctId,e.profileDistinctId===(null===T||void 0===T?void 0:T.channelProfile.distinctId)),s=e.profileDistinctId===i,l=a||s,u=e.profileDistinctId&&Boolean(w[e.profileDistinctId]),p=Boolean(I[e.id]);return Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(d.g,{displayType:"moreBtn",contentDisplayType:u?"block":p?"hidden":"normal",content:e.content,avatarUrl:e.authorThumbnailSrc,nickname:e.author,createdAt:e.insertedAt,distinctId:e.profileDistinctId,contextMenuItemArray:V?_.n:o?_.p:u?_.o:p?_.m:_.q,onClickContextMenuItem:function(t){var n;return function(e,t,n,i,c){switch(e.value){case"REPORT":if(l){F(r("str_6535")),K(!0);break}A(n,_.Y.C00015.CODE);break;case"DELETE":_e(t,e.value,i,c);break;case"HIDE_COMMENT":if(l){F(r("str_6536")),K(!0);break}_e(t,e.value,i,c);break;case"UNHIDE_COMMENT":_e(t,e.value,i,c);break;case"BLOCK_USER":if(l){F(r("str_6537")),K(!0);break}_e(t,e.value,i,c);break;case"UNBLOCK_USER":_e(t,e.value,i,c)}}(t,e.id,e.content,e.author,null!==(n=e.profileDistinctId)&&void 0!==n?n:"")},ref:t!==h.length-1||c?null:fe,pinned:c&&e.pinned},e.id),t===h.length-1&&!c&&Object(H.jsx)(g.Spacing,{size:"spacing_i",spacingType:"height"})]})}))}),Object(H.jsx)(ae,{children:Object(H.jsx)(X.FormProvider,Object(G.a)(Object(G.a)({},q),{},{children:Object(H.jsx)(g.Form,{onSubmit:je(te((function(e){de&&(me(e.comment),ne(Object(Y.a)({},he,"")))}))),children:Object(H.jsxs)(se,{children:[Object(H.jsx)(g.D_TextField,{name:he,size:"rlarge",textLineType:"auto",hintText:r("str_73"),multiRows:1,autoMinRows:1,autoMaxRows:5,validation:U,validationPoint:"onChange",onChange:pe,onBlur:function(e){be(e)}}),Object(H.jsx)(g.Spacing,{spacingType:"width",size:"spacing_b"}),Object(H.jsx)(g.D_IconButton,{iconName:"ic_paper_plane",baseSize:"large",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:null!==de&&void 0!==de&&de.trim()&&le?"ui_cpnt_icon_usr_brandprimary":"ui_cpnt_button_icon_disabled",iconSize:24,type:"submit",state:null!==de&&void 0!==de&&de.trim()&&le?"normal":"disabled",onMouseDown:function(e){e.preventDefault()}}),Object(H.jsx)(g.Spacing,{spacingType:"width",size:"spacing_b"})]})})}))}),Object(H.jsx)(xe,{onClickConfirm:Oe,onClickCancel:ve}),Object(H.jsx)(M,{}),L]})};var de=F.default.div.withConfig({displayName:"S_TopBar",componentId:"sc-6vt1or-0"})(["display:flex;padding:",";position:relative;width:478px;"],(function(e){var t=e.theme;return"0 ".concat(t.spacing.spacingB)})),ue=F.default.div.withConfig({displayName:"S_TopBarTitleWrapper",componentId:"sc-6vt1or-1"})(["align-items:center;display:flex;justify-content:center;width:100%;z-index:1;"]),pe=F.default.div.withConfig({displayName:"S_IconWrapper",componentId:"sc-6vt1or-2"})(["align-items:center;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px;z-index:1;

1"]),he=F.default.div.withConfig({displayName:"S_CommentsLayer",componentId:"sc-6vt1or-3"})(["background-color:",";height:",";overflow:scroll;position:fixed;top:64px;width:478px;z-index:1;",";"],(function(e){return e.theme.ui_menu_background}),(function(e){var t=e.screenHeight;return"".concat(t,"px")}),(function(e){return e.isGlobalBannerOpen&&Object(F.css)(["margin-top:90px;"])})),be=F.default.div.withConfig({displayName:"S_ClassCommentEmptyList",componentId:"sc-6vt1or-4"})(["padding-left:",";padding-right:",";"],(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),je=function(e){var t=e.shortId,n=e.onClickLeftBtn,c=Object(m.a)("translation").t,o=Object(i.c)(),r=Object(i.d)(Object(W.b)()),a=Object(i.d)(B),s=Object(i.d)(D),l=Object(P.a)().height-64;return Object(f.useEffect)((function(){return function(){o(Object(z.t)())}}),[]),Object(H.jsxs)(he,{isGlobalBannerOpen:r,onScroll:function(){return!1},onWheel:function(e){return e.stopPropagation(),!1},screenHeight:l||0,children:[Object(H.jsxs)(de,{children:[Object(H.jsx)(pe,{onClick:n,children:Object(H.jsx)(g.Icon,{iconName:"ic_xmark",size:24})}),Object(H.jsx)(ue,{children:Object(H.jsx)(g.D_TextLabel,{text:c("str_comment")})}),Object(H.jsx)(g.Spacing,{size:"spacing_g",spacingType:"width"})]}),Object(H.jsx)(g.Spacing,{size:"spacing_e"}),Object(H.jsx)(le,{usePin:!0,useTopBottomSpacing:!1,shortId:t,screenHeight:l}),Object(H.jsx)(le,{useTopBottomSpacing:!1,shortId:t,screenHeight:l}),0===(null===a||void 0===a?void 0:a.length)&&0===(null===s||void 0===s?void 0:s.length)&&Object(H.jsxs)(be,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_k"}

1),Object(H.jsx)(g.D_TextLabel,{text:c("str_2172"),styleTheme:"body2Regular",colorTheme:"sysTextTertiary",textAlign:"center"})]})]})},ge=n(594),fe=478,me=849.7777777777777,xe="UX_VODS_HIDE_COMMENT",_e="UX_VODS_HIDE_BOOKMARK",Oe="UX_VODS_VIDEO_PLAY_ORDER";function ve(e,t){var n;return function(){for(var i=arguments.length,c=new Array(i),o=0;o<i;o++)c[o]=arguments[o];n||(n=setTimeout((function(){e.apply(void 0,c),n=null}),t))}}var ye=n(155),Ce="init",Te="start",Se="beginning",we="pause",Ie="restart",ke="end";var Be=function(e){var t,n=e.vid,c=e.seriesId,o=e.episodeId,r=e.postId,a=e.durationTime,s=void 0===a?0:a,l=e.isSampleData,d=Object(i.c)(),u=Object(f.useRef)(!0),p=function(e,t){if(!c||o){var i=document.querySelector("video");if("beginning"!==t||i){var a=function(e){var t,n=Object(ye.a)(e),i=null===n||void 0===n?void 0:n.qualityLevels(),c=null===(t=i[i.selectedIndex])||void 0===t?void 0:t.id,o=null===c||void 0===c?void 0:c.slice(2,6),r=null!==o&&void 0!==o&&o.includes("/")?null===o||void 0===o?void 0:o.slice(0,3):o;return r?Number(r):void 0}(e);d(Object(z.c)({vid:l?"SAMPLE":n,seriesId:c,episodeId:o,postId:r,rotationTime:10,durationTime:s,quality:a,currentTime:e.currentTime,type:t})),console.info({type:t,postId:r,seriesId:c,episodeId:o,quality:a,currentTime:e.currentTime})}}},h=function(e){var n=e.target;n&&(p(n,u.current?Te:Ie),u.current=!1,t=setInterval((function(){return p(n,Se)}),1e4))},b=function(e){var n=e.target;n&&(clearInterval(t),p(n,ke),n.play())};Object(f.useEffect)((function(){var e=document.documentElement.querySelector("video");return e&&(p(e,Ce),function(e){e.addEventListener("play",h),e.addEventListener("ended",b)}(e)),function(){e&&(e.paused||p(e,we),function(e){e.removeEventListener("play",h),e.removeEventListener("ended",b),clearInterval(t)}(e),u.current=!0),t&&clearInterval(t)}}),[])};var De=F.default.div.withConfig({displayName:"S_ContentLayer",componentId:"sc-n779q1-0"})(["background:linear-gradient( to bottom,",","," );display:flex;flex-direction:column;width:478px;"],(function(e){return e.theme.ui_cpnt_videoplayer_gradient_2}),(function(e){return e.theme.ui_cpnt_videoplayer_gradient_1})),Ne=F.default.div.withConfig({displayName:"S_TopBox",componentId:"sc-n779q1-1"})(["align-items:flex-end;display:flex;margin:",";"],(function(e){var t=e.theme;return"0 ".concat(t.spacing.spacingE)})),Ee=F.default.div.withConfig({displayName:"S_CreatorContentBox",componentId:"sc-n779q1-2"})(["align-items:flex-start;display:flex;flex-direction:column;width:100%;"]),Le=F.default.div.withConfig({displayName:"S_CreatorBox",componentId:"sc-n779q1-3"})(["align-items:center;cursor:",";display:flex;"],(function(e){return e.isDisabled?"auto":"pointer"})),Ae=F.default.div.withConfig({displayName:"S_ContentBox",componentId:"sc-n779q1-4"})(["display:flex;flex-direction:column;width:100%;"]),ze=F.default.div.withConfig({displayName:"S_LabelListWrapper",componentId:"sc-n779q1-5"})(["display:flex;flex-wrap:wrap;width:100%;"]),We=F.default.div.withConfig({displayName:"S_LabelWrapper",componentId:"sc-n779q1-6"})(["cursor:",";margin-right:",";"],(function(e){return e.isDisabled?"auto":"pointer"}),(function(e){return e.theme.spacing.spacingB})),Re=F.default.div.withConfig({displayName:"S_InteractionContentBox",componentId:"sc-n779q1-7"})(["display:flex;flex-direction:column;"]),Pe=F.default.div.withConfig({displayName:"S_IconButtonWrapper",componentId:"sc-n779q1-8"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;"]),Me=F.default.div.withConfig({displayName:"S_BottomBox",componentId:"sc-n779q1-9"})(["margin:",";margin-top:0;"],(function(e){return e.theme.spacing.spacingE})),Fe=function(e){var t=e.short,n=e.isCommentsActive,c=e.isBookmarkActivate,o=e.onClickProfile,r=e.onClickLabel,a=Object(m.a)("translation").t,s=Object(i.c)(),l=t.id,d=t.author,u=t.authorThumbnailSrc,p=t.title,h=t.profileId,b=t.hasUserBookmarked,x=t.postConversionLink,_=t.labels,v=Object(f.useState)(!1),y=Object(j.a)(v,2),C=y[0],T=y[1],S=Object(f.useState)(b),w=Object(j.a)(S,2),I=w[0],k=w[1],B=Object(O.e)().userEntrywayForUse;Object(f.useEffect)((function(){t&&k(t.hasUserBookmarked)}),[t]);var D=function(){var e=document.querySelector("video");e&&(C&&e.play(),C||e.pause()),T((function(e){return!e}))};return Object(H.jsxs)(De,{children:[Object(H.jsxs)(Ne,{children:[Object(H.jsxs)(Ee,{children:[Object(H.jsxs)(Le,{onClick:function(){return o&&o(h)},isDisabled:!o,children:[Object(H.jsx)(g.ImageView,{src:u,shapeType:"circular",radius:24,width:32,height:32,ratio:"1_1",scaleType:"cover"}),Object(H.jsx)(g.Spacing,{size:"spacing_b",spacingType:"width"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:d,styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center",lineLimit:2,ellipsisMode:"use"})]}),Object(H.jsx)(g.Spacing,{size:"spacing_b",spacingType:"height"}),Object(H.jsxs)(Ae,{children:[Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",ellipsisMode:"use",lineLimit:1,text:p,styleTheme:"body2Regular",colorTheme:"sysTextWhite"}),Object(H.jsx)(g.Spacing,{size:"spacing_b",spacingType:"width"}),Object(H.jsx)(ze,{children:_&&_.map((function(e){return Object(H.jsx)(f.Fragment,{children:Object(H.jsx)(We,{onClick:function(){return r&&r(e.id)},isDisabled:!r,children:Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:"#".concat(e.name),styleTheme:"caption1Regular",colorTheme:r?"sysTextWhite":"sysTextTertiary"})})},e.id)}))}),Object(H.jsx)(g.Spacing,{size:"spacing_d",spacingType:"height"})]})]}),Object(H.jsx)(g.Spacing,{size:"spacing_b",spacingType:"height"}),Object(H.jsxs)(Re,{children:[n&&Object(H.jsxs)(Pe,{onClick:D,children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_chat_counseling",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"normal",text:a("str_comment"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]}),c&&Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_e",spacingType:"height"}),Object(H.jsxs)(Pe,{onClick:B((function(){if(I)return k(!1),void s(Object(z.g)({shortId:l.toString()}));k(!0),s(Object(z.d)({shortId:l.toString()}))})),children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_bookmark",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",iconFillType:I?"fill":"line",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:a("str_shorts_play_save"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]})]}),Object(H.jsx)(g.Spacing,{size:"spacing_d",spacingType:"height"})]})]}),!1===(null===x||void 0===x?void 0:x.isDisabled)&&Object(H.jsx)(Me,{children:Object(H.jsx)(q,{postConversionLink:x})}),C&&Object(H.jsx)(je,{shortId:l,onClickLeftBtn:D})]})};var Ke=F.default.div.withConfig({displayName:"S_ContentLayerCover",componentId:"sc-xr5ex9-0"})(["display:flex;flex-direction:column;height:","px;left:0;min-height:400px;padding-top:",";position:absolute;top:0;width:","px;"],(function(e){return e.screenHeight}),(function(e){return e.theme.spacing.spacingG}),fe),He=F.default.div.withConfig({displayName:"S_MuteTouchBox",componentId:"sc-xr5ex9-1"}

1)(["height:100%;"]),Ve=F.default.div.withConfig({displayName:"S_MuteButtonWrapper",componentId:"sc-xr5ex9-2"})(["margin:",";position:absolute;z-index:1;"],(function(e){return e.theme.spacing.spacingE})),Ue=F.default.div.withConfig({displayName:"S_CenterIconWrapper",componentId:"sc-xr5ex9-3"})(["bottom:calc(50% - 36px);left:calc(50% - 36px);position:absolute;"]),qe=F.default.div.withConfig({displayName:"S_BottomGradient",componentId:"sc-xr5ex9-4"})(["align-items:flex-end;background:linear-gradient(0deg,#000c,50%,rgba(0 0 0 0) 100%);bottom:0;display:flex;height:30vh;position:absolute;width:100%;"]),Ge=function(e){var t,n,c,o,r=e.currentShort,s=e.shortPlaySrc,l=e.isCommentsActivate,u=e.isBookmarkActivate,p=e.onClickProfile,h=e.onClickLabel,b=Object(m.a)("translation").t,x=Object(i.d)(a.c),_=Object(i.d)(Object(W.b)()),O=Object(f.useState)(!1),v=Object(j.a)(O,2),y=v[0],C=v[1],T=Object(P.a)().height,S=_?T-64-90:T-64,w=!(null===r||void 0===r||null===(t=r.vodResource)||void 0===t||!t.isSampleData);Be({vid:null===r||void 0===r||null===(n=r.vodResource)||void 0===n?void 0:n.vid,postId:null===r||void 0===r?void 0:r.id,durationTime:null===r||void 0===r||null===(c=r.vodResource)||void 0===c?void 0:c.duration,isSampleData:w}),Object(f.useEffect)((function(){return function(){clearTimeout(o)}}),[]);var I=function(){var e=document.querySelector("video");return!e||(null===e||void 0===e?void 0:e.muted)};return Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(d.G,{videoSrc:s,loopMode:"use",mutedMode:"use",autoPlayMode:"use",aspectRatio:"9:16",limitRendition:!1,startLowInitialPlaylist:!1,useNetworkApi:!0,onBeforeRequest:function(e){var t=null===x||void 0===x?void 0:x.id,n=R.b.getUserProfileInChannel(t||0).distinctId;return e.uri.includes("m3u8")?(e.headers=Object(G.a)(Object(G.a)({},e.headers),{},{"x-publ-profile-distinct-id":n}),e):e}}),Object(H.jsxs)(Ke,{screenHeight:S,children:[Object(H.jsx)(He,{onClick:function(e){if(e.stopPropagation(),!o&&!y){var t=document.querySelector("video");t&&(t.muted?t.muted=!1:t.muted=!0),C(!0),o=setTimeout((function(){C(!1)}),1e3)}},children:I()&&Object(H.jsx)(Ve,{children:Object(H.jsx)(g.D_Chip,{displayType:"filter_single",text:b("str_4120"),filterIconMode:"left",iconFillType:"fill",iconName:"ic_speaker_off",overrideTextColorKey:"ui_cpnt_chip_fill_text_active_02",overrideBackgroundColorKey:"ui_cpnt_button_fill_base_white"})})}),Object(H.jsx)(qe,{children:r&&Object(H.jsx)(Fe,{short:r,isCommentsActive:l,isBookmarkActivate:u,onClickProfile:p,onClickLabel:h})}),y&&Object(H.jsx)(Ue,{children:Object(H.jsx)(g.Icon,{iconName:I()?"ic_speaker_off":"ic_speaker_wave_2",colorKey:"ui_cpnt_icon_sys_white",size:72,fillType:"fill"})})]})]})};var Ye=F.default.div.withConfig({displayName:"S_VideoWrapper",componentId:"sc-1dr57hb-0"})(["background-color:",";height:100%;min-height:400px;"],(function(e){var t=e.theme;return e.isError?"none":t.ui_temp_black})),Xe=F.default.div.withConfig({displayName:"S_ShortsSlider",componentId:"sc-1dr57hb-1"})(["",""],(function(e){var t=e.transformDirection,n=e.screenHeight;return 0!==t&&"transition-duration:500ms; transform:translateY(".concat(-t*n,"px);")})),Je=F.default.div.withConfig({displayName:"S_Wrapper",componentId:"sc-1dr57hb-2"})(["overflow:hidden;position:relative;top:","px;width:","px;"],(function(e){return-e.screenHeight}),fe),Ze=F.default.div.withConfig({displayName:"S_Cell",componentId:"sc-1dr57hb-3"})(["align-items:center;height:","px;position:relative;width:","px;"],(function(e){return e.screenHeight}),fe),Qe=F.default.div.withConfig({displayName:"S_PrevImageWrapper",componentId:"sc-1dr57hb-4"})(["background-color:",";height:","px;overflow:hidden;padding-top:","px;position:relative;top:","px;width:","px;"],(function(e){return e.theme.ui_temp_black}),(function(e){return e.screenHeight}),(function(e){var t=e.screenHeight;return t>me?(t-me)/2:""}),(function(e){return-e.screenHeight}),fe),$e=F.default.div.withConfig({displayName:"S_NextImageWrapper",componentId:"sc-1dr57hb-5"})(["background-color:",";height:","px;overflow:hidden;padding-top:","px;position:relative;top:","px;width:","px;"],(function(e){return e.theme.ui_temp_black}),(function(e){return e.screenHeight}),(function(e){var t=e.screenHeight;return t>me?(t-me)/2:""}),(function(e){return-e.screenHeight}),fe),et=function(e){var t,n,c,o,r,a,s=e.error,l=e.currentShort,d=e.shorts,u=e.shortsError,p=e.shortPlaySrc,h=e.currentPlayIndex,b=e.totalShortsCount,m=e.isCommentsActivate,x=e.isBookmarkActivate,_=e.onChangeCurrentPlayIndex,O=e.handleChangeIsVideoThumbnailCoverShow,v=e.onClickProfile,y=e.onClickLabel,C=Object(i.c)(),T=Object(i.d)(Object(ge.b)()),S=Object(f.useState)(0),w=Object(j.a)(S,2),I=w[0],k=w[1],B=Object(f.useState)(!0),D=Object(j.a)(B,2),N=D[0],E=D[1],L=Object(P.a)().height,A=T?L-64-90:L-64;Object(f.useEffect)((function(){return function(){C(Object(z.w)()),clearTimeout(r),clearTimeout(a)}}),[]),Object(f.useEffect)((function(){if(l&&p){var e=document.querySelector("video"),t=function(){O(!1)};return e&&(e.muted=!0,e.addEventListener("playing",t)),function(){e&&e.removeEventListener("playing",t)}}}),[l,p]);var W=function(e){k(e),r=setTimeout((function(){var t,n;_(h+e),(1!==e||null!==(t=d[2])&&void 0!==t&&t.isUserLegallyIneligible)&&(-1!==e||null!==(n=d[0])&&void 0!==n&&n.isUserLegallyIneligible)||O(!0),k(0)}),500),a=setTimeout((function(){E(!0)}),1300)};return Object(H.jsxs)(Xe,{transformDirection:I,screenHeight:A,children:[Object(H.jsx)(Qe,{screenHeight:A,children:(null===(t=d[0])||void 0===t?void 0:t.vodResource.thumbnailSrc)&&Object(H.jsx)(g.ImageView,{src:null===(n=d[0])||void 0===n?void 0:n.vodResource.thumbnailSrc,shapeType:"rectangle",width:fe,height:"responsive",scaleType:"contain"})}),Object(H.jsx)(Je,{id:"itemList",screenHeight:A,draggable:!1,onScroll:function(){return!1},onWheel:ve((function(e){e.stopPropagation(),e.preventDefault();var t=e.deltaY;if(!r){if(t>0&&N){if(b-1===h)return;C(Object(z.w)()),E(!1),W(1),C(Object(z.u)())}if(t<0&&N){if(0===h)return;C(Object(z.w)()),E(!1),W(-1),C(Object(z.u)())}}}),300),children:Object(H.jsx)(Ze,{screenHeight:A,children:Object(H.jsxs)(Ye,{screenHeight:A,isError:!!s,children:[s&&u,!s&&l&&p&&Object(H.jsx)(Ge,{currentShort:l,shortPlaySrc:p,isCommentsActivate:m,isBookmarkActivate:x,onClickProfile:v,onClickLabel:y})]})})}),Object(H.jsx)($e,{screenHeight:A,children:(null===(c=d[2])||void 0===c?void 0:c.vodResource.thumbnailSrc)&&Object(H.jsx)(g.ImageView,{src:null===(o=d[2])||void 0===o?void 0:o.vodResource.thumbnailSrc,shapeType:"rectangle",width:fe,height:"responsive",scaleType:"contain"})})]})};var tt=function(e){var t=e.onClickButton,n=Object(m.a)("translation").t;return Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Icon,{iconName:"ic_unavailable",size:48,colorKey:"ui_cpnt_icon_sys_grey_03"}),Object(H.jsx)(g.Spacing,{size:"spacing_d"}),Object(H.jsx)(g.D_TextLabel,{text:n("str_key_user_scene_c00015_ageestriction_title"),styleTheme:"headingBold",colorTheme:"sysTextSecondary",textAlign:"center"}),Object(H.jsx)(g.Spacing,{size:"spacing_b"}),Object(H.jsx)(g.D_TextLabel,{text:n("str_key_user_scene_c00015_ageestriction_desc"),styleTheme:"body2Regular",colorTheme:"sysTextSecondary",textAlign:"center"}),Object(H.jsx)(g.Spacing,{size:"spacing_d"}),Object(H.jsx)(g.D_MainButton,{text:n("str_key_user_scene_c00015_ageestriction_btn"),size:"medium",styleTheme:"secondary",onClick:t})]})};var nt=function(){var e=Object(m.a)("translation").t,t=Object(i.d)(a.d);return Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Icon,{iconName:"ic_unavailable",size:64,colorKey:"ui_cpnt_icon_sys_grey_03",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_d"}),Object(H.jsx)(g.D_TextLabel,{text:e("str_user_view_restricted_title"),styleTheme:"headingBold",colorTheme:"sysTextSecondary",textAlign:"center"}),Object(H.jsx)(g.Spacing,{size:"spacing_b"}),Object(H.jsx)(g.D_TextLabel,{text:e("str_7067",{sellerEmail:null===t||void 0===t?void 0:t.email}),styleTheme:"body2Regular",colorTheme:"sysTextSecondary",textAlign:"center"})]})},it="".concat(u.r,"/shorts"),ct="".concat(u.r,"/shorts/labels"),ot="".concat(u.r,"/shorts/labels/:labelId"),rt="".concat(u.r,"/shorts/labels/:labelId/play"),at="".concat(u.r,"/shorts/saves"),st="".concat(u.r,"/shorts/saves"),lt="".concat(u.r,"/shorts/saves/play"),dt="".concat(u.r,"/shorts/creators"),ut="".concat(u.r,"/shorts/creators/:creatorId"),pt="".concat(u.r,"/shorts/creators/:creatorId/play");var ht=F.default.div.withConfig({displayName:"S_ShortsPlayError",componentId:"sc-zcg

16fa-0"})(["background-color:",";height:","px;width:478px;"],(function(e){return e.theme.ui_cpnt_masking_base_01}),(function(e){return e.screenHeight})),bt=F.default.div.withConfig({displayName:"S_PlayerField",componentId:"sc-zcg6fa-1"})(["align-items:center;display:flex;flex-direction:column;left:50%;min-width:478px;position:relative;top:50%;transform:translate(-50%,-50%);width:478px;"]),jt=F.default.div.withConfig({displayName:"S_IconWrapper",componentId:"sc-zcg6fa-2"})(["align-items:center;display:flex;justify-content:center;"]),gt=F.default.div.withConfig({displayName:"S_BottomGradient",componentId:"sc-zcg6fa-3"})(["align-items:flex-end;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%);bottom:0;display:flex;height:30vh;left:0;position:absolute;width:100%;"]),ft=F.default.div.withConfig({displayName:"S_LegallyIneligibleCover",componentId:"sc-zcg6fa-4"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;padding-left:",";padding-right:",";position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;"],(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),mt=F.default.div.withConfig({displayName:"S_InteractionContentBox",componentId:"sc-zcg6fa-5"})(["align-items:flex-end;display:flex;justify-content:space-between;padding-bottom:",";padding-left:",";padding-right:",";width:100%;"],(function(e){return e.theme.spacing.spacingD}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),xt=F.default.div.withConfig({displayName:"S_IconButtonWrapper",componentId:"sc-zcg6fa-6"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;"]),_t=function(e){var t=e.error,n=e.currentShort,o=e.screenHeight,r=e.handleChangeIsVideoThumbnailCoverShow,a=e.isFirstShortsPlayPage,s=void 0!==a&&a,l=e.isCommentsActivate,d=e.isBookmarkActivate,p=e.shortId,h=Object(m.a)("translation").t,b=Object(c.k)(),x=Object(i.c)(),_=Object(O.a)(),v=_.openDialog,y=_.closeDialog,C=Object(O.e)().userEntrywayForUse,T=Object(f.useState)(!1),S=Object(j.a)(T,2),w=S[0],I=S[1],k=Object(f.useState)(!(null===n||void 0===n||!n.hasUserBookmarked)),B=Object(j.a)(k,2),D=B[0],N=B[1],E=451===(null===t||void 0===t?void 0:t.status),L="VOD-00104"===(null===t||void 0===t?void 0:t.code),A=(403===(null===t||void 0===t?void 0:t.status)||404===(null===t||void 0===t?void 0:t.status)||E||L)&&(null===t||void 0===t?void 0:t.type)==="".concat(z.n.type,"_FAILED");Object(f.useEffect)((function(){r(!1)}),[]);var W=function(e){if((null===t||void 0===t?void 0:t.type)==="".concat(z.n.type,"_FAILED"))switch(e){case 403:return h("str_2256");case 404:return h("str_4246");case 500:return h("str_err_4072")}return h("str_err_4072")},P=function(){if(E)v({contentText:h("str_key_user_scene_c00015shortsplay_dialog_ageestriction_save"),btnMode:"tbtn_amount1",tBtn1Text:h("str_confirm"),onClickTBtn1:y});else if(n){if(D)return N(!1),void x(Object(z.g)({shortId:null===n||void 0===n?void 0:n.id.toString()}));N(!0),x(Object(z.d)({shortId:null===n||void 0===n?void 0:n.id.toString()}))}};return E?Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(ht,{screenHeight:o,children:Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(ft,{children:Object(H.jsx)(tt,{onClickButton:C((function(){var e=R.f.getChannelCode();b.push(Object(u.W)(e),{prevPath:location.pathname})}))})}),Object(H.jsx)(gt,{children:Object(H.jsxs)(mt,{children:[Object(H.jsx)(g.D_TextLabel,{text:h("str_key_user_scene_c00015_ageestriction_title"),colorTheme:"sysTextWhite"}),Object(H.jsxs)("div",{children:[l&&Object(H.jsxs)(xt,{onClick:function(){return I(!0)},children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_chat_counseling",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"normal",text:h("str_comment"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]}),d&&Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_e",spacingType:"height"}),Object(H.jsxs)(xt,{onClick:P,children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_bookmark",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",iconFillType:"line",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:h("str_shorts_play_save"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]})]})]})]})})]})}),w&&p&&Object(H.jsx)(je,{shortId:p,onClickLeftBtn:function(){return I(!1)}})]}):L?Object(H.jsxs)(H.Fragment,{children:[Object(H.jsxs)(g.D_AnnotationSheet,{height:"".concat(o,"px"),width:"478px",children:[Object(H.jsx)(ft,{children:Object(H.jsx)(nt,{})}),Object(H.jsx)(gt,{children:Object(H.jsxs)(mt,{children:[Object(H.jsx)("div",{}),Object(H.jsxs)("div",{children:[l&&Object(H.jsxs)(xt,{onClick:function(){return I(!0)},children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_chat_counseling",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"normal",text:h("str_comment"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]}),d&&Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_e",spacingType:"height"}),Object(H.jsxs)(xt,{onClick:P,children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_bookmark",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",iconFillType:D?"fill":"line",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:h("str_shorts_play_save"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]})]})]})]})})]}),w&&p&&Object(H.jsx)(je,{shortId:p,onClickLeftBtn:function(){return I(!1)}})]}):Object(H.jsxs)(ht,{screenHeight:o,children:[Object(H.jsxs)(bt,{children:[Object(H.jsx)(jt,{children:Object(H.jsx)(g.Icon,{iconName:function(e){if((null===t||void 0===t?void 0:t.type)==="".concat(z.n.type,"_FAILED"))switch(e){case 403:return"ic_unavailable";case 404:return"ic_error";case 500:return"ic_unavailable"}return"ic_unavailable"}((null===t||void 0===t?void 0:t.status)||500),size:48,colorKey:"ui_cpnt_icon_sys_grey_03",fillType:"line"})}),Object(H.jsx)(g.Spacing,{size:"spacing_d"}),Object(H.jsx)(g.D_TextLabel,{text:W((null===t||void 0===t?void 0:t.status)||500),textAlign:"center",styleTheme:"headingBold",colorTheme:"sysTextSecondary"})]}),!s&&!A&&Object(H.jsx)(g.D_DesktopAlertDialog,{contentText:W((null===t||void 0===t?void 0:t.status)||500),btnMode:"tbtn_amount1",tBtn1Text:h("str_confirm"),onClickTBtn1:function(){var e=R.f.getChannelCode();x(Object(z.u)()),b.push(Object(R.l)(it,{channelCode:e}))}})]})};var Ot=F.default.div.withConfig({displayName:"S_EmptyListScreen",componentId:"sc-xp5n6m-0"})(["margin-top:",";"],(function(e){return e.theme.spacing.spacingH})),vt=function(){var e=Object(m.a)("translation").t;return Object(H.jsxs)(Ot,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_i",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{text:e("str_3710"),textAlign:"center",colorTheme:"sysTextTertiary"})]})},yt={dataObjectType:"CUSTOM_DATA",dataObjectResourceName:"CustomSEOResource",customSEOResourceSchema:{title:"{{menuName}}",description:"{{channelName}}\uc758 \ub2e4\uc591\ud55c VOD\ub97c \uc2dc\uccad\ud558\uc138\uc694.",thumbnailSrc:"{postThumbnailSrc}"},keyMappingDefinition:{title:"title",description:"description",thumbnailSrc:"thumbnailSrc"}};var Ct=F.default.div.withConfig({displayName:"S_TopBar",componentId:"sc-1wfb1qu-0"})(["display:flex;position:absolute;top:0;width:","px;"],fe),Tt=F.default.div.withConfig({displayName:"S_TopBarTitleWrapper",componentId:"sc-1wfb1qu-1"})(["align-items:center;display:flex;justify-content:center;width:100%;z-index:1;"]),St=F.default.div.withConfig({displayName:"S_SaveIconWrapper",componentId:"sc-1wfb1qu-2"})(["align-items:center;cursor:",";display:flex;height:48px;justify-content:center;width:48px;z-index:1;"],(function(e){return e.onClick?"pointer":"default"})),wt=F.default.div.withConfig({displayName:"S_GradientWrapper",componentId:"sc-1wfb1qu-3"})(["background:linear-gradient( to top,",","," );height:64px;position:absolute;top:64px;width:","px;z-index:1;",";"],(function(e){return e.theme.ui_cpnt_videoplayer_gradient_2}),(function(e){return e.theme.ui_cpnt_videoplayer_gradient_1}),fe,(function(e){return e.isGlobalBannerOpen&&Object(F.css)(["margin-top:90px;"])})),It=F.default.div.withConfig({displayName:"S_VideoThumbnailCoverWrapper",componentId:"sc-1wfb1qu-4"})(["background-color:",";height:","px;overflow:hidden;position:absolute;top:","px;width:","px;"],(function(e){return e.theme.ui_temp_black}),(function(e){return e.screenHeight}),(function(e){return e.isGlobalBannerOpen?154:64}),fe),kt=function(){var e,t,n;Object(v.a)("C00015ShortsPlay");var o=Object(m.a)("translation").t,r=Object(i.c)(),l=Object(c.k)(),d=Object(i.d)(a.c),u=Object(i.d)(Object(W.b)()),p=Object(i.d)(s.c),h=null===p||void 0===p?void 0:p.config,C=!(null!==h&&void 0!==h&&h[xe]),I=!(null!==h&&void 0!==h&&h[_e]),B=null!==(e=null===h||void 0===h?void 0:h[Oe])&&void 0!==e?e:"SHUFFLE",D=Object(i.d)(S),N=Object(i.d)(w),E=Object(i.d)(k),L=Object(i.d)(T),A=Object(f.useState)(!1),M=Object(j.a)(A,2),F=M[0],K=M[1],V=Object(f.useState)(0),U=Object(j.a)(V,2),q=U[0],G=U[1],Y=Object(P.a)().height,X=Object(O.e)().userEntrywayForUse,J=Object(y.a)(_.Y.C00015.CODE),Z=u?Y-64-90:Y-64,Q=Object(f.useMemo)((function(){return N&&0!==N.length&&"SHUFFLE"===B?function(e){for(var t,n=Object(b.a)(e),i=n.length;0!==i;){t=Math.floor(Math.random()*i),i-=1;var c=[n[t],n[i]];n[i]=c[0],n[t]=c[1]}return n}(N):N}),[N,B]),$=d?{title:o("str_seo_c00015_shorts_play_title",{menuName:d.pAppCodeMenuItemNameSet[_.Y.C00015.CODE],interpolation:{escapeValue:!1}}

1),description:o("str_seo_c00015_shorts_play_desc",{channelName:d.title,interpolation:{escapeValue:!1}}),thumbnailSrc:null===D||void 0===D?void 0:D.vodResource.thumbnailSrc}:null;Object(x.c)({manifest:yt,isActivated:!0,data:$,options:{useChannelTitlePrefix:!0}}),Object(f.useEffect)((function(){return r(Object(z.r)({limit:100,page:1})),function(){r(Object(z.w)()),r(Object(z.x)())}}),[]),Object(f.useEffect)((function(){Q.length>0&&q>-1&&Q[q]&&(r(Object(z.o)({shortId:Q[q].id})),r(Object(z.s)({postId:Q[q].id})))}),[q,Q]);var ee=Object(f.useMemo)((function(){var e=Object(b.a)(Q);if(Q.length<3&&(e=[].concat(Object(b.a)(e),Object(b.a)(Q))),0===q){var t=Q.slice().splice(Q.length-1,1);return[].concat(Object(b.a)(t),Object(b.a)(e)).splice(0,3)}if(q===Q.length-1){var n=Q.slice().splice(0,2);return[].concat(Object(b.a)(e),Object(b.a)(n)).splice(q-1,3)}return e.slice().splice(q-1,3)}),[Q,q]),te=function(e){K(e)};return Object(H.jsx)(H.Fragment,{children:Object(H.jsx)(g.WTContainersBox,{layoutType:"WTK_4",content1:Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(wt,{isError:!!L,isGlobalBannerOpen:u,children:Object(H.jsxs)(Ct,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_g",spacingType:"width"}),Object(H.jsx)(Tt,{children:Object(H.jsx)(g.D_TextLabel,{text:J,colorTheme:L?void 0:"sysTextWhite"})}),I?Object(H.jsx)(St,{onClick:X((function(){var e=R.f.getChannelCode();l.push(Object(R.l)(st,{channelCode:e}))})),children:Object(H.jsx)(g.Icon,{iconName:"ic_dashboard",size:24,colorKey:L?void 0:"ui_temp_white"})}):Object(H.jsx)(St,{})]})}),0===Q.length&&Object(H.jsx)(vt,{}),Object(H.jsx)(et,{error:L,currentShort:ee[1]||D,shorts:ee,shortsError:Object(H.jsx)(_t,{shortId:0===ee.length?null===(t=ee[0])||void 0===t?void 0:t.id:null===(n=ee[1])||void 0===n?void 0:n.id,currentShort:ee[1]||D,error:L,screenHeight:Z,handleChangeIsVideoThumbnailCoverShow:te,isFirstShortsPlayPage:!0,isCommentsActivate:C,isBookmarkActivate:I}),shortPlaySrc:E,currentPlayIndex:q,totalShortsCount:Q.length,isCommentsActivate:C,isBookmarkActivate:I,onChangeCurrentPlayIndex:function(e){G(e)},handleChangeIsVideoThumbnailCoverShow:te,onClickProfile:function(e){l.push(Object(R.l)(ut,{channelCode:R.f.getChannelCode(),creatorId:e}))},onClickLabel:function(e){l.push(Object(R.l)(ot,{channelCode:R.f.getChannelCode(),labelId:e}))}}),F&&Object(H.jsx)(It,{screenHeight:Z,isGlobalBannerOpen:u,children:Object(H.jsx)(g.ImageView,{src:Q&&0!==Q.length?ee[1].vodResource.thumbnailSrc:"",shapeType:"rectangle",width:fe,height:"responsive",scaleType:"contain"})})]})})})},Bt=n(2754);var Dt=function(e){return{lastShortRef:function(e){var t=e.isLoading,n=e.shorts,c=e.totalShortsCount,o=e.initialPage,r=e.fetchNextPage,s=Object(f.useMemo)(a.n,[]),l=Object(i.d)(s),d=Object(f.useRef)(o),u=Object(f.useRef)(),p=Object(Bt.a)(n.length);Object(f.useEffect)((function(){p!==n.length&&0===n.length&&l&&r(1,l.id)}),[n]);var h=Object(f.useCallback)((function(e){t||0===n.length||0===c||(u.current&&u.current.disconnect(),u.current=new IntersectionObserver((function(e){n.length>=c||e[0].isIntersecting&&(d.current+=1,l&&r(d.current,l.id))})),e&&u.current.observe(e))}),[t,c,n]);return Object(f.useEffect)((function(){d.current=o}),[o]),Object(f.useEffect)((function(){return function(){d.current=1}}),[]),{lastShortRef:h}}({shorts:e.shorts,isLoading:e.isLoading,totalShortsCount:e.totalShortsCount,initialPage:e.currentPage,fetchNextPage:e.fetchShortsByPage}).lastShortRef}};var Nt=function(){var e=Object(m.a)("translation").t;return Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_i",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{text:e("str_4258"),textAlign:"center",colorTheme:"sysTextTertiary"})]})},Et={dataObjectType:"CUSTOM_DATA",dataObjectResourceName:"CustomSEOResource",customSEOResourceSchema:{title:"{{postAuthor}}",description:"{{postAuthor}}\uc758 \ub2e4\uc591\ud55c VOD\ub97c \uc2dc\uccad\ud558\uc138\uc694."},keyMappingDefinition:{title:"title",description:"description"}};var Lt=F.default.div.withConfig({displayName:"S_LoadingWrapper",componentId:"sc-1yr50xf-0"})(["left:50%;min-width:478px;position:relative;top:50%;transform:translate(-50%,-50%);width:480px;"]),At=F.default.div.withConfig({displayName:"S_CenterWrapper",componentId:"sc-1yr50xf-1"}

1)(["height:100%;position:relative;width:480px;"]),zt=F.default.div.withConfig({displayName:"S_TopBar",componentId:"sc-1yr50xf-2"})(["align-items:center;display:flex;justify-content:space-between;"]),Wt=F.default.div.withConfig({displayName:"S_CreatorBox",componentId:"sc-1yr50xf-3"})(["align-items:center;display:flex;height:98px;margin:",";"],(function(e){var t=e.theme;return"0 ".concat(t.spacing.spacingE)})),Rt=F.default.div.withConfig({displayName:"S_CreatorContentBox",componentId:"sc-1yr50xf-4"})(["display:flex;flex-direction:column;max-height:98px;"]),Pt=F.default.div.withConfig({displayName:"S_TopBarIconWrapper",componentId:"sc-1yr50xf-5"})(["align-items:center;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px;"]),Mt=F.default.div.withConfig({displayName:"S_TopBarTitleWrapper",componentId:"sc-1yr50xf-6"})(["align-items:center;display:flex;height:48px;justify-content:center;width:100%;"]),Ft=F.default.div.withConfig({displayName:"S_ShortsFlexBox",componentId:"sc-1yr50xf-7"})(["display:flex;flex-wrap:wrap;"]),Kt=F.default.div.withConfig({displayName:"S_ShortThumbnailWrapper",componentId:"sc-1yr50xf-8"})(["cursor:pointer;position:relative;"]),Ht=F.default.div.withConfig({displayName:"S_IneligibleBox",componentId:"sc-1yr50xf-9"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;padding-left:",";padding-right:",";position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;"],(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),Vt=function(){Object(v.a)("C00015ShortsCreator");var e=Object(m.a)("translation").t,t=Object(i.c)(),n=Object(c.k)(),o=Object(c.m)(),r=o.channelCode,a=o.creatorId,s=Object(i.d)(C),l=Object(i.d)(w),u=Object(i.d)(I),p=u.total,h=u.page,b=Dt({shorts:l,isLoading:s,totalShortsCount:p,currentPage:h,fetchShortsByPage:function(e){t(Object(z.p)({profileId:a,page:e}))}}).lastShortRef,j=l[0]?{title:e("str_seo_c00015_shorts_creator_title",{postAuthor:l[0].author,interpolation:{escapeValue:!1}}),description:e("str_seo_c00015_shorts_creator_desc",{postAuthor:l[0].author,interpolation:{escapeValue:!1}})}:null;Object(x.c)({manifest:Et,isActivated:!0,data:j,options:{useChannelTitlePrefix:!0}});var f=function(){t(Object(z.x)()),t(Object(z.u)())};return Object(H.jsx)(g.WTContainersBox,{layoutType:"WTK_1",content1:s?Object(H.jsx)(Lt,{children:Object(H.jsx)(d.x,{})}):Object(H.jsxs)(At,{children:[Object(H.jsxs)(zt,{children:[Object(H.jsx)(Pt,{onClick:function(){f(),n.push(Object(R.l)(it,{channelCode:r}))},children:Object(H.jsx)(g.Icon,{iconName:"ic_arrow_left",size:24})}),l.length>0?Object(H.jsx)(Mt,{children:Object(H.jsx)(g.D_TextLabel,{text:e("str_3879",{uploader:l[0].author}),ellipsisMode:"use",lineLimit:1})}):Object(H.jsx)(g.Spacing,{size:"spacing_g",spacingType:"width"}),Object(H.jsx)(g.Spacing,{size:"spacing_g",spacingType:"width"})]}),0===l.length&&Object(H.jsx)(Nt,{}),l.length>0&&Object(H.jsxs)(Wt,{children:[Object(H.jsx)(g.ImageView,{src:l[0].authorThumbnailSrc,shapeType:"circular",radius:24,width:50,height:50,ratio:"1_1",scaleType:"cover"}),Object(H.jsx)(g.Spacing,{size:"spacing_b",spacingType:"width"}),Object(H.jsxs)(Rt,{children:[Object(H.jsx)(g.D_TextLabel,{text:l[0].author,styleTheme:"body1Bold"}),Object(H.jsx)(g.Spacing,{size:"spacing_b",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{text:e("str_3880",{shortsAmount:p}),styleTheme:"caption1Regular"})]})]}),Object(H.jsx)("div",{}),Object(H.jsx)(Ft,{children:l.map((function(t,i){return Object(H.jsxs)(Kt,{ref:l.length-1===i?b:null,onClick:function(){return function(e){f(),n.push(Object(R.l)(pt,{channelCode:r,creatorId:a}),{index:e})}(i)},children:[Object(H.jsx)(g.ImageView,{src:t.isUserLegallyIneligible?"":t.vodResource.thumbnailSrc,shapeType:"rectangle",ratio:"9_16",scaleType:"cover",borderMode:"use",width:160,height:285}),t.isUserLegallyIneligible&&Object(H.jsxs)(Ht,{children:[Object(H.jsx)(g.Icon,{iconName:"ic_unavailable",size:32,colorKey:"ui_cpnt_icon_sys_grey_01"}),Object(H.jsx)(g.Spacing,{size:"spacing_b"}),Object(H.jsx)(g.D_TextLabel,{text:e("str_key_user_scene_c00015_ageestriction_title"),textAlign:"center"})]})]},t.id)}))})]})})};var Ut=F.default.div.withConfig({displayName:"S_ShortsCreatorPlayError",componentId:"sc-3lhh3u-0"})(["background-color:",";height:","px;width:478px;"],(function(e){return e.theme.ui_cpnt_masking_base_01}),(function(e){return e.screenHeight})),qt=F.default.div.withConfig({displayName:"S_PlayerField",componentId:"sc-3lhh3u-1"})(["align-items:center;display:flex;flex-direction:column;left:50%;min-width:478px;position:relative;top:50%;transform:translate(-50%,-50%);width:478px;"]),Gt=F.default.div.withConfig({displayName:"S_IconWrapper",componentId:"sc-3lhh3u-2"})(["align-items:center;display:flex;justify-content:center;"]),Yt=F.default.div.withConfig({displayName:"S_BottomGradient",componentId:"sc-3lhh3u-3"})(["align-items:flex-end;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%);bottom:0;display:flex;height:30vh;left:0;position:absolute;width:100%;"]),Xt=F.default.div.withConfig({displayName:"S_LegallyIneligibleCover",componentId:"sc-3lhh3u-4"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;padding-left:",";padding-right:",";position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;"],(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),Jt=F.default.div.withConfig({displayName:"S_InteractionContentBox",componentId:"sc-3lhh3u-5"})(["align-items:flex-end;display:flex;justify-content:space-between;padding-bottom:",";padding-left:",";padding-right:",";width:100%;"],(function(e){return e.theme.spacing.spacingD}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),Zt=F.default.div.withConfig({displayName:"S_IconButtonWrapper",componentId:"sc-3lhh3u-6"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;"]),Qt=function(e){var t=e.error,n=e.currentShort,o=e.screenHeight,r=e.handleChangeIsVideoThumbnailCoverShow,a=e.isCommentsActivate,s=e.isBookmarkActivate,l=e.shortId,d=Object(m.a)("translation").t,p=Object(c.k)(),h=Object(i.c)(),b=Object(O.a)(),x=b.openDialog,_=b.closeDialog,v=Object(O.e)().userEntrywayForUse,y=Object(f.useState)(!1),C=Object(j.a)(y,2),T=C[0],S=C[1],w=Object(f.useState)(!(null===n||void 0===n||!n.hasUserBookmarked)),I=Object(j.a)(w,2),k=I[0],B=I[1],D=451===(null===t||void 0===t?void 0:t.status),N="VOD-00104"===(null===t||void 0===t?void 0:t.code),E=(403===(null===t||void 0===t?void 0:t.status)||404===(null===t||void 0===t?void 0:t.status)||D||N)&&(null===t||void 0===t?void 0:t.type)==="".concat(z.n.type,"_FAILED");Object(f.useEffect)((function(){r(!1)}),[]);var L=function(e){if((null===t||void 0===t?void 0:t.type)==="".concat(z.n.type,"_FAILED"))switch(e){case 403:return d("str_2256");case 404:return d("str_4246");case 500:return d("str_err_4072")}if((null===t||void 0===t?void 0:t.type)==="".concat(z.h.type,"_FAILED"))switch(e){case 500:return d("str_err_4073")}return d("str_err_4072")},A=function(){if(D)x({contentText:d("str_key_user_scene_c00015shortsplay_dialog_ageestr

1iction_save"),btnMode:"tbtn_amount1",tBtn1Text:d("str_confirm"),onClickTBtn1:_});else if(n){if(k)return B(!1),void h(Object(z.g)({shortId:null===n||void 0===n?void 0:n.id.toString()}));B(!0),h(Object(z.d)({shortId:null===n||void 0===n?void 0:n.id.toString()}))}};return D?Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(Ut,{screenHeight:o,children:Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(Xt,{children:Object(H.jsx)(tt,{onClickButton:v((function(){var e=R.f.getChannelCode();p.push(Object(u.W)(e),{prevPath:location.pathname})}))})}),Object(H.jsx)(Yt,{children:Object(H.jsxs)(Jt,{children:[Object(H.jsx)(g.D_TextLabel,{text:d("str_key_user_scene_c00015_ageestriction_title"),colorTheme:"sysTextWhite"}),Object(H.jsxs)("div",{children:[a&&Object(H.jsxs)(Zt,{onClick:function(){return S(!0)},children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_chat_counseling",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"normal",text:d("str_comment"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]}),s&&Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_e",spacingType:"height"}),Object(H.jsxs)(Zt,{onClick:A,children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_bookmark",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",iconFillType:"line",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:d("str_shorts_play_save"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]})]})]})]})})]})}),T&&l&&Object(H.jsx)(je,{shortId:l,onClickLeftBtn:function(){return S(!1)}})]}):N?Object(H.jsxs)(H.Fragment,{children:[Object(H.jsxs)(g.D_AnnotationSheet,{height:"".concat(o,"px"),width:"478px",children:[Object(H.jsx)(Xt,{children:Object(H.jsx)(nt,{})}),Object(H.jsx)(Yt,{children:Object(H.jsxs)(Jt,{children:[Object(H.jsx)("div",{}),Object(H.jsxs)("div",{children:[a&&Object(H.jsxs)(Zt,{onClick:function(){return S(!0)},children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_chat_counseling",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"normal",text:d("str_comment"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]}),s&&Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_e",spacingType:"height"}),Object(H.jsxs)(Zt,{onClick:A,children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_bookmark",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",iconFillType:k?"fill":"line",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:d("str_shorts_play_save"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]})]})]})]})})]}),T&&l&&Object(H.jsx)(je,{shortId:l,onClickLeftBtn:function(){return S(!1)}})]}):Object(H.jsxs)(Ut,{screenHeight:o,children:[Object(H.jsxs)(qt,{children:[Object(H.jsx)(Gt,{children:Object(H.jsx)(g.Icon,{iconName:function(e){if((null===t||void 0===t?void 0:t.type)==="".concat(z.n.type,"_FAILED"))switch(e){case 403:return"ic_unavailable";case 404:return"ic_error";case 500:return"ic_unavailable"}return"ic_unavailable"}((null===t||void 0===t?void 0:t.status)||500),size:48,colorKey:"ui_cpnt_icon_sys_grey_03",fillType:"line"})}),Object(H.jsx)(g.Spacing,{size:"spacing_d"}),Object(H.jsx)(g.D_TextLabel,{text:L((null===t||void 0===t?void 0:t.status)||500),textAlign:"center",styleTheme:"headingBold",colorTheme:"sysTextSecondary"}),Object(H.jsx)(g.Spacing,{size:"spacing_c"})]}),!E&&Object(H.jsx)(g.D_DesktopAlertDialog,{contentText:L((null===t||void 0===t?void 0:t.status)||500),btnMode:"tbtn_amount1",tBtn1Text:d("str_confirm"),onClickTBtn1:function(){var e=R.f.getChannelCode();h(Object(z.u)()),p.push(Object(R.l)(it,{channelCode:e}))}})]})},$t={dataObjectType:"CUSTOM_DATA",dataObjectResourceName:"CustomSEOResource",customSEOResourceSchema:{title:"{{postTitle}}",description:"{{postAuthor}}\uc758 \ub2e4\uc591\ud55c VOD\ub97c \uc2dc\uccad\ud558\uc138\uc694.",thumbnailSrc:"{postThumbnailSrc}"},keyMappingDefinition:{title:"title",description:"description",thumbnailSrc:"thumbnailSrc"}};var en=F.default.div.withConfig({displayName:"S_TopBar",componentId:"sc-qcpay0-0"})(["align-items:end;display:flex;position:absolute;width:","px;z-index:1;"],fe),tn=F.default.div.withConfig({displayName:"S_GradientWrapper",componentId:"sc-qcpay0-1"})(["background:linear-gradient( to top,",","," );height:64px;position:absolute;top:64px;width:","px;z-index:1;",";"],(function(e){return e.theme.ui_cpnt_videoplayer_gradient_2}),(function(e){return e.theme.ui_cpnt_videoplayer_gradient_1}),fe,(function(e){return e.isGlobalBannerOpen&&Object(F.css)(["margin-top:90px;"])})),nn=F.default.div.withConfig({displayName:"S_TopBarIconWrapper",componentId:"sc-qcpay0-2"})(["align-items:center;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px;"]),cn=F.default.div.withConfig({displayName:"S_TopBarTitleWrapper",componentId:"sc-qcpay0-3"})(["align-items:center;display:flex;height:48px;justify-content:center;width:100%;"]),on=F.default.div.withConfig({displayName:"S_VideoThumbnailCoverWrapper",componentId:"sc-qcpay0-4"})(["background-color:",";height:","px;overflow:hidden;position:absolute;top:","px;width:","px;"],(function(e){return e.theme.ui_temp_black}),(function(e){return e.screenHeight}),(function(e){return e.isGlobalBannerOpen?154:64}),fe),rn=function(){var e,t;Object(v.a)("C00015ShortsCreatorPlay");var n=Object(m.a)("translation").t,o=Object(i.c)(),r=Object(c.k)(),a=Object(c.l)(),l=Object(c.m)(),d=l.channelCode,u=l.creatorId,p=Object(i.d)(Object(W.b)()),h=Object(i.d)(s.c),_=null===h||void 0===h?void 0:h.config,O=!(null!==_&&void 0!==_&&_[xe]),y=!(null!==_&&void 0!==_&&_[_e]),C=Object(i.d)(S),I=Object(i.d)(w),B=Object(i.d)(k),D=Object(i.d)(T),N=!a.state,E=Object(f.useState)(!1),L=Object(j.a)(E,2),A=L[0],M=L[1],F=Object(f.useState)(N?0:a.state.index),K=Object(j.a)(F,2),V=K[0],U=K[1],q=Object(P.a)().height,G=p?q-64-90:q-64,Y=Object(f.useMemo)((function(){var e=Object(b.a)(I);if(I.length<3&&(e=[].concat(Object(b.a)(e),Object(b.a)(I))),0===V){var t=I.slice().splice(I.length-1,1);return[].concat(Object(b.a)(t),Object(b.a)(e)).splice(0,3)}if(V===I.length-1){var n=I.slice().splice(0,2);return[].concat(Object(b.a)(e),Object(b.a)(n)).splice(V-1,3)}return e.slice().splice(V-1,3)}),[I,V]),X=C?{title:n("str_seo_c00015_shorts_creator_play_title",{postTitle:C.title,interpolation:{escapeValue:!1}}),description:n("str_seo_c00015_shorts_creator_play_desc",{postAuthor:C.author,interpolation:{escapeValue:!1}}),thumbnailSrc:C.vodResource.thumbnailSrc}:null;Object(x.c)({manifest:$t,isActivated:!0,data:X,options:{useChannelTitlePrefix:!0}}),Object(f.useEffect)((function(){return u&&o(Object(z.q)({profileId:u,currentPlayIndex:V})),function(){o(Object(z.x)()),o(Object(z.w)())}}),[]),Object(f.useEffect)((function(){I.length>0&&V>-1&&I[V]&&(o(Object(z.o)({shortId:I[V].id})),o(Object(z.s)({postId:I[V].id})))}),[I,V]);var J=function(e){M(e)};return Object(H.jsx)(H.Fragment,{children:Object(H.jsx)(g.WTContainersBox,{layoutType:"WTK_4",content1:Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(tn,{isError:!!D,isGlobalBannerOpen:p,children:Object(H.jsxs)(en,{children:[Object(H.jsx)(nn,{onClick:function(){r.push(Object(R.l)(ut,{channelCode:d,creatorId:u}))},children:Object(H.jsx)(g.Icon,{iconName:"ic_arrow_left",size:24,colorKey:D?void 0:"ui_temp_white"})}),Object(H.jsx)(cn,{children:I.length>0&&Object(H.jsx)(g.D_TextLabel,{text:C?n("str_3879",{uploader:C.author}):void 0,ellipsisMode:"use",lineLimit:1,wordBreak:"break_all",textAlign:"center",colorTheme:D?void 0:"sysTextWhite"})}),Object(H.jsx)(g.Spacing,{size:"spacing_g",spacingType:"width"})]})}),Object(H.jsx)(et,{error:D,currentShort:C,shorts:Y,shortsError:Object(H.jsx)(Qt,{shortId:0===Y.length?null===(e=Y[0])||void 0===e?void 0:e.id:null===(t=Y[1])||void 0===t?void 0:t.id,currentShort:C,error:D,screenHeight:G,handleChangeIsVideoThumbnailCoverShow:J,isCommentsActivate:O,isBookmarkActivate:y}),shortPlaySrc:B,currentPlayIndex:V,totalShortsCount:I.length,isCommentsActivate:O,isBookmarkActivate:y,onChangeCurrentPlayIndex:function(e){U(e)},handleChangeIsVideoThumbnailCoverShow:J}),A&&Object(H.jsx)(on,{screenHeight:G,isGlobalBannerOpen:p,children:Object(H.jsx)(g.ImageView,{src:I&&0!==I.length?Y[1].vodResource.thumbnailSrc:"",shapeType:"rectangle",width:fe,height:"responsive",scaleType:"contain"})})]})})})};var an=function(){var e=Object(f.useMemo)(l.f,[]),t=Object(i.d)(e);return Object(H.jsxs)(c.g,{children:[Object(H.jsx)(r.q,{exact:!0,path:ut,component:Vt,isAuthenticated:t}),Object(H.jsx)(r.q,{exact:!0,path:pt,component:rn,isAuthenticated:t}),Object(H.jsx)(c.c,{to:u.r})]})};var sn=function(){var e=Object(m.a)("translation").t;return Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_i",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{text:e("str_3710"),textAlign:"center",colorTheme:"sysTextTertiary"})]})},ln={dataObjectType:"CUSTOM_DATA",dataObjectResourceName:"CustomSEOResource",customSEOResourceSchema:{title:"{{labelName}}",description:"{{channelName}}\uc758 \ub2e4\uc591\ud55c VOD\ub97c \uc2dc\uccad\ud558\uc138\uc694."},keyMappingDefinition:{title:"title",description:"description"}};var dn=F.default.div.withConfig({displayName:"S_LoadingWrapper",componentId:"sc-174l5k1-0"})(["left:50%;min-width:478px;position:relative;top:50%;transform:translate(-50%,-50%);width:480px;"]),un=F.default.div.withConfig({displayName:"S_CenterWrapper",componentId:"sc-174l5k1-1"}

1)(["height:100%;position:relative;width:480px;"]),pn=F.default.div.withConfig({displayName:"S_TopBar",componentId:"sc-174l5k1-2"})(["align-items:center;display:flex;justify-content:space-between;"]),hn=F.default.div.withConfig({displayName:"S_TopBarIconWrapper",componentId:"sc-174l5k1-3"})(["align-items:center;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px;"]),bn=F.default.div.withConfig({displayName:"S_TopBarTitleWrapper",componentId:"sc-174l5k1-4"})(["align-items:center;display:flex;height:48px;justify-content:center;width:100%;"]),jn=F.default.div.withConfig({displayName:"S_ShortsFlexBox",componentId:"sc-174l5k1-5"})(["display:flex;flex-wrap:wrap;"]),gn=F.default.div.withConfig({displayName:"S_UnPublishedBox",componentId:"sc-174l5k1-6"})(["position:relative;"]),fn=F.default.div.withConfig({displayName:"S_UnPublishedIconWrapper",componentId:"sc-174l5k1-7"})(["height:48px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px;"]),mn=F.default.div.withConfig({displayName:"S_ShortThumbnailWrapper",componentId:"sc-174l5k1-8"})(["cursor:pointer;position:relative;"]),xn=F.default.div.withConfig({displayName:"S_IneligibleBox",componentId:"sc-174l5k1-9"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;padding-left:",";padding-right:",";position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;"],(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),_n=function(){Object(v.a)("C00015LabeledShorts");var e=Object(i.c)(),t=Object(c.k)(),n=Object(m.a)("translation").t,o=Object(c.m)(),r=o.channelCode,s=o.labelId,l=Object(i.d)(a.c),u=Object(i.d)(C),p=Object(i.d)(w),h=Object(i.d)(E),b=Object(i.d)(I),j=b.total,_=b.page,O=h.find((function(e){return e.id===Number(s)})),y=Dt({shorts:p,isLoading:u,totalShortsCount:j,currentPage:_,fetchShortsByPage:function(t){e(Object(z.p)({labelId:s,page:t}))}}).lastShortRef,T=O?{title:n("str_seo_c00015_labeled_shorts_title",{labelName:O.name,interpolation:{escapeValue:!1}}),description:l&&n("str_seo_c00015_labeled_shorts_desc",{channelName:l.title,interpolation:{escapeValue:!1}})}:null;Object(x.c)({manifest:ln,isActivated:!0,data:T,options:{useChannelTitlePrefix:!0}}),Object(f.useEffect)((function(){e(Object(z.j)())}),[]);var S=function(){e(Object(z.x)()),e(Object(z.u)())},k=function(){S(),t.push(Object(R.l)(it,{channelCode:r}))};return h.length>0&&!O?Object(H.jsx)(g.WTContainersBox,{layoutType:"WTK_4",content1:Object(H.jsx)(g.D_DesktopAlertDialog,{contentText:n("str_err_4071"),btnMode:"tbtn_amount1",tBtn1Text:n("str_confirm"),onClickTBtn1:k})}):Object(H.jsx)(g.WTContainersBox,{layoutType:"WTK_1",content1:u?Object(H.jsx)(dn,{children:Object(H.jsx)(d.x,{})}):Object(H.jsxs)(un,{children:[Object(H.jsxs)(pn,{children:[Object(H.jsx)(hn,{onClick:k,children:Object(H.jsx)(g.Icon,{iconName:"ic_arrow_left",size:24})}),Object(H.jsx)(bn,{children:Object(H.jsx)(g.D_TextLabel,{text:n("str_3881",{label:null===O||void 0===O?void 0:O.name}),ellipsisMode:"use",lineLimit:1,wordBreak:"break_all",textAlign:"center"})}),Object(H.jsx)(g.Spacing,{size:"spacing_g",spacingType:"width"})]}),0===p.length&&Object(H.jsx)(sn,{}),Object(H.jsx)(jn,{children:p.map((function(e,i){return Object(H.jsx)(mn,{ref:p.length-1===i?y:null,onClick:function(){return function(e){S(),t.push(Object(R.l)(rt,{channelCode:r,labelId:s}),{index:e})}(i)},children:e.isPublished?Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.ImageView,{src:e.isUserLegallyIneligible?"":e.vodResource.thumbnailSrc,shapeType:"rectangle",ratio:"9_16",scaleType:"cover",borderMode:"use",width:160,height:285}),e.isUserLegallyIneligible&&Object(H.jsxs)(xn,{children:[Object(H.jsx)(g.Icon,{iconName:"ic_unavailable",size:32,colorKey:"ui_cpnt_icon_sys_grey_01"}),Object(H.jsx)(g.Spacing,{size:"spacing_b"}),Object(H.jsx)(g.D_TextLabel,{text:n("str_key_user_scene_c00015_ageestriction_title"),textAlign:"center"})]})]}):Object(H.jsxs)(gn,{children:[Object(H.jsx)(fn,{children:Object(H.jsx)(g.Icon,{iconName:"ic_unavailable",size:48,colorKey:"ui_cpnt_icon_sys_grey_03",fillType:"line"})}),Object(H.jsx)(g.ImageView,{shapeType:"rectangle",ratio:"9_16",scaleType:"cover",borderMode:"use",width:160,height:285})]})},e.id)}))})]})})};var On=F.default.div.withConfig({displayName:"S_LabeledShortsPlayError",componentId:"sc-1xn0k7r-0"})(["background-color:",";height:","px;width:478px;"],(function(e){return e.theme.ui_cpnt_masking_base_01}),(function(e){return e.screenHeight})),vn=F.default.div.withConfig({displayName:"S_PlayerField",componentId:"sc-1xn0k7r-1"})(["align-items:center;display:flex;flex-direction:column;left:50%;min-width:478px;position:relative;top:50%;transform:translate(-50%,-50%);width:478px;"]),yn=F.default.div.withConfig({displayName:"S_IconWrapper",componentId:"sc-1xn0k7r-2"})(["align-items:center;display:flex;justify-content:center;"]),Cn=F.default.div.withConfig({displayName:"S_BottomGradient",componentId:"sc-1xn0k7r-3"})(["align-items:flex-end;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%);bottom:0;display:flex;height:30vh;left:0;position:absolute;width:100%;"]),Tn=F.default.div.withConfig({displayName:"S_LegallyIneligibleCover",componentId:"sc-1xn0k7r-4"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;padding-left:",";padding-right:",";position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;"],(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),Sn=F.default.div.withConfig({displayName:"S_InteractionContentBox",componentId:"sc-1xn0k7r-5"})(["align-items:flex-end;display:flex;justify-content:space-between;padding-bottom:",";padding-left:",";padding-right:",";width:100%;"],(function(e){return e.theme.spacing.spacingD}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),wn=F.default.div.withConfig({displayName:"S_IconButtonWrapper",componentId:"sc-1xn0k7r-6"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;"]),In=function(e){var t=e.error,n=e.currentShort,o=e.screenHeight,r=e.handleChangeIsVideoThumbnailCoverShow,a=e.isCommentsActivate,s=e.isBookmarkActivate,l=e.shortId,d=Object(m.a)("translation").t,p=Object(c.k)(),h=Object(i.c)(),b=Object(O.a)(),x=b.openDialog,_=b.closeDialog,v=Object(O.e)().userEntrywayForUse,y=Object(f.useState)(!1),C=Object(j.a)(y,2),T=C[0],S=C[1],w=Object(f.useState)(!(null===n||void 0===n||!n.hasUserBookmarked)),I=Object(j.a)(w,2),k=I[0],B=I[1],D=451===(null===t||void 0===t?void 0:t.status),N="VOD-00104"===(null===t||void 0===t?void 0:t.code),E=(403===(null===t||void 0===t?void 0:t.status)||404===(null===t||void 0===t?void 0:t.status)||D||N)&&(null===t||void 0===t?void 0:t.type)==="".concat(z.n.type,"_FAILED");Object(f.useEffect)((function(){r(!1)}),[]);var L=function(e){if((null===t||void 0===t?void 0:t.type)==="".concat(z.n.type,"_FAILED"))switch(e){case 403:return d("str_2256");case 404:return d("str_4246");case 500:return d("str_err_4072")}if((null===t||void 0===t?void 0:t.type)==="".concat(z.h.type,"_FAILED"))switch(e){case 500:return d("str_err_4073")}return d("str_err_4072")},A=function(){if(D)x({contentText:d("str_key_user_scene_c00015shortsplay_dialog_ageestr

1iction_save"),btnMode:"tbtn_amount1",tBtn1Text:d("str_confirm"),onClickTBtn1:_});else if(n){if(k)return B(!1),void h(Object(z.g)({shortId:null===n||void 0===n?void 0:n.id.toString()}));B(!0),h(Object(z.d)({shortId:null===n||void 0===n?void 0:n.id.toString()}))}};return D?Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(On,{screenHeight:o,children:Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(Tn,{children:Object(H.jsx)(tt,{onClickButton:v((function(){var e=R.f.getChannelCode();p.push(Object(u.W)(e),{prevPath:location.pathname})}))})}),Object(H.jsx)(Cn,{children:Object(H.jsxs)(Sn,{children:[Object(H.jsx)(g.D_TextLabel,{text:d("str_key_user_scene_c00015_ageestriction_title"),colorTheme:"sysTextWhite"}),Object(H.jsxs)("div",{children:[a&&Object(H.jsxs)(wn,{onClick:function(){return S(!0)},children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_chat_counseling",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"normal",text:d("str_comment"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]}),s&&Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_e",spacingType:"height"}),Object(H.jsxs)(wn,{onClick:A,children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_bookmark",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",iconFillType:"line",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:d("str_shorts_play_save"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]})]})]})]})})]})}),T&&l&&Object(H.jsx)(je,{shortId:l,onClickLeftBtn:function(){return S(!1)}})]}):N?Object(H.jsxs)(H.Fragment,{children:[Object(H.jsxs)(g.D_AnnotationSheet,{height:"".concat(o,"px"),width:"478px",children:[Object(H.jsx)(Tn,{children:Object(H.jsx)(nt,{})}),Object(H.jsx)(Cn,{children:Object(H.jsxs)(Sn,{children:[Object(H.jsx)("div",{}),Object(H.jsxs)("div",{children:[a&&Object(H.jsxs)(wn,{onClick:function(){return S(!0)},children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_chat_counseling",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"normal",text:d("str_comment"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]}),s&&Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_e",spacingType:"height"}),Object(H.jsxs)(wn,{onClick:A,children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_bookmark",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",iconFillType:k?"fill":"line",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:d("str_shorts_play_save"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]})]})]})]})})]}),T&&l&&Object(H.jsx)(je,{shortId:l,onClickLeftBtn:function(){return S(!1)}})]}):Object(H.jsxs)(On,{screenHeight:o,children:[Object(H.jsxs)(vn,{children:[Object(H.jsx)(yn,{children:Object(H.jsx)(g.Icon,{iconName:function(e){if((null===t||void 0===t?void 0:t.type)==="".concat(z.n.type,"_FAILED"))switch(e){case 403:return"ic_unavailable";case 404:return"ic_error";case 500:return"ic_unavailable"}return"ic_unavailable"}((null===t||void 0===t?void 0:t.status)||500),size:48,colorKey:"ui_cpnt_icon_sys_grey_03",fillType:"line"})}),Object(H.jsx)(g.Spacing,{size:"spacing_d"}),Object(H.jsx)(g.D_TextLabel,{text:L((null===t||void 0===t?void 0:t.status)||500),textAlign:"center",styleTheme:"headingBold",colorTheme:"sysTextSecondary"}),Object(H.jsx)(g.Spacing,{size:"spacing_c"})]}),!E&&Object(H.jsx)(g.D_DesktopAlertDialog,{contentText:L((null===t||void 0===t?void 0:t.status)||500),btnMode:"tbtn_amount1",tBtn1Text:d("str_confirm"),onClickTBtn1:function(){var e=R.f.getChannelCode();h(Object(z.u)()),p.push(Object(R.l)(it,{channelCode:e}))}})]})},kn={dataObjectType:"CUSTOM_DATA",dataObjectResourceName:"CustomSEOResource",customSEOResourceSchema:{title:"{{labelName}}",description:"{{channelName}}\uc758 \ub2e4\uc591\ud55c VOD\ub97c \uc2dc\uccad\ud558\uc138\uc694.",thumbnailSrc:"{postThumbnailSrc}"},keyMappingDefinition:{title:"title",description:"description",thumbnailSrc:"thumbnailSrc"}};var Bn=F.default.div.withConfig({displayName:"S_TopBar",componentId:"sc-r0axxh-0"})(["align-items:end;display:flex;position:absolute;width:","px;z-index:1;"],fe),Dn=F.default.div.withConfig({displayName:"S_GradientWrapper",componentId:"sc-r0axxh-1"})(["background:linear-gradient( to top,",","," );height:64px;position:absolute;top:64px;width:","px;z-index:1;",";"],(function(e){return e.theme.ui_cpnt_videoplayer_gradient_2}),(function(e){return e.theme.ui_cpnt_videoplayer_gradient_1}),fe,(function(e){return e.isGlobalBannerOpen&&Object(F.css)(["margin-top:90px;"])})),Nn=F.default.div.withConfig({displayName:"S_TopBarIconWrapper",componentId:"sc-r0axxh-2"})(["align-items:center;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px;"]),En=F.default.div.withConfig({displayName:"S_TopBarTitleWrapper",componentId:"sc-r0axxh-3"})(["align-items:center;display:flex;height:48px;justify-content:center;width:100%;"]),Ln=F.default.div.withConfig({displayName:"S_EmptyWrapper",componentId:"sc-r0axxh-4"})(["width:48px;"]),An=F.default.div.withConfig({displayName:"S_VideoThumbnailCoverWrapper",componentId:"sc-r0axxh-5"})(["background-color:",";height:","px;overflow:hidden;position:absolute;top:","px;width:","px;"],(function(e){return e.theme.ui_temp_black}),(function(e){return e.screenHeight}),(function(e){return e.isGlobalBannerOpen?154:64}),fe),zn=function(){var e,t;Object(v.a)("C00015LabeledShortsPlay");var n=Object(m.a)("translation").t,o=Object(i.c)(),r=Object(c.k)(),l=Object(c.l)(),d=Object(c.m)(),u=d.channelCode,p=d.labelId,h=Object(i.d)(a.c),_=Object(i.d)(Object(W.b)()),O=Object(i.d)(s.c),y=null===O||void 0===O?void 0:O.config,C=!(null!==y&&void 0!==y&&y[xe]),I=!(null!==y&&void 0!==y&&y[_e]),B=Object(i.d)(S),D=Object(i.d)(w),N=Object(i.d)(k),L=Object(i.d)(E),A=Object(i.d)(T),M=!l.state,F=Object(f.useState)(!1),K=Object(j.a)(F,2),V=K[0],U=K[1],q=Object(f.useState)(M?0:l.state.index),G=Object(j.a)(q,2),Y=G[0],X=G[1],J=Object(P.a)().height,Z=_?J-64-90:J-64,Q=L.find((function(e){return e.id===Number(p)})),$=Object(f.useMemo)((function(){var e=Object(b.a)(D);if(D.length<3&&(e=[].concat(Object(b.a)(e),Object(b.a)(D))),0===Y){var t=D.slice().splice(D.length-1,1);return[].concat(Object(b.a)(t),Object(b.a)(e)).splice(0,3)}if(Y===D.length-1){var n=D.slice().splice(0,2);return[].concat(Object(b.a)(e),Object(b.a)(n)).splice(Y-1,3)}return e.slice().splice(Y-1,3)}),[D,Y]),ee=Q?{title:n("str_seo_c00015_labeled_shorts_play_title",{labelName:Q.name,interpolation:{escapeValue:!1}}

1),description:h&&n("str_seo_c00015_labeled_shorts_play_desc",{channelName:h.title,interpolation:{escapeValue:!1}}),thumbnailSrc:null===B||void 0===B?void 0:B.vodResource.thumbnailSrc}:null;Object(x.c)({manifest:kn,isActivated:!0,data:ee,options:{useChannelTitlePrefix:!0}}),Object(f.useEffect)((function(){return p&&(o(Object(z.q)({labelId:p,currentPlayIndex:Y})),o(Object(z.j)())),function(){o(Object(z.x)()),o(Object(z.w)())}}),[]),Object(f.useEffect)((function(){D.length>0&&Y>-1&&D[Y]&&(o(Object(z.o)({shortId:D[Y].id})),o(Object(z.s)({postId:D[Y].id})))}),[D,Y]);var te=function(){r.push(Object(R.l)(ot,{channelCode:u,labelId:p}))},ne=function(e){U(e)};return L.length>0&&!Q?Object(H.jsx)(g.WTContainersBox,{layoutType:"WTK_4",content1:Object(H.jsx)(g.D_DesktopAlertDialog,{contentText:n("str_err_4071"),btnMode:"tbtn_amount1",tBtn1Text:n("str_confirm"),onClickTBtn1:te})}):Object(H.jsx)(H.Fragment,{children:Object(H.jsx)(g.WTContainersBox,{layoutType:"WTK_4",content1:Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(Dn,{isError:!!A,isGlobalBannerOpen:_,children:Object(H.jsxs)(Bn,{children:[Object(H.jsx)(Nn,{onClick:te,children:Object(H.jsx)(g.Icon,{iconName:"ic_arrow_left",size:24,colorKey:A?void 0:"ui_temp_white"})}),Object(H.jsx)(En,{children:Q&&Object(H.jsx)(g.D_TextLabel,{text:n("str_3881",{label:null===Q||void 0===Q?void 0:Q.name}),textAlign:"center",colorTheme:A?void 0:"sysTextWhite",ellipsisMode:"use",lineLimit:1,wordBreak:"break_all"})}),Object(H.jsx)(Ln,{})]})}),Object(H.jsx)(et,{error:A,currentShort:B,shorts:$,shortsError:Object(H.jsx)(In,{shortId:0===$.length?null===(e=$[0])||void 0===e?void 0:e.id:null===(t=$[1])||void 0===t?void 0:t.id,currentShort:B,error:A,screenHeight:Z,handleChangeIsVideoThumbnailCoverShow:ne,isCommentsActivate:C,isBookmarkActivate:I}),shortPlaySrc:N,currentPlayIndex:Y,totalShortsCount:D.length,isCommentsActivate:C,isBookmarkActivate:I,onChangeCurrentPlayIndex:function(e){X(e)},handleChangeIsVideoThumbnailCoverShow:ne}),V&&D.length>0&&Object(H.jsx)(An,{screenHeight:Z,isGlobalBannerOpen:_,children:Object(H.jsx)(g.ImageView,{src:D?$[1].vodResource.thumbnailSrc:"",shapeType:"rectangle",width:fe,height:"responsive",scaleType:"contain"})})]})})})};var Wn=function(){var e=Object(f.useMemo)(l.f,[]),t=Object(i.d)(e);return Object(H.jsxs)(c.g,{children:[Object(H.jsx)(r.q,{exact:!0,path:ot,component:_n,isAuthenticated:t}),Object(H.jsx)(r.q,{exact:!0,path:rt,component:zn,isAuthenticated:t}),Object(H.jsx)(c.c,{to:u.r})]})};var Rn=function(e){return{lastShortRef:function(e){var t=e.isLoading,n=e.savedShorts,c=e.totalShortsCount,o=e.initialPage,r=e.fetchNextPage,s=Object(f.useMemo)(a.n,[]),l=Object(i.d)(s),d=Object(f.useRef)(o),u=Object(f.useRef)(),p=Object(Bt.a)(n.length);Object(f.useEffect)((function(){p!==n.length&&0===n.length&&l&&r(1,l.id)}),[n]);var h=Object(f.useCallback)((function(e){t||0===n.length||0===c||(u.current&&u.current.disconnect(),u.current=new IntersectionObserver((function(e){n.length>=c||e[0].isIntersecting&&(d.current+=1,l&&r(d.current,l.id))})),e&&u.current.observe(e))}),[t,c,n]);return Object(f.useEffect)((function(){d.current=o}),[o]),Object(f.useEffect)((function(){return function(){d.current=1}}),[]),{lastShortRef:h}}({savedShorts:e.savedShorts,isLoading:e.isLoading,totalShortsCount:e.totalShortsCount,initialPage:e.currentPage,fetchNextPage:e.fetchShortsByPage}).lastShortRef}};var Pn=function(){var e=Object(m.a)("translation").t;return Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_i",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{text:e("str_3885"),textAlign:"center",colorTheme:"sysTextTertiary"})]})},Mn={dataObjectType:"CUSTOM_DATA",dataObjectResourceName:"CustomSEOResource",customSEOResourceSchema:{title:"\uc800\uc7a5\ub41c \uc20f\uce20",description:"\uc800\uc7a5\ud55c Shorts VOD\uc785\ub2c8\ub2e4."},keyMappingDefinition:{title:"title",description:"description"}};var Fn=F.default.div.withConfig({displayName:"S_LoadingWrapper",componentId:"sc-1s2l3ox-0"})(["left:50%;min-width:478px;position:relative;top:50%;transform:translate(-50%,-50%);width:480px;"]),Kn=F.default.div.withConfig({displayName:"S_CenterWrapper",componentId:"sc-1s2l3ox-1"}

1)(["height:100%;position:relative;width:480px;"]),Hn=F.default.div.withConfig({displayName:"S_TopBar",componentId:"sc-1s2l3ox-2"})(["align-items:center;display:flex;justify-content:space-between;"]),Vn=F.default.div.withConfig({displayName:"S_TopBarIconWrapper",componentId:"sc-1s2l3ox-3"})(["align-items:center;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px;"]),Un=F.default.div.withConfig({displayName:"S_UnPublishedBox",componentId:"sc-1s2l3ox-4"})(["position:relative;"]),qn=F.default.div.withConfig({displayName:"S_UnPublishedIconWrapper",componentId:"sc-1s2l3ox-5"})(["height:48px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px;"]),Gn=F.default.div.withConfig({displayName:"S_TopBarTitleWrapper",componentId:"sc-1s2l3ox-6"})(["align-items:center;display:flex;height:48px;justify-content:center;width:100%;"]),Yn=F.default.div.withConfig({displayName:"S_ShortsFlexBox",componentId:"sc-1s2l3ox-7"})(["display:flex;flex-wrap:wrap;"]),Xn=F.default.div.withConfig({displayName:"S_ShortThumbnailWrapper",componentId:"sc-1s2l3ox-8"})(["cursor:pointer;"]),Jn=function(){Object(v.a)("C00015SavedShorts");var e=Object(i.c)(),t=Object(c.k)(),n=Object(m.a)("translation").t,o=Object(i.d)(C),r=Object(i.d)(L),a=Object(i.d)(A),s=a.total,l=a.page,u=R.f.getChannelCode(),p=Rn({savedShorts:r,isLoading:o,totalShortsCount:s,currentPage:l,fetchShortsByPage:function(t){e(Object(z.l)({page:t}))}}).lastShortRef,h={title:n("str_seo_c00015_saved_shorts_title"),description:n("str_seo_c00015_saved_shorts_desc")};Object(x.c)({manifest:Mn,isActivated:!0,data:h,options:{useChannelTitlePrefix:!0}});var b=function(){e(Object(z.v)()),e(Object(z.u)())};return Object(H.jsx)(g.WTContainersBox,{layoutType:"WTK_1",content1:o?Object(H.jsx)(Fn,{children:Object(H.jsx)(d.x,{})}):Object(H.jsxs)(Kn,{children:[Object(H.jsxs)(Hn,{children:[Object(H.jsx)(Vn,{onClick:function(){b(),t.push(Object(R.l)(it,{channelCode:u}))},children:Object(H.jsx)(g.Icon,{iconName:"ic_arrow_left",size:24})}),Object(H.jsx)(Gn,{children:Object(H.jsx)(g.D_TextLabel,{text:n("str_papp_shorts_vod_savedshorts")})}),Object(H.jsx)(g.Spacing,{size:"spacing_g",spacingType:"width"})]}),0===r.length&&Object(H.jsx)(Pn,{}),Object(H.jsx)(Yn,{children:r.map((function(e,n){return Object(H.jsx)(Xn,{ref:r.length-1===n?p:null,onClick:function(){return function(e){b(),t.push(Object(R.l)(lt,{channelCode:u}),{index:e})}(n)},children:e.post.isPublished?Object(H.jsx)(g.ImageView,{src:e.post.vodResource.thumbnailSrc,shapeType:"rectangle",ratio:"9_16",scaleType:"cover",borderMode:"use",width:160,height:285}):Object(H.jsxs)(Un,{children:[Object(H.jsx)(qn,{children:Object(H.jsx)(g.Icon,{iconName:"ic_unavailable",size:48,colorKey:"ui_cpnt_icon_sys_grey_03",fillType:"line"})}),Object(H.jsx)(g.ImageView,{shapeType:"rectangle",ratio:"9_16",scaleType:"cover",borderMode:"use",width:160,height:285})]})},e.id)}))})]})})};var Zn=F.default.div.withConfig({displayName:"S_ContentLayer",componentId:"sc-1j9gv87-0"})(["background:linear-gradient( to bottom,",","," );display:flex;flex-direction:column;width:478px;"],(function(e){return e.theme.ui_cpnt_videoplayer_gradient_2}),(function(e){return e.theme.ui_cpnt_videoplayer_gradient_1})),Qn=F.default.div.withConfig({displayName:"S_TopBox",componentId:"sc-1j9gv87-1"})(["align-items:flex-end;display:flex;margin:",";"],(function(e){var t=e.theme;return"0 ".concat(t.spacing.spacingE)})),$n=F.default.div.withConfig({displayName:"S_CreatorContentBox",componentId:"sc-1j9gv87-2"})(["align-items:flex-start;display:flex;flex-direction:column;width:478px;"]),ei=F.default.div.withConfig({displayName:"S_CreatorBox",componentId:"sc-1j9gv87-3"})(["align-items:center;display:flex;"]),ti=F.default.div.withConfig({displayName:"S_ContentBox",componentId:"sc-1j9gv87-4"})(["display:flex;flex-direction:column;width:100%;"]),ni=F.default.div.withConfig({displayName:"S_LabelListWrapper",componentId:"sc-1j9gv87-5"})(["display:flex;flex-wrap:wrap;width:100%;"]),ii=F.default.div.withConfig({displayName:"S_LabelWrapper",componentId:"sc-1j9gv87-6"})(["margin-right:",";"],(function(e){return e.theme.spacing.spacingB})),ci=F.default.div.withConfig({displayName:"S_InteractionContentBox",componentId:"sc-1j9gv87-7"})(["display:flex;flex-direction:column;"]),oi=F.default.div.withConfig({displayName:"S_IconButtonWrapper",componentId:"sc-1j9gv87-8"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;"]),ri=F.default.div.withConfig({displayName:"S_BottomBox",componentId:"sc-1j9gv87-9"})(["margin:",";margin-top:0;"],(function(e){return e.theme.spacing.spacingE})),ai=function(e){var t=e.savedShort,n=e.isCommentsActivate,c=e.isBookmarkActivate,o=Object(m.a)("translation").t,r=Object(i.c)(),a=t.id,s=t.title,l=t.postConversionLink,d=Object(i.d)(S),u=Object(f.useState)(!1),p=Object(j.a)(u,2),h=p[0],b=p[1],x=Object(f.useState)(!0),_=Object(j.a)(x,2),v=_[0],y=_[1],C=Object(O.e)().userEntrywayForUse;Object(f.useEffect)((function(){d&&y(d.hasUserBookmarked)}),[d]);var T=function(){var e=document.querySelector("video");e&&(h&&e.play(),h||e.pause()),b((function(e){return!e}))};return Object(H.jsxs)(Zn,{children:[Object(H.jsxs)(Qn,{children:[Object(H.jsxs)($n,{children:[Object(H.jsxs)(ei,{children:[Object(H.jsx)(g.ImageView,{src:null===d||void 0===d?void 0:d.authorThumbnailSrc,shapeType:"circular",radius:24,width:32,height:32,ratio:"1_1",scaleType:"cover"}),Object(H.jsx)(g.Spacing,{size:"spacing_b",spacingType:"width"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:null===d||void 0===d?void 0:d.author,styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center",lineLimit:2,ellipsisMode:"use"})]}),Object(H.jsx)(g.Spacing,{size:"spacing_b",spacingType:"height"}),Object(H.jsxs)(ti,{children:[Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",ellipsisMode:"use",lineLimit:1,text:s,styleTheme:"body2Regular",colorTheme:"sysTextWhite"}),Object(H.jsx)(g.Spacing,{size:"spacing_b",spacingType:"width"}),Object(H.jsx)(ni,{children:(null===d||void 0===d?void 0:d.labels)&&d.labels.map((function(e){return Object(H.jsx)(f.Fragment,{children:Object(H.jsx)(ii,{children:Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:"#".concat(e.name),styleTheme:"caption1Regular",colorTheme:"sysTextTertiary"})})},e.id)}))}),Object(H.jsx)(g.Spacing,{size:"spacing_d",spacingType:"height"})]})]}),Object(H.jsx)(g.Spacing,{size:"spacing_b",spacingType:"height"}),Object(H.jsxs)(ci,{children:[n&&Object(H.jsxs)(oi,{onClick:T,children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_chat_counseling",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"normal",text:o("str_comment"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]}),c&&Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_e",spacingType:"height"}),Object(H.jsxs)(oi,{onClick:C((function(){if(v)return y(!1),void r(Object(z.g)({shortId:a.toString()}));y(!0),r(Object(z.d)({shortId:a.toString()}))})),children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_bookmark",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",iconFillType:v?"fill":"line",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:o("str_shorts_play_save"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]})]}),Object(H.jsx)(g.Spacing,{size:"spacing_d",spacingType:"height"})]})]}),!1===(null===l||void 0===l?void 0:l.isDisabled)&&Object(H.jsx)(ri,{children:Object(H.jsx)(q,{postConversionLink:l})}),h&&Object(H.jsx)(je,{shortId:a,onClickLeftBtn:T})]})};var si=F.default.div.withConfig({displayName:"S_ContentLayerCover",componentId:"sc-1ciqv6r-0"})(["display:flex;flex-direction:column;height:","px;left:0;min-height:400px;padding-top:",";position:absolute;top:0;width:","px;"],(function(e){return e.screenHeight}),(function(e){return e.theme.spacing.spacingG}),fe),li=F.default.div.withConfig({displayName:"S_MuteTouchBox",componentId:"sc-1ciqv6r-1"}

1)(["height:100%;"]),di=F.default.div.withConfig({displayName:"S_MuteButtonWrapper",componentId:"sc-1ciqv6r-2"})(["margin:",";position:absolute;z-index:1;"],(function(e){return e.theme.spacing.spacingE})),ui=F.default.div.withConfig({displayName:"S_CenterIconWrapper",componentId:"sc-1ciqv6r-3"})(["bottom:calc(50% - 36px);left:calc(50% - 36px);position:absolute;"]),pi=F.default.div.withConfig({displayName:"S_BottomGradient",componentId:"sc-1ciqv6r-4"})(["align-items:flex-end;background:linear-gradient(0deg,#000c,50%,rgba(0 0 0 0) 100%);bottom:0;display:flex;height:30vh;position:absolute;width:100%;"]),hi=function(e){var t,n,c=e.shortPlaySrc,o=e.handleVideoMute,r=e.currentSaved,s=e.isMuteIconPopUp,l=e.isCommentsActivate,u=e.isBookmarkActivate,p=Object(m.a)("translation").t,h=Object(i.d)(a.c),b=Object(i.d)(Object(W.b)()),j=Object(P.a)().height,f=b?j-64-90:j-64;Be({vid:null===r||void 0===r||null===(t=r.vodResource)||void 0===t?void 0:t.vid,postId:null===r||void 0===r?void 0:r.id,durationTime:null===r||void 0===r||null===(n=r.vodResource)||void 0===n?void 0:n.duration});var x=function(){var e=document.querySelector("video");return!e||(null===e||void 0===e?void 0:e.muted)};return Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(d.G,{videoSrc:c,autoPlayMode:"use",mutedMode:x()?"use":"none",aspectRatio:"9:16",limitRendition:!1,startLowInitialPlaylist:!1,useNetworkApi:!0,onBeforeRequest:function(e){var t=null===h||void 0===h?void 0:h.id,n=R.b.getUserProfileInChannel(t||0).distinctId;return e.uri.includes("m3u8")?(e.headers=Object(G.a)(Object(G.a)({},e.headers),{},{"x-publ-profile-distinct-id":n}),e):e}}),Object(H.jsxs)(si,{screenHeight:f,children:[Object(H.jsx)(li,{onClick:o,children:x()&&Object(H.jsx)(di,{children:Object(H.jsx)(g.D_Chip,{displayType:"filter_single",text:p("str_4120"),filterIconMode:"left",iconFillType:"fill",iconName:"ic_speaker_off",overrideTextColorKey:"ui_cpnt_chip_fill_text_active_02",overrideBackgroundColorKey:"ui_cpnt_button_fill_base_white"})})}),r&&Object(H.jsx)(pi,{children:Object(H.jsx)(ai,{savedShort:r,isCommentsActivate:l,isBookmarkActivate:u})}),s&&Object(H.jsx)(ui,{children:Object(H.jsx)(g.Icon,{iconName:x()?"ic_speaker_off":"ic_speaker_wave_2",colorKey:"ui_cpnt_icon_sys_white",size:72,fillType:"fill"})})]})]})};var bi=F.default.div.withConfig({displayName:"S_VideoWrapper",componentId:"sc-rfnbvo-0"})(["background-color:",";height:100%;min-height:400px;"],(function(e){var t=e.theme;return e.isError?"none":t.ui_temp_black})),ji=F.default.div.withConfig({displayName:"S_ShortsSlider",componentId:"sc-rfnbvo-1"})(["",""],(function(e){var t=e.transformDirection,n=e.screenHeight;return 0!==t&&"transition-duration:500ms; transform:translateY(".concat(-t*n,"px);")})),gi=F.default.div.withConfig({displayName:"S_Wrapper",componentId:"sc-rfnbvo-2"})(["overflow:hidden;position:relative;top:","px;width:","px;"],(function(e){return-e.screenHeight}),fe),fi=F.default.div.withConfig({displayName:"S_Cell",componentId:"sc-rfnbvo-3"})(["align-items:center;height:","px;position:relative;width:","px;"],(function(e){return e.screenHeight}),fe),mi=F.default.div.withConfig({displayName:"S_PrevImageWrapper",componentId:"sc-rfnbvo-4"})(["background-color:",";height:","px;overflow:hidden;padding-top:","px;position:relative;top:","px;width:","px;"],(function(e){return e.theme.ui_temp_black}),(function(e){return e.screenHeight}),(function(e){var t=e.screenHeight;return t>me?(t-me)/2:""}),(function(e){return-e.screenHeight}),fe),xi=F.default.div.withConfig({displayName:"S_NextImageWrapper",componentId:"sc-rfnbvo-5"})(["background-color:",";height:","px;overflow:hidden;padding-top:","px;position:relative;top:","px;width:","px;"],(function(e){return e.theme.ui_temp_black}),(function(e){return e.screenHeight}),(function(e){var t=e.screenHeight;return t>me?(t-me)/2:""}),(function(e){return-e.screenHeight}),fe),_i=function(e){var t,n,c,o,r,a,s,l=e.error,d=e.shortsError,u=e.currentSaved,p=e.shorts,h=e.shortPlaySrc,b=e.currentPlayIndex,m=e.totalShortsCount,x=e.isCommentsActivate,_=e.isBookmarkActivate,O=e.onChangeCurrentPlayIndex,v=e.handleChangeIsVideoThumbnailCoverShow,y=Object(i.c)(),C=Object(i.d)(Object(ge.b)()),T=Object(f.useState)(!1),S=Object(j.a)(T,2),w=S[0],I=S[1],k=Object(f.useState)(0),B=Object(j.a)(k,2),D=B[0],N=B[1],E=Object(f.useState)(!0),L=Object(j.a)(E,2),A=L[0],W=L[1],R=Object(P.a)().height,M=C?R-64-90:R-64;Object(f.useEffect)((function(){clearTimeout(r),clearTimeout(a),clearTimeout(s)}),[]),Object(f.useEffect)((function(){if(u&&h){var e=document.querySelector("video"),t=function(){v(!1)};return e&&(e.muted=!0,e.addEventListener("playing",t)),function(){e&&e.removeEventListener("playing",t)}}}),[u,h]);var F=function(e){N(e),a=setTimeout((function(){v(!0),O(b+e),N(0)}),500),s=setTimeout((function(){W(!0)}),1300)};return Object(H.jsxs)(ji,{transformDirection:D,screenHeight:M,children:[Object(H.jsx)(mi,{screenHeight:M,children:(null===(t=p[0])||void 0===t?void 0:t.post.vodResource.thumbnailSrc)&&Object(H.jsx)(g.ImageView,{src:null===(n=p[0])||void 0===n?void 0:n.post.vodResource.thumbnailSrc,shapeType:"rectangle",width:fe,height:"responsive",scaleType:"contain"})}),Object(H.jsx)(gi,{id:"itemList",screenHeight:M,draggable:!1,onScroll:function(){return!1},onWheel:ve((function(e){e.stopPropagation(),e.preventDefault();var t=e.deltaY;if(!a){if(t>0&&A){if(m-1===b)return;y(Object(z.w)()),W(!1),F(1),y(Object(z.u)())}if(t<0&&A){if(0===b)return;y(Object(z.w)()),W(!1),F(-1),y(Object(z.u)())}}}),300),children:Object(H.jsx)(fi,{screenHeight:M,children:Object(H.jsxs)(bi,{screenHeight:M,isError:!!l,children:[l&&d,!l&&u&&h&&Object(H.jsx)(hi,{shortPlaySrc:h,handleVideoMute:function(e){e.stopPropagation();var t=document.querySelector("video");t&&(t.muted?t.muted=!1:t.muted=!0),I(!0),r&&clearTimeout(r),r=setTimeout((function(){I(!1)}),1e3)},currentSaved:u,isMuteIconPopUp:w,isCommentsActivate:x,isBookmarkActivate:_})]})})}),Object(H.jsx)(xi,{screenHeight:M,children:(null===(c=p[2])||void 0===c?void 0:c.post.vodResource.thumbnailSrc)&&Object(H.jsx)(g.ImageView,{src:null===(o=p[2])||void 0===o?void 0:o.post.vodResource.thumbnailSrc,shapeType:"rectangle",width:fe,height:"responsive",scaleType:"contain"})})]})};var Oi=F.default.div.withConfig({displayName:"S_SavedShortsPlayError",componentId:"sc-guevec-0"})(["background-color:",";height:","px;width:478px;"],(function(e){return e.theme.ui_cpnt_masking_base_01}),(function(e){return e.screenHeight})),vi=F.default.div.withConfig({displayName:"S_PlayerField",componentId:"sc-guevec-1"})(["align-items:center;display:flex;flex-direction:column;left:50%;min-width:478px;position:relative;top:50%;transform:translate(-50%,-50%);width:478px;"]),yi=F.default.div.withConfig({displayName:"S_IconWrapper",componentId:"sc-guevec-2"})(["align-items:center;display:flex;justify-content:center;"]),Ci=F.default.div.withConfig({displayName:"S_BottomGradient",componentId:"sc-guevec-3"})(["align-items:flex-end;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%);bottom:0;display:flex;height:30vh;left:0;position:absolute;width:100%;"]),Ti=F.default.div.withConfig({displayName:"S_LegallyIneligibleCover",componentId:"sc-guevec-4"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;padding-left:",";padding-right:",";position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;"],(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),Si=F.default.div.withConfig({displayName:"S_InteractionContentBox",componentId:"sc-guevec-5"})(["align-items:flex-end;display:flex;justify-content:space-between;padding-bottom:",";padding-left:",";padding-right:",";width:100%;"],(function(e){return e.theme.spacing.spacingD}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),wi=F.default.div.withConfig({displayName:"S_IconButtonWrapper",componentId:"sc-guevec-6"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;"]),Ii=function(e){var t=e.error,n=e.currentShort,o=e.screenHeight,r=e.handleChangeIsVideoThumbnailCoverShow,a=e.isCommentsActivate,s=e.isBookmarkActivate,l=e.shortId,d=Object(m.a)("translation").t,p=Object(c.k)(),h=Object(i.c)(),b=Object(O.a)(),x=b.openDialog,_=b.closeDialog,v=Object(O.e)().userEntrywayForUse,y=Object(f.useState)(!1),C=Object(j.a)(y,2),T=C[0],S=C[1],w=Object(f.useState)(!(null===n||void 0===n||!n.hasUserBookmarked)),I=Object(j.a)(w,2),k=I[0],B=I[1],D=451===(null===t||void 0===t?void 0:t.status),N="VOD-00104"===(null===t||void 0===t?void 0:t.code),E=(403===(null===t||void 0===t?void 0:t.status)||404===(null===t||void 0===t?void 0:t.status)||D||N)&&(null===t||void 0===t?void 0:t.type)==="".concat(z.n.type,"_FAILED");Object(f.useEffect)((function(){r(!1)}),[]);var L=function(e){if((null===t||void 0===t?void 0:t.type)==="".concat(z.n.type,"_FAILED"))switch(e){case 403:return d("str_2256");case 404:return d("str_4246");case 500:return d("str_err_4072")}if((null===t||void 0===t?void 0:t.type)==="".concat(z.h.type,"_FAILED"))switch(e){case 500:return d("str_err_4073")}return d("str_err_4072")},A=function(){if(D)x({contentText:d("str_key_user_scene_c00015shortsplay_dialog_ageestr

1iction_save"),btnMode:"tbtn_amount1",tBtn1Text:d("str_confirm"),onClickTBtn1:_});else if(n){if(k)return B(!1),void h(Object(z.g)({shortId:null===n||void 0===n?void 0:n.id.toString()}));B(!0),h(Object(z.d)({shortId:null===n||void 0===n?void 0:n.id.toString()}))}};return D?Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(Oi,{screenHeight:o,children:Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(Ti,{children:Object(H.jsx)(tt,{onClickButton:v((function(){var e=R.f.getChannelCode();p.push(Object(u.W)(e),{prevPath:location.pathname})}))})}),Object(H.jsx)(Ci,{children:Object(H.jsxs)(Si,{children:[Object(H.jsx)(g.D_TextLabel,{text:d("str_key_user_scene_c00015_ageestriction_title"),colorTheme:"sysTextWhite"}),Object(H.jsxs)("div",{children:[a&&Object(H.jsxs)(wi,{onClick:function(){return S(!0)},children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_chat_counseling",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"normal",text:d("str_comment"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]}),s&&Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_e",spacingType:"height"}),Object(H.jsxs)(wi,{onClick:A,children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_bookmark",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",iconFillType:"fill",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:d("str_shorts_play_save"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]})]})]})]})})]})}),T&&l&&Object(H.jsx)(je,{shortId:l,onClickLeftBtn:function(){return S(!1)}})]}):N?Object(H.jsxs)(H.Fragment,{children:[Object(H.jsxs)(g.D_AnnotationSheet,{height:"".concat(o,"px"),width:"478px",children:[Object(H.jsx)(Ti,{children:Object(H.jsx)(nt,{})}),Object(H.jsx)(Ci,{children:Object(H.jsxs)(Si,{children:[Object(H.jsx)("div",{}),Object(H.jsxs)("div",{children:[a&&Object(H.jsxs)(wi,{onClick:function(){return S(!0)},children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_chat_counseling",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"normal",text:d("str_comment"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]}),s&&Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(g.Spacing,{size:"spacing_e",spacingType:"height"}),Object(H.jsxs)(wi,{onClick:A,children:[Object(H.jsx)(g.D_IconButton,{iconName:"ic_bookmark",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconColorKey:"ui_cpnt_icon_sys_white",iconFillType:k?"fill":"line",fillType:"fill"}),Object(H.jsx)(g.Spacing,{size:"spacing_a",spacingType:"height"}),Object(H.jsx)(g.D_TextLabel,{wordBreak:"break_all",text:d("str_shorts_play_save"),styleTheme:"caption1Bold",colorTheme:"sysTextWhite",textAlign:"center"})]})]})]})]})})]}),T&&l&&Object(H.jsx)(je,{shortId:l,onClickLeftBtn:function(){return S(!1)}})]}):Object(H.jsxs)(Oi,{screenHeight:o,children:[Object(H.jsxs)(vi,{children:[Object(H.jsx)(yi,{children:Object(H.jsx)(g.Icon,{iconName:function(e){if((null===t||void 0===t?void 0:t.type)==="".concat(z.n.type,"_FAILED"))switch(e){case 403:return"ic_unavailable";case 404:return"ic_error";case 500:return"ic_unavailable"}return"ic_unavailable"}((null===t||void 0===t?void 0:t.status)||500),size:48,colorKey:"ui_cpnt_icon_sys_grey_03",fillType:"line"})}),Object(H.jsx)(g.Spacing,{size:"spacing_d"}),Object(H.jsx)(g.D_TextLabel,{text:L((null===t||void 0===t?void 0:t.status)||500),textAlign:"center",styleTheme:"headingBold",colorTheme:"sysTextSecondary"}),Object(H.jsx)(g.Spacing,{size:"spacing_c"})]}),!E&&Object(H.jsx)(g.D_DesktopAlertDialog,{contentText:L((null===t||void 0===t?void 0:t.status)||500),btnMode:"tbtn_amount1",tBtn1Text:d("str_confirm"),onClickTBtn1:function(){var e=R.f.getChannelCode();h(Object(z.u)()),p.push(Object(R.l)(it,{channelCode:e}))}})]})},ki={dataObjectType:"CUSTOM_DATA",dataObjectResourceName:"CustomSEOResource",customSEOResourceSchema:{title:"\uc800\uc7a5\ub41c \uc20f\uce20",description:"\uc800\uc7a5\ud55c Shorts VOD\uc785\ub2c8\ub2e4.",thumbnailSrc:"{postThumbnailSrc}"},keyMappingDefinition:{title:"title",description:"description",thumbnailSrc:"thumbnailSrc"}};var Bi=F.default.div.withConfig({displayName:"S_TopBar",componentId:"sc-1spfcih-0"})(["align-items:end;display:flex;position:absolute;width:","px;z-index:1;"],fe),Di=F.default.div.withConfig({displayName:"S_GradientWrapper",componentId:"sc-1spfcih-1"})(["background:linear-gradient( to top,",","," );height:64px;position:absolute;top:64px;width:","px;z-index:1;",";"],(function(e){return e.theme.ui_cpnt_videoplayer_gradient_2}),(function(e){return e.theme.ui_cpnt_videoplayer_gradient_1}),fe,(function(e){return e.isGlobalBannerOpen&&Object(F.css)(["margin-top:90px;"])})),Ni=F.default.div.withConfig({displayName:"S_TopBarIconWrapper",componentId:"sc-1spfcih-2"})(["align-items:center;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px;"]),Ei=F.default.div.withConfig({displayName:"S_TopBarTitleWrapper",componentId:"sc-1spfcih-3"})(["align-items:center;display:flex;height:48px;justify-content:center;width:100%;"]),Li=F.default.div.withConfig({displayName:"S_VideoThumbnailCoverWrapper",componentId:"sc-1spfcih-4"})(["background-color:",";height:","px;overflow:hidden;position:absolute;top:","px;width:","px;"],(function(e){return e.theme.ui_temp_black}),(function(e){return e.screenHeight}),(function(e){return e.isGlobalBannerOpen?154:64}),fe),Ai=function(){var e,t;Object(v.a)("C00015SavedShortsPlay");var n=Object(m.a)("translation").t,o=Object(i.c)(),r=Object(c.k)(),a=Object(c.l)(),l=Object(i.d)(Object(W.b)()),d=Object(i.d)(s.c),u=null===d||void 0===d?void 0:d.config,p=!(null!==u&&void 0!==u&&u[xe]),h=!(null!==u&&void 0!==u&&u[_e]),_=Object(i.d)(S),O=Object(i.d)(L),y=Object(i.d)(k),C=Object(i.d)(T),w=!a.state,I=Object(f.useState)(!1),B=Object(j.a)(I,2),D=B[0],N=B[1],E=Object(f.useState)(w?0:a.state.index),A=Object(j.a)(E,2),M=A[0],F=A[1],K=R.f.getChannelCode(),V=Object(P.a)().height,U=l?V-64-90:V-64,q=Object(f.useMemo)((function(){var e=Object(b.a)(O);if(O.length<3&&(e=[].concat(Object(b.a)(e),Object(b.a)(O))),0===M){var t=O.slice().splice(O.length-1,1);return[].concat(Object(b.a)(t),Object(b.a)(e)).splice(0,3)}if(M===O.length-1){var n=O.slice().splice(0,2);return[].concat(Object(b.a)(e),Object(b.a)(n)).splice(M-1,3)}return e.slice().splice(M-1,3)}),[O,M]),G={title:n("str_seo_c00015_saved_shorts_play_title"),description:n("str_seo_c00015_saved_shorts_play_de

1sc"),thumbnailSrc:null===_||void 0===_?void 0:_.vodResource.thumbnailSrc};Object(x.c)({manifest:ki,isActivated:!0,data:G,options:{useChannelTitlePrefix:!0}}),Object(f.useEffect)((function(){return o(Object(z.m)({currentPlayIndex:M})),function(){o(Object(z.w)()),o(Object(z.x)()),o(Object(z.v)())}}),[]),Object(f.useEffect)((function(){O.length>0&&M>-1&&(o(Object(z.o)({shortId:O[M].postId})),o(Object(z.s)({postId:O[M].postId})))}),[O,M]);var Y=function(e){N(e)};return Object(H.jsx)(H.Fragment,{children:Object(H.jsx)(g.WTContainersBox,{layoutType:"WTK_4",content1:Object(H.jsxs)(H.Fragment,{children:[Object(H.jsx)(Di,{isError:!!C,isGlobalBannerOpen:l,children:Object(H.jsxs)(Bi,{children:[Object(H.jsx)(Ni,{onClick:function(){r.push(Object(R.l)(st,{channelCode:K}))},children:Object(H.jsx)(g.Icon,{iconName:"ic_arrow_left",size:24,colorKey:C?void 0:"ui_temp_white"})}),Object(H.jsx)(Ei,{children:O.length>0&&Object(H.jsx)(g.D_TextLabel,{text:n("str_papp_shorts_vod_savedshorts"),textAlign:"center",colorTheme:C?void 0:"sysTextWhite"})}),Object(H.jsx)(g.Spacing,{size:"spacing_g",spacingType:"width"})]})}),Object(H.jsx)(_i,{error:C,currentSaved:_,shorts:q,shortsError:Object(H.jsx)(Ii,{shortId:0===q.length?null===(e=q[0])||void 0===e?void 0:e.postId:null===(t=q[1])||void 0===t?void 0:t.postId,currentShort:_,error:C,screenHeight:U,handleChangeIsVideoThumbnailCoverShow:Y,isCommentsActivate:p,isBookmarkActivate:h}),shortPlaySrc:y,currentPlayIndex:M,totalShortsCount:O.length,isCommentsActivate:p,isBookmarkActivate:h,onChangeCurrentPlayIndex:function(e){F(e)},handleChangeIsVideoThumbnailCoverShow:Y}),D&&O.length>0&&Object(H.jsx)(Li,{screenHeight:U,isGlobalBannerOpen:l,children:Object(H.jsx)(g.ImageView,{src:O?q[1].post.vodResource.thumbnailSrc:"",shapeType:"rectangle",width:fe,height:"responsive",scaleType:"contain"})})]})})})};var zi=function(){var e=Object(c.m)().channelCode,t=Object(i.d)(s.c),n=null===t||void 0===t?void 0:t.config;return!(null!==n&&void 0!==n&&n[_e])?Object(H.jsxs)(c.g,{children:[Object(H.jsx)(r.l,{exact:!0,path:st,component:Jn}),Object(H.jsx)(r.l,{exact:!0,path:lt,component:Ai})]}):Object(H.jsx)(c.c,{to:Object(R.l)(u.r,{channelCode:e})})};var Wi=function(){var e=Object(i.d)(Object(l.f)()),t=Object(i.d)(Object(a.n)()),n=Object(i.d)(s.c),b=Object(i.d)(s.b);if(!t)return Object(H.jsx)(H.Fragment,{});var j=t.channelCode;if(b)switch(b.code){case 403:return Object(H.jsx)(c.c,{to:Object(u.P)(j,o.a.C00015.CODE)});default:c.g,c.c,Object(u.V)(j)}return n&&n.code===o.a.C00015.CODE?Object(H.jsx)(d.k,{children:Object(H.jsxs)(c.g,{children:[Object(H.jsx)(r.q,{exact:!0,path:it,component:kt,isAuthenticated:e}),Object(H.jsx)(r.q,{path:dt,component:an,isAuthenticated:e}),Object(H.jsx)(r.q,{path:ct,component:Wn,isAuthenticated:e}),Object(H.jsx)(r.l,{path:at,component:zi}),Object(H.jsx)(r.q,{exact:!0,path:u.Zb,component:h.a,isAuthenticated:e}),Object(H.jsx)(c.c,{from:u.r,to:it})]})}):b||n?Object(H.jsx)(d.y,{}):Object(H.jsxs)(c.g,{children:[Object(H.jsx)(r.q,{exact:!0,path:u.fb,component:p.a,isAuthenticated:e}),Object(H.jsx)(c.c,{from:u.r,to:Object(u.U)(j)})]})}}}]);