https://my.mspy.org/page-line.b96e27e7c730c4f8802f.chunk.js

1"use strict";(self.webpackChunkcp_front=self.webpackChunkcp_front||[]).push([[3537],{58733:(t,a,e)=>{e.r(a),e.d(a,{PageLine:()=>jt});var s=e(74848),i=e(96540),l=e(46771),n=e(95304),o=e(84507),c=e(38094),d=e(21220),r=e(46911),g=e(8101),L=e(31061),h=e(37466);const m=(0,e(11164).YK)({title:{id:"app.pages.sensor.page-line.title",defaultMessage:"LINE"}});var f=e(57382),u=e.n(f),C=e(78403),y=e(4604),x=e.n(y),j=e(39524),p=e(94410),v=e(84166),b=e(59914),k=e(64228),M=e(12436);const B="line.avatars",I={isLoading:!1,all:0,limit:0,offset:0,data:[]},A=Object.assign(Object.assign({},I),{chatId:""}),T={avatars:M.ls.get(B)||{},chatMessagesList:A,chatList:I,contactList:I,callList:I},E=(0,k.Z0)({name:"line",initialState:T,reducers:{getChatList(t,a){const{limit:e,offset:s}=a.payload;t.chatList.isLoading=!0,t.chatList.limit=e,t.chatList.offset=s},getChatListOk(t,a){const{data:e,all:s,avatars:i}=a.payload;t.avatars=i,t.chatList.isLoading=!1,t.chatList.all=s,t.chatList.data=0===t.chatList.offset?e:[...t.chatList.data,...e]},getChatListError(t){t.chatList.isLoading=!1},getChatMessages(t,a){const{offset:e,limit:s,params:i}=a.payload;0===e&&(t.chatMessagesList.data=[]),t.chatMessagesList.isLoading=!0,t.chatMessagesList.chatId=i.chatId,t.chatMessagesList.limit=s,t.chatMessagesList.offset=e},getChatMessagesOk(t,a){const{data:e,all:s,avatars:i}=a.payload;t.avatars=i,t.chatMessagesList.isLoading=!1,t.chatMessagesList.all=s,t.chatMessagesList.data=0===t.chatMessagesList.offset?e:[...e,...t.chatMessagesList.data]},getChatMessagesError(t){t.chatMessagesList.isLoading=!1},clearChat(t){t.chatList=I,t.chatMessagesList=A},getContactList(t,a){const{limit:e,offset:s}=a.payload;t.contactList.isLoading=!0,t.contactList.limit=e,t.contactList.offset=s},getContactListOk(t,a){const{data:e,all:s,avatars:i}=a.payload;t.avatars=i,t.contactList.isLoading=!1,t.contactList.all=s,t.contactList.data=0===t.contactList.offset?e:[...t.contactList.data,...e]},getContactListError(t){t.contactList.isLoading=!1},clearContactList(t){t.contactList=I},getCallList(t,a){const{limit:e,offset:s}=a.payload;t.callList.isLoading=!0,t.callList.limit=e,t.callList.offset=s},getCallListOk(t,a){const{data:e,all:s,avatars:i}=a.payload;t.avatars=i,t.callList.isLoading=!1,t.callList.all=s,t.callList.data=0===t.callList.offset?e:[...t.callList.data,...e]},getCallListError(t){t.callList.isLoading=!1},clearCallList(t){t.callList=I}}}),{actions:F,reducer:H}=E;var S=e(62169),w=e(92444),O=e(13789),z=e(34527),N=e(1081);const J=t=>t.line||T,X=(0,N.Mz)(J,t=>t.chatMessagesList),D=(0,N.Mz)(J,t=>t.chatList),P=(0,N.Mz)(J,t=>t.contactList),_=(0,N.Mz)(J,t=>t.callList),W=(0,N.Mz)(J,t=>t.avatars),{getChatMessages:R,getChatMessagesOk:K,getChatMessagesError:Q,getChatList:Y,getContactList:Z,getCallList:q,getContactListOk:G,getChatListOk:U,getCallListOk:V,getChatListError:$,getCallListError:tt,getContactListError:at}=F,et=t=>{M.ls.set(B,t)};function*st({payload:{limit:t,offset:a,params:{chatId:e}}}){const s=yield*(0,S.Lt)(W),i=yield*(0,S.Lt)(O.vf.Tp.selectCurrentSlotId);try{const{data:l}=yield*(0,S.T1)(z.FH.sensor.line.getChatMessage,i,{limit:t,offset:a,chatId:e}),n=(0,g.EX)(s,[{id:e}]);et(n),yield*(0,S.yJ)(K({limit:t,offset:a,all:l.all,data:l.data,avatars:n}))}catch(t){yield(0,S.yJ)(Q()),yield(0,w.h4)(t),yield(0,w.aA)(t)}}function*it({payload:{limit:t,offset:a}}){const e=yield*(0,S.Lt)(W),s=yield*(0,S.Lt)(O.vf.Tp.selectCurrentSlotId);try{const{data:i}=yield*(0,S.T1)(z.FH.sensor.line.getChat,s,{limit:t,offset:a}),l=(0,g.EX)(e,i.data);et(l),yield*(0,S.yJ)(U({all:i.all,data:i.data,limit:t,offset:a,avatars:l}))}catch(t){yield(0,S.yJ)($()),yield(0,w.h4)(t),yield(0,w.aA)(t)}}function*lt({payload:{limit:t,offset:a}}){const e=yield*(0,S.Lt)(W),s=yield*(0,S.Lt)(O.vf.Tp.selectCurrentSlotId);try{const{data:i}=yield*(0,S.T1)(z.FH.sensor.line.getContact,s,{limit:t,offset:a}),l=(0,g.EX)(e,i.data);et(l),yield*(0,S.yJ)(G({all:i.all,data:i.data,limit:t,offset:a,avatars:l}))}catch(t){yield(0,S.yJ)(at()),yield(0,w.h4)(t),yield(0,w.aA)(t)}}function*nt({payload:{limit:t,offset:a}}){const e=yield*(0,S.Lt)(W),s=yield*(0,S.Lt)(O.vf.Tp.selectCurrentSlotId);try{const{data:i}=yield*(0,S.T1)(z.FH.sensor.line.getCall,s,{limit:t,offset:a}),l=(0,g.EX)(e,i.data);et(l),yield*(0,S.yJ)(V({all:i.all,data:i.data,limit:t,offset:a,avatars:l}))}catch(t){yield(0,S.yJ)(tt()),yield(0,w.h4)(t),yield(0,w.aA)(t)}}function*ot(){yield*(0,S.jP)(R.type,st),yield*(0,S.jP)(Y.type,it),yield*(0,S.jP)(Z.type,lt),yield*(0,S.jP)(q.type,nt)}const ct=(0,b.j)({chatMessages:X,chatList:D,callList:_,contactList:P,avatars:W}),dt=()=>{(0,p.N)({key:"line",reducer:H}),(0,v.f)({key:"line",saga:ot});const t=(0,l.wA)(),a=(0,l.d4)(ct),e=(0,i.useCallback)(a=>t(F.getChatMessages(a)),[t]),s=(0,i.useCallback)(a=>t(F.getChatList(a)),[t]),n=(0,i.useCallback)(a=>t(F.getContactList(a)),[t]),o=(0,i.useCallback)(a=>t(F.getCallList(a)),[t]),c=(0,i.useCallback)(()=>t(F.clearChat()),[t]),d=(0,i.useCallback)(()=>

1t(F.clearContactList()),[t]),r=(0,i.useCallback)(()=>t(F.clearCallList()),[t]);return Object.assign(Object.assign({},a),{getChatMessages:e,getChatList:s,getContactList:n,getCallList:o,clearChat:c,clearContactList:d,clearCallList:r})};var rt=e(23601),gt=e(49503),Lt=e(14977),ht=e(39832),mt=e(59452),ft=e(48701),ut=e(45505);const Ct=({Header:t,toolbar:a})=>{const{formatMessage:e}=(0,h.t)(),l=(0,C.useTheme)(),n=(0,j.default)(l.breakpoints.down("md")),{avatars:o,callList:c,getCallList:d,clearCallList:r}=dt(),{data:L,isLoading:m,all:f,offset:y,limit:p}=c,[v]=(0,ft.W)({offset:y,limit:p||20,all:f,action:t=>{d(t)}}),{mode:b,selectedItem:k,selectedId:M,onFocusCatalogue:B,onBackCatalogue:I,onSelectCatalogueHandler:A}=(0,g.gp)({items:L});(0,i.useEffect)(()=>(v(),()=>{r()}),[]);const T=k&&g.f6[k.direction];return(0,s.jsxs)(g.su,{children:[(0,s.jsx)(t,{all:f,isLoading:m}),(0,s.jsx)(g.rH,{mode:b,toolbar:a,catalogue:(0,s.jsx)(g.Lw,{isLoading:m,items:L,all:f,onFetchMore:v,onFocus:B,children:({item:t,index:a})=>(0,s.jsx)(g.yM,{tabIndex:a,isActive:String(t.id)===M,title:t.userName,subtitle:t.number,date:t.dateTime,state:T&&(0,s.jsx)(mt.w,{state:g.f6[t.direction]}),capture:(0,gt._)(t.duration),onClick:A(t.id),icon:(0,s.jsx)(u(),{sx:{marginRight:"8px"},children:(0,s.jsx)(Lt.e,{title:t.userName,fontSize:"32px",avatarBackground:(0,g.m5)(o,t.id)})})})}),content:k&&(0,s.jsx)(g.dg,{isBackButton:Boolean(n&&M),onBackClick:I,children:(0,s.jsx)(g.nB,{title:k.userName,subtitle:(0,s.jsxs)(u(),{sx:{textAlign:"center",marginTop:"8px"},children:[(0,s.jsx)(x(),{variant:"body1",sx:{width:"100%",color:"#8f98af",lineHeight:"18px",marginBottom:"3px"},children:e(ut.A.phoneNumber)}),(0,s.jsx)(x(),{variant:"h2",sx:{fontSize:"22px"},children:k.number})]}),items:[{label:e(ut.A.duration),value:(0,gt._)(k.duration)},{label:e(ut.A.date),value:(0,rt.vd)(k.dateTime)?(0,s.jsx)(ht.c,{date:k.dateTime}):null},{label:e(ut.A.state),valueAlign:"end",value:T&&(0,s.jsxs)(u(),{display:"inline-flex",alignItems:"center",children:[(0,s.jsx)(mt.w,{state:g.f6[k.direction]}),(0,s.jsx)(x(),{variant:"body1",color:"#8f98af",ml:"3px",textTransform:"capitalize",children:g.f6[k.direction]})]})}],avatarBackground:(0,g.m5)(o,k.id)})}),noActivity:!L.length&&!m})]})},yt=({Header:t,toolbar:a})=>{const e=(0,C.useTheme)(),l=(0,j.default)(e.breakpoints.down("md"),{noSsr:!0}),{avatars:n,chatMessages:o,chatList:c,getChatMessages:d,getChatList:r,clearChat:L}=dt(),{data:h,isLoading:m,all:f,offset:u,limit:y}=o,{data:x,isLoading:p,all:v,offset:b,limit:k}=c,[M]=(0,ft.W)({limit:k||20,offset:b,all:v,action:t=>{r(t)}}),[B]=(0,ft.W)({limit:y||10,offset:u,all:f,action:t=>{d(t)}}),{mode:I,selectedItem:A,selectedId:T,onFocusCatalogue:E,onBackCatalogue:F,onSelectCatalogueHandler:H}=(0,g.gp)({items:x,clearAction:()=>{L()}}),S=l&&Boolean(T),w=()=>{T&&B({params:{chatId:T}})};return(0,i.useLayoutEffect)(()=>{S||M()},[S]),(0,i.useLayoutEffect)(()=>{T&&w()},[T]),(0,i.useEffect)(()=>()=>{L()},[]),(0,s.jsxs)(g.su,{children:[(0,s.jsx)(t,{all:v,isLoading:p}),(0,s.jsx)(g.rH,{mode:I,toolbar:a,catalogue:(0,s.jsx)(g.Lw,{isLoading:p,all:v,items:x,onFetchMore:M,onFocus:E,children:({item:t,index:a})=>(0,s.jsx)(g.yM,{tabIndex:a,isActive:t.id===(null==A?void 0:A.id),title:t.chatTitle,subtitle:t.chatDescription,date:t.chatLastMessageDate,icon:(0,s.jsx)(g.BI,{title:t.chatTitle,avatarBackground:(0,g.m5)(n,t.id)}),onClick:H(t.id)})}),content:(0,s.jsx)(g.dg,{isBackButton:S&&Boolean(h.length),onBackClick:F,children:(0,s.jsx)(g.Ht,{isLoading:m,items:h,fetchedId:T,onFetchMore:w,children:({item:t})=>{const a=Array.isArray(t)?t[0]:t,e=Array.isArray(a.contact)?a.chatTitle:a.contact.name||a.chatTitle||a.contact.phone_number,i="in"===a.direction,l=a.attachments.length>0,o=Boolean(1===a.deleted),c=(0,g.m5)(n,T);return(0,s.jsx)(g._L,{title:e,isDeleted:o,isIncoming:i,hasAttachments:l,avatarBackground:c,children:l?(0,s.jsx)(g.IA,{title:e,isIncoming:i,date:a.date,attachments:a.attachments,avatarBackground:c}):(0,s.jsx)(g.zD,{message:a.text,date:a.date,isDeleted:o})})}})}),noActivity:S?!h.length&&!m:!x.length&&!p})]})},xt=({Header:t,toolbar:a})=>{const e=(0,C.useTheme)(),l=(0,j.default)(e.breakpoints.down("md")),{formatMessage:n}=(0,h.t)(),{avatars:o,contactList:c,getContactList:d,clearContactList:r}=dt(),{data:L,isLoading:m,all:f,limit:y,offset:x}=c,[p]=(0,ft.W)({offset:x,limit:y||20,all:f,action:t=>{d(t)}}),{mode:v,selectedItem:b,selectedId:k,onFocusCatalogue:M,onBackCatalogue:B,onSelectCatalogueHandler:I}=(0,g.gp)({items:L});(0,i.useEffect)(()=>(p(),()=>{r()}),[]);const A=l&&Boolean(k);return(0,s.jsxs)(g.su,{children:[(0,s.jsx)(t,{all:f,isLoading:m}),(0,s.jsx)(g.rH,{mode:v,toolbar:a,catalogue:(0,s.jsx)(g.Lw,{isLoading:m,items:L,all:f,onFetchMore:p,onFocus:M,children:({item:t,

1index:a})=>{var e;return(0,s.jsx)(g.yM,{tabIndex:a,isActive:String(t.id)===k,title:t.name,isDeleted:Boolean(t.deleted),subtitle:null===(e=t.phone[0])||void 0===e?void 0:e.number,onClick:I(t.id),icon:(0,s.jsx)(u(),{sx:{marginRight:"8px"},children:(0,s.jsx)(Lt.e,{title:t.name,fontSize:"32px",avatarBackground:(0,g.m5)(o,t.id)})})})}}),content:b&&(0,s.jsx)(g.dg,{isBackButton:A,onBackClick:B,children:(0,s.jsx)(g.nB,{title:b.name,isDeleted:Boolean(b.deleted),items:[...b.phone.map(({number:t})=>({label:n(ut.A.phoneNumber),value:t})),...b.email.map(({email:t})=>({label:n(ut.A.emails),value:t})),...b.address.map(({address:t})=>({label:n(ut.A.addresses),value:t,valueAlign:"start"}))],avatarBackground:(0,g.m5)(o,b.id)})}),noActivity:!L.length&&!m})]})},jt=()=>{const{formatMessage:t}=(0,h.t)(),{initReviewPopupRating:a}=(0,c.T)(),[e,f]=(0,i.useState)(0),u=(0,n.useTheme)(),C=(0,n.useMediaQuery)(u.breakpoints.down("md")),y=(0,l.d4)(r.w.Tp.makeSelectMenuFeatureMuted(g.Xj.Line)),{isFeatureEnabledInPackage:x}=(0,r.z)({featureName:g.Xj.Line});if(!x)return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(L.mk,{hasInformationBanner:!1}),(0,s.jsx)(o.n,{sensorName:g.Xj.Line})]});(0,i.useEffect)(()=>{a()},[]);const j=(0,s.jsx)(g.mg,{tabs:["chat","person","phone"],activeIndex:e,handleChangeTab:f}),p=a=>(0,s.jsx)(L.mk,Object.assign({title:t(m.title)},a,{children:!C&&(0,s.jsx)(d.j,{sensorName:g.Xj.Line})}));return(0,s.jsx)(g.F_,{children:y?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p,{}),(0,s.jsx)(g.Wl,{})]}):(0,s.jsxs)(s.Fragment,{children:[0===e&&(0,s.jsx)(yt,{Header:p,toolbar:j}),1===e&&(0,s.jsx)(xt,{Header:p,toolbar:j}),2===e&&(0,s.jsx)(Ct,{Header:p,toolbar:j})]})})}}}]);