https://class.cmdspace.kr/static/js/4.f68f843a.chunk.js

1(this["webpackJsonppubl-uw"]=this["webpackJsonppubl-uw"]||[]).push([[4],{2754:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var i=n(4);function o(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),o=n(14),c=n(2),r=n(4),a=n(29),s=n(182),d=n(9),l=n(19),u=n(5),p=n(593),h=n(0);var b=function(){var e,t,n=Object(s.a)().t,u=Object(d.d)(Object(l.o)()),b=Object(r.useState)(!1),m=Object(o.a)(b,2),j=m[0],g=m[1],_=Object(a.useForm)({mode:"onChange",defaultValues:{reportReason:n("str_report_reason_opt_a")}}),x=_.setValue,O=_.watch,v=_.reset,C=O("pAppCode"),T=O("targetContentDetail"),y=O("reportReason"),S=O("reportReasonEtc"),w=Object(p.a)(C),I="mailto:".concat(null===u||void 0===u?void 0:u.email,"?body=").concat(n("str_report_reason"),": ").concat(S||y," %0D%0A ").concat(n("str_report_location"),": ").concat(w," %0D%0A ").concat(n("str_report_target_content_detail"),": ").concat(T," %0D%0A ").concat(n("str_report_additional_detail"),": "),E={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")},k=function(e){x("reportReason",e.target.value),x("reportReasonEtc","")};return{ReportContent:Object(h.jsx)(h.Fragment,{children:j&&Object(h.jsxs)(c.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(){g(!1),window.open(I),v()},onClickMBtn2:function(){g(!1),v()},children:[Object(h.jsx)(c.Spacing,{size:"spacing_e"}),Object(h.jsx)(c.D_TextLabel,{text:n("str_report_target_content_detail"),styleTheme:"subTitleBold"}),Object(h.jsx)(c.D_TextLabel,{text:(e=T,t=20,e.length<=t?e:"".concat(e.slice(0,20),"...")),styleTheme:"body2Regular",ellipsisMode:"use"}),Object(h.jsx)(c.Spacing,{size:"spacing_f"}),Object(h.jsx)(c.D_TextLabel,{text:n("str_report_reason"),styleTheme:"subTitleBold"}),Object(h.jsx)(a.FormProvider,Object(i.a)(Object(i.a)({},_),{},{children:Object(h.jsxs)(c.Form,{children:[Object(h.jsx)(c.Spacing,{size:"spacing_d"}),Object(h.jsx)(c.D_Radio,{name:"reportReason",text:E.reasonA,checked:y===E.reasonA,onChange:function(e){return k(e)},value:E.reasonA}),Object(h.jsx)(c.Spacing,{size:"spacing_c"}),Object(h.jsx)(c.D_Radio,{name:"reportReason",text:E.reasonB,checked:y===E.reasonB,onChange:function(e){return k(e)},value:E.reasonB}),Object(h.jsx)(c.Spacing,{size:"spacing_c"}),Object(h.jsx)(c.D_Radio,{name:"reportReason",text:E.reasonC,checked:y===E.reasonC,onChange:function(e){return k(e)},value:E.reasonC}),Object(h.jsx)(c.Spacing,{size:"spacing_c"}),Object(h.jsx)(c.D_Radio,{name:"reportReason",text:E.reasonD,checked:y===E.reasonD,onChange:function(e){return k(e)},value:E.reasonD}),Object(h.jsx)(c.Spacing,{size:"spacing_c"}),Object(h.jsx)(c.D_Radio,{name:"reportReason",text:E.reasonEtc,checked:y===E.reasonEtc,onChange:function(e){return k(e)},value:E.reasonEtc}),Object(h.jsx)(c.Spacing,{size:"spacing_b"}),Object(h.jsxs)(f,{children:[Object(h.jsx)(c.Spacing,{size:"spacing_e",spacingType:"width"}),Object(h.jsx)(c.D_TextField,{name:"reportReasonEtc",size:"rlarge",hintText:n("str_3834"),defaultText:S,textLineType:"multi",multiRows:4,state:y===E.reasonEtc?"normal":"disabled",onChange:function(e){return function(e){x("reportReasonEtc",e.target.value)}(e)}})]})]})}))]})}),openReportContentModal:function(e,t){x("targetContentDetail",e),x("pAppCode",t),g(!0)},closeReportContentModal:function(){g(!1),v()}}},f=u.default.div.withConfig({displayName:"S_TextFiledWrapper",componentId:"sc-1b5b0x6-0"})(["display:flex;"])},2756:function(e,t,n){"use strict";var i=n(14),o=n(4),c=n(182),r=n(9),a=n(235),s=n(236),d=n(2754),l=n(2757);t.a=function(e){var t=e.isLoading,n=e.comments,u=e.totalCommentsCount,p=e.deps,h=void 0===p?[]:p,b=e.fetchCommentsByPage,f=e.handleDeleteComment,m=e.handleCreateComment,j=e.handleCreateCommentWithImage,g=Object(r.c)(),_=Object(c.a)("translation").t,x=Object(o.useState)(1),O=Object(i.a)(x,2),v=O[0],C=O[1],T=Object(o.useState)(!1),y=Object(i.a)(T,2),S=y[0],w=y[1],I=Object(o.useState)(null),E=Object(i.a)(I,2),k=E[0],R=E[1],N=Object(o.useState)(null),A=Object(i.a)(N,2),L=A[0],D=A[1],B=Object(o.useState)(""),M=Object(i.a)(B,2),P=M[0],z=M[1],U=Object(d.a)(null===n||void 0===n?void 0:n.length),F=Object(d.a)(u),H=Object(o.useRef)();Object(o.useEffect)((function(){return b(1),function(){C(1)}}),h);var W=Object(o.useCallback)((function(e){t||(H.current&&H.current.disconnect(),H.current=ne

1w IntersectionObserver((function(e){n&&(null===n||void 0===n?void 0:n.length)>=u||(U===(null===n||void 0===n?void 0:n.length)&&F===u||e[0].isIntersecting&&(b(v+1),C((function(e){return e+1}))))})),e&&H.current.observe(e))}),[t,n]),V=Object(l.a)(),G=V.CommentAlertDialog,K=V.setCommentAlertDialogMessage,q=V.setIsCommentAlertDialogOpen;function X(e){var t=e.slice(-5);return"***".concat(t)}return{isDeleteCommentModalOpen:S,lastCommentRef:W,handleClickSubmitComment:function(e){m(e)},handleClickSubmitCommentWithImage:function(e){var t=e.content,n=e.selectedImage;j&&j({content:t,selectedImage:n})},openDeleteCommentModal:function(e){R(e),w(!0)},handleCloseDeleteCommentModal:function(){R(null),w(!1)},handleClickDeleteComment:function(){null!==k&&f(k),w(!1)},initPage:function(){C(1)},CommentAlertDialog:G,openCommentAlertDialog:function(e,t,n,i){var o,c="";switch(t){case"DELETE":c=_("str_delete_alert_dialog");break;case"HIDE_COMMENT":c=_("str_6500");break;case"UNHIDE_COMMENT":c=_("str_6501");break;case"BLOCK_USER":c=_("str_6505");break;case"UNBLOCK_USER":c=_("str_6507",{code:X(i),nick:(o=n||"",o.charAt(0)+"*".repeat(o.length-1))})}R(e),D(t),z(i),K(c),q(!0)},handleClickConfirmCommentAlertDialog:function(){if(null!==k)switch(L){case"DELETE":f(k);break;case"HIDE_COMMENT":g(Object(s.c)({type:"COMMENT",id:k}));break;case"UNHIDE_COMMENT":g(Object(s.d)({type:"COMMENT",id:k}));break;case"BLOCK_USER":g(Object(a.a)({distinctId:P}));break;case"UNBLOCK_USER":g(Object(a.d)({distinctId:P}))}R(null),q(!1)},handleClickCancelCommentAlertDialog:function(){R(null),q(!1)}}}},2757:function(e,t,n){"use strict";var i=n(14),o=n(2),c=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(c.useState)(e),s=Object(i.a)(n,2),d=s[0],l=s[1],u=Object(c.useState)(t),p=Object(i.a)(u,2),h=p[0],b=p[1],f=Object(r.a)("translation"),m=f.t;function j(e){var t=e.onClickConfirm,n=e.onClickCancel;return Object(a.jsx)(a.Fragment,{children:d&&Object(a.jsx)(o.D_DesktopAlertDialog,{contentText:h,btnMode:"tbtn_amount2",tBtn1Text:m("str_ok"),tBtn2Text:m("str_cancel"),onClickTBtn1:null!==t&&void 0!==t?t:function(){return l(!1)},onClickTBtn2:null!==n&&void 0!==n?n:function(){return l(!1)}})})}return{CommentAlertDialog:j,setCommentAlertDialogMessage:b,setIsCommentAlertDialogOpen:l}}},2758:function(e,t,n){"use strict";var i=n(2756);n.d(t,"a",(function(){return i.a}))},2759:function(e,t,n){"use strict";var i=n(14),o=n(4);t.a=function(e,t,n){var c=Object(o.useState)((function(){if("undefined"===typeof window)return t;try{var n=window.localStorage.getItem(e);if(!n)return t;var i=JSON.parse(n);if("value"in i&&1===Object.keys(i).length)return i.value;if("value"in i&&"expiredAt"in i&&2===Object.keys(i).length){var o=i.value,c=i.expiredAt;return c&&c<(new Date).getTime()?(window.localStorage.removeItem(e),t):o}return i}catch(r){return t}})),r=Object(i.a)(c,2),a=r[0],s=r[1];return[a,function(t){try{var i=t instanceof Function?t(a):t;s(i),"undefined"!==typeof window&&window.localStorage.setItem(e,JSON.stringify({value:i,expiredAt:n?(new Date).getTime()+n:void 0}))}catch(o){}}]}},2765:function(e,t,n){"use strict";n.d(t,"c",(function(){return i})),n.d(t,"d",(function(){return o})),n.d(t,"b",(function(){return c})),n.d(t,"e",(function(){return r})),n.d(t,"a",(function(){return a}));var i={SELLER:"SELLER,SELLER_CONTENT_OPERATOR",SUBSCRIBER:"USER_GENERAL,USER_FEATURED"},o={CONTENT:{MIN_LENGTH:2,MAX_LENGTH:2e4,TEXTAREA_MIN_ROW:7,TEXTAREA_MAX_ROW:12}},c={EDIT:"EDIT",DELETE:"DELETE"},r={REPORT:"REPORT",BLOCK:"BLOCK",HIDE:"HIDE",UNBLOCK:"UNBLOCK",UNHIDE:"UNHIDE"},a=445},2766:function(e,t,n){"use strict";n.d(t,"b",(function(){return a})),n.d(t,"c",(function(){return m})),n.d(t,"h",(function(){return T})),n.d(t,"d",(function(){return k})),n.d(t,"f",(function(){return Ct})),n.d(t,"g",(function(){return yt})),n.d(t,"e",(function(){return Jt})),n.d(t,"a",(function(){return zn}));var i=n(2),o=n(5),c=n(0);var r=o.default.button.withConfig({displayName:"S_CancelButton",componentId:"sc-w13ohl-0"})(["align-items:center;background:rgba(0,0,0,0.8);border:none;border-radius:50px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;position:absolute;right:8px;top:8px;width:32px;"]),a=function(e){var t=e.onDelete,n=e.id;return Object(c.jsx)(r,{onClick:function(){return t(n)},type:"button",children:Object(c.jsx)(i.Icon,{iconName:"ic_xmark",colorKey:"ui_temp_white",size:16})})},s=n(182),d=n(9),l=n(16),u=n(142),p=n(173),h=n(37),b=n(13);var f=o.default.div.withConfig({displayName:"S_Absolute",componentId:"sc-1qtwr0s-0"})(["align-items:center;background-color:",";display:flex;height:calc(100vh - 64px);justify-content:center;left:0;position:absolute;top:64px;width:100vw;",";"],(function(e){return e.theme.ui_temp_background}),(function(e){return e.isGlobalBannerOpen&&Object(o.css)(["margin-top:90px;"])})),m=function(e){var t=e.error,n=Object(s.a)("translation").t,o=Object(d.c)(),r=Object(l.k)(),a=Object(l.n)(b.a).url,m=t.type,j=t.code,g=Object(d.d)(Object(p.b)());function _(){r.push(a),o(Object(u.a)())}switch(m){case"".concat(u.t.type,"_FAILED"):return Object(c.jsx)(i.D_DesktopAlertDialog,{contentText:n("str_err_gen_500","Error : \uc54c \uc218 \uc5c6\ub294 \uc5d0\ub7ec\uac00 \ubc1c\uc0dd\ud558\uc600\uc2b5\ub2c8\ub2e4. \uad00\ub9ac\uc790\uc5d0\uac8c \ubb38\uc758\ud558\uc138\uc694 (500)"),btnMode:"tbtn_amount1",tBtn1Text:n("str_confirm"),onClickTBtn1:_});case"".concat(u.h.type,"_FAILED"):return 404===j?Object(c.jsx)(i.D_DesktopAlertDialog,{contentText:n("str_err_2452",{errCode:j,defaultValue:"\uc140\ub7ec\uc5d0 \uc758\ud574 \uc0ad\uc81c\ub41c \ub313\uae00\uc785\ub2c8\ub2e4.({{errCode}}) "}),btnMode:"tbtn_amount1",tBtn1Text:n("str_confirm"),onClickTBtn1:function(){o(Object(u.a)())}}):Object(c.jsx)(i.D_DesktopAlertDialog,{contentText:n("str_err_gen_500","Error : \uc54c \uc218 \uc5c6\ub294 \uc5d0\ub7ec\uac00 \ubc1c\uc0dd\ud558\uc600\uc2b5\ub2c8\ub2e4. \uad00\ub9ac\uc790\uc5d0\uac8c \ubb38\uc758\ud558\uc138\uc694 (500)"),btnMode:"tbtn_amount1",tBtn1Text:n("str_confirm"),onClickTBtn1:_});case"".concat(u.o.type,"_FAILED"):return 404===j?Object(c.jsx)(i.D_DesktopAlertDialog,{contentText:n("str_err_2153"),btnMode:"tbtn_amount1",tBtn1Text:n("str_confirm"),onClickTBtn1:_}):403===j?Object(c.jsx)(i.D_DesktopAlertDialog,{contentText:n("str_err_2451",{errCode:j,defaultValue:"\uc140\ub7ec\uc5d0 \uc758\ud574 \ube44\uacf5\uac1c \ub418\uc5c8\uac70\ub098 \uc0ad\uc81c\ub41c \uac8c\uc2dc\uae00\uc785\ub2c8\ub2e4. \ub2e4\ub978 \uac8c\uc2dc\uae00\uc744 \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.({{errCode}})"}),btnMode:"tbtn_amount1",tBtn1Text:n("str_confirm"),onClickTBtn1:_}):Object(c.jsx)(i.WTContainersBox,{layoutType:"WTP_1",content1:Object(c.jsx)(f,{isGlobalBannerOpen:g,children:Object(c.jsx)(h.B,{text:n("str_err_2153"),onClick:_})})});case"".concat(u.i.type,"_FAILED"):case"".concat(u.x.type,"_FAILED"):return 500===j?Object(c.jsx)(i.D_DesktopAlertDialog,{contentText:n("str_err_gen_500","Error : \uc54c \uc218 \uc5c6\ub294 \uc5d0\ub7ec\uac00 \ubc1c\uc0dd\ud558\uc600\uc2b5\ub2c8\ub2e4. \uad00\ub9ac\uc790\uc5d0\uac8c \ubb38\uc758\ud558\uc138\uc694 (500)"),btnMode:"tbtn_amount1",tBtn1Text:n("str_confirm"),onClickTBtn1:_}):Object(c.jsx)(i.D_DesktopAlertDialog,{contentText:n("str_err_2451",{errCode:j,defaultValue:"\uc140\ub7ec\uc5d0 \uc758\ud574 \ube44\uacf5\uac1c \ub418\uc5c8\uac70\ub098 \uc0ad\uc81c\ub41c \uac8c\uc2dc\uae00\uc785\ub2c8\ub2e4. \ub2e4\ub978 \uac8c\uc2dc\uae00\uc744 \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.({{errCode}})"}),btnMode:"tbtn_amount1",tBtn1Text:n("str_confirm"),onClickTBtn1:_});case"".concat(u.d,"_FAILED"):return 404===j?Object(c.jsx)(i.D_DesktopAlertDialog,{contentText:n("str_err_2451",{errCode:j,defaultValue:"\uc140\ub7ec\uc5d0 \uc758\ud574 \ube44\uacf5\uac1c \ub418\uc5c8\uac70\ub098 \uc0ad\uc81c\ub41c \uac8c\uc2dc\uae00\uc785\ub2c8\ub2e4. \ub2e4\ub978 \uac8c\uc2dc\uae00\uc744 \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.({{errCode}})"}),btnMode:"tbtn_amount1",tBtn1Text:n("str_confirm"),onClickTBtn1:_}):Object(c.jsx)(i.D_DesktopAlertDialog,{contentText:n("str_err_gen_500","Error : \uc54c \uc218 \uc5c6\ub294 \uc5d0\ub7ec\uac00 \ubc1c\uc0dd\ud558\uc600\uc2b5\ub2c8\ub2e4. \uad00\ub9ac\uc790\uc5d0\uac8c \ubb38\uc758\ud558\uc138\uc694 (500)"),btnMode:"tbtn_amount1",tBtn1Text:n("str_confirm"),onClickTBtn1:_});case"".concat(u.f,"_FAILED"):return Object(c.jsx)(i.D_DesktopAlertDialog,{contentText:n("str_err_gen_500"),btnMode:"tbtn_amount1",tBtn1Text:n("str_confirm"),onClickTBtn1:_});default:return Object(c.jsx)(i.WTContainersBox,{layoutType:"WTP_1",content1:Object(c.jsx)(f,{isGlobalBannerOpen:g,children:Object(c.jsx)(i.D_TextLabel,{text:n("str_err_gen_500","Error : \uc54c \uc218 \uc5c6\ub294 \uc5d0\ub7ec\uac00 \ubc1c\uc0dd\ud558\uc600\uc2b5\ub2c8\ub2e4. \uad00\ub9ac\uc790\uc5d0\uac8c \ubb38\uc758\ud558\uc138\uc694 (500)"),colorTheme:"sysTextTertiary"})})})}},j=n(14),g=n(4),_=n(117),x=n(2790);var O=o.default.div.withConfig({displayName:"S_VideoWrapper",componentId:"sc-1gk2o3i-0"})(["background-color:",";padding-bottom:56.25%;position:relative;",""],(function(e){return e.theme.ui_temp_black}),(function(e){return e.hasDeleteButton&&Object(o.css)(["border-radius:24px;overflow:hidden;"])})),v=o.default.video.withConfig({displayName:"S_Video",componentId:"sc-1gk2o3i-1"})(["border:none;height:auto;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%;"]),C=o.default.div.withConfig({displayName:"S_VideoErrorText",componentId:"sc-1gk2o3i-2"})(["background-color:",";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;"],(function(e){return e.theme.ui_temp_black})),T=function(e){var t=e.src,n=e.hasDeleteButton,o=e.onDelete,r=e.thumbnailSrc,d=e.uploadCheck,l=void 0!==d&&d,u=e.onCheckVideoError,p=Object(g.useState)(!1),h=Object(j.a)(p,2),b=h[0],f=h[1],m=Object(g.useState)(!1),T=Object(j.a)(m,2),y=T[0],S=T[1],w=Object(g.useRef)(null),I=Object(s.a)("translation").t;return Object(g.useEffect)((function(){f(!1),S(!1)}),[t]),Object(c.jsxs)(O,{hasDeleteButton:n,children:[!b&&!y&&Object(c.jsx)(v,{ref:w,src:Object(_.a)(t),controls:!0,poster:r,onError:function(e){e&&"error"===e.type&&f(!0)},onLoadedMetadata:function(){if(w.current&&l){var e=Object(x.a)(w.current.videoWidth,w.current.videoHeight);if(!e)return S(!0),void(u&&u(e));u&&u(e),S(!1),f(!1)}}}),b&&Object(c.jsx)(C,{children:Object(c.jsx)(i.D_TextLabel,{text:I("str_1919"),textAlign:"center",colorTheme:"sysTextWhite",styleTheme:"body1Regular"})}),y&&Object(c.jsx)(C,{children:Object(c.jsx)(i.D_TextLabel,{text:I("str_2962"),textAlign:"center",colorTheme:"sysTextWhite",styleTheme:"body1Regular"})}),n&&o&&Object(c.jsx)(a,{onDelete:o})]})},y=n(10);var S=o.default.div.withConfig({displayName:"S_ShortsIframeWrapper",componentId:"sc-pte3jn-0"})(["position:relative;width:300px;"]),w=o.default.iframe.withConfig({displayName:"S_ShortsIframe",componentId:"sc-pte3jn-1"})(["border:none;height:534px;object-fit:contain;width:300px;"]),I=o.default.div.withConfig({displayName:"S_IframeWrapper",componentId:"sc-pte3jn-2"})(["padding-bottom:56.25%;position:relative;",""],(function(e){return e.hasDeleteButton&&Object(o.css)(["border-radius:24px;overflow:hidden;"])})),E=o.default.iframe.withConfig({displayName:"S_Iframe",componentId:"sc-pte3jn-3"})(["border:none;height:auto;height:100%;left:0;position:absolute;top:0;width:100%;"]),k=function(e){var t=e.src,n=e.hasDeleteButton,i=e.onDelete;return t.match(/youtube\.com\/shorts\/(.{11})/)?Object(c.jsxs)(S,{children:[Object(c.jsx)(w,{title:"youtube",src:y.g.getEmbedUrl(t),allow:"accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen"}),n&&i&&Object(c.jsx)(a,{onDelete:i})]}):Object(c.jsxs)(I,{hasDeleteButton:n,children:[Object(c.jsx)(E,{title:"youtube",src:y.g.getEmbedUrl(t),allow:"accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen"}),n&&i&&Object(c.jsx)(a,{onDelete:i})]})},R=n(15),N=n(115),A=n(19),L=n(412),D=n(141),B=n(2765),M=n(2772),P=n(2760);var z=o.default.div.withConfig({displayName:"S_LabelWrapper",componentId:"sc-15pk6lk-0"})(["display:inline-block;height:20px;margin-bottom:",";margin-right:",";"],(function(e){return e.theme.spacing.spacingB}),(function(e){return e.theme.spacing.spacingB})),U=function(e){var t,n=e.labels;switch(e.contentType){case"BASIC":t="label";break;case"INTERACTIVE":case"LIST":t="information"}return Object(c.jsx)(c.Fragment,{children:n.map((function(e){return Object(c.jsx)(z,{children:Object(c.jsx)(i.D_Chip,{displayType:t,text:e.name})},e.id)}))})},F=n(2771);var H=function(e){var t,n=e.post,o=e.reactionType,r=e.actionText,a=e.iconName,s=e.backgroundColorTheme,p=e.isReactionNumberShow,h=Object(d.c)(),b=Object(l.m)().pAppCode,f=Object(d.d)(A.c),m=null===f||void 0===f?void 0:f.id,_=Object(d.d)(F.h),x=Object(N.e)().userEntrywayForUse,O=Object(g.useState)(null===n.postReaction?0:n.postReaction[o]),v=Object(j.a)(O,2),C=v[0],T=v[1],y=Object(g.useRef)(0);return Object(g.useLayoutEffect)((function(){y.current=0,T(n.postReaction[o])}),[n]),Object(g.useEffect)((function(){return _&&(y.current=0,h(Object(u.r)())),function(){h(Object(u.r)())}}),[_]),Object(c.jsx)(i.D_LottieReactionButton,{text:p?(t=C,t>=R.mb?R.mb:t):r,actionText:r,iconName:a,backgroundColorTheme:s,onMouseDown:x((function(){})),onClick:function(){m&&(y.current+=1,T(C+1),h(Object(u.f)({pAppCode:b,channelId:m,postId:n.id,type:D.c[o],qty:String(y.current)})))}})};var W=o.default.div.withConfig({displayName:"S_LottieReactionButtonsBox",componentId:"sc-l8735t-0"})(["display:flex;flex-wrap:wrap;margin-bottom:",";& button{margin-bottom:",";margin-right:",";}"],(function(e){var t=e.theme;return"calc(".concat(t.spacing.spacingE," - ").concat(t.spacing.spacingB,")")}),(function(e){return e.theme.spacing.spacingB}),(function(e){return e.theme.spacing.spacingB})),V=o.default.div.withConfig({displayName:"S_LastLottieReactionButtonsBox",componentId:"sc-l8735t-1"})(["display:flex;"]),G=function(e){var t,n=e.post,o=e.reactionDisplayType,r=void 0===o?"none":o,a=e.hasComment,d=e.commentCount,l=e.channelCode,u=e.isReactionNumberShow,p=e.contentType,h=void 0===p?"BASIC":p,b=e.isLiked,f=e.likeCount,m=e.onClickLikeButton,j=e.handleClickComment,g=Object(s.a)("translation").t;switch(h){case"BASIC":t="spacing_e";break;case"INTERACTIVE":case"LIST":t="spacing_d"}var _=function(){return Object(c.jsx)(i.D_TextButton,{text:g("str_4243",{amount:d||0}),size:"xsmall",colorTheme:"grey_01",onClick:j})};return"repeatable_reaction"===r?Object(c.jsxs)("div",{children:[Object(c.jsx)(i.Spacing,{size:t}

1),Object(c.jsxs)(W,{children:[Object(c.jsx)(H,{post:n,reactionType:D.c.alpha,actionText:"LOVE!",iconName:"ic_lottie_heart",backgroundColorTheme:"base1",isReactionNumberShow:u}),Object(c.jsx)(H,{post:n,reactionType:D.c.echo,actionText:"LIKE!",iconName:"ic_lottie_thumb_up",backgroundColorTheme:"base2",isReactionNumberShow:u}),Object(c.jsx)(H,{post:n,reactionType:D.c.delta,actionText:"POP!",iconName:"ic_lottie_confetti",backgroundColorTheme:"base3",isReactionNumberShow:u}),Object(c.jsxs)(V,{children:[Object(c.jsx)(H,{post:n,reactionType:D.c.charlie,actionText:"FIRE!",iconName:"ic_lottie_fire",backgroundColorTheme:"base4",isReactionNumberShow:u}),Object(c.jsx)(H,{post:n,reactionType:D.c.bravo,actionText:"SAD!",iconName:"ic_lottie_sad",backgroundColorTheme:"base5",isReactionNumberShow:u})]})]}),a&&l&&Object(c.jsx)(c.Fragment,{children:_()})]}):"single_recommendation"===r?Object(c.jsxs)("div",{children:[Object(c.jsx)(i.Spacing,{size:"spacing_d"}),Object(c.jsx)(i.D_ReactionButton,{displayType:u?"icon_text":"icon_only",text:f,iconName:"ic_thumb_up",status:b?"select":"default",onClick:m}),a&&l&&Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(i.Spacing,{size:"spacing_d"}),_()]})]}):Object(c.jsx)(c.Fragment,{children:a&&l&&Object(c.jsxs)("div",{children:[Object(c.jsx)(i.Spacing,{size:t}),_()]})})},K=n(45);var q=o.default.span.withConfig({displayName:"S_ProfileInfo",componentId:"sc-1n6rgm-0"})(["align-items:center;display:flex;height:100%;justify-content:flex-start;"]),X=o.default.div.withConfig({displayName:"S_ThumbnailBorder",componentId:"sc-1n6rgm-1"})([""," --size:","px;"],(function(e){return e.isActive&&Y}),(function(e){return e.size})),Y=Object(o.css)(["position:relative;&::before{border-color:",";border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;content:'';display:block;height:var(--size);position:absolute;width:var(--size);}"],(function(e){return e.theme.ui_profile_image_border_brandprimary})),J=o.default.span.withConfig({displayName:"S_InfoBlock",componentId:"sc-1n6rgm-2"})(["display:flex;flex:1;flex-direction:",";"],(function(e){var t=e.contentType;return["INTERACTIVE","INTERACTIVE_RIGHT"].includes(t)?"row":"column"})),Q=o.default.div.withConfig({displayName:"S_NicknameBox",componentId:"sc-1n6rgm-3"})(["align-items:center;display:flex;"]),Z=o.default.div.withConfig({displayName:"S_Box",componentId:"sc-1n6rgm-4"})(["align-items:center;display:flex;"]),$=function(e){var t,n,o,r,a=e.authorThumbnailSrc,d=void 0===a?"":a,l=e.author,u=void 0===l?"":l,p=e.authorTextColor,h=void 0===p?"sysTextPrimary":p,b=e.platformTier,f=void 0===b?"":b,m=e.isChannelActionProduct,j=e.publishedAt,g=void 0===j?"":j,x=e.contentType,O=Object(s.a)("translation").t,v=!["INTERACTIVE","INTERACTIVE_RIGHT"].includes(x),C=f===D.a.SELLER||f===D.a.SELLER_CONTENT_OPERATOR;switch(x){case"BASIC":t="spacing_c",n=48,o="caption2Regular",r="caption1Bold";break;case"INTERACTIVE_RIGHT":case"INTERACTIVE":t="spacing_e",n=60,o="caption1Regular",r="leadParaBold";break;case"LIST":t="spacing_d",n=48,o="caption1Regular",r="caption1Bold"}return Object(c.jsxs)(q,{children:[v&&Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(X,{isActive:C,size:n,children:Object(c.jsx)(i.ImageView,{src:Object(_.a)(d),shapeType:"circular",width:n,borderMode:"use",scaleType:"cover",ratio:"1_1"})}),Object(c.jsx)(i.Spacing,{size:t,spacingType:"width"})]}),Object(c.jsxs)(J,{contentType:x,children:[Object(c.jsxs)(Q,{children:[Object(c.jsx)(i.D_TextLabel,{text:u,styleTheme:r,colorTheme:h,ellipsisMode:"use",lineLimit:1,wordBreak:"break_all"}),C&&Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(i.Spacing,{size:"spacing_a",spacingType:"width"}),Object(c.jsx)(i.Icon,{size:16,colorKey:"ui_cpnt_icon_usr_brandprimary",fillType:"fill",iconName:"ic_verified"})]})]}),!v&&Object(c.jsx)(i.Spacing,{size:"spacing_b",spacingType:"width"}),Object(c.jsxs)(Z,{children:[m&&Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(i.D_TextLabel,{text:O("str_individual_purchase"),styleTheme:"caption2Regular",colorTheme:"sysTextSecondary"}),Object(c.jsx)(i.Spacing,{size:"spacing_b",spacingType:"width"}),Object(c.jsx)(i.D_TextLabel,{text:O("str_3479"),styleTheme:"caption2Regular",colorTheme:"sysTextTertiary"}),Object(c.jsx)(i.Spacing,{size:"spacing_b",spacingType:"width"})]}),Object(c.jsx)(i.D_TextLabel,{text:K.a.tz(g).fromNow(),styleTheme:o,c

1olorTheme:"sysTextTertiary"})]})]})]})};var ee=o.default.div.withConfig({displayName:"S_ProfileBar",componentId:"sc-n8xw7e-0"})(["align-items:center;display:flex;height:48px;justify-content:space-between;"]),te=function(e){var t=e.authorInfo,n=e.platformTier,o=e.isChannelActionProduct,r=e.publishedAt,a=e.authorTextColor,s=e.contextMenu,d=e.contentType,u=e.handleClickContextMenuItem,p=Object(l.l)(),b=Object(h.N)(),f=Object(g.useState)(!1),m=Object(j.a)(f,2),_=m[0],x=m[1],O=Object(g.useRef)();Object(g.useEffect)((function(){x(!1)}),[b,p.pathname]),Object(g.useEffect)((function(){function e(){x(!1)}return _&&window.addEventListener("wheel",e),function(){window.removeEventListener("wheel",e)}}),[_]);var v=function(e){e.stopPropagation(),x(!_)},C=Object(c.jsx)(h.D,{targetRef:O,placement:"bottom-end",isOpen:_,onClickOutside:function(){x(!1)},onClick:v,children:Object(c.jsx)(i.D_ContextMenu,{children:s.map((function(e){return Object(c.jsx)(i.D_ContextMenuItem,{option:{text:e.text,value:e.value},onClick:function(){return u(e.value)}},e.value)}))})});return Object(c.jsx)(c.Fragment,{children:Object(c.jsxs)(h.E,{children:[Object(c.jsxs)(ee,{children:[Object(c.jsx)($,{authorThumbnailSrc:t.authorImageSrc,author:t.author,authorTextColor:a,platformTier:n,isChannelActionProduct:o,contentType:d,publishedAt:r}),Object(c.jsx)("div",{ref:O,children:Object(c.jsx)(i.D_IconButton,{baseSize:"medium",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconFillType:"fill",iconSize:24,iconName:"ic_more",iconColorKey:"ui_cpnt_icon_sys_grey_02",onClick:v})})]}),C]})})};var ne=Object(o.css)(["background-color:",";border-radius:24px;box-sizing:border-box;padding:",";transition:0.2s ease;"],(function(e){return e.theme.ui_cpnt_sheet_base}),(function(e){return e.theme.spacing.spacingE})),ie=o.default.div.withConfig({displayName:"S_PostCard",componentId:"sc-16j5u6d-0"})(["",""],(function(e){return e.isPostsViewStyle&&ne})),oe=o.default.div.withConfig({displayName:"S_ContentBox",componentId:"sc-16j5u6d-1"})(["margin:0 0 0 60px;"]),ce=o.default.div.withConfig({displayName:"S_Content",componentId:"sc-16j5u6d-2"})(["",";"],(function(e){return e.isPostsViewStyle&&"cursor: pointer;"})),re=function(e){var t=e.post,n=e.hasComment,o=e.reactionDisplayType,r=e.isReactionNumberShow,a=e.isPostsViewStyle,s=e.isBlockedUser,d=e.authorInfo,u=e.sortedLabels,p=e.contextMenu,h=e.contentType,b=e.onContentClick,f=e.onContextMenuItemClick,m=e.onLikeButtonClick,j=e.MediaContents,g=e.children,_=Object(l.m)().channelCode;return Object(c.jsxs)(ie,{isPostsViewStyle:a,children:[t.content&&Object(c.jsx)(te,{authorInfo:d,authorTextColor:s?"sysTextSecondary":"sysTextPrimary",platformTier:t.platformTier,isChannelActionProduct:t.isCAP,publishedAt:t.publishedAt,contextMenu:p,contentType:h,handleClickContextMenuItem:f}),Object(c.jsxs)(oe,{children:[Object(c.jsxs)(ce,{isPostsViewStyle:a,onClick:b,children:[g,j]}),t.labels.length>0&&Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(i.Spacing,{size:"spacing_e"}),Object(c.jsx)(U,{labels:u,contentType:h})]}),Object(c.jsx)(G,{post:t,isLiked:t.hasUserLiked,likeCount:t.totalPostLikes,isDisliked:t.hasUserDisliked,dislikeCount:t.totalPostDislikes,reactionDisplayType:o,isReactionNumberShow:r,hasComment:n,commentCount:t.totalComments,id:t.id,onClickLikeButton:m,channelCode:_,contentType:h,handleClickComment:b})]})]})};var ae=o.default.div.withConfig({displayName:"S_BlockedContent",componentId:"sc-i8lx45-0"})([""," align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding-right:",";"],(function(e){return"BASIC"!==e.contentType&&"height: 240px;"}),(function(e){return e.hasRightPadding?"60px":"0px"})),se=function(e){var t=e.hasRightPadding,n=e.onClick,o=e.contentType,r=Object(s.a)("translation").t;return Object(c.jsxs)(ae,{onClick:n,hasRightPadding:t,contentType:o,children:[Object(c.jsx)(i.Spacing,{size:"spacing_g"}),Object(c.jsx)(i.Icon,{size:48,iconName:"ic_block_user",colorKey:"ui_cpnt_icon_sys_grey_02"}),Object(c.jsx)(i.Spacing,{size:"spacing_c"}),Object(c.jsx)(i.D_TextLabel,{text:r("str_6515"),textAlign:"center",styleTheme:"body2Regular",colorTheme:"sysTextSecondary"}),Object(c.jsx)(i.Spacing,{size:"spacing_f"})]})};var de=o.default.div.withConfig({displayName:"S_HiddenContent",componentId:"sc-1rlhh4x-0"})([""," align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding-right:",";"],(function(e){return"BASIC"!==e.contentType&&"height: 240px;"}),(function(e){return e.hasRightPadding?"60px":"0px"})),le=function(e){var t=e.hasRightPadding,n=e.onClick,o=e.contentType,r=Object(s.a)("translation").t;return Object(c.jsxs)(de,{onClick:n,hasRightPadding:t,contentType:o,children:[Object(c.jsx)(i.Spacing,{size:"spacing_g"}),Object(c.jsx)(i.Icon,{size:48,iconName:"ic_eye_close",colorKey:"ui_cpnt_icon_sys_grey_02"}),Object(c.jsx)(i.Spacing,{size:"spacing_c"}

1),Object(c.jsx)(i.D_TextLabel,{text:r("str_6512"),textAlign:"center",styleTheme:"body2Regular",colorTheme:"sysTextSecondary"}),Object(c.jsx)(i.Spacing,{size:"spacing_f"})]})};var ue=o.default.div.withConfig({displayName:"S_SectionSheet",componentId:"sc-1jkbi56-0"})(["align-items:center;background-color:",";border-radius:16px;display:flex;height:",";justify-content:center;padding-top:",";position:relative;width:100%;",";"],(function(e){var t=e.theme;return e.isPreview?t.ui_cpnt_sheet_base_04:t.ui_cpnt_sheet_base_03}),(function(e){return"BASIC"!==e.contentType?"240px":"100%;"}),(function(e){return"LIST"!==e.contentType&&"56.25%"}),(function(e){return e.isPreview&&"cursor: pointer;"})),pe=o.default.div.withConfig({displayName:"S_Box",componentId:"sc-1jkbi56-1"})(["align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;top:0;width:100%;"]),he=o.default.div.withConfig({displayName:"S_RowBox",componentId:"sc-1jkbi56-2"})(["align-items:center;display:flex;flex-direction:row;"]),be=function(e){var t=e.isPreview,n=e.onClickContent,o=e.onClickLockedButton,r=e.contentType,a=Object(s.a)("translation").t;return Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(i.Spacing,{size:"spacing_d"}),Object(c.jsx)(ue,{onClick:n,isPreview:t,contentType:r,children:Object(c.jsxs)(pe,{children:[Object(c.jsxs)(he,{children:[Object(c.jsx)(i.Spacing,{spacingType:"width",size:"spacing_e"}),Object(c.jsx)(i.D_TextLabel,{text:a("str_3471"),styleTheme:"body1Bold",textAlign:"center"}),Object(c.jsx)(i.Spacing,{spacingType:"width",size:"spacing_e"})]}),Object(c.jsx)(i.Spacing,{size:"spacing_c"}),Object(c.jsx)(i.D_MainButton,{text:a("str_3249"),size:"medium",iconMode:"left",iconName:"ic_lock",onClick:o})]})})]})},fe=n(2767),me=n(87);var je=o.default.div.withConfig({displayName:"S_FullScreenImagePortalWrapper",componentId:"sc-73bm6c-0"})(["align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:"," 0;position:absolute;top:0;width:100vw;"],(function(e){return e.theme.spacing.spacingE})),ge=o.default.div.withConfig({displayName:"S_Dimmed",componentId:"sc-73bm6c-1"})(["background-color:",";height:100vh;overflow:hidden;position:absolute;width:100vw;z-index:300;"],(function(e){return e.theme.ui_contents_dimmed})),_e=o.default.div.withConfig({displayName:"S_FullScreenImageBox",componentId:"sc-73bm6c-2"})(["box-sizing:border-box;max-height:100vh;position:absolute;z-index:301;& > div{img{box-sizing:border-box;max-height:100vh;max-width:100vw;padding:",";}}"],(function(e){return e.theme.spacing.spacingE})),xe=function(e){var t=e.src,n=Object(g.useState)(!1),o=Object(j.a)(n,2),r=o[0],a=o[1];return Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)("div",{onClick:function(){return a(!0)},children:Object(c.jsx)(i.ImageView,{src:t,width:"responsive",radius:16,borderMode:"use"})}),r&&t&&Object(c.jsx)(c.Fragment,{children:Object(me.createPortal)(Object(c.jsxs)(je,{onClick:function(){a(!1)},children:[Object(c.jsx)(ge,{}),Object(c.jsx)(_e,{children:Object(c.jsx)(i.ImageView,{src:t,shapeType:"rectangle"})})]}),document.getElementById("root"))})]})};var Oe,ve=Object(o.css)(["border-bottom-right-radius:16px;border-top-right-radius:16px;height:100%;& > div > .slider{height:100% !important;}& > div > .slider > .slider-frame{height:100% !important;}& > div > .slider > .slider-frame > .slider-list{height:100% !important;}& > div > .slider > .slider-frame > .slider-list > .slider-slide{height:100% !important;}"]),Ce=Object(o.css)(["border-bottom-left-radius:16px;border-bottom-right-radius:16px;height:100%;"]),Te=o.default.div.withConfig({displayName:"S_ImageWrapper",componentId:"sc-1klatnm-0"})(["overflow:hidden;width:",";",""],(function(e){var t=e.contentType,n=e.isCol3Layout;return"LIST"===t?n?"360px":"400px":"100%"}),(function(e){return"LIST"===e.contentType?ve:Ce})),ye=o.default.div.withConfig({displayName:"S_SingleImage",componentId:"sc-1klatnm-1"})(["",""],(function(e){return"LIST"===e.contentType&&"height: 100%; display: flex; align-items: center"})),Se=function(e){var t,n,o,r,a=e.imageSrcs,s=e.preview,d=e.contentType,l=e.borderMode,u=void 0===l?"use":l,p=Object(g.useRef)(null),b=Object(fe.a)().contentLayoutTemplateName,f="COL_3_WITH_TAB"===b||"BASIC"===b,m=Object(g.useState)(!1),_=Object(j.a)(m,2),x=_[0],O=_[1];switch(Object(g.useEffect)((function(){p.current&&p.current.offsetWidth>=B.a?O(!0):O(!1)}),[]),d){case"BASIC":t="1_1",n=16,o=void 0,r=void 0;break;case"INTERACTIVE_RIGHT":case"INTERACTIVE":t="16_9",n=void 0,o="rectangle",r=void 0;break;case"LIST":t=x?"1_1":void 0,n=void 0,o="rectangle",r="responsive"}return s?Object(c.jsx)(Te,{contentType:d,ref:p,isCol3Layout:f,children:1===a.length?Object(c.jsx)(ye,{contentType:d,children:Object(c.jsx)(i.ImageView,{ratio:t,radius:n,src:a[0],width:"responsive",height:r,scaleType:"cover",borderMode:u,shapeType:o,backgroundFillMode:"use"})}):Object(c.jsx)(h.w,{cellSpacing:16,slideWidth:1,slidesToShow:1,wrapAround:!0,children:a.map((function(e){return Object(c.jsx)(i.ImageView,{src:e,ratio:t,radius:n,width:"responsive",height:r,scaleType:"cover",borderMode:u,shapeType:o,backgroundFillMode:"use"},e)}))})}):Object(c.jsx)(c.Fragment,{children:a.map((function(e,t){return Object(c.jsxs)(g.Fragment,{children:[0!==t&&Object(c.jsx)(i.Spacing,{size:"spacing_e"}),Object(c.jsx)(xe,{src:e},e)]},e)}))})};!function(e){e.PENDING="PENDING",e.ERROR="ERROR",e.SUCCESS="SUCCESS"}(Oe||(Oe={}));var we=o.default.div.withConfig({displayName:"S_NoMediaWrapper",componentId:"sc-23qy7x-0"})(["background-color:",";overflow:hidden;padding-top:56.25%;position:relative;"],(function(e){return e.theme.ui_temp_black})),Ie=o.default.div.withConfig({displayName:"S_VideoErrorText",componentId:"sc-23qy7x-1"})(["color:",";font-size:",";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;"],(function(e){return e.theme.ui_temp_white}),(function(e){return e.theme.desktopFontSize.body1})),Ee=Object(o.css)(["border-bottom-right-radius:16px;border-top-right-radius:16px;height:100%;& > [x-pds-name='ImageView']{background-color:#000000;}

1"]),ke=Object(o.css)(["border-bottom-left-radius:16px;border-bottom-right-radius:16px;"]),Re=o.default.div.withConfig({displayName:"S_ThumbnailWrapper",componentId:"sc-23qy7x-2"})(["overflow:hidden;position:relative;width:",";"," ",""],(function(e){var t=e.contentType,n=e.isCol3Layout;return"LIST"===t?n?"360px":"400px":"100%"}),(function(e){return"LIST"===e.contentType&&Ee}),(function(e){var t=e.contentType;return["INTERACTIVE","INTERACTIVE_RIGHT"].includes(t)&&ke})),Ne=o.default.div.withConfig({displayName:"S_IconWrapper",componentId:"sc-23qy7x-3"})(["left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);"]),Ae=function(e){var t,n,o,r=e.videoSrc,a=e.thumbnailSrc,d=e.preview,l=e.contentType,u=e.borderMode,p=void 0===u?"use":u,h=Object(s.a)("translation").t,b=Object(g.useRef)(null),f=Object(g.useState)("N/A"===r?Oe.ERROR:Oe.PENDING),m=Object(j.a)(f,2),_=m[0],x=m[1],O=Object(g.useState)(!1),v=Object(j.a)(O,2),C=v[0],y=v[1],S=Object(fe.a)().contentLayoutTemplateName,w="COL_3_WITH_TAB"===S||"BASIC"===S;switch(l){case"BASIC":t="16_9",o="cover";break;case"INTERACTIVE_RIGHT":case"INTERACTIVE":t="16_9",n="rectangle",o="cover";break;case"LIST":t=C?"1_1":void 0,n="rectangle",o="contain"}function I(e){if(e){var t="publ-sw-core-image.s3.ap-northeast-2.amazonaws.com",n="publ-upload-prod.s3.ap-northeast-2.amazonaws.com";return e.includes(t)?e.replace(t,"cdn-sw.publishingkit.net"):e.includes(n)?e.replace(n,"cdn.publishingkit.net"):e}}if(Object(g.useEffect)((function(){b.current&&(b.current.offsetWidth>=B.a?y(!0):y(!1))}),[_]),d)switch(_){case Oe.PENDING:return Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(we,{}),Object(c.jsx)("video",{hidden:!0,src:I(r),onError:function(){x(Oe.ERROR)},onLoadedMetadata:function(){x(Oe.SUCCESS)}})]});case Oe.ERROR:return Object(c.jsx)(we,{children:Object(c.jsx)(Ie,{children:Object(c.jsx)(i.D_TextLabel,{text:h("str_1919"),textAlign:"center",colorTheme:"sysTextWhite",styleTheme:"body1Regular"})})});case Oe.SUCCESS:return Object(c.jsxs)(Re,{ref:b,contentType:l,isCol3Layout:w,children:[Object(c.jsx)(i.ImageView,{ratio:t,src:I(a),backgroundFillMode:"use",width:"responsive",radius:16,scaleType:o,borderMode:p,shapeType:n,height:"responsive"}),Object(c.jsx)(Ne,{children:Object(c.jsx)(i.Icon,{iconName:"ic_video_play_circle",colorKey:"ui_temp_white",size:48,fillType:"fill"})})]})}return Object(c.jsx)(T,{src:I(r),thumbnailSrc:I(a)})};var Le=Object(o.css)(["align-items:center;border-bottom-right-radius:16px;border-top-right-radius:16px;display:flex;height:100%;& > [x-pds-name='ImageView']{background-color:#000000;}"]),De=Object(o.css)(["border-bottom-left-radius:16px;border-bottom-right-radius:16px;"]),Be=o.default.div.withConfig({displayName:"S_ThumbnailWrapper",componentId:"sc-8fk661-0"})(["overflow:hidden;position:relative;width:",";"," ",""],(function(e){var t=e.contentType,n=e.isCol3Layout;return"LIST"===t?n?"360px":"400px":"100%"}),(function(e){return"LIST"===e.contentType&&Le}),(function(e){var t=e.contentType;return["INTERACTIVE","INTERACTIVE_RIGHT"].includes(t)&&De})),Me=o.default.div.withConfig({displayName:"S_IconWrapper",componentId:"sc-8fk661-1"})(["left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);"]),Pe=function(e){var t,n,o,r=e.youtubeSrc,a=e.preview,s=e.contentType,d=e.borderMode,l=void 0===d?"use":d,u=Object(g.useRef)(null),p=Object(g.useState)(!1),h=Object(j.a)(p,2),b=h[0],f=h[1],m=Object(fe.a)().contentLayoutTemplateName,_="COL_3_WITH_TAB"===m||"BASIC"===m;switch(Object(g.useEffect)((function(){u.current&&u.current.offsetWidth>=B.a?f(!0):f(!1)}),[]),s){case"BASIC":t="16_9",o="cover";break;case"INTERACTIVE_RIGHT":case"INTERACTIVE":t="16_9",n="rectangle",o="cover";break;case"LIST":t=b?"1_1":void 0,n="rectangle",o="contain"}return a?Object(c.jsxs)(Be,{contentType:s,isCol3Layout:_,children:[Object(c.jsx)(i.ImageView,{ratio:t,src:y.g.getThumbnailUrl(r),width:"responsive",scaleType:o,borderMode:l,shapeType:n,backgroundFillMode:"use",height:"responsive"}),Object(c.jsx)(Me,{children:Object(c.jsx)(i.Icon,{iconName:"ic_video_play_circle",colorKey:"ui_temp_white",size:48,fillType:"fill"})})]}):Object(c.jsx)(k,{src:r})};var ze=function(e){var t=e.resource,n=e.isPreview,i=e.contentType,o=e.imageBorderMode,r=void 0===o?"use":o,a=e.videoBorderMode,s=void 0===a?"use":a,d=e.youtubeThumbn

1ailBorderMode,l=void 0===d?"use":d,u=t.type,p=t.imageSrcs,h=t.videoSrc,b=t.youtubeSrc;switch(u){case D.d.IMAGE:return Object(c.jsx)(c.Fragment,{children:p&&Object(c.jsx)(Se,{imageSrcs:p,preview:!!n,contentType:i,borderMode:r})});case D.d.VIDEO:return Object(c.jsx)(c.Fragment,{children:h&&Object(c.jsx)(Ae,{videoSrc:h,thumbnailSrc:null===p||void 0===p?void 0:p[0],preview:!!n,contentType:i,borderMode:s})});case D.d.YOUTUBE:return Object(c.jsx)(c.Fragment,{children:b&&Object(c.jsx)(Pe,{youtubeSrc:b,preview:!!n,contentType:i,borderMode:l})});default:return Object(c.jsx)(c.Fragment,{})}},Ue=n(192);var Fe=o.default.div.withConfig({displayName:"S_TextContent",componentId:"sc-1d8k16z-0"})(["color:",";font-size:",";line-height:",";overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word;",""],(function(e){return e.theme.ui_temp_grey_01}),(function(e){return e.theme.desktopFontSize.body2}),(function(e){return e.theme.desktopLineHeight.body2}),(function(e){var t=e.isOpen,n=e.contentType;return!t&&Object(o.css)(["-webkit-box-orient:vertical;-webkit-line-clamp:",";display:-webkit-box;overflow:hidden;text-overflow:ellipsis;"],"NORMAL"===n?5:3)})),He=o.default.div.withConfig({displayName:"S_ReadMore",componentId:"sc-1d8k16z-1"})(["cursor:pointer;"]),We=o.default.span.withConfig({displayName:"S_LinkToStyleSpan",componentId:"sc-1d8k16z-2"})(["color:",";"],(function(e){return e.theme.ui_papp_livechat_link})),Ve=o.default.a.withConfig({displayName:"S_LinkToStyle",componentId:"sc-1d8k16z-3"})(["color:",";&:hover{text-decoration:underline;}"],(function(e){return e.theme.ui_papp_livechat_link})),Ge=function(e){var t=e.content,n=e.isFoldable,o=void 0!==n&&n,r=e.hasReadMoreButton,a=e.setHasReadMoreButton,d=Object(s.a)("translation").t,l=Object(g.useRef)(null),u=Object(Ue.a)().get("contentType");Object(g.useEffect)((function(){return function(){a(!1)}}),[]),Object(g.useEffect)((function(){if(l&&l.current){var e=l.current,t=e.scrollHeight,n=e.clientHeight;a(t>n)}}),[t]),Object(g.useEffect)((function(){o||a(!1)}),[o]);var p=function(e){return e.split(/(\s+)/).map((function(e,t){if("\n"===e)return Object(c.jsx)("br",{},t);if(!/^((?:https?|ftp|file):\/\/)?[\w-]+(\.[\w-]+)+([\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?$/.test(e))return Object(c.jsx)("span",{children:e},t);try{var n=new URL(e.startsWith("http")?e:"http://".concat(e));return o?Object(c.jsx)(We,{children:e},t):Object(c.jsx)("span",{children:Object(c.jsx)(Ve,{href:n.toString(),target:"_blank",rel:"noopener noreferrer",children:e})},t)}catch(i){return Object(c.jsx)("span",{children:e},t)}}))};return Object(c.jsx)(c.Fragment,{children:o?Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(Fe,{ref:l,contentType:u,children:p(t)}),r&&Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(i.Spacing,{size:"spacing_b"}),Object(c.jsx)(He,{children:Object(c.jsx)(i.D_TextLabel,{text:d("str_papp_scommunity_read_more"),styleTheme:"caption1Regular",colorTheme:"sysTextSecondary"})})]})]}):Object(c.jsx)(Fe,{isOpen:!0,contentType:u,children:p(t)})})};var Ke=o.default.div.withConfig({displayName:"S_ProfileBar",componentId:"sc-1wjfsag-0"})(["align-items:center;display:flex;height:48px;justify-content:space-between;"]),qe=function(e){var t=e.authorInfo,n=e.authorTextColor,o=e.platformTier,r=e.isChannelActionProduct,a=e.publishedAt,s=e.contextMenu,d=e.contentType,u=e.onContextMenuItemClick,p=Object(l.l)(),b=Object(h.N)(),f=Object(g.useState)(!1),m=Object(j.a)(f,2),_=m[0],x=m[1],O=Object(g.useRef)();Object(g.useEffect)((function(){x(!1)}),[b,p.pathname]),Object(g.useEffect)((function(){function e(){x(!1)}return _&&window.addEventListener("wheel",e),function(){window.removeEventListener("wheel",e)}}),[_]);var v=function(e){e.stopPropagation(),x(!_)},C=Object(c.jsx)(h.D,{targetRef:O,placement:"bottom-end",isOpen:_,onClickOutside:function(){x(!1)},onClick:v,children:Object(c.jsx)(i.D_ContextMenu,{children:s.map((function(e){return Object(c.jsx)(i.D_ContextMenuItem,{option:{text:e.text,value:e.value},onClick:function(){return u(e.value)}},e.value)}))})});return Object(c.jsx)(c.Fragment,{children:Object(c.jsxs)(h.E,{children:[Object(c.jsxs)(Ke,{children:[Object(c.jsx)($,{authorThumbnailSrc:t.authorImageSrc,author:t.author,authorTextColor:n,platformTier:o,isChannelActionProduct:r,publishedAt:a,contentType:d}),Object(c.jsx)("div",{ref:O,children:Object(c.jsx)(i.D_IconButton,{baseSize:"medium",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconFillType:"fill",iconSize:24,iconName:"ic_more",iconColorKey:"ui_cpnt_icon_sys_grey_02",onClick:v})})]}),C]})})};var Xe=o.default.svg.withConfig({displayName:"S_BubbleTail",componentId:"sc-1jbibut-0"})(["position:absolute;right:-8px;top:0px;z-index:20;"]),Ye=o.default.path.withConfig({displayName:"S_Path",componentId:"sc-1jbibut-1"})(["fill:",";"],(function(e){return e.theme.ui_cpnt_sheet_base})),Je=function(){return Object(c.jsx)(Xe,{width:"28",height:"29",viewBox:"0 0 28 29",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Object(c.jsx)(Ye,{fillRule:"evenodd",clipRule:"evenodd",d:"M19.346 15.9058C19.58074 17.1187 19.70367 18.3713 19.70367 19.6526V28.4445H0V0C4.77145 0 9.14668 1.69159 12.5559 4.50629C15.9571 2.24629 21.4109 0.0980202 28 1.29294C26.18519 2.0687 19.18522 6.72327 19.44447 16.0324C19.41299 15.9892 19.38015 15.947 19.346 15.9058Z"})})};var Qe=o.default.div.withConfig({displayName:"S_PostCard",componentId:"sc-1h0zidc-0"})(["display:flex;& >:not(:last-child){background-color:",";border-radius:",";}"],(function(e){return e.theme.ui_cpnt_sheet_base}),(function(e){return e.theme.spacing.spacingD})),Ze=Object(o.css)(["position:relative;&::before{border-color:",";border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;content:'';display:block;height:var(--size);position:absolute;width:var(--size);}"],(function(e){return e.theme.ui_profile_image_border_brandprimary})),$e=o.default.div.withConfig({displayName:"S_ContentAndMediaWrapper",componentId:"sc-1h0zidc-1"})(["flex-grow:1;margin-top:",";position:relative;width:50%;"],(function(e){return e.theme.spacing.spacingD})),et=o.default.div.withConfig({displayName:"S_Content",componentId:"sc-1h0zidc-2"})(["display:flex;flex-direction:column;padding:",";padding-top:",";"],(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingD})),tt=o.default.div.withConfig({displayName:"S_ThumbnailBorder",componentId:"sc-1h0zidc-3"})([""," --size:","px;margin-left:",";"],(function(e){return e.isActive&&Ze}),(function(e){return e.size}),(function(e){return e.theme.spacing.spacingE})),nt=o.default.div.withConfig({displayName:"S_LabelAndPostMenuWrapper",componentId:"sc-1h0zidc-4"})(["margin-top:auto;"]),it=o.default.div.withConfig({displayName:"S_MediaContentWrapper",componentId:"sc-1h0zidc-5"})(["border-bottom:1px solid ",";border-bottom-left-radius:",";border-bottom-right-radius:",";border-left:1px solid ",";border-right:1px solid ",";"],(function(e){return e.theme.ui_cpnt_sheet_base}),(function(e){return e.theme.spacing.spacingD}),(function(e){return e.theme.spacing.spacingD}),(function(e){return e.theme.ui_cpnt_sheet_base}),(function(e){return e.theme.ui_cpnt_sheet_base})),ot=function(e){var t=e.post,n=e.hasComment,o=e.reactionDisplayType,r=e.isReactionNumberShow,a=e.isBlockedUser,s=e.authorInfo,d=e.sortedLabels,u=e.contextMenu,p=e.contentType,h=e.onContextMenuItemClick,b=e.onContentClick,f=e.onLikeButtonClick,m=e.MediaContents,j=e.children,g=Object(l.m)().channelCode,_=t.platformTier===D.a.SELLER||t.platformTier===D.a.SELLER_CONTENT_OPERATOR;return Object(c.jsx)(c.Fragment,{children:Object(c.jsxs)(Qe,{children:[Object(c.jsxs)($e,{children:[Object(c.jsxs)(et,{children:[t.content&&Object(c.jsx)(qe,{authorInfo:s,authorTextColor:a?"sysTextSecondary":"sysTextPrimary",platformTier:t.platformTier,isChannelActionProduct:t.isCAP,publishedAt:t.publishedAt,contextMenu:u,contentType:p,onContextMenuItemClick:h}),Object(c.jsx)("div",{onClick:b,children:j}),Object(c.jsxs)(nt,{children:[d.length>0&&Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(i.Spacing,{size:"spacing_e"}),Object(c.jsx)(U,{labels:d,contentType:p})]}),Object(c.jsx)(G,{post:t,isLiked:t.hasUserLiked,likeCount:t.totalPostLikes,isDisliked:t.hasUserDisliked,dislikeCount:t.totalPostDislikes,reactionDisplayType:o,isReactionNumberShow:r,hasComment:n,commentCount:t.totalComments,id:t.id,onClickLikeButton:f,channelCode:g,handleClickComment:b})]})]}),m&&Object(c.jsx)(it,{onClick:b,children:m}),Object(c.jsx)(Je,{})]}),Object(c.jsx)(tt,{isActive:_,size:60,children:Object(c.jsx)(i.ImageView,{src:s.authorImageSrc,shapeType:"circular",width:60,borderMode:"use",scaleType:"cover",ratio:"1_1"})})]})})};var ct=o.default.svg.withConfig({displayName:"S_BubbleTail",componentId:"sc-1a676j9-0"})(["left:-8px;position:absolute;top:0px;z-index:20;"]),rt=o.default.path.withConfig({displayName:"S_Path",componentId:"sc-1a676j9-1"})(["fill:",";"],(function(e){return e.theme.ui_cpnt_sheet_base})),at=function(){return Object(c.jsx)(ct,{width:"28",height:"29",viewBox:"0 0 28 29",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Object(c.jsx)(rt,{fillRule:"evenodd",clipRule:"evenodd",d:"M8.63162 15.9058C8.39742 17.1187 8.27482 18.3713 8.27482 19.6526V28.4445H27.9275V0C23.1684 0 18.8045 1.69159 15.4041 4.50629C12.0117 2.24629 6.57204 0.0980202 0 1.29294C1.81011 2.0687 8.79192 6.72327 8.53342 16.0324C8.56482 15.9892 8.59752 15.947 8.63162 15.9058Z"})})};var st=o.default.div.withConfig({displayName:"S_PostCard",componentId:"sc-2eu2w6-0"})(["display:flex;& >:not(:first-child){background-color:",";border-radius:",";}"],(function(e){return e.theme.ui_cpnt_sheet_base}),(function(e){return e.theme.spacing.spacingD})),dt=Object(o.css)(["position:relative;&::before{border-color:",";border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;content:'';display:block;height:var(--size);position:absolute;width:var(--size);}"],(function(e){return e.theme.ui_profile_image_border_brandprimary})),lt=o.default.div.withConfig({displayName:"S_ContentAndMediaWrapper",componentId:"sc-2eu2w6-1"})(["flex-grow:1;margin-top:",";position:relative;width:50%;"],(function(e){return e.theme.spacing.spacingD})),ut=o.default.div.withConfig({displayName:"S_Content",componentId:"sc-2eu2w6-2"})(["display:flex;flex-direction:column;padding:",";padding-top:",";"],(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingD})),pt=o.default.div.withConfig({displayName:"S_ThumbnailBorder",componentId:"sc-2eu2w6-3"})([""," --size:","px;margin-right:",";"],(function(e){return e.isActive&&dt}),(function(e){return e.size}),(function(e){return e.theme.spacing.spacingE})),ht=o.default.div.withConfig({displayName:"S_LabelAndPostMenuWrapper",componentId:"sc-2eu2w6-4"})(["margin-top:auto;"]),bt=o.default.div.withConfig({displayName:"S_MediaContentWrapper",componentId:"sc-2eu2w6-5"})(["border-bottom:1px solid ",";border-bottom-left-radius:",";border-bottom-right-radius:",";border-left:1px solid ",";border-right:1px solid ",";"],(function(e){return e.theme.ui_cpnt_sheet_base}),(function(e){return e.theme.spacing.spacingD}),(function(e){return e.theme.spacing.spacingD}),(function(e){return e.theme.ui_cpnt_sheet_base}),(function(e){return e.theme.ui_cpnt_sheet_base})),ft=function(e){var t=e.post,n=e.hasComment,o=e.reactionDisplayType,r=e.isReactionNumberShow,a=e.isBlockedUser,s=e.authorInfo,d=e.sortedLabels,u=e.contextMenu,p=e.contentType,h=e.onContextMenuItemClick,b=e.onContentClick,f=e.onLikeButtonClick,m=e.MediaContents,j=e.children,g=Object(l.m)().channelCode,_=t.platformTier===D.a.SELLER||t.platformTier===D.a.SELLER_CONTENT_OPERATOR;return Object(c.jsx)(c.Fragment,{children:Object(c.jsxs)(st,{children:[Object(c.jsx)(pt,{isActive:_,size:60,children:Object(c.jsx)(i.ImageView,{src:s.authorImageSrc,shapeType:"circular",width:60,borderMode:"use",scaleType:"cover",ratio:"1_1"})}),Object(c.jsxs)(lt,{children:[Object(c.jsxs)(ut,{children:[t.content&&Object(c.jsx)(qe,{authorInfo:s,authorTextColor:a?"sysTextSecondary":"sysTextPrimary",platformTier:t.platformTier,isChannelActionProduct:t.isCAP,publishedAt:t.publishedAt,contextMenu:u,contentType:p,onContextMenuItemClick:h}),Object(c.jsx)("div",{onClick:b,children:j}),Object(c.jsxs)(ht,{children:[d.length>0&&Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(i.Spacing,{size:"spacing_e"}),Object(c.jsx)(U,{labels:d,contentType:p})]}),Object(c.jsx)(G,{post:t,isLiked:t.hasUserLiked,likeCount:t.totalPostLikes,isDisliked:t.hasUserDisliked,dislikeCount:t.totalPostDislikes,reactionDisplayType:o,isReactionNumberShow:r,hasComment:n,commentCount:t.totalComments,id:t.id,onClickLikeButton:f,channelCode:g,handleClickComment:b})]})]}),m&&Object(c.jsx)(bt,{onClick:b,children:m}),Object(c.jsx)(at,{})]})]})})};var mt=o.default.div.withConfig({displayName:"S_ProfileBar",componentId:"sc-1j3ngvd-0"})(["align-items:center;display:flex;justify-content:space-between;"]),jt=function(e){var t=e.authorInfo,n=e.authorTextColor,o=e.platformTier,r=e.isChannelActionProduct,a=e.publishedAt,s=e.contextMenu,d=e.contentType,u=e.onContextMenuItemClick,p=Object(l.l)(),b=Object(h.N)(),f=Object(g.useState)(!1),m=Object(j.a)(f,2),_=m[0],x=m[1],O=Object(g.useRef)();Object(g.useEffect)((function(){x(!1)}),[b,p.pathname]),Object(g.useEffect)((function(){function e(){x(!1)}return _&&window.addEventListener("wheel",e),function(){window.removeEventListener("wheel",e)}}),[_]);var v=function(e){e.stopPropagation(),x(!_)}

1,C=Object(c.jsx)(h.D,{targetRef:O,placement:"bottom-end",isOpen:_,onClickOutside:function(){x(!1)},onClick:v,children:Object(c.jsx)(i.D_ContextMenu,{children:s.map((function(e){return Object(c.jsx)(i.D_ContextMenuItem,{option:{text:e.text,value:e.value},onClick:function(){return u(e.value)}},e.value)}))})});return Object(c.jsx)(c.Fragment,{children:Object(c.jsxs)(h.E,{children:[Object(c.jsxs)(mt,{children:[Object(c.jsx)($,{authorThumbnailSrc:t.authorImageSrc,author:t.author,authorTextColor:n,platformTier:o,isChannelActionProduct:r,publishedAt:a,contentType:d}),Object(c.jsx)("div",{ref:O,children:Object(c.jsx)(i.D_IconButton,{baseSize:"medium",baseColorKey:"ui_cpnt_button_fill_base_transparent",iconFillType:"fill",iconSize:24,iconName:"ic_more",iconColorKey:"ui_cpnt_icon_sys_grey_02",onClick:v})})]}),C]})})};var gt=o.default.div.withConfig({displayName:"S_ListTypeContentWrapper",componentId:"sc-1hpxfgm-0"})(["border-radius:",";display:flex;height:auto;overflow:hidden;position:relative;text-align:left;width:100%;",";"],(function(e){return e.theme.spacing.spacingD}),(function(e){return e.isPostsViewStyle&&"cursor: pointer;"})),_t=o.default.div.withConfig({displayName:"S_ContentWrapper",componentId:"sc-1hpxfgm-1"})(["background-color:",";padding:",";width:100%;",";"],(function(e){return e.theme.ui_cpnt_sheet_base}),(function(e){return e.theme.spacing.spacingE}),(function(e){var t=e.templateType;return t&&("COL_3_WITH_TAB"===t||"BASIC"===t)&&"min-width: 320px;"})),xt=o.default.div.withConfig({displayName:"S_LabelandPostMenuWrapper",componentId:"sc-1hpxfgm-2"})(["margin-top:auto;"]),Ot=o.default.div.withConfig({displayName:"S_MediaContentWrapper",componentId:"sc-1hpxfgm-3"})(["border-bottom:1px solid ",";border-bottom-right-radius:",";border-right:1px solid ",";border-top:1px solid ",";border-top-right-radius:",";min-height:400px;"],(function(e){return e.theme.ui_cpnt_sheet_base}),(function(e){return e.theme.spacing.spacingD}),(function(e){return e.theme.ui_cpnt_sheet_base}),(function(e){return e.theme.ui_cpnt_sheet_base}),(function(e){return e.theme.spacing.spacingD})),vt=function(e){var t=e.post,n=e.hasComment,o=e.reactionDisplayType,r=e.isReactionNumberShow,a=e.isPostsViewStyle,s=e.isBlockedUser,d=e.authorInfo,u=e.sortedLabels,p=e.contextMenu,h=e.contentType,b=e.onContextMenuItemClick,f=e.onContentClick,m=e.onLikeButtonClick,j=e.MediaContents,_=e.children,x=e.hasReadMoreButton,O=Object(l.m)().channelCode,v=Object(fe.a)().contentLayoutTemplateName,C=Object(g.useRef)(null),T=Object(g.useRef)(null),y=Object(g.useRef)(null),S=Object(g.useRef)(null),w=Object(g.useRef)(null),I=Object(g.useRef)(null),E=Object(g.useMemo)((function(){return t.labels.length>0}),[t.labels]);return Object(g.useEffect)((function(){!function(){if(y.current&&C.current&&S.current){var e=C.current.offsetHeight,t=S.current.scrollHeight,n=w.current?w.current.offsetHeight:0,i=I.current?I.current.offsetHeight:0;y.current.style.height="".concat(e+t+n+i+48,"px")}}()}),[x]),Object(c.jsxs)(gt,{isPostsViewStyle:a,children:[Object(c.jsx)(_t,{ref:T,templateType:v,children:Object(c.jsxs)(i.D_SectionSheet,{width:"100%",height:"auto",shapeType:"round",radius:"COL_3_WITH_TAB"!==v?16:void 0,overrideCSS:{padding:"0 0 0 0",display:"flex",flexDirection:"column",height:"100%"},children:[t.content&&Object(c.jsx)("div",{ref:C,children:Object(c.jsx)(jt,{authorInfo:d,authorTextColor:s?"sysTextSecondary":"sysTextPrimary",platformTier:t.platformTier,isChannelActionProduct:t.isCAP,publishedAt:t.publishedAt,contextMenu:p,contentType:h,onContextMenuItemClick:b})}),Object(c.jsx)("div",{ref:S,onClick:f,children:_}),Object(c.jsxs)(xt,{children:[E&&Object(c.jsxs)("div",{ref:w,children:[Object(c.jsx)(i.Spacing,{size:"spacing_e"}),Object(c.jsx)(U,{labels:u,contentType:h})]}),Object(c.jsx)("div",{ref:I,children:Object(c.jsx)(G,{post:t,isLiked:t.hasUserLiked,likeCount:t.totalPostLikes,isDisliked:t.hasUserDisliked,dislikeCount:t.totalPostDislikes,reactionDisplayType:o,isReactionNumberShow:r,hasComment:n,commentCount:t.totalComments,id:t.id,onClickLikeButton:m,channelCode:O,handleClickComment:f})})]})]})}),j&&Object(c.jsx)(Ot,{ref:y,onClick:f,children:j})]})};

