https://www.wantochlaw.com/_next/static/chunks/boxy-form-file-input.b8af00d3fe3a2448.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11762],{20729:(e,t,o)=>{o.d(t,{A:()=>a});let a={...o(80930).A,"&:disabled":{cursor:"default"}}},71348:(e,t,o)=>{o.d(t,{A:()=>j});var a=o(40073),r=o(7652),l=o(69937);let n=(0,a.Ay)("CustomerUISvgs/audio.svg"),s=(0,a.Ay)("CustomerUISvgs/doc.svg"),i=(0,a.Ay)("CustomerUISvgs/gif.svg"),d=(0,a.Ay)("CustomerUISvgs/pdf.svg"),u=(0,a.Ay)("CustomerUISvgs/xls.svg"),c=(0,a.Ay)("CustomerUISvgs/ppt.svg"),p=(0,a.Ay)("CustomerUISvgs/fallback.svg"),m=(0,a.Ay)("CustomerUISvgs/video.svg"),g=(0,a.Ay)("CustomerUISvgs/img.svg"),x=(0,a.Ay)("CustomerUISvgs/txt.svg"),f=/mp3|m4a|aac|flac|ogg|wav|webm|wma/,h=/doc|docx/,v=/gif/,b=/pdf/,y=/xls|xlsx/,A=/ppt|pptx/,S=/txt/,C=new RegExp(r.JK.join("|"));function j(e){let t=e.lastIndexOf(".");if(t<1)return null;let o=e.slice(t+1);return o.match(f)?n:o.match(h)?s:o.match(v)?i:o.match(b)?d:o.match(y)?u:o.match(A)?c:o.match(S)?x:(0,l.s5)(`.${o}`)?m:o.match(C)?g:p}},74094:(e,t,o)=>{o.r(t),o.d(t,{default:()=>g});var a=o(6029);o(55729);var r=o(88351),l=o(81553),n=o(7703),s=o(20729),i=o(71348),d=o(91577),u=o(82372),c=o(96829),p=o(80787);let m=(0,n.n9)({uniqId:"xFiUp2"})((e,t,o)=>({uploadButton:{...s.A,borderRadius:5*(e.buttonStyle!==c.A.SQUARE),color:p._R,backgroundColor:"#F6F6F6","&:hover":{fontWeight:"bold",boxShadow:"inset 0 0 100px 100px rgba(255, 255, 255, 0.1)"},display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",paddingTop:40,paddingBottom:40},uploadButtonContent:{borderRadius:5*(e.buttonStyle!==c.A.SQUARE),background:"transparent"},uploadIcon:{marginBottom:8,fontSize:40,color:"inherit"},uploadButtonPrimaryText:{color:p._R},uploadButtonSecondaryText:{color:p._R},dropzoneContainer:{width:"100%",border:"0.6px solid #F6F6F6",borderRadius:5*(e.buttonStyle!==c.A.SQUARE)},accept:{borderStyle:"dashed",borderColor:e.palette.secondary.main,[`& .${o.uploadIcon}`]:{color:e.palette.secondary.main},[`& .${o.uploadButtonPrimaryText}`]:{color:e.palette.text.primary}},reject:{borderColor:e.palette.error.main,[`& .${o.uploadIcon}`]:{color:e.palette.error.main},[`& .${o.uploadButtonPrimaryText}`]:{color:e.palette.error.main}},trashIcon:{fontSize:18,marginLeft:14,color:e.palette.error.main},uploadedFile:{backgroundColor:"#F6F6F6",padding:"15px 20px",display:"flex",alignItems:"center",marginTop:8,borderRadius:5*(e.buttonStyle!==c.A.SQUARE)},uploadedFileText:{flexGrow:1,display:"flex",overflow:"hidden",marginRight:8},uploadedFileNameWithoutExtension:{overflow:"hidden"}}));function g(e){let{formItem:t,onChange:o,onError:n,disabled:s}=e,{classes:c,cx:p}=m(),{getDropzoneInputProps:g,maxSizeMB:x,openFileDialog:f,dropzoneRootProps:h,fileExtension:v,fileNameWithoutExtension:b}=(0,u.A)({formItem:t,onChange:o,onError:n,disabled:s,classes:c});return(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{...h,children:(0,a.jsx)("button",{type:"button",className:c.uploadButton,onClick:f,children:(0,a.jsxs)("div",{className:c.uploadButtonContent,children:[(0,a.jsx)("i",{className:p("fas fa-upload",c.uploadIcon)}),(0,a.jsx)(d.default,{className:c.uploadButtonPrimaryText,align:"center",children:t.input.placeholder??"Upload a File"}),(0,a.jsxs)(d.default,{className:c.uploadButtonSecondaryText,align:"center",children:["Max size per file:"," ",x," ","MB"]})]})})}),(0,a.jsx)("input",{...g()}),t.value&&(0,a.jsxs)("div",{className:c.uploadedFile,children:[(0,a.jsx)("img",{style:{marginRight:14},src:(0,i.A)(t.value.name)??"",alt:"icon"}),(0,a.jsxs)("div",{className:c.uploadedFileText,children:[(0,a.jsx)("div",{className:c.uploadedFileNameWithoutExtension,children:(0,a.jsx)(d.default,{sx:{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"},children:b})}),(0,a.jsx)(d.default,{children:v})]}),(0,a.jsx)(r.A,{color:"error",onClick:()=>o(void 0),disabled:s,"aria-label":"Remove file",children:(0,a.jsx)(l.A,{className:"fa fa-tras

1h"})})]})]})}},80930:(e,t,o)=>{o.d(t,{A:()=>a});let a={fontSize:12,padding:0,background:"transparent",border:"none",cursor:"pointer"}},82372:(e,t,o)=>{o.d(t,{A:()=>n});var a=o(32988),r=o.n(a),l=o(84242);function n(e){let{formItem:t,onChange:o,onError:a,disabled:n,classes:s}=e,{accept:i,maxSize:d=1e7}=t.input,{getDropzoneRootProps:u,getDropzoneInputProps:c,isDropzoneAccept:p,isDropzoneReject:m,openFileDialog:g}=(e=>{let{accept:t,disabled:o,onFileDropped:a,onUploadError:r,maxSize:n}=e;async function s(e){let[t]=e;t&&a(t)}let{getRootProps:i,getInputProps:d,isDragAccept:u,isDragReject:c,open:p}=(0,l.VB)({accept:t,maxSize:n,onDropAccepted:s,onDropRejected:function(e){r&&(e[0]?.errors?.[0]?.code==="file-too-large"?r(`File is too large. It must be under ${n/1e6} MB.`):r(e[0]?.errors?.[0]?.message||"There was a problem uploading this file."))},disabled:o,multiple:!1,noClick:!0});return{getDropzoneRootProps:i,getDropzoneInputProps:d,isDropzoneAccept:u,isDropzoneReject:c,openFileDialog:p}})({accept:i,disabled:n,maxSize:d,onFileDropped:o,onUploadError:a}),x=s?u({className:r()(s.dropzoneContainer,{[s.accept]:p,[s.reject]:m})}):{},f=t.value?.name.lastIndexOf(".")||0,h=t.value&&-1!==f?t.value.name.substring(f):"";return{getDropzoneInputProps:c,maxSizeMB:Math.floor(d/1e6*10)/10,openFileDialog:g,dropzoneRootProps:x,fileExtension:h,fileNameWithoutExtension:-1!==f?t.value?.name.substring(0,f):t.value?.name}}},96829:(e,t,o)=>{o.d(t,{A:()=>r});var a=function(e){return e.ROUND="round",e.SQUARE="square",e}(a||{});let r=a}}]);