https://app.seoulacademy.edu.vn/_next/static/chunks/6921.54cc4441ce9fceca.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6921],{68331:function(e,l,i){i.d(l,{Z:function(){return h}});var n=i(85893),t=i(67294),r=i(2734),o=i(93946),d=i(65533),a=i(60073),s=i(7253),u=i(11496),c=i(79172);let x=(0,u.ZP)(c.Z)(e=>{let{theme:l}=e;return{height:"100%",width:"100%",display:"flex",flexWrap:"wrap",cursor:"pointer",position:"relative",alignItems:"center",justifyContent:"center",padding:"4px",borderRadius:l.shape.borderRadius,border:"1px solid ".concat(l.palette.divider),[l.breakpoints.down("xs")]:{textAlign:"center"},"& img":{objectFit:"cover",width:"100% ",borderRadius:l.shape.borderRadius,height:"100% "},"& .remove-wrapper":{position:"absolute",top:"2px",right:"2px","& svg":{width:"14px",height:"14px"}}}}),p=e=>{let{file:l,onRemove:i,sx:u,curIndex:c=0,onClickPreview:p}=e,h=(0,r.Z)(),[v,g]=(0,t.useState)(!1),m=(0,t.useMemo)(()=>l?"string"==typeof l?l:null==URL?void 0:URL.createObjectURL(l):"",[l,v]),f=()=>{i&&i(l)},j=()=>{p?p():g(!0)};return(0,n.jsxs)(x,{sx:u,children:[(0,n.jsx)("img",{onClick:j,src:m,alt:""}),i&&(0,n.jsx)(a.Z,{title:"X\xf3a",children:(0,n.jsx)("div",{className:"remove-wrapper",children:(0,n.jsx)(o.Z,{onClick:f,sx:{padding:"0px",display:"flex",justifyContent:"center",alignItems:"center",zIndex:2,backgroundColor:h.palette.common.white,"&:hover":{backgroundColor:h.palette.grey[200]},"& svg":{color:h.palette.error.main}},children:(0,n.jsx)(d.Z,{icon:"iwwa:delete"})})})}),(0,n.jsx)(s.default,{activeIndex:c,images:v?[m]:[],onClose:()=>g(!1)})]})};var h=p},86921:function(e,l,i){i.r(l);var n=i(85893),t=i(67294),r=i(32512),o=i(79172),d=i(15861),a=i(78457),s=i(68331),u=i(65533),c=i(70559),x=i(60073),p=i(7253),h=i(64947);let v=e=>{let{initFile:l,onChangeUploadFile:i,onDelete:v,permission:g,idsDelete:m}=e,[f,j]=(0,t.useState)(null),[w,b]=(0,t.useState)(!1),{getRootProps:k,getInputProps:Z}=(0,r.uI)({accept:{"image/*":[".png",".jpg",".jpeg",".gif"]},multiple:!0,onDrop:e=>{let n=null==e?void 0:e.map(e=>({file:e,id:null,url:""})),t=l.concat(n);i(t)}}),C=e=>{j(e)},R=(0,t.useCallback)(()=>{j(null);let e=[...l],n=e[f];if(e.splice(f,1),i(e),null==n?void 0:n.id){let e=[...m,null==n?void 0:n.id];v(e)}},[m,l,f]),y=()=>{j(null)},I=(0,t.useMemo)(()=>(null==l?void 0:l.length)==0?[]:null==l?void 0:l.map(e=>(null==e?void 0:e.file)?null==URL?void 0:URL.createObjectURL(null==e?void 0:e.file):null==e?void 0:e.url),[l,w]);return(0,n.jsxs)(o.Z,{sx:{display:"flex",alignItems:"center",width:"100%",flexWrap:"wrap",gap:2},children:[(null==l?void 0:l.length)>0?null==l?void 0:l.map((e,l)=>{var i;let t=(null==e?void 0:e.file)?null==e?void 0:null===(i=e.file)||void 0===i?void 0:i.name:"",r={};return t&&(r={border:"1px solid ".concat(a.w.colors.primary.main)}),(0,n.jsx)(x.Z,{title:t,children:(0,n.jsx)("div",{children:(0,n.jsx)(s.Z,{sx:{width:50,height:50,...r},file:(null==e?void 0:e.url)||(null==e?void 0:e.file),onRemove:g?()=>C(l):void 0,onClickPreview:()=>{b(!0)}})})},l)}):"Kh\xf4ng c\xf3 h\xecnh ảnh đ\xednh k\xe8m",g&&(0,n.jsxs)(h.E,{...k({className:"dropzone"}),children:[(0,n.jsx)("input",{...Z()}),(0,n.jsx)(u.Z,{icon:"uil:image-upload"})]}),(0,n.jsx)(c.Z,{title:"X\xf3a h\xecnh ảnh đ\xednh k\xe8m",type:"error",open:null!==f,onAgree:R,onDisagree:y,children:(0,n.jsx)(d.Z,{textAlign:"center",children:"X\xe1c nhận x\xf3a h\xecnh ảnh đ\xednh k\xe8m khỏi phiếu thu n\xe0y?"})}),(0,n.jsx)(p.default,{activeIndex:0,images:w?I:[],onClose:()=>b(!1)})]})};l.default=(0,t.memo)(v)}}]);