Files
aso/public/client-portal/assets/UserProfile.727584d1.js
Linksehat Staging Server d125d1bb38 [Production] Build
2024-01-14 12:06:54 +07:00

2 lines
8.6 KiB
JavaScript

import{P as x}from"./Page.b1f38576.js";import{j as e,f as o,T as n,S as c,r as l,Y as y,n as b,Z as f,au as B,a0 as S,a2 as C}from"./index.4524613b.js";import{d as N}from"./ArrowBackIos.720b1306.js";import{a as u}from"./formatTime.0646b9d0.js";import{C as d}from"./Card.4734268d.js";import{G as r}from"./Grid.63392dc1.js";import{S as t}from"./Skeleton.a14cd0e0.js";import"./jsx-runtime_commonjs-proxy.08daee49.js";import"./useId.5c752e65.js";import"./index.49ea62c1.js";function P({data:i}){return e(d,{sx:{borderRadius:2,padding:3},children:o(r,{container:!0,gap:5,children:[e(r,{item:!0,xs:12,children:e(n,{component:"h6",fontWeight:700,children:i?"Personal Information":e(t,{animation:"wave",width:200})})}),o(r,{item:!0,container:!0,xs:12,spacing:3,children:[e(r,{item:!0,xs:12,md:4,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Full Name":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.name?i.name:"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Weight":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.weight?`${i.weight} kg`:"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Height":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.height?`${i.height} cm`:"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Place of Birth":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.placeOfBirth?i.placeOfBirth:"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Date of Birth":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.dateOfBirth?u(i.dateOfBirth):"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Gender":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.gender?i.gender:"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Phone Number":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.phoneNumber?i.phoneNumber:"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:8,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Email":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.email?i.email:"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Address":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.address?i.address:"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"ID Number":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.idNumber?i.idNumber:"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:8,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Religion":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.religion?i.religion:"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Marital Status":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.maritalStatus?i.maritalStatus:"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Education":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.education?i.education:"-":e(t,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(c,{gap:1.5,children:[e(n,{variant:"subtitle2",color:"grey.600",children:i?"Occupation":e(t,{animation:"wave",width:200})}),e(n,{variant:"subtitle1",color:"grey.800",children:i?i.occupation?i.occupation:"-":e(t,{animation:"wave",width:125})})]})})]})]})})}function O({data:i,loading:h}){return h?e(d,{sx:{borderRadius:2,padding:3},children:o(r,{container:!0,gap:5,children:[e(r,{item:!0,xs:12,children:e(n,{component:"h6",fontWeight:700,children:e(t,{animation:"wave",width:200})})}),e(r,{item:!0,container:!0,xs:12,spacing:3,children:e(r,{item:!0,xs:12,md:6,children:e(d,{sx:{borderRadius:1.5,paddingX:3,paddingY:3.5},children:o(r,{container:!0,children:[e(r,{item:!0,xs:12,children:o(c,{gap:.5,children:[e(n,{variant:"subtitle1",color:"grey.800",children:e(t,{animation:"wave",width:250})}),e(n,{variant:"subtitle2",color:"grey.600",children:e(t,{animation:"wave",width:150})})]})}),o(r,{container:!0,xs:12,spacing:1,marginTop:3,children:[e(r,{item:!0,xs:12,md:4,children:e(n,{variant:"body2",color:"grey.600",children:e(t,{animation:"wave"})})}),e(r,{item:!0,xs:12,md:8,children:e(n,{variant:"body2",color:"grey.800",children:e(t,{animation:"wave"})})})]}),o(r,{container:!0,xs:12,spacing:1,children:[e(r,{item:!0,xs:12,md:4,children:e(n,{variant:"body2",color:"grey.600",children:e(t,{animation:"wave"})})}),e(r,{item:!0,xs:12,md:8,children:e(n,{variant:"body2",color:"grey.800",children:e(t,{animation:"wave"})})})]}),o(r,{container:!0,xs:12,spacing:1,children:[e(r,{item:!0,xs:12,md:4,children:e(n,{variant:"body2",color:"grey.600",children:e(t,{animation:"wave"})})}),e(r,{item:!0,xs:12,md:8,children:e(n,{variant:"body2",color:"grey.800",children:e(t,{animation:"wave"})})})]}),o(r,{container:!0,xs:12,spacing:1,children:[e(r,{item:!0,xs:12,md:4,children:e(n,{variant:"body2",color:"grey.600",children:e(t,{animation:"wave"})})}),e(r,{item:!0,xs:12,md:8,children:e(n,{variant:"body2",color:"grey.800",children:e(t,{animation:"wave"})})})]})]})})})})]})}):i&&i.length>0?e(d,{sx:{borderRadius:2,padding:3},children:o(r,{container:!0,gap:5,children:[e(r,{item:!0,xs:12,children:e(n,{component:"h6",fontWeight:700,children:"Beneficiary / Family"})}),e(r,{item:!0,container:!0,xs:12,spacing:3,children:i.map((a,m)=>e(r,{item:!0,xs:12,md:6,children:e(d,{sx:{borderRadius:1.5,paddingX:3,paddingY:3.5},children:o(r,{container:!0,children:[e(r,{item:!0,xs:12,children:o(c,{gap:.5,children:[e(n,{variant:"subtitle1",color:"grey.800",children:a.name?a.name:"-"}),e(n,{variant:"subtitle2",color:"grey.600",children:a.relationship?a.relationship:"-"})]})}),o(r,{container:!0,xs:12,marginTop:3,children:[e(r,{item:!0,xs:12,md:4,children:e(n,{variant:"body2",color:"grey.600",children:"Date Of Birth"})}),e(r,{item:!0,xs:12,md:8,children:e(n,{variant:"body2",color:"grey.800",children:a.dateOfBirth?u(a.dateOfBirth):"-"})})]}),o(r,{container:!0,xs:12,children:[e(r,{item:!0,xs:12,md:4,children:e(n,{variant:"body2",color:"grey.600",children:"Email"})}),e(r,{item:!0,xs:12,md:8,children:e(n,{variant:"body2",color:"grey.800",children:a.email?a.email:"-"})})]}),o(r,{container:!0,xs:12,children:[e(r,{item:!0,xs:12,md:4,children:e(n,{variant:"body2",color:"grey.600",children:"Phone Number"})}),e(r,{item:!0,xs:12,md:8,children:e(n,{variant:"body2",color:"grey.800",children:a.phoneNumber?a.phoneNumber:"-"})})]}),o(r,{container:!0,xs:12,children:[e(r,{item:!0,xs:12,md:4,children:e(n,{variant:"body2",color:"grey.600",children:"Status"})}),e(r,{item:!0,xs:12,md:8,children:e(n,{variant:"body2",color:"grey.800",children:a.status?a.status:"-"})})]})]})})},m))})]})}):e(l.exports.Fragment,{})}function Y(){const{themeStretch:i}=y(),h=b(),[a,m]=l.exports.useState(),[g,v]=l.exports.useState(!0),{corporateValue:w}=l.exports.useContext(f),{id:p}=B();return l.exports.useEffect(()=>{(async()=>await S.get(w+"/members/"+p).then(s=>{setTimeout(()=>{m(s.data),v(!1)},1e3)}).catch(s=>{s.response.data.statusCode===404?h(-1):console.error(s)}))()},[]),e(x,{title:"Profile",children:o(C,{maxWidth:i?!1:"xl",children:[o(c,{direction:"row",alignItems:"center",sx:{marginBottom:3},children:[e(N,{sx:{cursor:"pointer"},onClick:()=>h(-1)}),e(n,{variant:"h5",sx:{marginLeft:2},children:"Profile"})]}),o(r,{container:!0,spacing:2,children:[e(r,{item:!0,xs:12,md:12,children:e(P,{data:a==null?void 0:a.person})}),e(r,{item:!0,xs:12,md:12,children:e(O,{data:a==null?void 0:a.families,loading:g})})]})]})})}export{Y as default};