1var Ct=function(e){var t,n,o,r,a=e.post,p=e.hasComment,h=e.isPreview,b=e.isFoldable,f=void 0===b||b,m=e.reactionDisplayType,_=e.isReactionNumberShow,x=e.isPostsViewStyle,O=e.isMyPost,v=e.isBlockedUser,C=e.isHiddenPost,T=e.contentType,S=void 0===T?"BASIC":T,w=e.onClickMyContentPopUp,I=e.onClickUgcContentPopUp,E=e.onClickContent,k=e.onPurchaseCallback,z=Object(s.a)("translation").t,U=Object(d.c)(),F=Object(l.k)(),H=Object(l.m)(),W=H.pAppCode,V=H.channelCode,G=H.postId,K=Object(d.d)(A.c),q=Object(d.d)(A.d),X=null===q||void 0===q?void 0:q.channelProfile,Y=Object(d.d)(L.c),J=Object(g.useState)(!1),Q=Object(j.a)(J,2),Z=Q[0],$=Q[1],ee=Object(g.useState)(!1),te=Object(j.a)(ee,2),ne=te[0],ie=te[1],oe=Object(N.e)().userEntrywayForUse,ce=y.b.isGuest(),ae=Object(y.l)(M.a,{channelCode:V,pAppCode:W,postId:String(a.id)});function de(e){var t=e.slice(-5);return"***".concat(t)}var ue=Object(g.useMemo)((function(){return null===a||void 0===a?void 0:a.labels.slice().sort((function(e,t){return t.id-e.id}))}),[null===a||void 0===a?void 0:a.labels]),pe=Object(g.useMemo)((function(){var e=(null===X||void 0===X?void 0:X.id)===a.profileId,t=null===Y||void 0===Y?void 0:Y.some((function(e){return e.id===a.profileId}));if(e)return{authorImageSrc:X.imageSrc,author:X.nickname};if(t){var n=null===Y||void 0===Y?void 0:Y.find((function(e){return e.id===a.profileId}));return{authorImageSrc:(null===n||void 0===n?void 0:n.imageSrc)||"",author:(null===n||void 0===n?void 0:n.nickname)||""}}return v?{authorImageSrc:R.A,author:de(a.profileDistinctId)}:{authorImageSrc:a.authorThumbnailSrc,author:a.author}}),[a,q,Y,C,v]),he=Object(g.useMemo)((function(){var e=[{text:z("str_report"),value:B.e.REPORT},{text:z("str_hide_post"),value:B.e.HIDE},{text:z("str_block_user"),value:B.e.BLOCK}];return C&&(e=[{text:z("str_report"),value:B.e.REPORT},{text:z("str_unhide"),value:B.e.UNHIDE},{text:z("str_block_user"),value:B.e.BLOCK}]),v&&(e=[{text:z("str_report"),value:B.e.REPORT},{text:z("str_unblock_user"),value:B.e.UNBLOCK}]),O&&(e=[{text:z("str_edit"),value:B.b.EDIT},{text:z("str_delete"),value:B.b.DELETE}]),ce&&(e=[{text:z("str_report"),value:B.e.REPORT}]),e}),[O,v,C]),fe=function(e){null!==K&&void 0!==K&&K.id&&U(Object(u.t)({pAppCode:W,channelId:K.id,postId:e,isLiked:!a.hasUserLiked}))},me=function(e){e.stopPropagation(),$(!0)},je=function(e){var t;O?w({type:e,id:a.id}):I({type:e,id:a.id,content:null!==(t=a.content)&&void 0!==t?t:"",distinctId:a.profileDistinctId,nickname:a.author})},ge=!(a.isCAP&&a.isLocked)&&!C&&!v,_e=Object(g.useMemo)((function(){var e=Object(c.jsx)(c.Fragment,{children:a.content&&Object(c.jsxs)(c.Fragment,{children:["LIST"===S?Object(c.jsx)(i.Spacing,{size:"spacing_e"}):Object(c.jsx)(i.Spacing,{size:"spacing_d"}),Object(c.jsx)(Ge,{content:a.content,isFoldable:f,hasReadMoreButton:ne,setHasReadMoreButton:ie})]})});return a.isCAP&&a.isLocked&&(e=Object(c.jsx)(be,{isPreview:!!h,onClickContent:oe((function(){return E?E(a.id):null}),"GUEST_OPEN_WHEN_PUBLIC_OPEN"),onClickLockedButton:oe(me),contentType:S})),C&&(e=Object(c.jsx)(le,{hasRightPadding:"BASIC"===S,onClick:oe((function(){return E?E(a.id):null}),"GUEST_OPEN_WHEN_PUBLIC_OPEN"),contentType:S})),v&&(e=Object(c.jsx)(se,{hasRightPadding:"BASIC"===S,onClick:oe((function(){return E?E(a.id):null}),"GUEST_OPEN_WHEN_PUBLIC_OPEN"),contentType:S})),e}),[a,f,S,h,C,v,E,me]),xe={BASIC:Object(c.jsx)(re,{post:a,isPostsViewStyle:!!x,isBlockedUser:v,contentType:S,hasComment:p,reactionDisplayType:m,isReactionNumberShow:_,authorInfo:pe,sortedLabels:ue,contextMenu:he,onContentClick:oe((function(){return E?E(a.id):null}),"GUEST_OPEN_WHEN_PUBLIC_OPEN"),onContextMenuItemClick:je,onLikeButtonClick:oe((function(){return fe(a.id)})),MediaContents:ge&&(null===(t=a.storyResource)||void 0===t?void 0:t.type)!==D.d.PLAIN&&a.storyResource&&Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(i.Spacing,{size:"spacing_d"}),Object(c.jsx)(ze,{resource:a.storyResource,isPreview:h,contentType:S})]}),children:_e}),INTERACTIVE_RIGHT:Object(c.jsx)(ot,{post:a,hasComment:p,isBlockedUser:v,contentType:S,reactionDisplayType:m,isReactionNumberShow:_,authorInfo:pe,sortedLabels:ue,contextMenu:he,onContentClick:oe((function(){return E?E(a.id):null}),"GUEST_OPEN_WHEN_PUBLIC_OPEN"),onContextMenuItemClick:je,onLikeButtonClick:oe((function(){return fe(a.id)})),MediaContents:ge&&(null===(n=a.storyResource)||void 0===n?void 0:n.type)!==D.d.PLAIN&&a.storyResource&&Object(c.jsx)(ze,{resource:a.storyResource,isPreview:h,c

1ontentType:S,imageBorderMode:"none",videoBorderMode:"none",youtubeThumbnailBorderMode:"none"}),children:_e}),INTERACTIVE:Object(c.jsx)(ft,{post:a,hasComment:p,isBlockedUser:v,contentType:S,reactionDisplayType:m,isReactionNumberShow:_,authorInfo:pe,sortedLabels:ue,contextMenu:he,onContentClick:oe((function(){return E?E(a.id):null}),"GUEST_OPEN_WHEN_PUBLIC_OPEN"),onContextMenuItemClick:je,onLikeButtonClick:oe((function(){return fe(a.id)})),MediaContents:ge&&(null===(o=a.storyResource)||void 0===o?void 0:o.type)!==D.d.PLAIN&&a.storyResource&&Object(c.jsx)(ze,{resource:a.storyResource,isPreview:h,contentType:S,imageBorderMode:"none",videoBorderMode:"none",youtubeThumbnailBorderMode:"none"}),children:_e}),LIST:Object(c.jsx)(vt,{post:a,hasComment:p,isBlockedUser:v,contentType:S,reactionDisplayType:m,isReactionNumberShow:_,isPostsViewStyle:x,authorInfo:pe,sortedLabels:ue,contextMenu:he,onContentClick:oe((function(){return E?E(a.id):null}),"GUEST_OPEN_WHEN_PUBLIC_OPEN"),onContextMenuItemClick:je,onLikeButtonClick:oe((function(){return fe(a.id)})),MediaContents:ge&&(null===(r=a.storyResource)||void 0===r?void 0:r.type)!==D.d.PLAIN&&a.storyResource&&Object(c.jsx)(ze,{resource:a.storyResource,isPreview:h,contentType:S,imageBorderMode:"none",videoBorderMode:"none",youtubeThumbnailBorderMode:"none"}),hasReadMoreButton:ne,children:_e})};return Object(c.jsxs)(c.Fragment,{children:[xe[S],Z&&Object(c.jsx)(P.a,{pAppCode:W,targetModel:"POST",targetId:a.id,redirectUrl:ae,onSuccessNavigate:function(){G?F.replace(ae):F.push(ae)},onClose:function(){k&&k(),$(!1)}})]})};var Tt=o.default.div.withConfig({displayName:"S_PreviewCard",componentId:"sc-kqyu13-0"})(["background-color:",";background-image:",";background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid ",";border-radius:24px;box-sizing:border-box;margin-bottom:24px;overflow:hidden;padding-top:",";position:relative;"],(function(e){var t=e.image,n=e.theme;return t?"none":n.ui_temp_black}),(function(e){var t=e.image;return"url(".concat(t,")")}),(function(e){return e.theme.ui_profile_image_border}),(function(e){var t=e.imageType;return"".concat("rectangle"===t?56.25:100,"%")})),yt=function(e){var t=e.src,n=e.handleDelete,i=e.id,o=e.hasCancelButton,r=void 0!==o&&o,s=e.imageType;return Object(c.jsx)(Tt,{image:t,imageType:s,children:r&&n&&Object(c.jsx)(a,{id:i,onDelete:n})})},St=n(7),wt=n(17),It=n(118);var Et=Object(o.css)(["height:48px;padding:0 ",";"],(function(e){return e.theme.spacing.spacingE})),kt=Object(o.css)(["height:40px;padding:0 ",";"],(function(e){return e.theme.spacing.spacingD})),Rt=Object(o.css)(["height:32px;padding:0 ",";"],(function(e){return e.theme.spacing.spacingD})),Nt=o.default.li.withConfig({displayName:"S_ContextMenuItem",componentId:"sc-31byi1-0"})(["align-items:center;background-color:",";cursor:pointer;display:flex;",";&:hover{background-color:",";}",";"],(function(e){var t=e.theme;return e.selected?t.ui_cpnt_contextmenu_menu_base_selected:t.ui_cpnt_contextmenu_menu_base_normal}),(function(e){var t=e.size;return t&&{large:Et,medium:kt,small:Rt}[t]}),(function(e){return e.theme.ui_cpnt_contextmenu_menu_base_hover}),(function(e){return e.disabled&&{cursor:"not-allowed"}})),At=function(e){var t,n=e.option,i=e.size,o=void 0===i?"small":i,r=e.isSelected,a=void 0!==r&&r,s=e.state,d=void 0===s?"normal":s,l=e.onClick;return a&&(t="sysTextPrimary"),a||"normal"!==d||(t="sysTextSecondary"),"disabled"===d&&(t="sysTextTertiary"),Object(c.jsx)(Nt,{size:o,onClick:function(){"disabled"!==d&&l&&n&&l(n)},selected:a,disabled:"disabled"===d,children:Object(c.jsx)(It.TextLabel,{text:null===n||void 0===n?void 0:n.text,styleTheme:"form2Regular",singleLineMode:"use",colorTheme:t})})},Lt=Object(g.createContext)({});var Dt=o.default.div.withConfig({displayName:"S_Popup",componentId:"sc-1o6u39z-0"})(["position:fixed;z-index:1000;"]);function Bt(e){var t=e.children,n=Object(g.useRef)();return Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(Lt.Provider,{value:n,children:t}),Object(c.jsx)("div",{ref:n})]})}var Mt=function(e){var t=e.targetRef,n=e.isOpen,i=void 0!==n&&n,o=e.onClickOutside,r=e.onClick,a=e.children,s=Object(g.useContext)(Lt),d=Object(g.useRef)(null);if(Object(g.useEffect)((function(){function e(e){s.current&&!s.current.contains(e.target)&&i&&o&&(e.stopPropagation(),o())}return window.document.addEventListener("click",e),function(){window.document.removeEventListener("click",e)}}),[s,o]),Object(g.useEffect)((function(){window.requestAnimationFrame((function(){var e;if(t.current&&d.current){var n=null===(e=document.getElementById("DesktopBasicModal"))||void 0===e?void 0:e.children[1],i=t.current,o=d.current;if(n){var c=n.getBoundingClientRect(),r=i.getBoundingClientRect();o.style.top="".concat(r.top-c.top,"px"),o.style.width="".concat(i.offsetWidth,"px")}

1}}))}),[i,t,d]),!s||!s.current||!i)return Object(c.jsx)(c.Fragment,{});var l=Object(c.jsx)(Dt,{ref:d,onClick:function(e){r&&r(e)},children:"function"===typeof a?a():a});return Object(me.createPortal)(l,s.current)};var Pt=o.default.div.withConfig({displayName:"S_TextLabel",componentId:"sc-18xaxpj-0"})(["flex:1;padding-left:",";padding-right:",";"],(function(e){return e.theme.spacing.spacingD}),(function(e){return e.theme.spacing.spacingB})),zt=Object(o.css)(["height:48px;width:",";"],(function(e){return"use"===e.responsiveMode?"100%":"432px"})),Ut=Object(o.css)(["height:32px;width:",";"],(function(e){return"use"===e.responsiveMode?"100%":"188px"})),Ft=Object(o.css)(["",";"],(function(e){var t=e.state,n=e.theme;switch(t){case"disabled":case"read_only":return n.ui_cpnt_dropdown_border_disabled;case"normal":return n.ui_cpnt_dropdown_border_normal}})),Ht=Object(o.css)(["",";"],(function(e){var t=e.state,n=e.theme;switch(t){case"disabled":case"read_only":return n.ui_cpnt_dropdown_border_darktheme_disabled;case"normal":return n.ui_cpnt_dropdown_border_darktheme_normal}})),Wt=o.default.div.withConfig({displayName:"S_Dropdown",componentId:"sc-18xaxpj-1"})(["display:inline-block;outline:none;position:relative;",";"],(function(e){var t=e.size;return t&&{large:zt,small:Ut}[t]})),Vt=o.default.div.withConfig({displayName:"S_Select",componentId:"sc-18xaxpj-2"})(["align-items:center;background-color:",";border:2px solid ",";border-radius:14px;box-sizing:border-box;color:",";cursor:",";display:flex;justify-content:space-between;",";"],(function(e){var t=e.state,n=e.colorTheme,i=e.theme;switch(t){case"disabled":case"read_only":return"none"===n?i.ui_cpnt_dropdown_base_disabled:i.ui_cpnt_dropdown_base_darktheme_disabled;case"normal":return"none"===n?i.ui_cpnt_dropdown_base_normal:i.ui_cpnt_dropdown_base_darktheme_normal}}),(function(e){var t=e.theme,n=e.isFocused;switch(e.colorTheme){case"none":return n?t.ui_cpnt_dropdown_border_focus:Ft;case"dark":return n?t.ui_cpnt_dropdown_border_darktheme_focus:Ht}}),(function(e){return e.theme.ui_cpnt_dropdown_text_hint}),(function(e){switch(e.state){case"disabled":return"not-allowed";case"read_only":return"auto";case"normal":return"pointer"}}),(function(e){var t=e.size;return t&&{large:zt,small:Ut}[t]})),Gt=o.default.div.withConfig({displayName:"S_ContextMenuWrapper",componentId:"sc-18xaxpj-3"})(["display:block;margin-top:",";position:absolute;width:inherit;"],(function(e){return e.theme.spacing.spacingB})),Kt=function(e){var t=e.colorTheme,n=void 0===t?"none":t,o=e.defaultValue,r=e.hintText,a=e.maxHeightItemNumber,s=void 0===a?5:a,d=e.responsiveMode,l=void 0===d?"none":d,u=(e.selectionMode,e.size),p=void 0===u?"large":u,h=e.state,b=void 0===h?"normal":h,f=e.valueArray,m=e.onChange,_=Object(g.useState)(!1),x=Object(j.a)(_,2),O=x[0],v=x[1],C=Object(g.useState)(o),T=Object(j.a)(C,2),y=T[0],S=T[1];Object(g.useEffect)((function(){o&&S(o)}),[o]);var w=function(e){S(e),v(!1),m&&m(e)},I=Object(g.useMemo)((function(){if("small"===p){return 32*s}return 48*s}),[p,s]),E=Object(g.useRef)();return Object(c.jsxs)(Wt,{className:"container",size:p,tabIndex:0,onBlur:function(){O&&v(!1)},responsiveMode:l,children:[Object(c.jsxs)(Vt,{size:p,onClick:function(){"disabled"!==b&&"read_only"!==b&&v(!O)},isFocused:O,state:b,colorTheme:n,responsiveMode:l,children:[Object(c.jsx)(Pt,{children:Object(c.jsx)(It.TextLabel,{text:(null===y||void 0===y?void 0:y.text)||r,styleTheme:"form2Regular",singleLineMode:"use",colorTheme:function(){if("none"===n)return O||"normal"===b?"sysTextPrimary":"read_only"===b||"disabled"===b?"sysTextTertiary":"sysTextPrimary"}(),colorOverride:function(){if("dark"===n)return O?"ui_cpnt_dropdown_text_darktheme_enabled":"normal"===b?"ui_cpnt_dropdown_text_darktheme_hint":"read_only"===b?"ui_cpnt_dropdown_text_darktheme_readonly":"disabled"===b?"ui_cpnt_dropdown_text_darktheme_disabled":"ui_cpnt_dropdown_text_darktheme_enabled"}()})}),Object(c.jsx)(i.Icon,{size:16,fillType:"line",iconName:O?"ic_arrow_up":"ic_arrow_down",colorKey:"dark"===n?"disabled"===b?"ui_cpnt_dropdown_text_darktheme_disabled":"ui_cpnt_dropdown_icon_darktheme_default":"disabled"===b?"ui_cpnt_dropdown_icon_02":"ui_cpnt_dropdown_icon_01"}),Object(c.jsx)(i.Spacing,{size:"spacing_d",spacingType:"width"})]}),Object(c.jsx)(i.Spacing,{size:"spacing_b"}),Object(c.jsx)(Gt,{ref:E}

1),Object(c.jsx)(Bt,{children:Object(c.jsx)(Mt,{targetRef:E,isOpen:O,children:Object(c.jsx)(It.ContextMenu,{autoWidthMode:"use",maxHeight:I,children:f.map((function(e){return Object(c.jsx)(At,{option:e,size:p,isSelected:e.value===(null===y||void 0===y?void 0:y.value),onClick:w,state:e.state},e.value)}))})})})]})};var qt=o.default.div.withConfig({displayName:"S_LabelSection",componentId:"sc-5ufx97-0"})(["margin-bottom:",";margin-left:",";margin-right:",";position:relative;"],(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),Xt=o.default.div.withConfig({displayName:"S_LabelDropdownWrapper",componentId:"sc-5ufx97-1"})(["margin-bottom:",";"],(function(e){return e.theme.spacing.spacingD})),Yt=o.default.div.withConfig({displayName:"S_ChipWrapper",componentId:"sc-5ufx97-2"})(["display:inline-block;margin-bottom:",";margin-right:",";"],(function(e){return e.theme.spacing.spacingB}),(function(e){return e.theme.spacing.spacingB})),Jt=function(e){var t=e.isRequired,n=e.onCh

1ange,o=e.defaultValues,r=Object(s.a)("translation").t,a=Object(d.d)(F.i),l=Object(g.useState)([]),u=Object(j.a)(l,2),p=u[0],h=u[1],b=Object(g.useState)([]),f=Object(j.a)(b,2),m=f[0],_=f[1];return Object(g.useEffect)((function(){if(a){var e=Object(wt.a)(a);o&&o.forEach((function(t){var n=e.findIndex((function(e){return e.id===t.id}));if(-1!==n){var i=Object(St.a)(Object(St.a)({},e[n]),{},{selected:!0});e[n]=i}})),_(e.filter((function(e){return e.selected}))),h(e)}}),[a,o]),Object(g.useEffect)((function(){n(m)}),[m]),Object(c.jsxs)(qt,{children:[Object(c.jsxs)(Xt,{children:[Object(c.jsx)(Kt,{hintText:r("str_2636"),valueArray:function(e){return e.map((function(e){return{text:e.name,value:e.id}}))}(p.filter((function(e){return!0!==e.selected}))),selectionMode:"multi",responsiveMode:"use",onChange:function(e){var t=p.findIndex((function(t){return t.id===e.value}));if(-1!==t){var n=Object(St.a)({},p[t]);n.selected=!0;var i=Object(wt.a)(p);i[t]=n;var o=[].concat(Object(wt.a)(m),[n]).sort((function(e,t){return t.id-e.id}));h(i),_(o)}}}),t&&m.length<=0&&Object(c.jsxs)(c.Fragment,{children:[Object(c.jsx)(i.Spacing,{size:"spacing_b"}),Object(c.jsx)(i.D_TextLabel,{text:r("str_5836"),styleTheme:"caption1Regular"})]})]}),m.map((function(e){return Object(c.jsx)(Yt,{children:Object(c.jsx)(i.D_Chip,{text:e.name,displayType:"removable",onClickXMarkIcon:function(){!function(e){var t=p.findIndex((function(t){return t.id===e}));if(-1!==t){var n=Object(St.a)({},p[t]);n.selected=!1;var i=Object(wt.a)(p);i[t]=n,h(i),_(m.filter((function(t){return t.id!==e})))}}(e.id)}})},e.id)}))]})};function Qt(e){var t=e.TopSection,n=e.Sidebar,i=e.RightSidebar,o=e.children;return Object(c.jsxs)(Zt,{children:[Object(c.jsx)($t,{children:t}),Object(c.jsxs)(en,{children:[Object(c.jsx)(tn,{children:n}),Object(c.jsx)(nn,{children:o}),Object(c.jsx)(on,{children:i})]})]})}var Zt=o.default.div.withConfig({displayName:"S_LayoutContainer",componentId:"sc-1yhvs2u-0"})(["height:100vh;width:100%;"]),$t=o.default.div.withConfig({displayName:"S_TopSection",componentId:"sc-1yhvs2u-1"})(["width:100%;"]),en=o.default.div.withConfig({displayName:"S_MainSection",componentId:"sc-1yhvs2u-2"})(["display:flex;"]),tn=o.default.div.withConfig({displayName:"S_Sidebar",componentId:"sc-1yhvs2u-3"})(["height:calc( 100vh - ("," + ",") );min-width:288px;overflow-y:scroll;overscroll-behavior:contain;padding-left:",";position:sticky;top:",";width:288px;"],(function(e){return e.theme.spacing.spacingH}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),nn=o.default.div.withConfig({displayName:"S_Main",componentId:"sc-1yhvs2u-4"})(["min-width:528px;overflow:hidden;padding:0 ",";width:100%;"],(function(e){return e.theme.spacing.spacingE})),on=o.default.div.withConfig({displayName:"S_RightSidebar",componentId:"sc-1yhvs2u-5"})(["height:calc( 100vh - ("," + ",") );min-width:288px;overflow-y:scroll;overscroll-behavior:contain;padding-right:",";position:sticky;top:",";width:288px;"],(function(e){return e.theme.spacing.spacingH}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE}));function cn(e){var t=e.TopSection,n=e.Tabbar,i=e.Sidebar,o=e.RightSidebar,r=e.children,a=Object(g.useState)(0),s=Object(j.a)(a,2),d=s[0],l=s[1],u=Object(g.useCallback)((function(e){null!==e&&l(e.getBoundingClientRect().height)}),[]);return Object(c.jsxs)(rn,{children:[Object(c.jsx)(an,{children:t}),Object(c.jsxs)("div",{children:[Object(c.jsx)(sn,{ref:u,children:n}),Object(c.jsxs)(dn,{children:[Object(c.jsx)(ln,{top:d,children:i}),Object(c.jsx)(pn,{children:r}),Object(c.jsx)(un,{top:d,children:o})]})]})]})}var rn=o.default.div.withConfig({displayName:"S_LayoutContainer",componentId:"sc-y80zl6-0"})(["height:100vh;width:100%;"]),an=o.default.div.withConfig({displayName:"S_TopSection",componentId:"sc-y80zl6-1"})(["width:100%;"]),sn=o.default.div.withConfig({displayName:"S_Tabbar",componentId:"sc-y80zl6-2"})(["padding:0 ",";position:sticky;top:0;width:100%;z-index:80;"],(function(e){return e.theme.spacing.spacingE})),dn=o.default.div.withConfig({displayName:"S_MainSection",componentId:"sc-y80zl6-3"})(["display:flex;"]),ln=o.default.div.withConfig({displayName:"S_Sidebar",componentId:"sc-y80zl6-4"})(["height:",";margin-top:8px;min-width:288px;overflow-y:scroll;overscroll-behavior:contain;padding-left:",";position:sticky;top:",";width:288px;"],(function(e){var t=e.theme,n=e.top;return"calc(100vh - (".concat(t.spacing.spacingH," + ").concat(n,"px + 8px))")}),(function(e){return e.theme.spacing.spacingE}),(function(e){var t=e.top;return"".concat(t,"px")})),un=o.default.div.withConfig({displayName:"S_RightSidebar",componentId:"sc-y80zl6-5"}

1)(["height:",";min-width:288px;overflow-y:scroll;overscroll-behavior:contain;padding-right:",";position:sticky;top:",";width:288px;"],(function(e){var t=e.theme,n=e.top;return"calc(100vh - (".concat(t.spacing.spacingH," + ").concat(n,"px + 8px))")}),(function(e){return e.theme.spacing.spacingE}),(function(e){var t=e.top;return"".concat(t,"px")})),pn=o.default.div.withConfig({displayName:"S_Main",componentId:"sc-y80zl6-6"})(["min-width:528px;overflow:hidden;padding:0 ",";width:100%;"],(function(e){return e.theme.spacing.spacingE}));function hn(e){var t=e.TopSection,n=e.RightSidebar,i=e.children;return Object(c.jsxs)(bn,{children:[Object(c.jsx)(fn,{children:t}),Object(c.jsxs)(mn,{children:[Object(c.jsx)(gn,{children:i}),Object(c.jsx)(jn,{children:n})]})]})}var bn=o.default.div.withConfig({displayName:"S_LayoutContainer",componentId:"sc-3jfzz3-0"})(["height:100vh;width:100%;"]),fn=o.default.div.withConfig({displayName:"S_TopSection",componentId:"sc-3jfzz3-1"})(["width:100%;"]),mn=o.default.div.withConfig({displayName:"S_MainSection",componentId:"sc-3jfzz3-2"})(["display:flex;"]),jn=o.default.div.withConfig({displayName:"S_RightSidebar",componentId:"sc-3jfzz3-3"})(["height:calc( 100vh - ("," + ",") );min-width:288px;overflow-y:scroll;overscroll-behavior:contain;padding-right:",";position:sticky;top:",";width:288px;"],(function(e){return e.theme.spacing.spacingH}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),gn=o.default.div.withConfig({displayName:"S_Main",componentId:"sc-3jfzz3-4"})(["min-width:528px;padding:0 ",";padding-right:",";width:100%;"],(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingG}));function _n(e){var t=e.TopSection,n=e.Tabbar,i=e.RightSidebar,o=e.children,r=Object(g.useState)(0),a=Object(j.a)(r,2),s=a[0],d=a[1],l=Object(g.useCallback)((function(e){null!==e&&d(e.getBoundingClientRect().height)}),[]);return Object(c.jsxs)(xn,{children:[Object(c.jsx)(On,{children:t}),Object(c.jsx)(vn,{ref:l,children:n}),Object(c.jsxs)(Cn,{children:[Object(c.jsx)(yn,{children:o}),Object(c.jsx)(Tn,{top:s,children:i})]})]})}var xn=o.default.div.withConfig({displayName:"S_LayoutContainer",componentId:"sc-1e3lto-0"})(["width:100%;"]),On=o.default.div.withConfig({displayName:"S_TopSection",componentId:"sc-1e3lto-1"})(["width:100%;"]),vn=o.default.div.withConfig({displayName:"S_Tabbar",componentId:"sc-1e3lto-2"})(["padding:0 ",";position:sticky;top:0;width:100%;z-index:80;"],(function(e){return e.theme.spacing.spacingE})),Cn=o.default.div.withConfig({displayName:"S_MainSection",componentId:"sc-1e3lto-3"})(["display:flex;"]),Tn=o.default.div.withConfig({displayName:"S_RightSidebar",componentId:"sc-1e3lto-4"})(["height:",";min-width:288px;overflow-y:scroll;overscroll-behavior:contain;padding-right:",";position:sticky;top:",";width:288px;"],(function(e){var t=e.theme,n=e.top;return"calc(100vh - (".concat(t.spacing.spacingH," + ").concat(n,"px))")}),(function(e){return e.theme.spacing.spacingE}),(function(e){var t=e.top;return"".concat(t,"px")})),yn=o.default.div.withConfig({displayName:"S_Main",componentId:"sc-1e3lto-5"})(["min-width:528px;padding:0 ",";padding-right:",";width:100%;"],(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingG}));function Sn(e){var t=e.TopSection,n=e.Sidebar,i=e.children;return Object(c.jsxs)(wn,{children:[Object(c.jsx)(In,{children:t}),Object(c.jsxs)(En,{children:[Object(c.jsx)(kn,{children:n}),Object(c.jsx)(Rn,{children:i})]})]})}var wn=o.default.div.withConfig({displayName:"S_LayoutContainer",componentId:"sc-116eupq-0"}

1)(["height:100vh;width:100%;"]),In=o.default.div.withConfig({displayName:"S_TopSection",componentId:"sc-116eupq-1"})(["width:100%;"]),En=o.default.div.withConfig({displayName:"S_MainSection",componentId:"sc-116eupq-2"})(["display:flex;"]),kn=o.default.div.withConfig({displayName:"S_Sidebar",componentId:"sc-116eupq-3"})(["height:calc( 100vh - ("," + ",") );min-width:288px;overflow-y:scroll;overscroll-behavior:contain;padding-left:",";position:sticky;top:",";width:288px;"],(function(e){return e.theme.spacing.spacingH}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE}),(function(e){return e.theme.spacing.spacingE})),Rn=o.default.div.withConfig({displayName:"S_Main",componentId:"sc-116eupq-4"})(["min-width:528px;padding:0 ",";width:100%;"],(function(e){return e.theme.spacing.spacingE}));function Nn(e){var t=e.TopSection,n=e.Tabbar,i=e.Sidebar,o=e.children,r=Object(g.useState)(0),a=Object(j.a)(r,2),s=a[0],d=a[1],l=Object(g.useCallback)((function(e){null!==e&&d(e.getBoundingClientRect().height)}),[]);return Object(c.jsxs)(An,{children:[Object(c.jsx)(Ln,{children:t}),Object(c.jsx)(Dn,{ref:l,children:n}),Object(c.jsxs)(Bn,{children:[Object(c.jsx)(Mn,{top:s,children:i}),Object(c.jsx)(Pn,{children:o})]})]})}var An=o.default.div.withConfig({displayName:"S_LayoutContainer",componentId:"sc-8qyt7t-0"})(["width:100%;"]),Ln=o.default.div.withConfig({displayName:"S_TopSection",componentId:"sc-8qyt7t-1"})(["width:100%;"]),Dn=o.default.div.withConfig({displayName:"S_Tabbar",componentId:"sc-8qyt7t-2"})(["padding:0 ",";position:sticky;top:0;width:100%;z-index:80;"],(function(e){return e.theme.spacing.spacingE})),Bn=o.default.div.withConfig({displayName:"S_MainSection",componentId:"sc-8qyt7t-3"})(["display:flex;"]),Mn=o.default.div.withConfig({displayName:"S_Sidebar",componentId:"sc-8qyt7t-4"})(["height:",";min-width:288px;overflow-y:scroll;overscroll-behavior:contain;padding-left:",";position:sticky;top:",";width:288px;"],(function(e){var t=e.theme,n=e.top;return"calc(100vh - (".concat(t.spacing.spacingH," + ").concat(n,"px))")}),(function(e){return e.theme.spacing.spacingE}),(function(e){var t=e.top;return"".concat(t,"px")})),Pn=o.default.div.withConfig({displayName:"S_Main",componentId:"sc-8qyt7t-5"})(["min-width:528px;padding:0 ",";width:100%;"],(function(e){return e.theme.spacing.spacingE}));var zn=function(e){var t=e.type,n=void 0===t?"BASIC":t,o=e.OperatorPanel,r=e.Tabbar,a=e.Labels,s=e.CreatePostButton,d=e.Banner1,l=e.Banner2,u=e.children;return"LEFT_SIDED"===n?Object(c.jsx)(hn,{TopSection:Object(c.jsxs)(c.Fragment,{children:[o,o&&Object(c.jsx)(i.Spacing,{size:"spacing_h"})]}),RightSidebar:Object(c.jsxs)(c.Fragment,{children:[r,r&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),s,s&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),a,a&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),d,d&&Object(c.jsx)(i.Spacing,{size:"spacing_d"}),l]}),children:u}):"RIGHT_SIDED"===n?Object(c.jsx)(Sn,{TopSection:Object(c.jsxs)(c.Fragment,{children:[o,o&&Object(c.jsx)(i.Spacing,{size:"spacing_h"})]}),Sidebar:Object(c.jsxs)(c.Fragment,{children:[r,r&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),s,s&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),a,a&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),d,d&&Object(c.jsx)(i.Spacing,{size:"spacing_d"}),l]}),children:u}

