52 lines
12 KiB
JavaScript
52 lines
12 KiB
JavaScript
import{P as O}from"./Page.ca87850d.js";import{a as U,g as T,C as B,s as W,_ as w,a8 as F,E as f,r as m,u as I,e as X,j as e,h as A,i as D,f as o,T as t,S as s,Y as E,n as j,Z as G,aw as L,a1 as Y,a4 as K}from"./index.225b3434.js";import{d as V}from"./ArrowBackIos.b0a6adc4.js";import{a as N}from"./formatTime.102fc2f1.js";import{C as p}from"./Card.95cb6642.js";import{G as r}from"./Grid.5bf85f86.js";import"./jsx-runtime_commonjs-proxy.d19d9a09.js";import"./useId.ea638843.js";import"./index.49ea62c1.js";function H(i){return String(i).match(/[\d.\-+]*\s*(.*)/)[1]||""}function Z(i){return parseFloat(i)}function q(i){return U("MuiSkeleton",i)}T("MuiSkeleton",["root","text","rectangular","rounded","circular","pulse","wave","withChildren","fitContent","heightAuto"]);const z=["animation","className","component","height","style","variant","width"];let x=i=>i,C,k,S,R;const J=i=>{const{classes:l,variant:a,animation:c,hasChildren:d,width:g,height:h}=i;return D({root:["root",a,c,d&&"withChildren",d&&!g&&"fitContent",d&&!h&&"heightAuto"]},q,l)},Q=B(C||(C=x`
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
50% {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
`)),M=B(k||(k=x`
|
|
0% {
|
|
transform: translateX(-100%);
|
|
}
|
|
|
|
50% {
|
|
/* +0.5s of delay between each loop */
|
|
transform: translateX(100%);
|
|
}
|
|
|
|
100% {
|
|
transform: translateX(100%);
|
|
}
|
|
`)),ee=W("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(i,l)=>{const{ownerState:a}=i;return[l.root,l[a.variant],a.animation!==!1&&l[a.animation],a.hasChildren&&l.withChildren,a.hasChildren&&!a.width&&l.fitContent,a.hasChildren&&!a.height&&l.heightAuto]}})(({theme:i,ownerState:l})=>{const a=H(i.shape.borderRadius)||"px",c=Z(i.shape.borderRadius);return w({display:"block",backgroundColor:i.vars?i.vars.palette.Skeleton.bg:F(i.palette.text.primary,i.palette.mode==="light"?.11:.13),height:"1.2em"},l.variant==="text"&&{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:`${c}${a}/${Math.round(c/.6*10)/10}${a}`,"&:empty:before":{content:'"\\00a0"'}},l.variant==="circular"&&{borderRadius:"50%"},l.variant==="rounded"&&{borderRadius:(i.vars||i).shape.borderRadius},l.hasChildren&&{"& > *":{visibility:"hidden"}},l.hasChildren&&!l.width&&{maxWidth:"fit-content"},l.hasChildren&&!l.height&&{height:"auto"})},({ownerState:i})=>i.animation==="pulse"&&f(S||(S=x`
|
|
animation: ${0} 1.5s ease-in-out 0.5s infinite;
|
|
`),Q),({ownerState:i,theme:l})=>i.animation==="wave"&&f(R||(R=x`
|
|
position: relative;
|
|
overflow: hidden;
|
|
|
|
/* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
|
|
-webkit-mask-image: -webkit-radial-gradient(white, black);
|
|
|
|
&::after {
|
|
animation: ${0} 1.6s linear 0.5s infinite;
|
|
background: linear-gradient(
|
|
90deg,
|
|
transparent,
|
|
${0},
|
|
transparent
|
|
);
|
|
content: '';
|
|
position: absolute;
|
|
transform: translateX(-100%); /* Avoid flash during server-side hydration */
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
`),M,(l.vars||l).palette.action.hover)),ie=m.exports.forwardRef(function(l,a){const c=I({props:l,name:"MuiSkeleton"}),{animation:d="pulse",className:g,component:h="span",height:v,style:u,variant:P="text",width:_}=c,b=X(c,z),y=w({},c,{animation:d,component:h,variant:P,hasChildren:Boolean(b.children)}),$=J(y);return e(ee,w({as:h,ref:a,className:A($.root,g),ownerState:y},b,{style:w({width:_,height:v},u)}))}),n=ie;function re({data:i}){return e(p,{sx:{borderRadius:2,padding:3},children:o(r,{container:!0,gap:5,children:[e(r,{item:!0,xs:12,children:e(t,{component:"h6",fontWeight:700,children:i?"Personal Information":e(n,{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(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Full Name":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.name?i.name:"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Weight":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.weight?`${i.weight} kg`:"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Height":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.height?`${i.height} cm`:"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Place of Birth":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.placeOfBirth?i.placeOfBirth:"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Date of Birth":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.dateOfBirth?N(i.dateOfBirth):"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Gender":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.gender?i.gender:"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Phone Number":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.phoneNumber?i.phoneNumber:"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:8,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Email":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.email?i.email:"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Address":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.address?i.address:"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"ID Number":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.idNumber?i.idNumber:"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:8,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Religion":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.religion?i.religion:"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Marital Status":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.maritalStatus?i.maritalStatus:"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Education":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.education?i.education:"-":e(n,{animation:"wave",width:125})})]})}),e(r,{item:!0,xs:12,md:4,children:o(s,{gap:1.5,children:[e(t,{variant:"subtitle2",color:"grey.600",children:i?"Occupation":e(n,{animation:"wave",width:200})}),e(t,{variant:"subtitle1",color:"grey.800",children:i?i.occupation?i.occupation:"-":e(n,{animation:"wave",width:125})})]})})]})]})})}function te({data:i,loading:l}){return l?e(p,{sx:{borderRadius:2,padding:3},children:o(r,{container:!0,gap:5,children:[e(r,{item:!0,xs:12,children:e(t,{component:"h6",fontWeight:700,children:e(n,{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(p,{sx:{borderRadius:1.5,paddingX:3,paddingY:3.5},children:o(r,{container:!0,children:[e(r,{item:!0,xs:12,children:o(s,{gap:.5,children:[e(t,{variant:"subtitle1",color:"grey.800",children:e(n,{animation:"wave",width:250})}),e(t,{variant:"subtitle2",color:"grey.600",children:e(n,{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(t,{variant:"body2",color:"grey.600",children:e(n,{animation:"wave"})})}),e(r,{item:!0,xs:12,md:8,children:e(t,{variant:"body2",color:"grey.800",children:e(n,{animation:"wave"})})})]}),o(r,{container:!0,xs:12,spacing:1,children:[e(r,{item:!0,xs:12,md:4,children:e(t,{variant:"body2",color:"grey.600",children:e(n,{animation:"wave"})})}),e(r,{item:!0,xs:12,md:8,children:e(t,{variant:"body2",color:"grey.800",children:e(n,{animation:"wave"})})})]}),o(r,{container:!0,xs:12,spacing:1,children:[e(r,{item:!0,xs:12,md:4,children:e(t,{variant:"body2",color:"grey.600",children:e(n,{animation:"wave"})})}),e(r,{item:!0,xs:12,md:8,children:e(t,{variant:"body2",color:"grey.800",children:e(n,{animation:"wave"})})})]}),o(r,{container:!0,xs:12,spacing:1,children:[e(r,{item:!0,xs:12,md:4,children:e(t,{variant:"body2",color:"grey.600",children:e(n,{animation:"wave"})})}),e(r,{item:!0,xs:12,md:8,children:e(t,{variant:"body2",color:"grey.800",children:e(n,{animation:"wave"})})})]})]})})})})]})}):i&&i.length>0?e(p,{sx:{borderRadius:2,padding:3},children:o(r,{container:!0,gap:5,children:[e(r,{item:!0,xs:12,children:e(t,{component:"h6",fontWeight:700,children:"Beneficiary / Family"})}),e(r,{item:!0,container:!0,xs:12,spacing:3,children:i.map((a,c)=>e(r,{item:!0,xs:12,md:6,children:e(p,{sx:{borderRadius:1.5,paddingX:3,paddingY:3.5},children:o(r,{container:!0,children:[e(r,{item:!0,xs:12,children:o(s,{gap:.5,children:[e(t,{variant:"subtitle1",color:"grey.800",children:a.name?a.name:"-"}),e(t,{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(t,{variant:"body2",color:"grey.600",children:"Date Of Birth"})}),e(r,{item:!0,xs:12,md:8,children:e(t,{variant:"body2",color:"grey.800",children:a.dateOfBirth?N(a.dateOfBirth):"-"})})]}),o(r,{container:!0,xs:12,children:[e(r,{item:!0,xs:12,md:4,children:e(t,{variant:"body2",color:"grey.600",children:"Email"})}),e(r,{item:!0,xs:12,md:8,children:e(t,{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(t,{variant:"body2",color:"grey.600",children:"Phone Number"})}),e(r,{item:!0,xs:12,md:8,children:e(t,{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(t,{variant:"body2",color:"grey.600",children:"Status"})}),e(r,{item:!0,xs:12,md:8,children:e(t,{variant:"body2",color:"grey.800",children:a.status?a.status:"-"})})]})]})})},c))})]})}):e(m.exports.Fragment,{})}function me(){const{themeStretch:i}=E(),l=j(),[a,c]=m.exports.useState(),[d,g]=m.exports.useState(!0),{corporateValue:h}=m.exports.useContext(G),{id:v}=L();return m.exports.useEffect(()=>{(async()=>await Y.get(h+"/members/"+v).then(u=>{setTimeout(()=>{c(u.data),g(!1)},1e3)}).catch(u=>{u.response.data.statusCode===404?l(-1):console.error(u)}))()},[]),e(O,{title:"Profile",children:o(K,{maxWidth:i?!1:"xl",children:[o(s,{direction:"row",alignItems:"center",sx:{marginBottom:3},children:[e(V,{sx:{cursor:"pointer"},onClick:()=>l(-1)}),e(t,{variant:"h5",sx:{marginLeft:2},children:"Profile"})]}),o(r,{container:!0,spacing:2,children:[e(r,{item:!0,xs:12,md:12,children:e(re,{data:a==null?void 0:a.person})}),e(r,{item:!0,xs:12,md:12,children:e(te,{data:a==null?void 0:a.families,loading:d})})]})]})})}export{me as default};
|