%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/
Upload File :
Create Path :
Current File : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/111.8ab166e3.chunk.js

(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[111],{1311:function(e,a,t){"use strict";var s=t(2),c=t(7),i=t(0),l=t(8),n=t(11),r=i.forwardRef((function(e,a){var t=e.disableSpacing,n=void 0!==t&&t,r=e.classes,o=e.className,d=Object(c.a)(e,["disableSpacing","classes","className"]);return i.createElement("div",Object(s.a)({className:Object(l.a)(r.root,o,!n&&r.spacing),ref:a},d))}));a.a=Object(n.a)({root:{display:"flex",alignItems:"center",padding:8},spacing:{"& > :not(:first-child)":{marginLeft:8}}},{name:"MuiCardActions"})(r)},1440:function(e,a,t){"use strict";var s=t(2),c=t(7),i=t(0),l=t(8),n=t(11),r=t(194),o=i.forwardRef((function(e,a){var t=e.action,n=e.avatar,o=e.classes,d=e.className,m=e.component,j=void 0===m?"div":m,b=e.disableTypography,x=void 0!==b&&b,h=e.subheader,p=e.subheaderTypographyProps,O=e.title,f=e.titleTypographyProps,u=Object(c.a)(e,["action","avatar","classes","className","component","disableTypography","subheader","subheaderTypographyProps","title","titleTypographyProps"]),v=O;null==v||v.type===r.a||x||(v=i.createElement(r.a,Object(s.a)({variant:n?"body2":"h5",className:o.title,component:"span",display:"block"},f),v));var N=h;return null==N||N.type===r.a||x||(N=i.createElement(r.a,Object(s.a)({variant:n?"body2":"body1",className:o.subheader,color:"textSecondary",component:"span",display:"block"},p),N)),i.createElement(j,Object(s.a)({className:Object(l.a)(o.root,d),ref:a},u),n&&i.createElement("div",{className:o.avatar},n),i.createElement("div",{className:o.content},v,N),t&&i.createElement("div",{className:o.action},t))}));a.a=Object(n.a)({root:{display:"flex",alignItems:"center",padding:16},avatar:{flex:"0 0 auto",marginRight:16},action:{flex:"0 0 auto",alignSelf:"flex-start",marginTop:-8,marginRight:-8},content:{flex:"1 1 auto"},title:{},subheader:{}},{name:"MuiCardHeader"})(o)},2009:function(e,a,t){"use strict";var s=t(2),c=t(7),i=t(0),l=(t(139),t(8)),n=t(11),r=i.forwardRef((function(e,a){var t=e.cellHeight,n=e.children,r=e.classes,o=e.className,d=e.cols,m=void 0===d?2:d,j=e.component,b=void 0===j?"ul":j,x=e.gap,h=void 0===x?4:x,p=e.rowHeight,O=void 0===p?180:p,f=e.spacing,u=e.style,v=Object(c.a)(e,["cellHeight","children","classes","className","cols","component","gap","rowHeight","spacing","style"]),N=f||h,g=t||O;return i.createElement(b,Object(s.a)({className:Object(l.a)(r.root,o),ref:a,style:Object(s.a)({margin:-N/2},u)},v),i.Children.map(n,(function(e){if(!i.isValidElement(e))return null;var a=e.props.cols||1,t=e.props.rows||1;return i.cloneElement(e,{style:Object(s.a)({width:"".concat(100/m*a,"%"),height:"auto"===g?"auto":g*t+N,padding:N/2},e.props.style)})})))}));a.a=Object(n.a)({root:{display:"flex",flexWrap:"wrap",overflowY:"auto",listStyle:"none",padding:0,WebkitOverflowScrolling:"touch"}},{name:"MuiImageList"})(r)},2010:function(e,a,t){"use strict";var s=t(2),c=t(7),i=t(105),l=t(0),n=t(8),r=t(97),o=t(11),d=t(159),m=function(e,a){var t,s,c,l;e&&e.complete&&(e.width/e.height>e.parentElement.offsetWidth/e.parentElement.offsetHeight?((t=e.classList).remove.apply(t,Object(i.a)(a.imgFullWidth.split(" "))),(s=e.classList).add.apply(s,Object(i.a)(a.imgFullHeight.split(" ")))):((c=e.classList).remove.apply(c,Object(i.a)(a.imgFullHeight.split(" "))),(l=e.classList).add.apply(l,Object(i.a)(a.imgFullWidth.split(" ")))))};var j=l.forwardRef((function(e,a){var t=e.children,i=e.classes,o=e.className,j=(e.cols,e.component),b=void 0===j?"li":j,x=(e.rows,Object(c.a)(e,["children","classes","className","cols","component","rows"])),h=l.useRef(null);return l.useEffect((function(){!function(e,a){e&&(e.complete?m(e,a):e.addEventListener("load",(function(){m(e,a)})))}(h.current,i)})),l.useEffect((function(){var e=Object(r.a)((function(){m(h.current,i)}));return window.addEventListener("resize",e),function(){e.clear(),window.removeEventListener("resize",e)}}),[i]),l.createElement(b,Object(s.a)({className:Object(n.a)(i.root,o),ref:a},x),l.createElement("div",{className:i.item},l.Children.map(t,(function(e){return l.isValidElement(e)?"img"===e.type||Object(d.a)(e,["Image"])?l.cloneElement(e,{ref:h}):e:null}))))}));a.a=Object(o.a)({root:{boxSizing:"border-box",flexShrink:0},item:{position:"relative",display:"block",height:"100%",overflow:"hidden"},imgFullHeight:{height:"100%",transform:"translateX(-50%)",position:"relative",left:"50%"},imgFullWidth:{width:"100%",position:"relative",transform:"translateY(-50%)",top:"50%"}},{name:"MuiImageListItem"})(j)},2013:function(e,a,t){"use strict";var s=t(2),c=t(7),i=t(0),l=t(8),n=t(11),r=i.forwardRef((function(e,a){var t=e.actionIcon,n=e.actionPosition,r=void 0===n?"right":n,o=e.classes,d=e.className,m=e.subtitle,j=e.title,b=e.position,x=void 0===b?"bottom":b,h=e.titlePosition,p=Object(c.a)(e,["actionIcon","actionPosition","classes","className","subtitle","title","position","titlePosition"]),O=h||x,f=t&&r;return i.createElement("div",Object(s.a)({className:Object(l.a)(o.root,d,m&&o.rootSubtitle,{bottom:o.positionBottom,top:o.positionTop}[O]),ref:a},p),i.createElement("div",{className:Object(l.a)(o.titleWrap,{left:o.titleWrapActionPosLeft,right:o.titleWrapActionPosRight}[f])},i.createElement("div",{className:o.title},j),m?i.createElement("div",{className:o.subtitle},m):null),t?i.createElement("div",{className:Object(l.a)(o.actionIcon,"left"===f&&o.actionIconActionPosLeft)},t):null)}));a.a=Object(n.a)((function(e){return{root:{position:"absolute",left:0,right:0,height:48,background:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",fontFamily:e.typography.fontFamily},positionBottom:{bottom:0},positionTop:{top:0},rootSubtitle:{height:68},titleWrap:{flexGrow:1,marginLeft:16,marginRight:16,color:e.palette.common.white,overflow:"hidden"},titleWrapActionPosLeft:{marginLeft:0},titleWrapActionPosRight:{marginRight:0},title:{fontSize:e.typography.pxToRem(16),lineHeight:"24px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},subtitle:{fontSize:e.typography.pxToRem(12),lineHeight:1,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},actionIcon:{},actionIconActionPosLeft:{order:-1}}}),{name:"MuiImageListItemBar"})(r)},2710:function(e,a,t){"use strict";t.r(a);var s=t(163),c=t(1124),i=t(1098),l=t(1108),n=t(1072),r=t(1117),o=t(1119),d=t(194),m=t(1118),j=t(0),b=t(5),x=t(1100),h=t(1109),p=t(1116),O=t(1090),f=t(1028),u=t(1033),v=t(1034),N=t(1113),g=t(1103),w=t(1101),y=t(50),E=t.n(y),S=t(1);var k=function(){const[e,a]=Object(j.useState)(null);if(Object(j.useEffect)((()=>{E.a.get("/api/profile/about").then((e=>{a(e.data)}))}),[]),!e)return null;const{general:t,work:s,contact:l,groups:n,friends:r}=e,o={hidden:{opacity:0,y:40},show:{opacity:1,y:0}};return Object(S.jsx)(m.a.div,{variants:{show:{transition:{staggerChildren:.05}}},initial:"hidden",animate:"show",children:Object(S.jsxs)("div",{className:"md:flex max-w-2xl",children:[Object(S.jsxs)("div",{className:"flex flex-col flex-1 md:ltr:pr-32 md:rtl:pl-32",children:[Object(S.jsxs)(h.a,{component:m.a.div,variants:o,className:"w-full mb-32 rounded-16 shadow",children:[Object(S.jsx)(x.a,{position:"static",elevation:0,children:Object(S.jsx)(w.a,{className:"px-8",children:Object(S.jsx)(d.a,{variant:"subtitle1",color:"inherit",className:"flex-1 px-12 font-medium",children:"General Information"})})}),Object(S.jsxs)(p.a,{children:[Object(S.jsxs)("div",{className:"mb-24",children:[Object(S.jsx)(d.a,{className:"font-semibold mb-4 text-15",children:"Gender"}),Object(S.jsx)(d.a,{children:t.gender})]}),Object(S.jsxs)("div",{className:"mb-24",children:[Object(S.jsx)(d.a,{className:"font-semibold mb-4 text-15",children:"Birthday"}),Object(S.jsx)(d.a,{children:t.birthday})]}),Object(S.jsxs)("div",{className:"mb-24",children:[Object(S.jsx)(d.a,{className:"font-semibold mb-4 text-15",children:"Locations"}),t.locations.map((e=>Object(S.jsxs)("div",{className:"flex items-center",children:[Object(S.jsx)(d.a,{children:e}),Object(S.jsx)(O.a,{className:"text-16 mx-4",color:"action",children:"location_on"})]},e)))]}),Object(S.jsxs)("div",{className:"mb-24",children:[Object(S.jsx)(d.a,{className:"font-semibold mb-4 text-15",children:"About Me"}),Object(S.jsx)(d.a,{children:t.about})]})]})]}),Object(S.jsxs)(h.a,{component:m.a.div,variants:o,className:"w-full mb-32 rounded-16 shadow",children:[Object(S.jsx)(x.a,{position:"static",elevation:0,children:Object(S.jsx)(w.a,{className:"px-8",children:Object(S.jsx)(d.a,{variant:"subtitle1",color:"inherit",className:"flex-1 px-12 font-medium",children:"Work"})})}),Object(S.jsxs)(p.a,{children:[Object(S.jsxs)("div",{className:"mb-24",children:[Object(S.jsx)(d.a,{className:"font-semibold mb-4 text-15",children:"Occupation"}),Object(S.jsx)(d.a,{children:s.occupation})]}),Object(S.jsxs)("div",{className:"mb-24",children:[Object(S.jsx)(d.a,{className:"font-semibold mb-4 text-15",children:"Skills"}),Object(S.jsx)(d.a,{children:s.skills})]}),Object(S.jsxs)("div",{className:"mb-24",children:[Object(S.jsx)(d.a,{className:"font-semibold mb-4 text-15",children:"Jobs"}),Object(S.jsx)("table",{className:"",children:Object(S.jsx)("tbody",{children:s.jobs.map((e=>Object(S.jsxs)("tr",{children:[Object(S.jsx)("td",{children:Object(S.jsx)(d.a,{children:e.company})}),Object(S.jsx)("td",{className:"px-16",children:Object(S.jsx)(d.a,{color:"textSecondary",children:e.date})})]},e.company)))})})]})]})]}),Object(S.jsxs)(h.a,{component:m.a.div,variants:o,className:"w-full mb-32 rounded-16 shadow",children:[Object(S.jsx)(x.a,{position:"static",elevation:0,children:Object(S.jsx)(w.a,{className:"px-8",children:Object(S.jsx)(d.a,{variant:"subtitle1",color:"inherit",className:"flex-1 px-12 font-medium",children:"Contact"})})}),Object(S.jsxs)(p.a,{children:[Object(S.jsxs)("div",{className:"mb-24",children:[Object(S.jsx)(d.a,{className:"font-semibold mb-4 text-15",children:"Address"}),Object(S.jsx)(d.a,{children:l.address})]}),Object(S.jsxs)("div",{className:"mb-24",children:[Object(S.jsx)(d.a,{className:"font-semibold mb-4 text-15",children:"Tel."}),l.tel.map((e=>Object(S.jsx)("div",{className:"flex items-center",children:Object(S.jsx)(d.a,{children:e})},e)))]}),Object(S.jsxs)("div",{className:"mb-24",children:[Object(S.jsx)(d.a,{className:"font-semibold mb-4 text-15",children:"Website"}),l.websites.map((e=>Object(S.jsx)("div",{className:"flex items-center",children:Object(S.jsx)(d.a,{children:e})},e)))]}),Object(S.jsxs)("div",{className:"mb-24",children:[Object(S.jsx)(d.a,{className:"font-semibold mb-4 text-15",children:"Emails"}),l.emails.map((e=>Object(S.jsx)("div",{className:"flex items-center",children:Object(S.jsx)(d.a,{children:e})},e)))]})]})]})]}),Object(S.jsxs)("div",{className:"flex flex-col md:w-320",children:[Object(S.jsxs)(h.a,{component:m.a.div,variants:o,className:"w-full mb-32 rounded-16 shadow",children:[Object(S.jsx)(x.a,{position:"static",elevation:0,children:Object(S.jsxs)(w.a,{className:"px-8",children:[Object(S.jsx)(d.a,{variant:"subtitle1",color:"inherit",className:"flex-1 px-12 font-medium",children:"Friends"}),Object(S.jsx)(i.a,{color:"inherit",size:"small",children:"See 454 more"})]})}),Object(S.jsx)(p.a,{className:"flex flex-wrap p-16",children:r.map((e=>Object(S.jsx)("img",{className:"w-64 m-4 rounded-16 block",src:e.avatar,alt:e.name},e.id)))})]}),Object(S.jsxs)(h.a,{component:m.a.div,variants:o,className:"w-full mb-32 rounded-16 shadow",children:[Object(S.jsx)(x.a,{position:"static",elevation:0,children:Object(S.jsxs)(w.a,{className:"px-8",children:[Object(S.jsx)(d.a,{variant:"subtitle1",color:"inherit",className:"flex-1 px-12 font-medium",children:"Joined Groups"}),Object(S.jsx)(i.a,{color:"inherit",size:"small",children:"See 6 more"})]})}),Object(S.jsx)(p.a,{className:"p-0",children:Object(S.jsx)(u.a,{className:"p-0",children:n.map((e=>Object(S.jsxs)(v.a,{className:"px-8",children:[Object(S.jsx)(c.a,{className:"mx-8",alt:e.name,children:e.name[0]}),Object(S.jsx)(g.a,{primary:Object(S.jsxs)("div",{className:"flex",children:[Object(S.jsx)(d.a,{className:"font-medium",color:"secondary",paragraph:!1,children:e.name}),Object(S.jsx)(d.a,{className:"mx-4 font-normal",paragraph:!1,children:e.category})]}),secondary:e.members}),Object(S.jsx)(N.a,{children:Object(S.jsx)(f.a,{children:Object(S.jsx)(O.a,{children:"more_vert"})})})]},e.id)))})})]})]})]})})},L=t(2009),P=t(2010),R=t(2013),I=t(1107);var A=function(){const[e,a]=Object(j.useState)(null);if(Object(j.useEffect)((()=>{E.a.get("/api/profile/photos-videos").then((e=>{a(e.data)}))}),[]),!e)return null;const t={hidden:{opacity:0,y:40},show:{opacity:1,y:0}};return Object(S.jsx)(m.a.div,{variants:{show:{transition:{staggerChildren:.05}}},initial:"hidden",animate:"show",children:Object(S.jsx)("div",{className:"md:flex max-w-2xl",children:Object(S.jsx)("div",{className:"flex flex-col flex-1 md:ltr:pr-32 md:rtl:pl-32",children:e.map((e=>Object(S.jsxs)("div",{className:"mb-48",children:[Object(S.jsxs)(I.a,{component:m.a.div,variants:t,className:"flex items-center px-0 mb-24",children:[Object(S.jsx)(d.a,{variant:"h6",className:"font-medium",children:e.name}),Object(S.jsx)(d.a,{className:"mx-12 font-normal",variant:"subtitle1",color:"textSecondary",children:e.info})]}),Object(S.jsx)(L.a,{className:"overflow-hidden",gap:16,cols:0,children:e.media.map((e=>Object(S.jsxs)(P.a,{component:m.a.div,variants:t,classes:{root:"w-full sm:w-1/2 md:w-1/4",item:"rounded-16 shadow"},children:[Object(S.jsx)("img",{src:e.preview,alt:e.title}),Object(S.jsx)(R.a,{title:e.title,actionIcon:Object(S.jsx)(f.a,{children:Object(S.jsx)(O.a,{className:"text-white opacity-75",children:"info"})})})]},e.preview)))})]},e.id)))})})})},H=t(1311),T=t(1440),W=t(548),z=t(193);var F=function(){const[e,a]=Object(j.useState)(null);if(Object(j.useEffect)((()=>{E.a.get("/api/profile/timeline").then((e=>{a(e.data)}))}),[]),!e)return null;const t={hidden:{opacity:0,y:40},show:{opacity:1,y:0}};return Object(S.jsx)(m.a.div,{variants:{show:{transition:{staggerChildren:.05}}},initial:"hidden",animate:"show",children:Object(S.jsxs)("div",{className:"md:flex",children:[Object(S.jsxs)("div",{className:"flex flex-col flex-1 md:ltr:pr-32 md:rtl:pl-32",children:[Object(S.jsxs)(h.a,{component:m.a.div,variants:t,className:"w-full overflow-hidden rounded-16 shadow mb-32",children:[Object(S.jsx)(W.a,{className:"p-16 w-full",classes:{root:"text-14"},placeholder:"Write something..",multiline:!0,rows:"6",margin:"none",disableUnderline:!0}),Object(S.jsxs)(x.a,{className:"card-footer flex flex-row border-t-1",position:"static",color:"default",elevation:0,children:[Object(S.jsxs)("div",{className:"flex-1 items-center",children:[Object(S.jsx)(f.a,{"aria-label":"Add photo",children:Object(S.jsx)(O.a,{children:"photo"})}),Object(S.jsx)(f.a,{"aria-label":"Mention somebody",children:Object(S.jsx)(O.a,{children:"person"})}),Object(S.jsx)(f.a,{"aria-label":"Add location",children:Object(S.jsx)(O.a,{children:"location_on"})})]}),Object(S.jsx)("div",{className:"p-8",children:Object(S.jsx)(i.a,{variant:"contained",color:"primary",size:"small","aria-label":"post",children:"Post"})})]})]}),e.posts.map((e=>Object(S.jsxs)(h.a,{component:m.a.div,variants:t,className:"mb-32 overflow-hidden rounded-16 shadow",children:[Object(S.jsx)(T.a,{avatar:Object(S.jsx)(c.a,{"aria-label":"Recipe",src:e.user.avatar}),action:Object(S.jsx)(f.a,{"aria-label":"more",children:Object(S.jsx)(O.a,{children:"more_vert"})}),title:Object(S.jsxs)("span",{className:"flex",children:[Object(S.jsx)(d.a,{className:"font-normal",color:"primary",paragraph:!1,children:e.user.name}),Object(S.jsxs)("span",{className:"mx-4",children:["post"===e.type&&"posted on your timeline","something"===e.type&&"shared something with you","video"===e.type&&"shared a video with you","article"===e.type&&"shared an article with you"]})]}),subheader:e.time}),Object(S.jsxs)(p.a,{className:"py-0",children:[e.message&&Object(S.jsx)(d.a,{component:"p",className:"mb-16",children:e.message}),e.media&&Object(S.jsx)("img",{src:e.media.preview,alt:"post",className:"rounded-8"}),e.article&&Object(S.jsxs)("div",{className:"border-1 rounded-8 overflow-hidden",children:[Object(S.jsx)("img",{className:"w-full border-b-1",src:e.article.media.preview,alt:"article"}),Object(S.jsxs)("div",{className:"p-16",children:[Object(S.jsx)(d.a,{variant:"subtitle1",children:e.article.title}),Object(S.jsx)(d.a,{variant:"caption",children:e.article.subtitle}),Object(S.jsx)(d.a,{className:"mt-16",children:e.article.excerpt})]})]})]}),Object(S.jsxs)(H.a,{disableSpacing:!0,className:"px-12",children:[Object(S.jsxs)(i.a,{size:"small","aria-label":"Add to favorites",children:[Object(S.jsx)(O.a,{className:"text-16",color:"action",children:"favorite"}),Object(S.jsx)(d.a,{className:"mx-4",children:"Like"}),Object(S.jsxs)(d.a,{children:["(",e.like,")"]})]}),Object(S.jsxs)(i.a,{"aria-label":"Share",children:[Object(S.jsx)(O.a,{className:"text-16",color:"action",children:"share"}),Object(S.jsx)(d.a,{className:"mx-4",children:"Share"}),Object(S.jsxs)(d.a,{children:["(",e.share,")"]})]})]}),Object(S.jsxs)(x.a,{className:"card-footer flex flex-column p-16",position:"static",color:"default",elevation:0,children:[e.comments&&e.comments.length>0&&Object(S.jsxs)("div",{className:"",children:[Object(S.jsxs)("div",{className:"flex items-center",children:[Object(S.jsxs)(d.a,{children:[e.comments.length," comments"]}),Object(S.jsx)(O.a,{className:"text-16 mx-4",color:"action",children:"keyboard_arrow_down"})]}),Object(S.jsx)(u.a,{children:e.comments.map((e=>Object(S.jsxs)("div",{children:[Object(S.jsxs)(v.a,{className:"px-0 -mx-8",children:[Object(S.jsx)(c.a,{alt:e.user.name,src:e.user.avatar,className:"mx-8"}),Object(S.jsx)(g.a,{className:"px-4",primary:Object(S.jsxs)("div",{className:"flex",children:[Object(S.jsx)(d.a,{className:"font-normal",color:"initial",paragraph:!1,children:e.user.name}),Object(S.jsx)(d.a,{className:"mx-4",variant:"caption",children:e.time})]}),secondary:e.message})]}),Object(S.jsxs)("div",{className:"flex items-center mx-52 mb-8",children:[Object(S.jsx)(i.a,{children:"Reply"}),Object(S.jsx)(O.a,{className:"text-14 mx-8 cursor-pointer",children:"flag"})]})]},e.id)))})]}),Object(S.jsxs)("div",{className:"flex flex-auto -mx-4",children:[Object(S.jsx)(c.a,{className:"mx-4",src:"assets/images/avatars/profile.jpg"}),Object(S.jsxs)("div",{className:"flex-1 mx-4",children:[Object(S.jsx)(z.a,{className:"w-full mb-16 shadow-0",children:Object(S.jsx)(W.a,{className:"p-8 w-full border-1 rounded-8",classes:{root:"text-13"},placeholder:"Add a comment..",multiline:!0,rows:"6",margin:"none",disableUnderline:!0})}),Object(S.jsx)(i.a,{variant:"contained",color:"primary",size:"small",children:"Post Comment"})]})]})]})]},e.id)))]}),Object(S.jsx)("div",{className:"flex flex-col md:w-320",children:Object(S.jsxs)(h.a,{component:m.a.div,variants:t,className:"w-full rounded-16 shadow mb-32",children:[Object(S.jsx)(x.a,{position:"static",elevation:0,children:Object(S.jsxs)(w.a,{className:"px-8",children:[Object(S.jsx)(d.a,{variant:"subtitle1",color:"inherit",className:"flex-1 px-12 font-medium",children:"Latest Activity"}),Object(S.jsx)(i.a,{color:"inherit",size:"small",className:"font-medium",children:"See All"})]})}),Object(S.jsx)(p.a,{className:"p-0",children:Object(S.jsx)(u.a,{children:e.activities.map((e=>Object(S.jsxs)(v.a,{className:"px-12",children:[Object(S.jsx)(c.a,{className:"mx-4",alt:e.user.name,src:e.user.avatar}),Object(S.jsx)(g.a,{className:"flex-1 mx-4",primary:Object(S.jsxs)("div",{className:"flex",children:[Object(S.jsx)(d.a,{className:"font-normal whitespace-nowrap",color:"primary",paragraph:!1,children:e.user.name}),Object(S.jsx)(d.a,{className:"px-4 truncate",paragraph:!1,children:e.message})]}),secondary:e.time})]},e.id)))})})]})})]})})};const C=Object(n.a)((e=>({avatar:{border:"4px solid ".concat(e.palette.background.default)},topBg:{background:'url("assets/images/profile/morain-lake.jpg")!important',backgroundSize:"cover!important",backgroundPosition:"center center!important"},layoutHeader:{background:"none",height:320,minHeight:320,[e.breakpoints.down("md")]:{height:240,minHeight:240}}})));a.default=function(){const e=C(),[a,t]=Object(j.useState)(0);return Object(S.jsx)(s.a,{classes:{topBg:e.topBg,header:e.layoutHeader,wrapper:"bg-transparent",content:"w-full max-w-2xl mx-auto",toolbar:"w-full max-w-2xl mx-auto relative flex flex-col min-h-auto h-auto items-start"},header:Object(S.jsx)(S.Fragment,{}),contentToolbar:Object(S.jsxs)(S.Fragment,{children:[Object(S.jsxs)("div",{className:"w-full px-24 pb-48 flex flex-col md:flex-row flex-1 items-center",children:[Object(S.jsx)(m.a.div,{initial:{scale:0},animate:{scale:1,transition:{delay:.1}},children:Object(S.jsx)(c.a,{className:Object(b.a)(e.avatar,"-mt-64  w-128 h-128"),src:"assets/images/avatars/Velazquez.jpg"})}),Object(S.jsxs)("div",{className:"flex flex-col md:flex-row flex-1 items-center justify-between p-8",children:[Object(S.jsx)(m.a.div,{initial:{opacity:0,x:-40},animate:{opacity:1,x:0,transition:{delay:.2}},children:Object(S.jsx)(d.a,{className:"md:px-16 text-24 md:text-32 font-semibold tracking-tight",variant:"h4",color:"inherit",children:"John Doe"})}),Object(S.jsxs)("div",{className:"flex items-center justify-end -mx-4 mt-24 md:mt-0",children:[Object(S.jsx)(i.a,{className:"mx-8",variant:"contained",color:"secondary","aria-label":"Follow",children:"Follow"}),Object(S.jsx)(i.a,{variant:"contained",color:"primary","aria-label":"Send Message",children:"Send Message"})]})]})]}),Object(S.jsxs)(o.a,{value:a,onChange:function(e,a){t(a)},indicatorColor:"primary",textColor:"inherit",variant:"scrollable",scrollButtons:"off",className:"w-full px-24 -mx-4 min-h-40",classes:{indicator:"flex justify-center bg-transparent w-full h-full"},TabIndicatorProps:{children:Object(S.jsx)(l.a,{className:"w-full h-full rounded-full opacity-50"})},children:[Object(S.jsx)(r.a,{className:"text-14 font-semibold min-h-40 min-w-64 mx-4",disableRipple:!0,label:"Timeline"}),Object(S.jsx)(r.a,{className:"text-14 font-semibold min-h-40 min-w-64 mx-4",disableRipple:!0,label:"About"}),Object(S.jsx)(r.a,{className:"text-14 font-semibold min-h-40 min-w-64 mx-4",disableRipple:!0,label:"Photos & Videos"})]})]}),content:Object(S.jsxs)("div",{className:"p-16 sm:p-24",children:[0===a&&Object(S.jsx)(F,{}),1===a&&Object(S.jsx)(k,{}),2===a&&Object(S.jsx)(A,{})]})})}}}]);

Zerion Mini Shell 1.0