https://business.tanso-man.com/static/js/6769.e9d6214c.chunk.js

1"use strict";(self.webpackChunkMTCUserFE=self.webpackChunkMTCUserFE||[]).push([[6769],{60561:(e,a,i)=>{i.d(a,{Z:()=>n});var t=i(22870),l=i(46417);const n=e=>{let{title:a,onClick:i}=e;return(0,l.jsxs)("div",{className:"d-flex align-items-center bases__gap16",children:[i&&(0,l.jsx)(t.D6,{className:"color-006765 cursor-pointer hover-opacity",onClick:i}),(0,l.jsx)("span",{className:"page__title mb-0 bases__font--md20",children:a})]})}},65277:(e,a,i)=>{i.d(a,{Z:()=>o});var t=i(75903),l=i(46417);const n=e=>{let{title:a="",util:i,subTitle:t="",note:n=""}=e;return(0,l.jsxs)("div",{className:"d-flex flex-column bases__gap16",children:[(0,l.jsxs)("div",{className:"w-100 d-flex flex-column flex-md-row justify-content-between align-items-md-center bases__gap10",children:[a,i]}),(t||n)&&(0,l.jsxs)("div",{className:"d-flex flex-column bases__gap4 color-222 bases__font--16 bases__text--normal",children:[t&&(0,l.jsx)("span",{className:"page__sub-title mt-0",children:t}),n&&(0,l.jsx)("span",{className:"page__sub-title mt-0",children:n})]})]})},o=e=>{let{title:a,subTitle:i,note:o,util:s,children:r}=e;return(0,l.jsxs)(t.KB,{className:"container--max-1280 d-flex flex-column bases__gap32",children:[(0,l.jsx)(n,{title:a,subTitle:i,note:o,util:s}),r]})}},13663:(e,a,i)=>{i.d(a,{Z:()=>o});var t=i(47313),l=i(2135),n=i(71181);const o=function(){let{currentPageParamName:e,itemPerPageParamName:a,initPage:i,initItemPerPage:o}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const s=(0,t.useRef)(!0),[r,d]=(0,l.lr)(),[c,u]=(0,t.useState)((()=>({currentPage:e?Number(i||r.get(e)||n.qe):n.qe,itemPerPage:a?Number(o||r.get(a)||n.BJ):n.BJ,totalItems:0,totalPages:0,isLoading:!1}))),[v,m]=(0,t.useState)(),[g,p]=(0,t.useState)(),{totalPages:x,currentPage:f,totalItems:h,itemPerPage:N,isLoading:_}=c;return(0,t.useEffect)((()=>{if(s.current)return void(s.current=!1);const e=Math.ceil(h/N);u((a=>({...a,totalPages:e,currentPage:a.currentPage>e?n.qe:a.currentPage})))}),[h,N]),(0,t.useEffect)((()=>{e&&r.set(e,f.toString()),a&&r.set(a,N.toString()),d(r)}),[f,N]),(0,t.useEffect)((()=>{m(null!==g&&void 0!==g&&g.column&&null!==g&&void 0!==g&&g.state?{sortBy:null===g||void 0===g?void 0:g.column,order:null===g||void 0===g?void 0:g.state.toString().toLocaleUpperCase()}:void 0)}),[g]),{currentPage:f,itemPerPage:N,totalItems:h,sortData:v,totalPages:x,isLoading:_,setSortData:m,setSortTableChange:p,setPagination:u,setLoading:e=>{u((a=>({...a,isLoading:e})))}}}},46769:(e,a,i)=>{i.r(a),i.d(a,{default:()=>E});var t=i(47313),l=i(75590),n=i(2135),o=i(46123),s=i.n(o),r=i(60697),d=i(60561),c=i(32704),u=i(65277),v=i(11430),m=i(80740),g=i(83226),p=i(71181),x=i(63277),f=i(22870),h=i(6031),N=i(28154),_=i(24480),P=i(13663),b=i(85811),j=(i(68115),i(46417));const E=()=>{const e=(0,_.TL)(),{t:a}=(0,l.$G)(),[i,o]=(0,t.useState)([]),[E,y]=(0,t.useState)(!1),[S,D]=(0,t.useState)(!1),{currentPage:C,setPagination:T}=(0,P.Z)(),Z=i=>{D(!0),e((0,v.XD)({isLoading:!0,params:{page:i,take:x.qq.ITEM_PER_PAGE},onSuccess:e=>{var a;(D(!1),Number(null===e||void 0===e?void 0:e.code)===h.NL.SUCCESS)&&(o((a=>{var i;return[...a,...null===e||void 0===e||null===(i=e.data)||void 0===i?void 0:i.notifications]})),T((a=>{var t;return{...a,currentPage:i,totalItems:null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.count}})),y(Math.ceil((null===e||void 0===e||null===(a=e.data)||void 0===a?void 0:a.count)/x.qq.ITEM_PER_PAGE)>i))},onError:()=>{D(!1),c.Z.error({message:a("error.something_wrong")}),i===p.qe&&o([])}}))},w=()=>e((0,v.md)({onSuccess:e=>{const a=(null===e||void 0===e?void 0:e.data)&&(null===e||void 0===e?void 0:e.data)>0;g.h.dispatch({type:m.Xz,payload:{hasUnreadNotifications:a}})}})),R=e=>{var i,t,l,n,o,s,r,d,c,u,v,m,g,p,f,h,N,_;switch(null===e||void 0===e?void 0:e.type){case x.tx.REQUEST:return a("notification.request.title",{companyName:null===e||void 0===e||null===(i=e.collaboration)||void 0===i||null===(t=i.request)||void 0===t||null===(l=t.companyName)||void 0===l?void 0:l[b.Z.language]});case x.tx.APPROVED:return a("notification.approved.title",{companyName:null===e||void 0===e||null===(n=e.collaboration)||void 0===n||null===(o=n.inv

1ite)||void 0===o||null===(s=o.companyName)||void 0===s?void 0:s[b.Z.language]});case x.tx.REQUEST_SHARE:return a("notification.request_share.title",{companyName:null===e||void 0===e||null===(r=e.shareData)||void 0===r||null===(d=r.companyRequest)||void 0===d||null===(c=d.companyName)||void 0===c?void 0:c[b.Z.language]});case x.tx.SHARED:return a("notification.shared.title",{companyName:null===e||void 0===e||null===(u=e.shareData)||void 0===u||null===(v=u.company)||void 0===v||null===(m=v.companyName)||void 0===m?void 0:m[b.Z.language]});case x.tx.UPDATE_SHARE:return a("notification.update_share.title",{companyName:null===e||void 0===e||null===(g=e.shareData)||void 0===g||null===(p=g.company)||void 0===p||null===(f=p.companyName)||void 0===f?void 0:f[b.Z.language]});default:return a("notification.shared.title",{companyName:null===e||void 0===e||null===(h=e.collaboration)||void 0===h||null===(N=h.invite)||void 0===N||null===(_=N.companyName)||void 0===_?void 0:_[b.Z.language]})}};return(0,t.useEffect)((()=>{o([]),Z(p.qe)}),[]),(0,j.jsx)(u.Z,{title:(0,j.jsx)(d.Z,{title:a("dashboard.notification")}),children:(0,j.jsxs)("div",{className:"notifications-wrapper",children:[(0,j.jsxs)("div",{className:"notifications-wrapper__list",children:[(null===i||void 0===i?void 0:i.length)>0?i.map((t=>(null===t||void 0===t?void 0:t.type)===x.tx.NOTIFICATION?(0,j.jsxs)("div",{className:s()("notification-child",{"cursor-pointer":!t.user}),...!t.user&&{onClick:()=>{return l=t.id,void e((0,v.z5)({isLoading:!0,id:l,onSuccess:e=>{Number(null===e||void 0===e?void 0:e.code)===h.NL.CREATED&&(o(null===i||void 0===i?void 0:i.map((e=>((null===e||void 0===e?void 0:e.id)===l&&(e.user={id:""}),e)))),w())},onError:()=>{c.Z.error({message:a("error.something_wrong")}),o([])}}));var l}},children:[(0,j.jsx)("div",{className:s()("status",{"is-read":!!t.user})}),(0,j.jsxs)("div",{className:"d-flex flex-column flex-1",children:[(0,j.jsx)("div",{className:"message",children:"".concat(null===t||void 0===t?void 0:t.message)}),(0,j.jsx)("div",{className:"notifications__created-at",children:(null===t||void 0===t?void 0:t.startDate)&&(0,N.formatRawDate)(null===t||void 0===t?void 0:t.startDate,"YYYY/MM/DD")})]})]},t.id):(0,j.jsxs)(n.rU,{to:"/notifications/".concat(null===t||void 0===t?void 0:t.id),className:"notification-child",children:[(0,j.jsx)("div",{className:s()("status",{"is-read":!!t.user})}),(0,j.jsxs)("div",{className:"d-flex flex-column flex-1",children:[(0,j.jsx)("div",{className:"message",children:R(t)}),(0,j.jsx)("div",{className:"notifications__created-at",children:(null===t||void 0===t?void 0:t.createdAt)&&(0,N.formatRawDate)(null===t||void 0===t?void 0:t.createdAt,"YYYY/MM/DD")})]})]},null===t||void 0===t?void 0:t.id))):(0,j.jsx)("div",{className:"text-center",children:a("message.empty_notification")}),(null===i||void 0===i?void 0:i.length)>0&&(0,j.jsxs)("div",{className:"d-flex justify-content-end align-items-center cursor-pointer bases__gap12 color-11B9B5",onClick:()=>{D(!0),e((0,v.E2)({isLoading:!0,onSuccess:e=>{D(!1),Number(null===e||void 0===e?void 0:e.code)===h.NL.CREATED&&(o(null===i||void 0===i?void 0:i.map((e=>(null!==e&&void 0!==e&&e.user||(e.user={id:""}),e)))),w())},onError:()=>{D(!1),c.Z.error({message:a("error.something_wrong")}),o([])}}))},children:[(0,j.jsx)("span",{children:a("base.mark_as_read")}),(0,j.jsx)(f.NO,{className:"bases__width16px"})]})]}),E&&(0,j.jsx)("div",{className:"d-flex justify-content-center bases__margin--top30",children:(0,j.jsx)(r.Z,{className:"w-280",variant:"outline",shape:"rounded-pill",size:"large",isBold:!1,onClick:()=>{Z(C+1)},children:a(S?"base.loading":"base.load_more")})})]})})}},68115:()=>{}}]);