1 2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="1a8d38d7-48a2-5444-b201-b7acd8a80ac1")}catch(e){}}(); 3(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3631],{2579:(e,t,a)=>{var r=a(22827);e.exports=function(e,t,a,n){return r(e,function(e,r,i){t(n,e,a(e),i)}),n}},4569:e=>{e.exports=function(e,t,a,r){for(var n=-1,i=null==e?0:e.length;++n<i;){var s=e[n];t(r,s,a(s),e)}return r}},8763:(e,t,a)=>{var r=a(54720);e.exports=function(e,t){return function(a,n){if(null==a)return a;if(!r(a))return e(a,n);for(var i=a.length,s=t?i:-1,c=Object(a);(t?s--:++s<i)&&!1!==n(c[s],s,c););return a}}},15505:(e,t,a)=>{"use strict";var r=a(3396);t.A=void 0;var n=r(a(70348)),i=a(2183);t.A=(0,n.default)((0,i.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close")},15521:(e,t,a)=>{"use strict";a.d(t,{c:()=>s});var r=a(45023),n=a(7528);let i=(0,n.n9)()({container:{position:"fixed",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"#ffffff",opacity:.6,zIndex:9999}});function s(){let{classes:e}=i();return(0,r.Y)(n.az,{className:e.container,children:(0,r.Y)(n.P,{color:"primary",size:"2rem"})})}},16125:(e,t,a)=>{"use strict";a.d(t,{c:()=>r});let r=(0,a(42526).Mz)(e=>e.site.reactions,e=>Object.entries(e).map(([e,{imagePath:t,displayOrder:a}])=>({serialNumber:Number.parseInt(e,10),imagePath:t,displayOrder:a})).sort(({displayOrder:e},{displayOrder:t})=>e-t))},18336:(e,t,a)=>{var r=a(17536),n=a(97566),i=Object.prototype.hasOwnProperty;e.exports=n(function(e,t,a){i.call(e,a)?e[a].push(t):r(e,a,[t])})},22827:(e,t,a)=>{var r=a(17987);e.exports=a(8763)(r)},43482:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>eM});var r=a(45023),n=a(2004),i=a.n(n),s=a(36439),c=a(90524),l=a(41471),d=a(47279),o=a(15521),m=a(16887),p=a(38982),u=a(30915),h=a(84221),b=a.n(h),x=a(39282),f=a(46273);function g({avatarUser:e}){let{t}=(0,c.B)(["components/molecules"]);return(0,r.FD)(r.FK,{children:[(0,r.Y)("div",{"data-cy":"avatar-user-line-icon",className:i().dynamic([["2f548101bb524de0",[x.Kz[5],x.Z4[450],x.Kz[11],x.Z4[350]]]])+" avatar-user-line-icon",children:(0,r.Y)(f.e,{src:e.iconPath,tabActiveColor:""})}),(0,r.FD)("div",{className:i().dynamic([["2f548101bb524de0",[x.Kz[5],x.Z4[450],x.Kz[11],x.Z4[350]]]])+" avatar-user-line-name",children:[(0,r.FD)("div",{"data-cy":"avatar-user-line-nickname",className:i().dynamic([["2f548101bb524de0",[x.Kz[5],x.Z4[450],x.Kz[11],x.Z4[350]]]])+" avatar-user-line-nickname",children:[e.nickname,e.isResigned?t("(Deactivated user)"):""]}),(0,r.FD)("div",{"data-cy":"avatar-user-line-account-name",className:i().dynamic([["2f548101bb524de0",[x.Kz[5],x.Z4[450],x.Kz[11],x.Z4[350]]]])+" avatar-user-line-account-name",children:["@",e.accountName]})]}),(0,r.Y)(i(),{id:"2f548101bb524de0",dynamic:[x.Kz[5],x.Z4[450],x.Kz[11],x.Z4[350]],children:`.avatar-user-line-icon.__jsx-style-dynamic-selector{margin-right:${x.Kz[5]}}.avatar-user-line-nickname.__jsx-style-dynamic-selector{font-size:${x.Z4[450]};font-weight:bold;word-break:break-word;margin-right:${x.Kz[11]}}.avatar-user-line-account-name.__jsx-style-dynamic-selector{font-size:${x.Z4[350]}}`})]})}var y=a(91670),v=a(65437);let Y=(0,u.AH)("text-decoration:none;color:inherit;"),j=(0,u.AH)("display:flex;justify-content:flex-start;margin:",x.Kz[6]," 0;text-decoration:none;"),N=(0,u.AH)("position:absolute;top:-2px;right:0;");function _(e){let{avatarUser:t,useProfileVertMenu:a}=e;return a||t.isResigned?(0,r.Y)(w,{...e}):(0,r.Y)(b(),{href:`/view/mypage/${t.id}`,css:Y,children:(0,r.Y)(w,{...e})})}function w(e){let{avatarUser:t,useProfileVertMenu:a=!1,onRemoveUser:n}=e,{t:i}=(0,c.B)(["components/molecules"]),{openModal:l}=(0,v.fl)(),d=a||n,o=(0,s.useCallback)(e=>()=>{if(!n)return e();l({title:i("Remove {{nickName}} from this group?",{nickName:t.nickname}),contentText:i("Removed users will no longer have access to this message."),buttonText:i("Remove from group_MODAL"),onConfirm:()=>{n(t),e()},onCancel:e})},[t,n,l,i]);return(0,r.Y)(r.FK,{children:(0,r.FD)("div",{className:"position-relative",css:j,children:[(0,r.Y)(g,{avatarUser:t}),d&&(0,r.Y)("span",{css:N,"data-cy":"user-morevert-menu",children:(0,r.Y)(y.$,{children:e=>(0,r.FD)("div",{children:[a&&!t.isResigned&&(0,r.Y)(b(),{href:`/view/mypage/${t.id}`,css:Y,target:"_blank",children:(0,r.Y)(y.E,{label:i("View profile"),handleClick:e})}),n&&(0,r.Y)(y.E,{label:i("Remove from group"),handleClick:o(e)})]})})})]})})}var k=a(7528),D=a(15505);function F(e){let{open:t,threadUsers:a,onClose:n}=e,{t:i}=(0,c.B)(["components/organisms/directMessageThreadUsersModal"]),l=(0,s.useMemo)(()=>a.filter(e=>e.id!==d.n),[a]);return t?(0,r.FD)(r.FK,{children:[(0,r.FD)(k.lG,{open:!0,onClose:n,fullWidth:!0,children:[(0,r.FD)(k.L3,{children:[(0,r.Y)(p.x,{i18nKey:i("Member {{count}}"),count:l.length,components:{b:(0,r.Y)("b",{})}}),(0,r.Y)(k.K0,{"aria-label":"close",onClick:n,className:S.className,children:(0,r.Y)(D.A,{})})]}),(0,r.Y)(k.Cf,{dividers:!0,children:(0,r.Y)("div",{children:l.map(e=>(0,r.Y)(_,{avatarUser:e},e.id))})})]}),S.styles]}):null}let S={styles:(0,r.Y)(i(),{id:"23751616f46e85dc",children:".MuiIconButton-root.jsx-23751616f46e85dc{position:absolute;top:7px;right:10px}"}),className:"jsx-23751616f46e85dc"};
3var M=a(13589),C=a(29330),z=a(11970),I=a(77988),E=a(59069);let A=(0,k.n9)()(e=>({root:{padding:"2px 4px",display:"flex",alignItems:"center",minHeight:"37px"},input:{marginLeft:e.spacing(1),flex:1},inputError:{"& .MuiInputBase-input":{padding:"8px 12px",display:"flex",alignItems:"center"},"& .MuiInputBase-inputMultiline":{paddingTop:"0 !important",paddingBottom:"0 !important",color:"#CE324E"},"& textarea":{lineHeight:"21px"},border:"1px solid #CE324E",borderRadius:4,gap:4},iconButton:{padding:10},divider:{height:28,margin:4},errorMessage:{color:"#CE324E",fontSize:12,paddingLeft:12},inputWrapper:{minHeight:57,display:"flex",flexDirection:"column",flex:1}}));function K(e){let{t}=(0,c.B)(["components/molecules"]),{classes:a}=A(),n=(0,l.useSelector)(z.J8),i=(0,l.useSelector)(z.gL),s=(0,l.useSelector)(e=>e.app.directMessage.threadType),o=n&&i||s===d.Dg.ADMIN_TO_USER;return(0,r.FD)(k.tu,{component:"form",className:a.root,children:[o&&(0,r.FD)(r.FK,{children:[(0,r.FD)(k.K0,{className:a.iconButton,component:"label","data-cy":"file-upload-icon",disabled:e.disableSendMessage,children:[(0,r.Y)(I.A,{}),(0,r.Y)("input",{type:"file",accept:"image/*,.heif,.heic,application/pdf,text/csv,application/zip,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",style:{display:"none"},onChange:t=>{if(!t.target.files)return;let a=t.target.files[0];a.name.endsWith(".csv")&&(a=new File([a],a.name,{type:"text/csv"})),e.onUpload(a),t.target.value=""}})]}),(0,r.Y)(k.cG,{className:a.divider,orientation:"vertical"})]}),(0,r.FD)("div",{className:a.inputWrapper,children:[(0,r.Y)(k.Ox,{"data-cy":"dm-input",className:e.error?a.inputError:a.input,placeholder:t("Enter your message"),value:e.text,onChange:e.onChange,onKeyDown:t=>{!e.text||(t.metaKey||t.ctrlKey)&&13===t.keyCode&&e.onSubmit(e.text)},multiline:!0,maxRows:4}),e.error&&(0,r.Y)("div",{className:a.errorMessage,"data-cy":"dm-input-error",children:e.error})]}),(0,r.Y)(k.K0,{"data-cy":"dm-submit","aria-label":t("Send message"),color:"primary",className:a.iconButton,onClick:()=>e.onSubmit(e.text),disabled:e.disableSendMessage||!!e.error,children:(0,r.Y)(E.A,{})})]})}var T=a(54945);let R=(0,k.n9)()({content:{display:"inline-block",height:"32px",cursor:"pointer",color:"#4A90E2"},icon:{height:"100%",margin:"0 auto",fontSize:"24px"},text:{display:"inline-block",height:"100%",verticalAlign:"top",lineHeight:"32px",marginLeft:"8px",fontSize:"14px"}});function B(){let{t:e}=(0,c.B)(["components/molecules"]),{classes:t}=R();return(0,r.FD)(k.az,{className:t.content,component:"span",onClick:()=>{window.location.reload()},children:[(0,r.Y)(T.A,{className:t.icon,fontSize:"inherit"}),(0,r.Y)(k.az,{className:t.text,children:e("Reload messages")})]})}var O=a(4437),U=a(52095),L=a.n(U),$=a(25008),P=a.n($),H=a(27417),Z=a(68178),q=a(84974),V=a(41540),W=a(11423),G=a(66432);let Q="425px",X=new q.A;function J({children:e,hasDarkBackground:t}){return(0,r.Y)(V.A,{componentDecorator:(e,a,n)=>(0,r.Y)("a",{target:"_blank",rel:"noopener noreferrer",style:{wordBreak:"break-all",textDecoration:"underline",color:t?Z.Q1.user.text.white:"default"},href:e,children:a},n),matchDecorator:e=>{let t=X.match(e)?.filter(e=>(0,G.zb)(e.url));return t?.map(e=>{let{raw:t,...a}=e;return a})??null},children:e})}function ee(e){let{message:t,isMyMessage:a}=e,n=new URL(t).pathname.split(".").pop();return n?["jpg","jpeg","png","gif"].some(e=>e===n)?(0,r.FD)(r.FK,{children:[(0,r.Y)("div",{className:"jsx-d7ec23bfd6ee3d37 img-wrapper",children:(0,r.Y)("img",{src:t,className:"jsx-d7ec23bfd6ee3d37 img"})}),(0,r.Y)(i(),{id:"d7ec23bfd6ee3d37",children:".img-wrapper.jsx-d7ec23bfd6ee3d37{padding:10px}.img.jsx-d7ec23bfd6ee3d37{width:100%}"})]}):["pdf","xlsx","csv","zip"].some(e=>e===n)?(0,r.FD)(r.FK,{children:[(0,r.Y)("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:"jsx-f5544badee87c375 document-wrapper",children:(0,r.FD)("div",{className:"jsx-f5544badee87c375 document",children:[(0,r.Y)("div",{className:"jsx-f5544badee87c375 svg-wrapper",children:(0,r.Y)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",height:18,className:"jsx-f5544badee87c375",children:(0,r.Y)("path",{fill:"currentColor",d:"M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z",className:"jsx-f5544badee87c375"})})}),(0,r.Y)("div",{className:"jsx-f5544badee87c375",children:t})]})}),(0,r.Y)(i(),{id:"f5544badee87c375",children:".document-wrapper.jsx-f5544badee87c375{display:block;text-decoration:none}.document.jsx-f5544badee87c375{display:flex;color:black;cursor:pointer;background-color:white;padding:16px;border-radius:4px;border:gray 1px solid;word-wrap:break-word;word-break:break-all;white-space:pre-wrap}.svg-wrapper.jsx-f5544badee87c375{margin-right:5px}"})]}):["mp4","avi","mov"].some(e=>e===n)?(0,r.FD)(r.FK,{children:[(0,r.Y)("div",{className:"jsx-7d50c5b11f8a5a37 video-wrapper",children:(0,r.Y)("video",{controls:!0,src:t,className:"jsx-7d50c5b11f8a5a37 video"})}),(0,r.Y)(i(),{id:"7d50c5b11f8a5a37",children:".video-wrapper.jsx-7d50c5b11f8a5a37{padding:10px}.video.jsx-7d50c5b11f8a5a37{width:100%}"})]}):(0,r.FD)(r.FK,{children:[(0,r.Y)("p",{className:"jsx-fea9470a36c8639d message",children:(0,r.Y)(J,{hasDarkBackgroun
3d:a,children:t})}),(0,r.Y)(i(),{id:"fea9470a36c8639d",children:".message.jsx-fea9470a36c8639d{font-size:14px;font-weight:300;margin:0}"})]}):(0,r.Y)(r.FK,{})}X.tlds(W);let et=({isDeleted:e,isMyMessage:t,isMediaFile:a,message:n,onClick:s})=>{let{t:l}=(0,c.B)(["components/organisms/directMessage"]);return(0,r.FD)(r.FK,{children:[e?(0,r.Y)("div",{className:i().dynamic([["90740fd35b275701",[t?"4px":"30px",Q,s?"pointer":"default"]]])+" chat-bubble chat-bubble-deleted",children:(0,r.Y)("p",{className:i().dynamic([["90740fd35b275701",[t?"4px":"30px",Q,s?"pointer":"default"]]])+" text text-deleted",children:l("This message has been deleted.")})}):(0,r.Y)("div",{role:"button",tabIndex:0,onClick:s,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&s?.()},className:i().dynamic([["90740fd35b275701",[t?"4px":"30px",Q,s?"pointer":"default"]]])+" "+(P()("chat-bubble",t?"sender-chatbubble":"recipient-chatbubble")||""),children:a&&(e=>{try{return new URL(e),!0}catch(e){return!1}})(n)?(0,r.Y)(ee,{message:n,isMyMessage:t}):(0,r.Y)("p",{className:i().dynamic([["90740fd35b275701",[t?"4px":"30px",Q,s?"pointer":"default"]]])+" text",children:n.split("\n").map((e,a)=>(0,r.FD)("span",{children:[(0,r.Y)(J,{hasDarkBackground:t,children:e}),(0,r.Y)("br",{})]},a))})}),(0,r.Y)(i(),{id:"90740fd35b275701",dynamic:[t?"4px":"30px",Q,s?"pointer":"default"],children:`.chat-bubble.__jsx-style-dynamic-selector{overflow-wrap:anywhere;border-radius:20px;margin-top:6px;margin-bottom:4px;margin-right:4px;margin-left:${t?"4px":"30px"};max-width:${Q};padding-top:8px;padding-bottom:8px;padding-left:14px;padding-right:14px;width:-webkit-fit-content;cursor:${s?"pointer":"default"}}.chat-bubble-deleted.__jsx-style-dynamic-selector{color:#bbb;border:1px solid#bbb}.text.__jsx-style-dynamic-selector{font-size:14px;font-weight:300;margin:0}.text-deleted.__jsx-style-dynamic-selector{color:#dbdbdb}.sender-chatbubble.__jsx-style-dynamic-selector{color:white;background-color:#007aff}.recipient-chatbubble.__jsx-style-dynamic-selector{background-color:#f4f4f8;color:black}`})]})};var ea=a(91930),er=a(46097),en=a(9209),ei=a(18336),es=a.n(ei),ec=a(8819),el=a(55165),ed=a(16125),eo=a(35727);let em=({messageId:e,reactions:t,fromAdminPage:a,users:n})=>{let i,c,o,m=(0,l.useSelector)(e=>a&&(0,er.qc)(e.user.roleId)?d.n:e.user.id),p=(0,l.useSelector)(ed.c,l.shallowEqual),u=(0,l.useSelector)(el.pu),h=(0,l.useSelector)(el.C9),b=(0,l.useDispatch)(),x=(0,s.useCallback)(t=>{b(ec.AU.request({messageId:e,serialNumber:t,userId:m}))},[b,e,m]),f=t.filter(e=>e.serialNumber===d.zm.LIKE),g=(0,s.useCallback)(e=>t.some(t=>t.serialNumber===e&&t.authorId===m),[t,m]),y=(0,s.useCallback)(e=>e.map(e=>({emoji:{url:e.imagePath,stamped:g(e.serialNumber)},count:t.filter(t=>t.serialNumber===e.serialNumber).length,serialNumber:e.serialNumber,onClick:()=>{x?.(e.serialNumber)},activeColor:h,normalColor:u})),[h,u,t,x,g]),v=(0,eo.U)(n);return(0,r.Y)(en.Q,{isBookmarkButton:!1,likeButton:{count:f.length,voted:g(d.zm.LIKE),normalColor:u,activeColor:h,onClick:()=>{x(d.zm.LIKE)}},addEmojiStamps:y(p),emojiStamps:y(p.filter(e=>t.some(t=>t.serialNumber===e.serialNumber))),emojiStampAddColorOption:{normalColor:u,activeColor:h},popoverPlace:"bottomRight",reactors:t.map(e=>({...e,nickname:v(e.authorId)})),bottomSheetReactionInfo:(i=es()(p,"serialNumber"),c=es()(t,"serialNumber"),o=es()(n,"id"),(0,ea.vj)(c).map(([e,t])=>({reaction:{...i[e]?.[0],serialNumber:+e,count:t.length},users:t.map(e=>{let t=o[e.authorId]?.[0];return{iconPath:t?.iconPath||"",nickname:v(e.authorId)||"",accountName:e.authorId===d.n?void 0:t?.accountName}})})))})};var ep=a(20764);let eu=({sender:e,defaultUserIconColor:t,isShowSenderName:a})=>{let n=(0,ep.useRouter)(),s=e.id!==d.n,c=()=>{n.push(`/view/mypage/${e.id}`)},l=(0,r.Y)(f.e,{src:e.iconPath,tabActiveColor:t,size:24,"data-cy":"sender-icon"});return(0,r.FD)(r.FK,{children:[(0,r.FD)("div",{className:"jsx-8ddcb666e9317350 sender-box",children:[s?(0,r.Y)("div",{role:"button",tabIndex:0,"data-cy":"sender-icon-link",onClick:e=>{e.stopPropagation(),c()},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.stopPropagation(),c())},className:"jsx-8ddcb666e9317350 sender-icon-link",children:l}):l,a&&(0,r.Y)("span",{"data-cy":"sender-name",className:"jsx-8ddcb666e9317350 sender-name",children:e.nickname})]}),(0,r.Y)(i(),{id:"8ddcb666e9317350",children:".sender-box.jsx-8ddcb666e9317350{dis
3play:flex;vertical-align:top;margin-left:4px;position:relative;z-index:1}.sender-icon-link.jsx-8ddcb666e9317350{display:inline-flex;cursor:pointer}.sender-name.jsx-8ddcb666e9317350{margin-left:4px;font-weight:bold}"})]})};function eh(e){let{sendAt:t}=e,a=L()(t).format("HH:mm");return(0,r.FD)(r.FK,{children:[(0,r.Y)("div",{"data-cy":"time-text",className:"jsx-416eedee7c456192 time-text",children:a}),(0,r.Y)(i(),{id:"416eedee7c456192",children:".time-text.jsx-416eedee7c456192{font-size:12px}"})]})}let eb={styles:(0,r.Y)(i(),{id:"476e701125735e13",children:".MuiSvgIcon-root.jsx-476e701125735e13{margin-left:5px;font-size:1rem;margin-bottom:5px}"}),className:"jsx-476e701125735e13"};function ex({chatMessage:e,threadId:t,isLastInGroup:a}){let{isOpen:n,isDeleted:o,sendAt:m,sender:p,isMyMessage:u,messageId:h,reactions:b}=e,{t:x}=(0,c.B)(["components/organisms/directMessage"]),f=(0,l.useSelector)(e=>e.site.common.colors.tabActive.color),{threadType:g,threadUsers:y}=(0,l.useSelector)(e=>e.app.directMessage),Y=(0,d.lZ)(g),[j,N]=s.useState(!1),{openModal:_}=(0,v.fl)(),[w,k]=s.useState(!1),[,D]=s.useState({}),F=(0,C.Bw)(t,!1,()=>D({})),S=(0,C.pO)(F),[M,z]=s.useState(a||!!b.length),I=()=>{!o&&u&&N(!0)},E=()=>{w||N(!1)},A=e=>{k(!0),T(e)},K=s.useCallback(()=>{z(e=>!e)},[]),T=e=>{_({title:x("Delete this message?"),contentText:x("The message is also deleted from the recipient's thread."),buttonText:x("DELETE"),onConfirm:()=>{S(e),k(!1),N(!1)},onCancel:()=>{k(!1),N(!1)}})};return(0,r.FD)(r.FK,{children:[(0,r.FD)("div",{className:i().dynamic([["a1ac38b571903c08",[Q,Y?"-5px":"-30px"]]])+" chatbubble-wrapper",children:[!u&&p&&(0,r.Y)(eu,{sender:p,defaultUserIconColor:f,isShowSenderName:Y}),(0,r.FD)("div",{tabIndex:0,onMouseEnter:I,onMouseLeave:E,onFocus:I,onBlur:E,"data-cy":"chatbubble-box",className:i().dynamic([["a1ac38b571903c08",[Q,Y?"-5px":"-30px"]]])+" "+(P()(u?"chatbubble-box-right":"chatbubble-box-left","chatbubble-box")||""),children:[(0,r.FD)("div",{className:i().dynamic([["a1ac38b571903c08",[Q,Y?"-5px":"-30px"]]])+" "+(P()("chatbubble-content",{"chatbubble-content-right":u})||""),children:[(0,r.Y)("div",{role:"button",tabIndex:0,onClick:()=>{A(h)},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&A(h)},className:i().dynamic([["a1ac38b571903c08",[Q,Y?"-5px":"-30px"]]])+" "+`trash-icon-${j?"visible":"hidden"}`,children:(0,r.Y)(H.lM,{color:"subdued"})}),!j&&(0,r.FD)("div",{className:i().dynamic([["a1ac38b571903c08",[Q,Y?"-5px":"-30px"]]])+" bubble-prefix",children:[u&&n&&(0,r.Y)("div",{"data-cy":"readed-text",className:i().dynamic([["a1ac38b571903c08",[Q,Y?"-5px":"-30px"]]])+" readed-text",children:x("Read")}),u&&!o&&(0,r.Y)(eh,{sendAt:m})]}),(0,r.Y)(et,{...e,onClick:K}),!u&&!o&&(0,r.Y)(eh,{sendAt:m})]}),!o&&M&&(0,r.Y)("div",{"data-cy":u?"reactions-sent":"reactions-received",className:i().dynamic([["a1ac38b571903c08",[Q,Y?"-5px":"-30px"]]])+" "+(P()({"reactions-right":u,"reactions-left":!u})||""),children:(0,r.Y)("div",{className:i().dynamic([["a1ac38b571903c08",[Q,Y?"-5px":"-30px"]]])+" reactions",children:(0,r.Y)(em,{messageId:h,reactions:b,users:y})})})]})]}),(0,r.Y)(i(),{id:"a1ac38b571903c08",dynamic:[Q,Y?"-5px":"-30px"],children:`.bubble-prefix.__jsx-style-dynamic-selector{display:flex;flex-direction:column;gap:2px}.trash-icon-hidden.__jsx-style-dynamic-selector{display:none;visibility:hidden}.trash-icon-visible.__jsx-style-dynamic-selector{display:block;visibility:visible;margin:4px;padding-top:4px;padding-bottom:4px}.chatbubble-wrapper.__jsx-style-dynamic-selector{overflow:auto}.chatbubble-content.__jsx-style-dynamic-selector{display:flex;align-items:flex-end}.reactions-right.__jsx-style-dynamic-selector,.chatbubble-content-right.__jsx-style-dynamic-selector{display:flex;justify-content:flex-end}.reactions.__jsx-style-dynamic-selector{max-width:${Q}}.reactions-right.__jsx-style-dynamic-selector{margin-right:4px}.reactions-left.__jsx-style-dynamic-selector{margin-left:30px;margin-bottom:4px}.chatbubble-box.__jsx-style-dynamic-selector{display:flex;flex-direction:column;gap:8px}.chatbubble-box-left.__jsx-style-dynamic-selector{margin-top:${Y?"-5px":"-30px"}}.chatbubble-box-right.__jsx-style-dynamic-selector{float:right}.readed-text.__jsx-style-dynamic-selector{text-align:right}`}),eb.styles]})}function ef(e){let{message:t}=e,a=(0,C.ic)(t);return(0,r.FD)("div",{"data-cy":"directmessage-system-message",className:"jsx-ebc5f69e0a3608a9 system-message",children:[(0,r.Y)("p",{className:"jsx-ebc5f69e0a3608a9",children:a}),(0,r.Y)(i(),{id:"ebc5f69e0a3608a9",children:".system-message.jsx-ebc5f69e0a3608a9{margin-top:24px;margin-bottom:24px;text-align:center;overflow:auto;position:relative}.system-message.jsx-ebc5f69e0a3608a9 p.jsx-ebc5f69e0a3608a9{margin:0px;font-size:14px;font-weight:400;color:var(--text-subdued,#717171)}"})]})}function eg(e){let{messages:t,threadId:a}=e,n=s.useCallback(e=>e===t.length-1,[t]);return(0,r.FD)("div",{className:"jsx-4d2f8562548d01b4",children:[t.map((e,t)=>(0,r.FD)("div",{className:"jsx-4d2f8562548d01b4",children:[e.dateText&&(0,r.Y)("p",{"data-cy":"date-text",className:"jsx-4d2f8562548d01b4 date-text",children:e.dateText}),e.type==d.Tk.NORMAL?(0,r.Y)(ex,{chatMessage:e,threadId:a,isLastInGroup:n(t)}):(0,r.Y)(ef,{message:e})]},e.messageId)),(0,r.Y)(i(),{id:"4d2f8562548d01b4",children:'.bubble-group-header.jsx-4d2f8562548d01b4{margin:0px;font-size:14px;font-weight:400;color:#999}.date-text.jsx-4d2f8562548d01b4{display:flex;align-items:center;justify-content:center}.date-text.jsx-4d2f8562548d01b4:before,.date-text.jsx-4d2f8562548d01b4:after{border-top:1px solid;color:#e0e0e0;content:"";width:100%}.date-text.jsx-4d2f8562548d01b4:before{margin-right:1.5em;margin-left:32px}.date-text.jsx-4d2f8562548d01b4:after{margin-left:1.5em;margin-right:32px}'})]})}let ey=s.memo(e=>{let t,a,{messages:n,threadId:s}=e,c=(t=[],a="",n.map((e,i)=>{let c=L()(e.sendAt).format("YYYY/MM/DD"),l=!1;if(a!==c&&(a=c,l=!0),t.push({...e,dateText:l?a:void 0}),i===n.length-1||n[i+1].id!==e.id){let a=t;return t=[],{element:(0,r.Y)(eg,{id:e.id,messages:a,threadId:s},e.messageId)}}return null}));return(0,r.FD)("div",{className:"jsx-61c1120c4d9daba",children:[(0,r.Y)("div",{id:"chat-panel",className:"jsx-61c1120c4d9daba chat-panel",children:(0,r.Y)("div",{className:"jsx-61c1120c4d9daba chat-history",children:(0,r.Y)("div",{"data-cy":"chat-messages",className:"jsx-61c1120c4d9daba chat-messages",children:c.map((e,t)=>(0,r.Y)("div",{className:"jsx-61c1120c4d9daba",children:(0,r.Y)("div",{className:"jsx-61c1120c4d9daba",children:e?.element})},String(`message_${t}`)))})})}),(0,r.Y)(i(),{id:"61c1120c4d9daba",children:".chat-panel.jsx-61c1120c4d9daba{display:flex;flex-direction:column;flex:1;overflow:hidden}.chat-history.jsx-61c1120c4d9daba{overflow:auto}"})]})});function ev(e){let{messages:t,error:a,threadId:n,handleSubmit:c,handleUpload:l,height:d,disableSendMessage:o=!1,inputMessage:m,handleChangeInputMessage:p}
3=e,[u,h]=(0,s.useState)(""),b=(0,O.hD)(),x=b?"75vh":"65vh";(0,s.useEffect)(()=>{a&&h(a)},[a]);let f=s.useRef(null);return(0,s.useEffect)(()=>{let e=setTimeout(()=>{let e=f.current;e&&e.scrollTo?.(0,e.scrollHeight+999)},60);return()=>clearTimeout(e)},[t.length]),(0,r.FD)("section",{"data-cy":"direct-messages",className:i().dynamic([["138de1802e77d5b",[d||x]]]),children:[(0,r.FD)("div",{ref:f,className:i().dynamic([["138de1802e77d5b",[d||x]]])+" feed",children:[(0,r.Y)(ey,{messages:t,threadId:n}),(0,r.Y)("div",{className:i().dynamic([["138de1802e77d5b",[d||x]]])+" reloadButtonContainer",children:(0,r.Y)(B,{})})]}),(0,r.Y)("div",{className:i().dynamic([["138de1802e77d5b",[d||x]]])+" "+`mt-3 ${b?"sp-message-input":""}`,children:(0,r.Y)(K,{text:m,error:u,onChange:e=>{p(e.currentTarget.value),u&&h("")},onSubmit:e=>{c(e)},onUpload:l,disableSendMessage:o})}),(0,r.Y)(i(),{id:"138de1802e77d5b",dynamic:[d||x],children:`.feed.__jsx-style-dynamic-selector{height:${d||x};overflow:scroll}section.__jsx-style-dynamic-selector .feed a{color:blue}.reloadButtonContainer.__jsx-style-dynamic-selector{text-align:center}.sp-message-input.__jsx-style-dynamic-selector{position:fixed;left:0;bottom:0;width:100%;textalign:center}`})]})}var eY=a(79493),ej=a(59751),eN=a(76768);let e_=e=>{try{return localStorage.getItem(e)||""}catch(e){return eN.v.error(e),""}};var ew=a(21259);function ek(e){let{threadId:t,messages:a,disableSendMessage:n=!1}
3=e,[,d]=(0,s.useState)({}),[o,m]=(0,s.useState)(""),{t:p}=(0,c.B)(["components/organisms/directMessage"]),[u,h]=(e=>{let t=(0,l.useSelector)(e=>e.app.brand.id),a=(0,l.useSelector)(e=>e.user.id),r=`dmThreadDraftMessage:${t}:${a??"guest"}:${e}`,[n,i]=(0,s.useState)(()=>e_(r)),c=(0,s.useRef)(r);return(0,s.useEffect)(()=>{c.current!==r&&(c.current=r,i(e_(r)))},[r]),[n,(0,s.useCallback)(e=>{i(e);try{e?localStorage.setItem(r,e):localStorage.removeItem(r)}catch(e){eN.v.error(e)}},[r])]})(t),b=(0,C.Bw)(t,!1,()=>{d({})}),x=async e=>{if(eY.ih.error("",p("Failed to send message")),m(""),e instanceof ej.pe){let t=e.response?.data.error||e.response?.data.message||e.message;t&&m(p(t))}else m(p(e.message))},f=(0,s.useCallback)(e=>{h(e)},[h]),[g,y]=(0,ew.F)(ew.l.DM_LIST_MUTATION,"true"),v=()=>{y("true"),f(""),b()},Y=(0,C.KQ)(t,!1,v,x),j=(0,C.Mv)(t,!1,v);return(0,r.FD)("section",{className:"jsx-2ffd125ade1bcd25 dm-container",children:[(0,r.Y)(ev,{messages:a,error:o,threadId:t,handleSubmit:Y,handleUpload:j,disableSendMessage:n,inputMessage:u,handleChangeInputMessage:f}),(0,r.Y)(i(),{id:"2ffd125ade1bcd25",children:".dm-container.jsx-2ffd125ade1bcd25{background-color:white}"})]})}var eD=a(76036),eF=a(55501);let eS=({userId:e,threadId:t})=>{let{t:a}=(0,c.B)(["pages/view/notification","shared/DirectMessage"]);(0,m.v)();let n=(0,l.useSelector)(e=>e.user),{messages:p,threadType:u,threadName:h,threadUsers:b,isEnabledSendMessage:x}=(0,l.useSelector)(e=>e.app.directMessage),[f,g]=s.useState(!1),y=(0,eF.p)(),v=(0,O.hD)(),Y=(0,l.useDispatch)();(0,s.useEffect)(()=>{t?Y(ec.Fb.request({threadId:t,fromAdminPage:!1,needNewThreadIfNotExist:!0})):Y(ec.Fb.request({otherUserId:e,fromAdminPage:!1,needNewThreadIfNotExist:!0,threadType:d.Dg.USER_TO_USER}))},[]);let j=b.filter(e=>e.id!==n.id)[0],N=(0,C.w0)({threadName:h,threadUsers:b,threadType:u,fromAdminPage:!1,size:"medium"})||a("Thread")||"",_=(0,s.useMemo)(()=>{switch(u){case d.Dg.ADMIN_TO_USER:case d.Dg.USER_TO_USER:case d.Dg.UNKNOWN:return;case d.Dg.ADMIN_TO_USER_GROUP:return[{label:a("Show members"),onClick:()=>g(!0)}]}},[a,u]),w=(0,s.useCallback)(()=>{g(!1)},[]);return p&&j?(0,r.FD)(r.FK,{children:[(0,r.Y)(F,{open:f,threadUsers:b,onClose:w}),v?(0,r.FD)("section",{className:"jsx-25783ba96f9289d5 sp-user-dm-container",children:[!y&&(0,r.Y)(M.g,{noTranslation:u!==d.Dg.ADMIN_TO_USER,text:N,vertMenus:_}),(0,r.Y)(ek,{threadId:t,messages:p,disableSendMessage:!x})]}):(0,r.Y)(eD.z,{content:(0,r.FD)(r.FK,{children:[(0,r.Y)(M.g,{noTranslation:u!==d.Dg.ADMIN_TO_USER,text:N,vertMenus:_}),(0,r.Y)(ek,{threadId:t,messages:p,disableSendMessage:!x})]})}),(0,r.Y)(i(),{id:"25783ba96f9289d5",children:".sp-user-dm-container.jsx-25783ba96f9289d5{min-height:100vh}"})]}):(0,r.Y)(o.c,{})};eS.getInitialProps=async({ctx:e})=>{let{userId:t,threadId:a}=e.query;return{userId:t,threadId:a}};let eM=eS},54945:(e,t,a)=>{"use strict";var r=a(3396);t.A=void 0;var n=r(a(70348)),i=a(2183);t.A=(0,n.default)((0,i.jsx)("path",{d:"m19 8-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4z"}),"Cached")},59069:(e,t,a)=>{"use strict";var r=a(3396);t.A=void 0;var n=r(a(70348)),i=a(2183);t.A=(0,n.default)((0,i.jsx)("path",{d:"M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"}),"Send")},70071:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/view/notification/dm/[threadId]",function(){return a(43482)}])},77988:(e,t,a)=>{"use strict";var r=a(3396);t.A=void 0;var n=r(a(70348)),i=a(2183);t.A=(0,n.default)((0,i.jsx)("path",{d:"M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2m-11-4 2.03 2.71L16 11l4 5H8zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6z"}),"PhotoLibrary")},91930:(e,t)=>{"use strict";t.h1=t.vj=void 0,t.vj=e=>Object.entries(e),t.h1=(e,a)=>{if(void 0===a)return e;if("object"!=typeof e||null===e)return a;
3if(Array.isArray(e)&&Array.isArray(a))return Array.from({length:Math.max(e.length,a.length)},(r,n)=>(0,t.h1)(e[n],a[n]));let r={};for(let[n,i]of Object.entries(e))r[n]=(0,t.h1)(i,a[n]);return r}},97566:(e,t,a)=>{var r=a(4569),n=a(2579),i=a(85727),s=a(42767);e.exports=function(e,t){return function(a,c){var l=s(a)?r:n,d=t?t():{};return l(a,e,i(c,2),d)}}}},e=>{e.O(0,[51,2136,4819,3291,2844,202,5879,1590,763,636,6593,8792],()=>e(e.s=70071)),_N_E=e.O()}]); 4//# sourceMappingURL=[threadId]-a5b83f149de5badb.js.map 5//# debugId=1a8d38d7-48a2-5444-b201-b7acd8a80ac1
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.