1):"COL_3_WITH_TAB"===n?Object(c.jsx)(cn,{TopSection:Object(c.jsxs)(c.Fragment,{children:[o,o&&Object(c.jsx)(i.Spacing,{size:"spacing_h"})]}),Tabbar:Object(c.jsxs)(c.Fragment,{children:[r,r&&Object(c.jsx)(i.Spacing,{size:"spacing_g"})]}),Sidebar:Object(c.jsxs)(c.Fragment,{children:[s,s&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),a,a&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),d,d&&Object(c.jsx)(i.Spacing,{size:"spacing_d"})]}),RightSidebar:Object(c.jsx)(c.Fragment,{children:l}),children:u}):"LEFT_SIDED_WITH_TAB"===n?Object(c.jsx)(_n,{TopSection:Object(c.jsxs)(c.Fragment,{children:[o,o&&Object(c.jsx)(i.Spacing,{size:"spacing_h"})]}),Tabbar:Object(c.jsxs)(c.Fragment,{children:[r,r&&Object(c.jsx)(i.Spacing,{size:"spacing_g"})]}),RightSidebar:Object(c.jsxs)(c.Fragment,{children:[s,s&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),a,a&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),d,d&&Object(c.jsx)(i.Spacing,{size:"spacing_d"}),l]}),children:u}):"RIGHT_SIDED_WITH_TAB"===n?Object(c.jsx)(Nn,{TopSection:Object(c.jsxs)(c.Fragment,{children:[o,o&&Object(c.jsx)(i.Spacing,{size:"spacing_h"})]}),Tabbar:Object(c.jsxs)(c.Fragment,{children:[r,r&&Object(c.jsx)(i.Spacing,{size:"spacing_g"})]}),Sidebar:Object(c.jsxs)(c.Fragment,{children:[s,s&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),a,a&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),d,d&&Object(c.jsx)(i.Spacing,{size:"spacing_d"}),l]}),children:u}):Object(c.jsx)(Qt,{TopSection:Object(c.jsxs)(c.Fragment,{children:[o,o&&Object(c.jsx)(i.Spacing,{size:"spacing_h"})]}),Sidebar:Object(c.jsxs)(c.Fragment,{children:[r,r&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),s,s&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),a,a&&Object(c.jsx)(i.Spacing,{size:"spacing_f"}),d,d&&Object(c.jsx)(i.Spacing,{size:"spacing_d"})]}),RightSidebar:l,children:u})}},2767:function(e,t,n){"use strict";var i=n(9),o=n(147),c={BASIC:"BASIC",INTERACTIVE:"INTERACTIVE",INTERACTIVE_RIGHT:"INTERACTIVE_RIGHT",LIST:"LIST"},r={BASIC:"BASIC",LEFT_SIDED:"LEFT_SIDED",RIGHT_SIDED:"RIGHT_SIDED",COL_3_WITH_TAB:"COL_3_WITH_TAB",LEFT_SIDED_WITH_TAB:"LEFT_SIDED_WITH_TAB",RIGHT_SIDED_WITH_TAB:"RIGHT_SIDED_WITH_TAB"},a={BASIC:"BASIC",RECTANGLE:"RECTANGLE"},s={BASIC:"BASIC",CHIP:"CHIP"},d={SINGLE_RECOMMENDATION:"SINGLE_RECOMMENDATION",REPEATABLE_REACTION:"REPEATABLE_REACTION",NONE:"NONE"},l={SELLER_USER:"SELLER_USER",SELLER_ONLY:"SELLER_ONLY"};t.a=function(){var e,t,n,u,p,h,b,f,m=Object(i.d)(o.c),j=null===m||void 0===m?void 0:m.config,g=null===m||void 0===m?void 0:m.installedPAppResources,_=null===g||void 0===g?void 0:g.find((function(e){return"A00001_GENERAL_HERO"===e.uniqueKey})),x=null===g||void 0===g?void 0:g.find((function(e){return"A00001_IMAGE_LINK_001"===e.uniqueKey})),O=null===g||void 0===g?void 0:g.find((function(e){return"A00001_IMAGE_LINK_002"===e.uniqueKey}));return{sellerPostTemplateName:null!==(e=null===j||void 0===j?void 0:j.UX_COS_APPEARANCE_SELLER_POST_TEMPLATE_NAME)&&void 0!==e?e:c.BASIC,userPostTemplateName:null!==(t=null===j||void 0===j?void 0:j.UX_COS_APPEARANCE_USER_POST_TEMPLATE_NAME)&&void 0!==t?t:c.BASIC,operatorTemplateName:null!==(n=null===j||void 0===j?void 0:j.UX_COS_APPEARANCE_OPERATOR_TEMPLATE_NAME)&&void 0!==n?n:a.BASIC,contentLayoutTemplateName:null!==(u=null===j||void 0===j?void 0:j.UX_COS_APPEARANCE_CONTENT_LAYOUT_TEMPLATE_NAME)&&void 0!==u?u:r.BASIC,labelTemplateName:null!==(p=null===j||void 0===j?void 0:j.UX_COS_APPEARANCE_LABEL_TEMPLATE_NAME)&&void 0!==p?p:s.BASIC,postWritingType:null!==(h=null===j||void 0===j?void 0:j.UX_COS_USE_POST_WRITING_TYPE)&&void 0!==h?h:l.SELLER_USER,reactionType:null!==(b=null===j||void 0===j?void 0:j.UX_COS_USE_REACTION_TYPE)&&void 0!==b?b:d.REPEATABLE_REACTION,isLabelRequired:!0===(null===j||void 0===j?void 0:j.UX_COS_USE_USER_LABEL_REQUIRED),isCommentOrderDesc:!(null===j||void 0===j||!j.UX_COS_USE_COMMENT_ORDER_DESC),isCommentReactionShow:null!==(f=!(null===j||void 0===j||!j.UX_COS_USE_COMMENT_UPVOTE))&&void 0!==f&&f,isImageUploadAllowed:!1!==(null===j||void 0===j?void 0:j.UX_COS_USE_COMMENT_IMAGE),sellerTabName:null===j||void 0===j?void 0:j.UX_COS_OVERRIDE_SELLER_TAB_NAME_WITH_I18N_SUPPORT,subscriberTabName:null===j||void 0===j?void 0:j.UX_COS_OVERRIDE_SUBSCRIBER_TAB_NAME_WITH_I18N_SUPPORT,isTabSeparated:!(null===j||void 0===j||!j.UX_COS_USE_SELLER_SUBSCRIBER_TAB_SEPARATED_VIEW),isContentOperatorTabShow:!(null===j||void 0===j||!j.UX_COS_USE_CONTENT_OPERATOR_CREATOR_TAB),isReactionNumberShow:!(null===j||void 0===j||!j.UX_COS_USE_REACTION_NUMBER),resources:{hero:{use:!(null===j||void 0===j||!j.USE_RESOURCE_A00001_UW_TOP_1_UNIQUE_COVER_IMAGE_HERO_001),src:null===_||void 0===_?void 0:_.resourceSrc,title:null===_||void 0===_?void 0:_.title,de

1scription:null===_||void 0===_?void 0:_.description},banner1:{use:!(null===j||void 0===j||!j.USE_RESOURCE_A00001_UW_LEFT_SIDE_BAR_1_STACK_VERTICAL_IMAGE_BANNER_001),src:null===x||void 0===x?void 0:x.resourceSrc,linkSrc:null===x||void 0===x?void 0:x.conversionLinkSrc},banner2:{use:!(null===j||void 0===j||!j.USE_RESOURCE_A00001_UW_RIGHT_SIDE_BAR_1_STACK_VERTICAL_IMAGE_BANNER_002),src:null===O||void 0===O?void 0:O.resourceSrc,linkSrc:null===O||void 0===O?void 0:O.conversionLinkSrc}}}}},2771:function(e,t,n){"use strict";n.d(t,"b",(function(){return i})),n.d(t,"m",(function(){return o})),n.d(t,"k",(function(){return c})),n.d(t,"l",(function(){return r})),n.d(t,"e",(function(){return a})),n.d(t,"i",(function(){return s})),n.d(t,"a",(function(){return d})),n.d(t,"j",(function(){return l})),n.d(t,"o",(function(){return u})),n.d(t,"g",(function(){return p})),n.d(t,"c",(function(){return h})),n.d(t,"d",(function(){return b})),n.d(t,"f",(function(){return f})),n.d(t,"n",(function(){return m})),n.d(t,"h",(function(){return j}));var i=function(e){return e.A00001.creators},o=function(e){return e.A00001.posts},c=function(e){return e.A00001.post},r=function(e){return e.A00001.postPagination},a=function(e){return e.A00001.isCreated},s=function(e){return e.A00001.labels},d=function(e){return e.A00001.comments},l=function(e){return e.A00001.pinnedComments},u=function(e){return e.A00001.commentPagination.total},p=function(e){return e.A00001.isLoading},h=function(e){return e.A00001.error},b=function(e){return e.A00001.isCreateModalOpen},f=function(e){return e.A00001.isEditModalOpen},m=function(e){return e.A00001.targetPostId},j=function(e){return e.A00001.isReactionCreated};n(142),n(631)},2772:function(e,t,n){"use strict";n.d(t,"b",(function(){return o})),n.d(t,"a",(function(){return c}));var i=n(13),o="".concat(i.a,"/posts"),c="".concat(o,"/:postId")},2774:function(e,t,n){"use strict";var i=n(14);t.a=function(e,t){return"string"===typeof t?e+t:e+Object.entries(t).reduce((function(e,t){var n=Object(i.a)(t,2),o=n[0],c=n[1];return null===c?e:""===e?"?".concat(o,"=").concat(c):"".concat(e,"&").concat(o,"=").concat(c)}),"")}},2790:function(e,t,n){"use strict";function i(e,t){return Math.sqrt(Math.pow(640,2)+Math.pow(360,2))<=Math.sqrt(Math.pow(e,2)+Math.pow(t,2))}n.d(t,"a",(function(){return i}))}}]);