https://markedin.com/static/js/6740.523cb2f6.chunk.js

1"use strict";(self.webpackChunk_minimal_kit_cra_js=self.webpackChunk_minimal_kit_cra_js||[]).push([[6740],{31980:(e,t,o)=>{o.d(t,{Z:()=>g});var r=o(1413),i=o(45987),n=o(79536),l=o(90891),s=o(42832),a=o(47605),c=o(3404),d=o(68123),p=o(46417);function h(e){let t=e.link,o=e.activeLast,i=e.disabled;const s=t.name,a=t.href,c=t.icon,h=(0,r.Z)({typography:"body2",alignItems:"center",color:"text.primary",display:"inline-flex"},i&&!o&&{cursor:"default",pointerEvents:"none",color:"text.disabled"}),x=(0,p.jsxs)(p.Fragment,{children:[c&&(0,p.jsx)(n.Z,{component:"span",sx:{mr:1,display:"inherit","& svg":{width:20,height:20}},children:c}),s]});return a?(0,p.jsx)(l.Z,{component:d.r,href:a,sx:h,children:x}):(0,p.jsxs)(n.Z,{sx:h,children:[" ",x," "]})}const x=["links","action","heading","moreLink","activeLast","sx"];function g(e){let t=e.links,o=e.action,d=e.heading,g=e.moreLink,m=e.activeLast,u=e.sx,j=(0,i.Z)(e,x);const b=t[t.length-1].name;return(0,p.jsxs)(n.Z,{sx:(0,r.Z)({},u),children:[(0,p.jsxs)(s.Z,{direction:"row",alignItems:"center",children:[(0,p.jsxs)(n.Z,{sx:{flexGrow:1},children:[d&&(0,p.jsx)(a.Z,{variant:"h4",gutterBottom:!0,children:d}),!!t.length&&(0,p.jsx)(c.Z,(0,r.Z)((0,r.Z)({separator:(0,p.jsx)(Z,{})},j),{},{children:t.map((e=>(0,p.jsx)(h,{link:e,activeLast:m,disabled:e.name===b},e.name||"")))}))]}),o&&(0,p.jsxs)(n.Z,{sx:{flexShrink:0},children:[" ",o," "]})]}),!!g&&(0,p.jsx)(n.Z,{sx:{mt:2},children:g.map((e=>(0,p.jsx)(l.Z,{href:e,variant:"body2",target:"_blank",rel:"noopener",sx:{display:"table"},children:e},e)))})]})}function Z(){return(0,p.jsx)(n.Z,{component:"span",sx:{width:4,height:4,borderRadius:"50%",bgcolor:"text.disabled"}})}},74925:(e,t,o)=>{o.d(t,{Z:()=>x});var r=o(1413),i=o(45987),n=o(47313),l=o(28831),s=o(19860),a=o(17551),c=o(79536);function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"1/1";return{"4/3":"calc(100% / 4 * 3)","3/4":"calc(100% / 3 * 4)","6/4":"calc(100% / 6 * 4)","4/6":"calc(100% / 4 * 6)","16/9":"calc(100% / 16 * 9)","9/16":"calc(100% / 9 * 16)","21/9":"calc(100% / 21 * 9)","9/21":"calc(100% / 9 * 21)","1/1":"100%"}[e]}var p=o(46417);const h=["ratio","overlay","disabledEffect","alt","src","afterLoad","delayTime","threshold","beforeLoad","delayMethod","placeholder","wrapperProps","scrollPosition","effect","visibleByDefault","wrapperClassName","useIntersectionObserver","sx"],x=(0,n.forwardRef)(((e,t)=>{let o=e.ratio,n=e.overlay,x=e.disabledEffect,g=void 0!==x&&x,Z=e.alt,m=e.src,u=e.afterLoad,j=e.delayTime,b=e.threshold,f=e.beforeLoad,v=e.delayMethod,y=e.placeholder,w=e.wrapperProps,R=e.scrollPosition,k=e.effect,U=void 0===k?"blur":k,F=e.visibleByDefault,C=e.wrapperClassName,I=e.useIntersectionObserver,L=e.sx,q=(0,i.Z)(e,h);const D=(0,s.Z)(),P=!!n&&{"&:before":{content:"''",top:0,left:0,width:1,height:1,zIndex:1,position:"absolute",background:n||(0,a.Fq)(D.palette.grey[900],.48)}},A=(0,p.jsx)(c.Z,{component:l.LazyLoadImage,alt:Z,src:m,afterLoad:u,delayTime:j,threshold:b,beforeLoad:f,delayMethod:v,placeholder:y,wrapperProps:w,scrollPosition:R,visibleByDefault:F,effect:g?void 0:U,useIntersectionObserver:I,wrapperClassName:C||"component-image-wrapper",placeholderSrc:g?"/assets/transparent.png":"/assets/placeholder.svg",sx:(0,r.Z)({width:1,height:1,objectFit:"cover",verticalAlign:"bottom"},!!o&&{top:0,left:0,position:"absolute"})});return(0,p.jsx)(c.Z,(0,r.Z)((0,r.Z)({ref:t,component:"span",className:"component-image",sx:(0,r.Z)((0,r.Z)((0,r.Z)({overflow:"hidden",position:"relative",verticalAlign:"bottom",display:"inline-block"},!!o&&{width:1}),{},{"& span.component-image-wrapper":(0,r.Z)({width:1,height:1,verticalAlign:"bottom",backgroundSize:"cover !important"},!!o&&{pt:d(o)})},P),L)},q),{},{children:A}))}))},15501:(e,t,o)=>{o.d(t,{Z:()=>d});var r=o(17551),i=o(79536),n=o(61792),l=o(47605),s=o(6281),a=o(91802),c=o(46417);function d(e){let t=e.fileRejections;return t.length?(0,c.jsx)(n.Z,{variant:"outlined",sx:{py:1,px:2,mt:3,bgcolor:e=>(0,r.Fq)(e.palette.error.main,.08),borderColor:e=>(0,r.Fq)(e.palette.error.main,.24)},children:t.map((e=>{let t=e.file,o=e.errors;const r=(0,a.ht)(t),n=r.path,d=r.size;return(0,c.jsxs)(i.Z,{sx:{my:1},children:[(0,c.jsxs)(l.Z,{variant:"subtitle2",noWrap:!0,children:[n," - ",d?(0,s.oe)(d):""]}),o.map((e=>(0,c.jsxs)(i.Z,{component:"span",sx:{typography:"caption",display:"block",mt:1},children:["- ",e.message]},e.code)))]},n)}))}):null}},92924:(e,t,o)=>{o.d(t,{gq:()=>b,ab:()=>R,un:()=>v});var r=o(15501),i=o(65088),n=o(84478),l=o(1413),s=o(45987),a=o(78351),c=o(17551),d=o(79536),p=o(42832),h=o(71003),x=o(80836),g=o(47605),Z=o(98431),m=o(42361),u=o(46417);const j=["disabled","multiple","error","helperText","file","onDelete","files","thumbnail","onUpload","onRemove","onRemoveAll","sx"];function b(e){let t=e.disabled,o=e.multiple,b=void 0!==o&&o,f=e.error,v=e.helperText,y=e.f

1ile,w=e.onDelete,R=e.files,k=e.thumbnail,U=e.onUpload,F=e.onRemove,C=e.onRemoveAll,I=e.sx,L=(0,s.Z)(e,j);const q=(0,a.uI)((0,l.Z)({multiple:b,disabled:t},L)),D=q.getRootProps,P=q.getInputProps,A=q.isDragActive,z=q.isDragReject,S=q.fileRejections,T=!!y&&!b,O=!!R&&b&&!!R.length,E=z||!!f,_=(0,u.jsxs)(p.Z,{spacing:3,alignItems:"center",justifyContent:"center",flexWrap:"wrap",children:[(0,u.jsx)(Z.A2,{sx:{width:1,maxWidth:200}}),(0,u.jsxs)(p.Z,{spacing:1,sx:{textAlign:"center"},children:[(0,u.jsx)(g.Z,{variant:"h6",children:"Drop or Select file"}),(0,u.jsxs)(g.Z,{variant:"body2",sx:{color:"text.secondary"},children:["Drop files here or click",(0,u.jsx)(d.Z,{component:"span",sx:{mx:.5,color:"primary.main",textDecoration:"underline"},children:"browse"}),"thorough your device"]})]})]}),N=(0,u.jsx)(n.Z,{imgUrl:"string"===typeof y?y:null===y||void 0===y?void 0:y.preview}),B=T&&w&&(0,u.jsx)(x.Z,{size:"small",onClick:w,sx:{top:16,right:16,zIndex:9,position:"absolute",color:e=>(0,c.Fq)(e.palette.common.white,.8),bgcolor:e=>(0,c.Fq)(e.palette.grey[900],.72),"&:hover":{bgcolor:e=>(0,c.Fq)(e.palette.grey[900],.48)}},children:(0,u.jsx)(m.Z,{icon:"mingcute:close-line",width:18})}),M=O&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(d.Z,{sx:{my:3},children:(0,u.jsx)(i.Z,{files:R,thumbnail:k,onRemove:F},R.length)}),(0,u.jsxs)(p.Z,{direction:"row",justifyContent:"flex-end",spacing:1.5,children:[C&&(0,u.jsx)(h.Z,{color:"inherit",variant:"outlined",size:"small",onClick:C,children:"Remove All"}),U&&(0,u.jsx)(h.Z,{size:"small",variant:"contained",onClick:U,startIcon:(0,u.jsx)(m.Z,{icon:"eva:cloud-upload-fill"}),children:"Upload"})]})]});return(0,u.jsxs)(d.Z,{sx:(0,l.Z)({width:1,position:"relative"},I),children:[(0,u.jsxs)(d.Z,(0,l.Z)((0,l.Z)({},D()),{},{sx:(0,l.Z)((0,l.Z)((0,l.Z)((0,l.Z)({p:5,outline:"none",borderRadius:1,cursor:"pointer",overflow:"hidden",position:"relative",bgcolor:e=>(0,c.Fq)(e.palette.grey[500],.08),border:e=>"1px dashed ".concat((0,c.Fq)(e.palette.grey[500],.2)),transition:e=>e.transitions.create(["opacity","padding"]),"&:hover":{opacity:.72}},A&&{opacity:.72}),t&&{opacity:.48,pointerEvents:"none"}),E&&{color:"error.main",bgcolor:"error.lighter",borderColor:"error.light"}),T&&{padding:"24% 0"}),children:[(0,u.jsx)("input",(0,l.Z)({},P())),T?N:_]})),B,v&&v,(0,u.jsx)(r.Z,{fileRejections:S}),M]})}const f=["placeholder","error","disabled","sx"];function v(e){let t=e.placeholder,o=e.error,r=e.disabled,i=e.sx,n=(0,s.Z)(e,f);const p=(0,a.uI)((0,l.Z)({disabled:r},n)),h=p.getRootProps,x=p.getInputProps,g=p.isDragActive,Z=p.isDragReject||o;return(0,u.jsxs)(d.Z,(0,l.Z)((0,l.Z)({},h()),{},{sx:(0,l.Z)((0,l.Z)((0,l.Z)((0,l.Z)({m:.5,width:64,height:64,flexShrink:0,display:"flex",borderRadius:1,cursor:"pointer",alignItems:"center",color:"text.disabled",justifyContent:"center",bgcolor:e=>(0,c.Fq)(e.palette.grey[500],.08),border:e=>"dashed 1px ".concat((0,c.Fq)(e.palette.grey[500],.16))},g&&{opacity:.72}),r&&{opacity:.48,pointerEvents:"none"}),Z&&{color:"error.main",bgcolor:"error.lighter",borderColor:"error.light"}),{},{"&:hover":{opacity:.72}},i),children:[(0,u.jsx)("input",(0,l.Z)({},x())),t||(0,u.jsx)(m.Z,{icon:"eva:cloud-upload-fill",width:28})]}))}var y=o(74925);const w=["error","file","disabled","helperText","sx"];function R(e){let t=e.error,o=e.file,i=e.disabled,n=e.helperText,h=e.sx,x=(0,s.Z)(e,w);const Z=(0,a.uI)((0,l.Z)({multiple:!1,disabled:i,accept:{"image/*":[]}},x)),j=Z.getRootProps,b=Z.getInputProps,f=Z.isDragActive,v=Z.isDragReject,R=Z.fileRejections,k=!!o,U=v||!!t,F="string"===typeof o?o:null===o||void 0===o?void 0:o.preview,C=k&&(0,u.jsx)(y.Z,{alt:"avatar",src:F,sx:{width:1,height:1,borderRadius:"50%"}}),I=(0,u.jsxs)(p.Z,{alignItems:"center",justifyContent:"center",spacing:1,className:"upload-placeholder",sx:(0,l.Z)((0,l.Z)({top:0,left:0,width:1,height:1,zIndex:9,borderRadius:"50%",position:"absolute",color:"text.disabled",bgcolor:e=>(0,c.Fq)(e.palette.grey[500],.08),transition:e=>e.transitions.create(["opacity"],{duration:e.transitions.duration.shorter}),"&:hover":{opacity:.72}},U&&{color:"error.main",bgcolor:"error.lighter"}),k&&{zIndex:9,opacity:0,color:"common.white",bgcolor:e=>(0,c.Fq)(e.palette.grey[900],.64)}),children:[(0,u.jsx)(m.Z,{icon:"solar:camera-add-bold",width:32}),(0,u.jsx)(g.Z,{variant:"caption",children:o?"Update photo":"Upload photo"})]}),L=(0,u.jsxs)(d.Z,{sx:{width:1,height:1,overflow:"hidden",borderRadius:"50%",position:"relative"},children:[C,I]});return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(d.Z,(0,l.Z)((0,l.Z)({},j()),{},{sx:(0,l.Z)((0,l.Z)((0,l.Z)((0,l.Z)((0,l.Z)({p:1,m:"auto",width:144,height:144,cursor:"pointer",overflow:"hidden",borderRadius:"50%",border:e=>"1px dashed ".concat((0,c.Fq)(e.palette.grey[500],.2))},f&&{opacity:.72}),i&&{opacity:.48,pointerEvents:"none"}),U&&{borderColor:"error.light"}),k&&(0,l.Z)((0,l.Z)({},U&&{bgcolor:"error.lighter"}),{},{"&:hover .upload-placeholder":{opacity:1}})),h),children:[(0,u.jsx)("input",(0,l.Z)({},b())),L]})),n&&n,(0,u.jsx)(r.Z,{fileRejections:R})]})}},65088:(e,t,o)=>{o.d(t,{Z:()=>u});var r=o(1413),i=o(29439),n=o(47313),l=o(45569),s=o(11925),a=o(17551),c=o(42832),d=o(80836),p=o(83213),h=o(6281),x=o(42361),g=o(32446),Z=o(91802),m=o(46417);function u(e){let t=e.thumbnail,o=e.files,u=e.onRemove,j=e.sx;

1const b=(0,n.useState)(),f=(0,i.Z)(b,2)[1];return(0,n.useEffect)((()=>{f({})}),[o]),(0,m.jsx)(l.M,{initial:!1,children:null===o||void 0===o?void 0:o.map(((e,o)=>{const i=(0,Z.ht)(e),n=i.key,l=i.name,b=void 0===l?"":l,f=i.size,v=void 0===f?0:f,y="string"===typeof e,w="".concat(n,"-").concat(o);return t?(0,m.jsxs)(c.Z,(0,r.Z)((0,r.Z)({component:s.m.div},(0,g.EU)().inUp),{},{alignItems:"center",display:"inline-flex",justifyContent:"center",sx:(0,r.Z)({m:.5,width:80,height:80,borderRadius:1.25,overflow:"hidden",position:"relative",border:e=>"solid 1px ".concat((0,a.Fq)(e.palette.grey[500],.16))},j),children:[(0,m.jsx)(Z.ZP,{tooltip:!0,imageView:!0,file:e,sx:{position:"absolute"},imgSx:{position:"absolute"}}),u&&(0,m.jsx)(d.Z,{size:"small",onClick:()=>u(e),sx:{p:.5,top:4,right:4,position:"absolute",color:"common.white",bgcolor:e=>(0,a.Fq)(e.palette.grey[900],.48),"&:hover":{bgcolor:e=>(0,a.Fq)(e.palette.grey[900],.72)}},children:(0,m.jsx)(x.Z,{icon:"mingcute:close-line",width:14})})]}),w):(0,m.jsxs)(c.Z,(0,r.Z)((0,r.Z)({component:s.m.div},(0,g.EU)().inUp),{},{spacing:2,direction:"row",alignItems:"center",sx:(0,r.Z)({my:1,py:1,px:1.5,borderRadius:1,border:e=>"solid 1px ".concat((0,a.Fq)(e.palette.grey[500],.16))},j),children:[(0,m.jsx)(Z.ZP,{file:e}),(0,m.jsx)(p.Z,{primary:y?e:b,secondary:y?"":(0,h.oe)(v),sx:{flex:1,minWidth:0},primaryTypographyProps:{typography:"subtitle2",noWrap:!0},secondaryTypographyProps:{component:"span",typography:"caption"}}),u&&(0,m.jsx)(d.Z,{size:"small",onClick:()=>u(e),children:(0,m.jsx)(x.Z,{icon:"mingcute:close-line",width:16})})]}),w)}))})}},84478:(e,t,o)=>{o.d(t,{Z:()=>l});var r=o(79536),i=o(74925),n=o(46417);function l(e){let t=e.imgUrl,o=void 0===t?"":t;return(0,n.jsx)(r.Z,{sx:{p:1,top:0,left:0,width:1,height:1,position:"absolute"},children:(0,n.jsx)(i.Z,{alt:"file preview",src:o,sx:{width:1,height:1,borderRadius:1}})})}},66740:(e,t,o)=>{o.r(t),o.d(t,{default:()=>w});var r=o(65964),i=o(29439),n=o(47313),l=o(79536),s=o(73428),a=o(42832),c=o(67426),d=o(47825),p=o(54641),h=o(47605),x=o(93405),g=o(69173),Z=o(48175),m=o(6281),u=o(17286),j=o(42361),b=o(31980),f=o(92924),v=o(46417);function y(){const e=(0,u.k)(),t=(0,n.useState)([]),o=(0,i.Z)(t,2),r=o[0],y=o[1],w=(0,n.useState)(null),R=(0,i.Z)(w,2),k=R[0],U=R[1],F=(0,n.useState)(null),C=(0,i.Z)(F,2),I=C[0],L=C[1],q=(0,n.useCallback)((e=>{const t=e[0];t&&U(Object.assign(t,{preview:URL.createObjectURL(t)}))}),[]),D=(0,n.useCallback)((e=>{const t=e[0];t&&L(Object.assign(t,{preview:URL.createObjectURL(t)}))}),[]),P=(0,n.useCallback)((e=>{y([...r,...e.map((e=>Object.assign(e,{preview:URL.createObjectURL(e)})))])}),[r]);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(l.Z,{sx:{py:5,bgcolor:e=>"light"===e.palette.mode?"grey.200":"grey.800"},children:(0,v.jsx)(d.Z,{children:(0,v.jsx)(b.Z,{heading:"Upload",links:[{name:"Components",href:Z.H.components},{name:"Upload"}],moreLink:["https://react-dropzone.js.org/#section-basic-example"]})})}),(0,v.jsx)(d.Z,{sx:{my:10},children:(0,v.jsxs)(a.Z,{spacing:5,children:[(0,v.jsxs)(s.Z,{children:[(0,v.jsx)(p.Z,{title:"Upload Multi File",action:(0,v.jsx)(g.Z,{control:(0,v.jsx)(c.Z,{checked:e.value,onClick:e.onToggle}),label:"Show Thumbnail"})}),(0,v.jsx)(x.Z,{children:(0,v.jsx)(f.gq,{multiple:!0,thumbnail:e.value,files:r,onDrop:P,onRemove:e=>{const t=r.filter((t=>t!==e));y(t)},onRemoveAll:()=>{y([])},onUpload:()=>console.info("ON UPLOAD")})})]}),(0,v.jsxs)(s.Z,{children:[(0,v.jsx)(p.Z,{title:"Upload Single File"}),(0,v.jsx)(x.Z,{children:(0,v.jsx)(f.gq,{file:k,onDrop:q,onDelete:()=>U(null)})})]}),(0,v.jsxs)(s.Z,{children:[(0,v.jsx)(p.Z,{title:"Upload Avatar"}),(0,v.jsx)(x.Z,{children:(0,v.jsx)(f.ab,{file:I,onDrop:D,helperText:(0,v.jsxs)(h.Z,{variant:"caption",sx:{mt:3,mx:"auto",display:"block",textAlign:"center",color:"text.disabled"},children:["Allowed *.jpeg, *.jpg, *.png, *.gif",(0,v.jsx)("br",{})," max size of ",(0,m.oe)(3145728)]})})})]}),(0,v.jsxs)(s.Z,{children:[(0,v.jsx)(p.Z,{title:"Upload Box"}),(0,v.jsx)(x.Z,{children:(0,v.jsxs)(a.Z,{direction:"row",spacing:2,children:[(0,v.jsx)(f.un,{}),(0,v.jsx)(f.un,{placeholder:(0,v.jsxs)(a.Z,{spacing:.5,alignItems:"center",children:[(0,v.jsx)(j.Z,{icon:"eva:cloud-upload-fill",width:40}),(0,v.jsx)(h.Z,{variant:"body2",children:"Upload file"})]}),sx:{flexGrow:1,height:"auto",py:2.5,mb:3}})]})})]})]})})]})}function w(){return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(r.ql,{children:(0,v.jsx)("title",{children:" Extra: Upload"})}),(0,v.jsx)(y,{})]})}}}]);