2 lines
18 KiB
JavaScript
2 lines
18 KiB
JavaScript
import{P as R}from"./Page.e7b124c2.js";import{c as T,j as i,f as n,S as r,T as e,G as c,t as d,I as f,s as I,r as y,at as A,o as D,au as B}from"./index.6e3d3f58.js";import{C as t,G as a}from"./Grid.b6e46be2.js";import{a as g,L as C,l as b}from"./Switch.cad85877.js";import{f as S,T as L,a as k,e as Y,c as x,d as p,b as j}from"./TableRow.ebea94d3.js";import"./KeyboardArrowRight.9ad3d050.js";const M=T(i("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");function W(){return n(t,{sx:{borderRadius:"6px",paddingY:2},children:[n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",sx:{paddingY:1,paddingX:3},children:[i(e,{variant:"subtitle2",children:"Informasi Pribadi"}),i(c,{startIcon:i(d,{icon:"heroicons:pencil-solid"}),children:"Edit Data"})]}),n(r,{direction:"row",spacing:2,paddingX:2,children:[n("div",{style:{position:"relative",flex:"none",height:"fit-content"},children:[i("img",{width:52,height:52,src:"/images/user-profile.png",alt:"user-profile",style:{borderRadius:"50%"}}),i(f,{color:"primary",sx:{position:"absolute",bottom:0,right:0,width:"20px",height:"20px",padding:"4px",backgroundColor:"rgba(255,255,255,0.9)"},children:i(d,{icon:"material-symbols:photo-camera"})})]}),n(r,{direction:"row",paddingY:1,spacing:2,sx:{flex:"100%"},children:[n(r,{sx:{width:"60%"},children:[i(e,{variant:"caption",children:"Nama Lengkap"}),i(e,{variant:"body2",children:"Jessica Lie"})]}),n(r,{sx:{width:"20%"},children:[i(e,{variant:"caption",children:"Berat Badan"}),i(e,{variant:"body2",children:"40 kg"})]}),n(r,{sx:{width:"20%"},children:[i(e,{variant:"caption",children:"Tinggi Badan"}),i(e,{variant:"body2",children:"165 cm"})]})]})]}),n(r,{maxHeight:"338px",paddingX:2,sx:{overflowY:"auto"},children:[n(r,{marginTop:2,spacing:1,children:[i(e,{variant:"subtitle2",children:"Informasi Dasar"}),n(r,{direction:"row",spacing:2,sx:{flex:"100%"},children:[n(r,{sx:{width:"100%"},children:[i(e,{variant:"caption",children:"Tempat Lahir"}),i(e,{variant:"body2",children:"Jakarta"})]}),n(r,{sx:{width:"100%"},children:[i(e,{variant:"caption",children:"Tanggal Lahir"}),i(e,{variant:"body2",children:"15-05-1996"})]}),n(r,{sx:{width:"100%"},children:[i(e,{variant:"caption",children:"Jenis Kelamin"}),i(e,{variant:"body2",children:"Perempuan"})]})]})]}),n(r,{marginTop:2,spacing:1,children:[i(e,{variant:"subtitle2",children:"Informasi Kontak"}),n(r,{direction:"row",spacing:2,sx:{flex:"100%"},children:[n(r,{sx:{width:"100%"},children:[i(e,{variant:"caption",children:"Nomor Telpon"}),i(e,{variant:"body2",children:"081256788765"})]}),n(r,{sx:{width:"100%"},children:[i(e,{variant:"caption",children:"Email"}),i(e,{variant:"body2",children:"Jessica.lie@gmail.com"})]})]}),n(r,{children:[i(e,{variant:"caption",children:"Alamat"}),i(e,{variant:"body2",children:"Jl. Kalimantan No.6, Rw. Mekar Jaya, Kec. Serpong, Kota Tangerang Selatan, Banten 15310"})]})]}),n(r,{marginTop:2,spacing:1,children:[i(e,{variant:"subtitle2",children:"Identitas Diri"}),n(r,{direction:"row",justifyContent:"space-between",alignItems:"center",spacing:2,sx:{flex:"100%"},children:[n(r,{children:[i(e,{variant:"caption",children:"Nomor NIK"}),i(e,{variant:"body2",children:"081256788765"})]}),i(r,{children:i(c,{variant:"contained",startIcon:i(M,{}),children:"Lihat Foto"})})]})]}),n(r,{marginTop:2,spacing:1,children:[i(e,{variant:"subtitle2",children:"Informasi Lainnya"}),n(r,{direction:"row",justifyContent:"space-between",spacing:2,sx:{flex:"100%"},children:[n(r,{children:[i(e,{variant:"caption",children:"Agama"}),i(e,{variant:"body2",children:"Kristen"})]}),n(r,{children:[i(e,{variant:"caption",children:"Status"}),i(e,{variant:"body2",children:"Menikah"})]}),n(r,{children:[i(e,{variant:"caption",children:"Pendidikan"}),i(e,{variant:"body2",children:"S1"})]}),n(r,{children:[i(e,{variant:"caption",children:"Pekerjaan"}),i(e,{variant:"body2",children:"Ibu Rumah Tangga"})]})]})]})]})]})}function F(){return n(t,{sx:{borderRadius:"6px",paddingY:2},children:[n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",sx:{paddingY:1,paddingX:3},children:[i(e,{variant:"subtitle2",children:"Beneficiary / Family"}),i(c,{startIcon:i(d,{icon:"ic:round-add"}),children:"Add Member"})]}),n(a,{container:!0,maxHeight:"307px",spacing:2,paddingX:2,sx:{overflowY:"auto"},children:[i(a,{item:!0,xs:12,sm:6,md:6,children:n(t,{sx:{paddingX:1.5,paddingY:1},children:[n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",spacing:2,sx:{flex:"100%"},children:[n(r,{direction:"row",spacing:1,children:[i("img",{width:24,height:24,src:"/images/husband-user-profile.png",alt:"user-profile",style:{borderRadius:"50%"}}),i(e,{variant:"body2",sx:{fontWeight:500},children:"Husband"})]}),n(r,{alignItems:"center",children:[i(e,{variant:"caption",children:"Suspend"}),i(g,{"aria-label":"switch demo"})]})]}),i(e,{variant:"body2",color:"#757575",children:"Octa Xavier"}),i(e,{variant:"body2",color:"#757575",children:"14 Jan 1986"}),i(e,{variant:"body2",color:"#757575",children:"082113256754"}),n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",marginTop:1.25,children:[i(c,{color:"error",startIcon:i(d,{icon:"ic:round-close"}),children:"Remove"}),i(c,{variant:"contained",startIcon:i(d,{icon:"heroicons:pencil-solid"}),children:"Edit Data"})]})]})}),i(a,{item:!0,xs:12,sm:6,md:6,children:n(t,{sx:{paddingX:1.5,paddingY:1},children:[n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",spacing:2,sx:{flex:"100%"},children:[n(r,{direction:"row",spacing:1,children:[i("div",{style:{borderRadius:"50%",width:"24px",height:"24px",backgroundColor:"#D9D9D9"}}),i(e,{variant:"body2",sx:{fontWeight:500},children:"Kid"})]}),n(r,{alignItems:"center",children:[i(e,{variant:"caption",children:"Suspend"}),i(g,{"aria-label":"switch demo"})]})]}),i(e,{variant:"body2",color:"#757575",children:"Celine Claudia"}),i(e,{variant:"body2",color:"#757575",children:"15 Oct 2000"}),i(e,{variant:"body2",color:"#757575",children:"082113256754"}),n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",marginTop:1.25,children:[i(c,{color:"error",startIcon:i(d,{icon:"ic:round-close"}),children:"Remove"}),i(c,{variant:"contained",startIcon:i(d,{icon:"heroicons:pencil-solid"}),children:"Edit Data"})]})]})}),i(a,{item:!0,xs:12,sm:6,md:6,children:n(t,{sx:{paddingX:1.5,paddingY:1},children:[n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",spacing:2,sx:{flex:"100%"},children:[n(r,{direction:"row",spacing:1,children:[i("div",{style:{borderRadius:"50%",width:"24px",height:"24px",backgroundColor:"#D9D9D9"}}),i(e,{variant:"body2",sx:{fontWeight:500},children:"Kid"})]}),n(r,{alignItems:"center",children:[i(e,{variant:"caption",children:"Suspend"}),i(g,{"aria-label":"switch demo"})]})]}),i(e,{variant:"body2",color:"#757575",children:"Celine Claudia"}),i(e,{variant:"body2",color:"#757575",children:"15 Oct 2000"}),i(e,{variant:"body2",color:"#757575",children:"082113256754"}),n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",marginTop:1.25,children:[i(c,{color:"error",startIcon:i(d,{icon:"ic:round-close"}),children:"Remove"}),i(c,{variant:"contained",startIcon:i(d,{icon:"heroicons:pencil-solid"}),children:"Edit Data"})]})]})}),i(a,{item:!0,xs:12,sm:6,md:6,children:n(t,{sx:{paddingX:1.5,paddingY:1},children:[n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",spacing:2,sx:{flex:"100%"},children:[n(r,{direction:"row",spacing:1,children:[i("div",{style:{borderRadius:"50%",width:"24px",height:"24px",backgroundColor:"#D9D9D9"}}),i(e,{variant:"body2",sx:{fontWeight:500},children:"Kid"})]}),n(r,{alignItems:"center",children:[i(e,{variant:"caption",children:"Suspend"}),i(g,{"aria-label":"switch demo"})]})]}),i(e,{variant:"body2",color:"#757575",children:"Celine Claudia"}),i(e,{variant:"body2",color:"#757575",children:"15 Oct 2000"}),i(e,{variant:"body2",color:"#757575",children:"082113256754"}),n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",marginTop:1.25,children:[i(c,{color:"error",startIcon:i(d,{icon:"ic:round-close"}),children:"Remove"}),i(c,{variant:"contained",startIcon:i(d,{icon:"heroicons:pencil-solid"}),children:"Edit Data"})]})]})}),i(a,{item:!0,xs:12,sm:6,md:6,children:n(t,{sx:{paddingX:1.5,paddingY:1},children:[n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",spacing:2,sx:{flex:"100%"},children:[n(r,{direction:"row",spacing:1,children:[i("div",{style:{borderRadius:"50%",width:"24px",height:"24px",backgroundColor:"#D9D9D9"}}),i(e,{variant:"body2",sx:{fontWeight:500},children:"Kid"})]}),n(r,{alignItems:"center",children:[i(e,{variant:"caption",children:"Suspend"}),i(g,{"aria-label":"switch demo"})]})]}),i(e,{variant:"body2",color:"#757575",children:"Celine Claudia"}),i(e,{variant:"body2",color:"#757575",children:"15 Oct 2000"}),i(e,{variant:"body2",color:"#757575",children:"082113256754"}),n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",marginTop:1.25,children:[i(c,{color:"error",startIcon:i(d,{icon:"ic:round-close"}),children:"Remove"}),i(c,{variant:"contained",startIcon:i(d,{icon:"heroicons:pencil-solid"}),children:"Edit Data"})]})]})}),i(a,{item:!0,xs:12,sm:6,md:6,children:n(t,{sx:{paddingX:1.5,paddingY:1},children:[n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",spacing:2,sx:{flex:"100%"},children:[n(r,{direction:"row",spacing:1,children:[i("div",{style:{borderRadius:"50%",width:"24px",height:"24px",backgroundColor:"#D9D9D9"}}),i(e,{variant:"body2",sx:{fontWeight:500},children:"Kid"})]}),n(r,{alignItems:"center",children:[i(e,{variant:"caption",children:"Suspend"}),i(g,{"aria-label":"switch demo"})]})]}),i(e,{variant:"body2",color:"#757575",children:"Celine Claudia"}),i(e,{variant:"body2",color:"#757575",children:"15 Oct 2000"}),i(e,{variant:"body2",color:"#757575",children:"082113256754"}),n(r,{direction:"row",alignItems:"center",justifyContent:"space-between",marginTop:1.25,children:[i(c,{color:"error",startIcon:i(d,{icon:"ic:round-close"}),children:"Remove"}),i(c,{variant:"contained",startIcon:i(d,{icon:"heroicons:pencil-solid"}),children:"Edit Data"})]})]})})]})]})}const l=I(C)(({theme:o})=>({height:10,borderRadius:6,[`&.${b.colorPrimary}`]:{backgroundColor:o.palette.grey[o.palette.mode==="light"?300:800]},[`& .${b.bar}`]:{borderRadius:6,background:"linear-gradient(270deg, #19BBBB 38.42%, #FF9565 76.21%, #FE7253 104.02%)"}}));function K(){return n("div",{style:{marginTop:"1rem"},children:[i(e,{padding:1,variant:"subtitle2",children:"Benefit Summary"}),i(t,{children:n(a,{container:!0,spacing:1,marginTop:1,sx:{backgroundColor:"#F4F6F8",padding:1},children:[i(a,{item:!0,xs:12,sm:6,md:6,lg:4,children:i(t,{sx:{padding:1},children:n(r,{spacing:1,children:[i(e,{variant:"subtitle2",sx:{fontWeight:500},children:"Rawat Jalan"}),i(e,{variant:"body2",color:"#0A0A0A",children:"Yearly Limits"}),i(l,{variant:"determinate",value:100}),n(r,{direction:"row",spacing:.25,children:[i(e,{variant:"body2",children:"10.000.000"}),i(e,{children:"/"}),i(e,{variant:"body2",color:"#757575",children:"10.000.000"})]})]})})}),i(a,{item:!0,xs:12,sm:6,md:6,lg:4,children:i(t,{sx:{padding:1},children:n(r,{spacing:1,children:[i(e,{variant:"subtitle2",sx:{fontWeight:500},children:"Rawat Inap"}),i(e,{variant:"body2",color:"#0A0A0A",children:"Yearly Limits"}),i(l,{variant:"determinate",value:100}),n(r,{direction:"row",spacing:.25,children:[i(e,{variant:"body2",children:"10.000.000"}),i(e,{children:"/"}),i(e,{variant:"body2",color:"#757575",children:"10.000.000"})]})]})})}),i(a,{item:!0,xs:12,sm:6,md:6,lg:4,children:i(t,{sx:{padding:1},children:n(r,{spacing:1,children:[i(e,{variant:"subtitle2",sx:{fontWeight:500},children:"Manfaat Special"}),i(e,{variant:"body2",color:"#0A0A0A",children:"Yearly Limits"}),i(l,{variant:"determinate",value:100}),n(r,{direction:"row",spacing:.25,children:[i(e,{variant:"body2",children:"10.000.000"}),i(e,{children:"/"}),i(e,{variant:"body2",color:"#757575",children:"10.000.000"})]})]})})}),i(a,{item:!0,xs:12,sm:6,md:6,lg:4,children:i(t,{sx:{padding:1},children:n(r,{spacing:1,children:[i(e,{variant:"subtitle2",sx:{fontWeight:500},children:"Manfaat Special"}),i(e,{variant:"body2",color:"#0A0A0A",children:"Yearly Limits"}),i(l,{variant:"determinate",value:100}),n(r,{direction:"row",spacing:.25,children:[i(e,{variant:"body2",children:"10.000.000"}),i(e,{children:"/"}),i(e,{variant:"body2",color:"#757575",children:"10.000.000"})]})]})})}),i(a,{item:!0,xs:12,sm:6,md:6,lg:4,children:i(t,{sx:{padding:1},children:n(r,{spacing:1,children:[i(e,{variant:"subtitle2",sx:{fontWeight:500},children:"Perobatan Mata"}),i(e,{variant:"body2",color:"#0A0A0A",children:"Yearly Limits"}),i(l,{variant:"determinate",value:100}),n(r,{direction:"row",spacing:.25,children:[i(e,{variant:"body2",children:"10.000.000"}),i(e,{children:"/"}),i(e,{variant:"body2",color:"#757575",children:"10.000.000"})]})]})})}),i(a,{item:!0,xs:12,sm:6,md:6,lg:4,children:i(t,{sx:{padding:1},children:n(r,{spacing:1,children:[i(e,{variant:"subtitle2",sx:{fontWeight:500},children:"Perawatan Gigi"}),i(e,{variant:"body2",color:"#0A0A0A",children:"Yearly Limits"}),i(l,{variant:"determinate",value:100}),n(r,{direction:"row",spacing:.25,children:[i(e,{variant:"body2",children:"10.000.000"}),i(e,{children:"/"}),i(e,{variant:"body2",color:"#757575",children:"10.000.000"})]})]})})}),i(a,{item:!0,xs:12,sm:6,md:6,lg:4,children:i(t,{sx:{padding:1},children:n(r,{spacing:1,children:[i(e,{variant:"subtitle2",sx:{fontWeight:500},children:"Kehamilan"}),i(e,{variant:"body2",color:"#0A0A0A",children:"Yearly Limits"}),i(l,{variant:"determinate",value:100}),n(r,{direction:"row",spacing:.25,children:[i(e,{variant:"body2",children:"10.000.000"}),i(e,{children:"/"}),i(e,{variant:"body2",color:"#757575",children:"10.000.000"})]})]})})}),i(a,{item:!0,xs:12,sm:6,md:6,lg:4,children:i(t,{sx:{padding:1},children:n(r,{spacing:1,children:[i(e,{variant:"subtitle2",sx:{fontWeight:500},children:"Laboratorium"}),i(e,{variant:"body2",color:"#0A0A0A",children:"Yearly Limits"}),i(l,{variant:"determinate",value:100}),n(r,{direction:"row",spacing:.25,children:[i(e,{variant:"body2",children:"10.000.000"}),i(e,{children:"/"}),i(e,{variant:"body2",color:"#757575",children:"10.000.000"})]})]})})}),i(a,{item:!0,xs:12,sm:6,md:6,lg:4,children:i(t,{sx:{padding:1},children:n(r,{spacing:1,children:[i(e,{variant:"subtitle2",sx:{fontWeight:500},children:"Manfaat Farmasi"}),i(e,{variant:"body2",color:"#0A0A0A",children:"Yearly Limits"}),i(l,{variant:"determinate",value:100}),n(r,{direction:"row",spacing:.25,children:[i(e,{variant:"body2",children:"10.000.000"}),i(e,{children:"/"}),i(e,{variant:"body2",color:"#757575",children:"10.000.000"})]})]})})})]})})]})}const X=I(C)(({theme:o})=>({height:10,borderRadius:6,[`&.${b.colorPrimary}`]:{backgroundColor:o.palette.grey[o.palette.mode==="light"?300:800]},[`& .${b.bar}`]:{borderRadius:6,background:"linear-gradient(270deg, #19BBBB 38.42%, #FF9565 76.21%, #FE7253 104.02%)"}}));function E(){return i(t,{sx:{padding:2},children:n(r,{children:[n(r,{direction:"row",alignItems:"center",spacing:1,justifyContent:"space-between",children:[n(r,{direction:"row",spacing:1,alignItems:"center",children:[i("img",{width:52,height:52,src:"/logo/logo-linksehat.png",alt:"LinkSehat"}),n(r,{spacing:1,children:[i(e,{variant:"subtitle2",children:"Policy Number"}),i(e,{variant:"subtitle2",children:"12345678910"})]})]}),n(r,{spacing:1,sx:{width:"206.5px"},children:[i(e,{variant:"subtitle2",children:"Yearly Limit"}),i(X,{variant:"determinate",value:100}),n(e,{variant:"subtitle2",sx:{fontWeight:500},children:["10.000.000 /"," ",i(e,{variant:"body2",color:"#757575",component:"span",children:"10.000.000"})]})]})]}),i(K,{})]})})}function s(o,m,h){return{benefitType:o,submissionDate:m,status:h}}const w=[s("Rawat Jalan","15-10-2022","Request"),s("Rawat Inap","15-10-2022","Request"),s("Manfaat Special","15-10-2022","Request"),s("Perobatan Mata","15-10-2022","Request"),s("Perawatan Gigi","15-10-2022","Request"),s("Kehamilan","15-10-2022","Request"),s("Laboratorium","15-10-2022","Request"),s("Manfaat Farmasi","15-10-2022","Request")];function J(){const[o,m]=y.exports.useState(0),[h,q]=y.exports.useState(5),P=(u,v)=>{m(v)};return n(t,{sx:{padding:2},children:[n(r,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[i(e,{variant:"subtitle2",children:"Claim History"}),i(S,{component:"div",count:w.length,rowsPerPage:h,rowsPerPageOptions:[],page:o,onPageChange:P,sx:{border:"none",".MuiToolbar-root.MuiTablePagination-toolbar":{height:"24px",minHeight:"24px"},".MuiTablePagination-actions .MuiButtonBase-root:nth-last-of-type":{marginLeft:2},".MuiTablePagination-actions .MuiButtonBase-root":{padding:1}}})]}),i(t,{children:i(L,{children:n(k,{sx:{minWidth:650},size:"small",children:[i(Y,{children:n(x,{children:[i(p,{children:"Benefit Type"}),i(p,{align:"center",children:"Submission Date"}),i(p,{align:"center",children:"Status"})]})}),i(j,{children:w.slice(o*h,o*h+h).map((u,v)=>n(x,{children:[i(p,{children:u.benefitType}),i(p,{align:"center",children:u.submissionDate}),i(p,{align:"center",children:u.status})]},v))})]})})})]})}function V(){const{themeStretch:o}=A(),m=D();return i(R,{title:"Profile Peserta Jessica Lie",children:n(B,{maxWidth:o?!1:"xl",children:[n(r,{direction:"row",alignItems:"center",sx:{marginBottom:2},children:[i(f,{sx:{marginRight:"10px",color:"#424242"},onClick:()=>m(-1),children:i(d,{icon:"heroicons-outline:arrow-narrow-left"})}),i(e,{variant:"h5",children:"Profil Peserta"})]}),n(a,{container:!0,spacing:2,children:[i(a,{item:!0,xs:12,md:6,children:n(a,{container:!0,spacing:2,children:[i(a,{item:!0,xs:12,md:12,children:i(W,{})}),i(a,{item:!0,xs:12,md:12,children:i(F,{})})]})}),i(a,{item:!0,xs:12,md:6,children:n(a,{container:!0,spacing:2,children:[i(a,{item:!0,xs:12,children:i(E,{})}),i(a,{item:!0,xs:12,children:i(J,{})})]})})]})]})})}export{V as default};
|