impact-ui 3.0.11-beta → 3.0.12-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -823,7 +823,7 @@ var ta,oa=Symbol.for("react.element"),ra=Symbol.for("react.portal"),aa=Symbol.fo
823
823
  &:hover ${Rg} {
824
824
  display: block;
825
825
  }
826
- `,zg=n.forwardRef((({label:e,...n},t)=>(console.log(t),pr.jsxs(Pg,{className:"checkbox-container",ref:t?.containerRef,children:[!n.disabled&&pr.jsx(Rg,{}),pr.jsx(_g,{ref:t?.inputRef,...n}),pr.jsx(Tg,{htmlFor:n.id,className:"checkbox-label",children:e})]}))));mg('*,\n*::after,\n*::before {\n box-sizing: border-box;\n font-family: "Manrope", sans-serif !important;\n}\n\nbody,\ntextarea {\n font-family: "Manrope", sans-serif !important;\n font-weight: 500;\n font-style: normal;\n}\n\nbutton,\nlabel,\np {\n font-family: "Manrope", sans-serif !important;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol,\nul {\n list-style: none;\n}\n\nblockquote,\nq {\n quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: "";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n/* checkbox custom starts here */\n.impact_checkbox_layout {\n margin: 0 20px;\n}\n\n.impact-checkbox-container {\n margin-left: 0px !important;\n}\n.impact-checkbox-container .MuiFormControlLabel-label {\n display: flex;\n gap: 4px;\n align-items: center;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: #60697d;\n font-family: "Manrope", sans-serif;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom-v3 {\n padding: 4px !important;\n background: #fff;\n width: 16px;\n height: 16px;\n border-radius: 4px;\n border: 1px solid #c3c8d4;\n margin-right: 6px;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom-v3 > svg {\n width: 21px;\n height: 21px;\n fill: transparent;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom-v3.Mui-checked {\n background: #eceefd url("../../assets/tick.svg") no-repeat;\n background-size: 10px;\n background-position: center;\n border: 1px solid #4259ee;\n}\n\n.MuiCheckbox-root.impact_checkbox_dash-v3.Mui-checked {\n background: #eceefd url("../../assets/checkbox-dash.svg") no-repeat !important;\n border: 1px solid #4259ee !important;\n background-size: 10px !important;\n background-position: center !important;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom-v3.Mui-checked.Mui-disabled {\n background: #f8f9fb url("../../assets/tick-disabled.svg") no-repeat;\n border: 1px solid #d9dde7;\n background-size: cover;\n background-size: 10px;\n background-position: center;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom-v3.impact_checkbox_dash-v3.Mui-checked.Mui-disabled {\n background: #f8f9fb url("../../assets/checkbox-dash-disabled.svg") no-repeat !important;\n border: 1px solid #d9dde7 !important;\n background-size: cover !important;\n background-size: 10px !important;\n background-position: center !important;\n}\n\n.MuiFormControlLabel-root {\n margin-left: 0px;\n}\n\n.MuiCheckbox-colorPrimary.impact_checkbox_custom.Mui-checked > svg {\n fill: #eceefd;\n display: none;\n}\n\n.MuiCheckbox-root.Mui-disabled {\n pointer-events: none;\n}\n\n.MuiCheckbox-root.MuiTypography-root {\n font-family: "Manrope", sans-serif;\n font-weight: 500;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom:hover {\n border: 1px solid #4259ee !important;\n}\n\n.MuiFormControlLabel-root:hover .impact_checkbox_custom {\n border: 1px solid #4259ee !important;\n}\n\n.MuiCheckbox-root.checkbox_custom:hover::after {\n background: #fff;\n}\n\n.MuiCheckbox-root.MuiCheckbox-colorPrimary.impact_checkbox_custom.Mui-checked::after {\n display: none;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom.Mui-checked.Mui-disabled > svg {\n fill: #efefef;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom.impact_checkbox_dash.Mui-checked.Mui-disabled > svg {\n fill: #efefef;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom.Mui-disabled::after {\n background: #efefef;\n border: 1px solid #d4d4d4;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom:hover {\n background-color: rgba(255, 255, 255, 0) !important;\n}\n\n.MuiTypography-root:hover .impact_checkbox_custom {\n display: none !important;\n}\n\n.MuiFormControlLabel-asterisk {\n color: #da1e28;\n}');var Ig=m((function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=le(Fl);n.default=(0,t.default)((0,pr.jsx)("path",{d:"M14.59 8 12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"}),"HighlightOff")})),Lg=f(Ig),Dg=m((function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=le(Fl);n.default=(0,t.default)((0,pr.jsx)("path",{d:"M9 16h2V8H9zm3-14C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m1-4h2V8h-2z"}),"PauseCircleOutline")})),Bg=f(Dg),Ag=m((function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=le(Fl);n.default=(0,t.default)((0,pr.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM8 9h8v10H8zm7.5-5-1-1h-5l-1 1H5v2h14V4z"}),"DeleteOutline")})),Fg=f(Ag),Vg=m((function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=le(Fl);n.default=(0,t.default)((0,pr.jsx)("path",{d:"M7 7h10v3l4-4-4-4v3H5v6h2zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2z"}),"Repeat")})),qg=f(Vg);function Wg(e){let{value:n,showTime:t,time:o}=e;return pr.jsx("div",{className:"progressbar_layout",children:pr.jsxs("div",{className:"progress_container progress_container_err",children:[pr.jsx("div",{className:"progressbar_label_container",children:pr.jsxs("div",{className:"label_name",children:[`${Math.round(n)}%`," ",t?`| ${o} Seconds left`:null]})}),pr.jsx("div",{className:"progressbar_status",children:pr.jsx(Wu,{variant:"determinate",...e})})]})})}mg('*,\n*::after,\n*::before {\n box-sizing: border-box;\n font-family: "Manrope", sans-serif !important;\n}\n\nbody,\ntextarea {\n font-family: "Manrope", sans-serif !important;\n font-weight: 500;\n font-style: normal;\n}\n\nbutton,\nlabel,\np {\n font-family: "Manrope", sans-serif !important;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol,\nul {\n list-style: none;\n}\n\nblockquote,\nq {\n quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: "";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n.progressbar_layout {\n min-width: 232px;\n}\n\n.progress_container .progressbar_label_container {\n color: #7a8294;\n font-size: 12px;\n font-weight: 500;\n margin-bottom: 4px;\n}\n.progress_container .progressbar_status .MuiLinearProgress-root {\n height: 8px;\n background-color: #f5f6fa;\n border-radius: 10px;\n}\n.progress_container .progressbar_status .MuiLinearProgress-bar {\n background-color: #4259ee;\n border-radius: 8px;\n}\n\n.progress_container_success .progressbar_label_container {\n color: #3bb273;\n}\n.progress_container_success .progressbar_status .MuiLinearProgress-bar {\n background-color: #3bb273;\n}\n\n.progress_container_error .progressbar_label_container {\n color: #e15554;\n}\n.progress_container_error .progressbar_status .MuiLinearProgress-bar {\n background-color: #e15554;\n}');mg('*,\n*::after,\n*::before {\n box-sizing: border-box;\n font-family: "Manrope", sans-serif !important;\n}\n\nbody,\ntextarea {\n font-family: "Manrope", sans-serif !important;\n font-weight: 500;\n font-style: normal;\n}\n\nbutton,\nlabel,\np {\n font-family: "Manrope", sans-serif !important;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol,\nul {\n list-style: none;\n}\n\nblockquote,\nq {\n quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: "";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n.ia-fileUpload-container {\n width: 550px;\n top: 24px;\n left: 20px;\n padding: 24px;\n border-radius: 16px;\n gap: 16px;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.0784313725);\n}\n.ia-fileUpload-container .ia-fileUpload-heading {\n font-size: 16px;\n font-weight: 800;\n line-height: 24px;\n text-align: left;\n color: #0d152c;\n}\n.ia-fileUpload-container .ia-fileUpload-subHeading {\n margin-top: 2px;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n text-align: left;\n color: #7a8294;\n}\n\n.ia-fileUpload {\n position: relative;\n width: 502px;\n height: 185px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: end;\n padding: 24px;\n gap: 8px;\n border-radius: 8px;\n border: 1px dashed #4259ee;\n margin: auto;\n background: url("../../assets/file-upload.svg") no-repeat;\n background-color: transparent;\n background-size: 42px;\n background-position: 50% 24px;\n}\n.ia-fileUpload .ia-fileUpload-hr {\n font-size: 12px;\n font-weight: 500;\n line-height: 15px;\n text-align: center;\n color: #7a8294;\n width: 25px;\n}\n.ia-fileUpload .ia-fileUpload-hr::before {\n content: "";\n position: absolute;\n width: 80px;\n height: 1px;\n left: 150px;\n top: 112px;\n background-color: #d9dde7;\n}\n.ia-fileUpload .ia-fileUpload-hr::after {\n content: "";\n position: absolute;\n width: 80px;\n height: 1px;\n right: 150px;\n top: 112px;\n background-color: #d9dde7;\n}\n.ia-fileUpload input {\n opacity: 0;\n position: absolute;\n top: -1px;\n left: -1px;\n width: calc(2px + 100%);\n height: calc(2px + 100%);\n}\n.ia-fileUpload .ia-fileUpload-label {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n text-align: left;\n color: #0d152c;\n}\n.ia-fileUpload.ia-fileUpload-error {\n border: 1px solid #eceefd;\n background: url("../../assets/file-upload-error.svg") no-repeat;\n background-color: #fceeee;\n background-size: 42px;\n background-position: 50% 24px;\n}\n.ia-fileUpload.ia-fileUpload-error .ia-fileUpload-label {\n color: #e15554;\n}\n.ia-fileUpload.ia-fileUpload-dragOver {\n background: url("../../assets/file-upload.svg") no-repeat;\n background-size: 42px;\n background-position: 50% 24px;\n background-color: #e7ecfc;\n border: 1px solid #eceefd;\n}\n.ia-fileUpload.ia-fileUpload-dragOver .ia-fileUpload-label {\n color: #0d152c;\n}\n.ia-fileUpload.ia-fileUpload-dragOver button {\n color: #1849d6 !important;\n border-color: #1849d6 !important;\n}\n\n.ia-fileUpload-validFileType {\n font-size: 14px;\n font-weight: 500;\n line-height: 16.1px;\n letter-spacing: 0.01em;\n color: #60697d;\n display: flex;\n align-items: center;\n height: 16px;\n}\n.ia-fileUpload-validFileType button {\n margin-left: 8px;\n}\n.ia-fileUpload-validFileType button:focus {\n outline: none !important;\n}\n.ia-fileUpload-validFileType button[data-fileUpload=templateDownload] {\n padding: 0;\n}\n\n.ia-fileUpload-previewItem {\n width: 502px;\n gap: 8px;\n border-radius: 12px;\n border: 1px solid #e7e7e7;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n padding: 16px;\n}\n.ia-fileUpload-previewItem img {\n max-width: 36px;\n max-height: 36px;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress {\n display: flex;\n justify-content: space-between;\n gap: 8px;\n z-index: 99;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details {\n display: flex;\n gap: 8px;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 2px;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name {\n font-size: 12px;\n font-weight: 600;\n line-height: 18px;\n color: #0b0b0b;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size {\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n color: #6d6d6d;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploadFailed {\n color: #ff3636;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploading {\n color: transparent;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action {\n color: #3649c6;\n cursor: pointer;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action.removeIcon {\n color: #60697d;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_layout {\n margin: 0;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_label_container {\n margin: -24px 0 8px;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem:hover .ia-fileUpload-previewItem-del {\n opacity: 1;\n}\n\n.ia-fileUpload-actions {\n display: flex;\n justify-content: end;\n gap: 16px;\n}');const Ug={default:"../../assets/file-upload.svg",pdf:"https://media.geeksforgeeks.org/wp-content/uploads/20240307210251/file-pdf-solid-240.png",png:"https://media.geeksforgeeks.org/wp-content/uploads/20240307210251/file-png-solid-240.png",css:"https://media.geeksforgeeks.org/wp-content/uploads/20240307210251/file-css-solid-240.png"},Hg=["B","KB","MB","GB","TB","PB","EB","ZB","YB"],Gg={pdf:["application/pdf"],image:["image/*"],xls:["application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],xlsx:["application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],csv:["text/csv"],text:["text/plain"],html:["text/html"],audio:["audio/*"],video:["video/*"],zip:["application/x-zip-compressed","application/zip"],default:["application/octet-stream"]},Kg=e=>{var t;let{fileList:o,onFileListChange:r,disabled:a=!1,numberOfFiles:i=1,validFileTypes:s=[{fileType:"xlsx",templateDownloader:void 0,typeOverride:!1}],onNextClick:l=()=>{},onCancelClick:c=()=>{}}=e;const d=n.useRef(null),p=n.useRef(null),u=n.useRef(null),f=n.useRef(null),[m,b]=n.useState(!1),[h,g]=n.useState(!1),y=i>=1?Math.floor(i):1,v=()=>{g(!0),d.current.classList.add("ia-fileUpload-dragOver")},x=e=>{const n=e.target.files[0];if(!n)return;if(!s.find((e=>{var t;return e.typeOverride?e.fileType===n.type:null===(t=Gg[e.fileType])||void 0===t?void 0:t.includes(n.type)})))return void b(!0);if(o.length>=y||o.find((e=>e.file.name===n.name&&e.file.size===n.size)))return;b(!1);const t=[...o,{file:n,progress:0,isUploadRunning:!1,failed:!1}];r(t)},w=e=>{const n=[...o];n.splice(o.indexOf(e),1),r(n)};return pr.jsxs("div",{ref:f,className:"ia-fileUpload-container",children:[pr.jsxs("div",{children:[pr.jsx("div",{className:"ia-fileUpload-heading",children:"Media Upload"}),pr.jsxs("div",{className:"ia-fileUpload-subHeading",children:["Add your documents here, and you can upload up to ",y," ","files max"]})]}),pr.jsx("input",{ref:u,type:"file",onChange:x,style:{display:"none"},value:""}),a||o.length>=y?null:pr.jsxs("button",{ref:d,className:"ia-styles ia-fileUpload ".concat(m?"ia-fileUpload-error":""),onDragEnter:v,onDragLeave:()=>{g(!1),d.current.classList.remove("ia-fileUpload-dragOver")},onDrop:()=>{g(!1),d.current.classList.remove("ia-fileUpload-dragOver")},onClick:e=>{e.preventDefault()},onKeyDown:e=>e.preventDefault(),children:[pr.jsx("div",{className:"ia-fileUpload-label",children:m?"File type is not valid":pr.jsxs(pr.Fragment,{children:["Drag your file",y>1?"s":""," to start uploading"]})}),pr.jsx("span",{className:"ia-fileUpload-hr",children:"OR"}),pr.jsx("input",{ref:p,type:"file",onChange:x,value:"",title:null===(t=o[0])||void 0===t?void 0:t.file.name}),pr.jsx(Og,{onClick:()=>{u.current.click()},variant:"secondary",label:"Browse Files",onDragEnter:v,disabled:h})]}),s.length?pr.jsxs("div",{className:"ia-fileUpload-validFileType",children:["Uploading requires"," ",s.map((e=>e.fileType)).join("/")," format."," ",s.find((e=>e.templateDownloader))?pr.jsxs(pr.Fragment,{children:["Download Template",s.filter((e=>e.templateDownloader)).map((e=>pr.jsx(Og,{"data-fileUpload":"templateDownload",variant:"url",label:e.fileType,onClick:e.templateDownloader})))]}):""]}):null,o.map((e=>{let n=e.file.size,t=0;for(;n>1024;)n/=1024,t+=1;return pr.jsxs("div",{className:"ia-fileUpload-previewItem",children:[pr.jsxs("div",{className:"ia-fileUpload-previewItem-exceptProgress",children:[pr.jsxs("div",{className:"ia-fileUpload-previewItem-details",children:[e.isUploadRunning?null:pr.jsx("img",{src:Ug[e.file.type.split("/")[1]]||Ug.css,alt:""}),pr.jsxs("div",{className:"ia-fileUpload-previewItem-info",children:[pr.jsx("span",{className:"ia-fileUpload-previewItem-name",children:e.isUploadRunning?"Uploading...":e.file.name}),pr.jsx("span",{className:"ia-fileUpload-previewItem-size ".concat(e.failed?"uploadFailed":""," ").concat(e.isUploadRunning?"uploading":""),children:e.failed?"Failed":n.toFixed(0)+Hg[t]})]})]}),pr.jsx("div",{className:"ia-fileUpload-previewItem-actions",children:e.failed?pr.jsxs(pr.Fragment,{children:[pr.jsx(Fg,{className:"ia-fileUpload-previewItem-action",onClick:()=>w(e)}),e.onRetry?pr.jsx(qg,{className:"ia-fileUpload-previewItem-action",onClick:e.onRetry}):null]}):pr.jsxs(pr.Fragment,{children:[e.onPause?pr.jsx(Bg,{className:"ia-fileUpload-previewItem-action",onClick:e.onPause}):null,pr.jsx(Lg,{className:"ia-fileUpload-previewItem-action removeIcon",onClick:()=>w(e)})]})})]}),e.isUploadRunning?pr.jsx("div",{className:"ia-fileUpload-progress",children:pr.jsx(Wg,{showTime:e.timeRemaining,time:e.timeRemaining,value:e.progress})}):null]},e.file.name)})),pr.jsxs("div",{className:"ia-fileUpload-actions",children:[pr.jsx(Og,{label:"Cancel",variant:"secondary",onClick:c}),pr.jsx(Og,{label:"Next",variant:"primary",onClick:l,disabled:0===o.length})]})]})};Kg.propTypes={fileList:re.arrayOf(re.shape({file:re.object,progress:re.number,failed:re.bool,isUploadRunning:re.bool,timeRemaining:re.number,onPause:re.func,onRetry:re.func})),numberOfFiles:re.number,disabled:re.bool,validFileTypes:re.arrayOf(re.shape({fileType:re.string,templateDownloader:re.func,typeOverride:re.bool})),onFileListChange:re.func,onCancelClick:re.func,onNextClick:re.func};const Yg=l.default.div`
826
+ `,zg=n.forwardRef((({label:e,...n},t)=>(console.log(t),pr.jsxs(Pg,{className:"checkbox-container",ref:t?.containerRef,children:[!n.disabled&&pr.jsx(Rg,{}),pr.jsx(_g,{ref:t?.inputRef,...n}),pr.jsx(Tg,{htmlFor:n.id,className:"checkbox-label",children:e})]}))));mg('*,\n*::after,\n*::before {\n box-sizing: border-box;\n font-family: "Manrope", sans-serif !important;\n}\n\nbody,\ntextarea {\n font-family: "Manrope", sans-serif !important;\n font-weight: 500;\n font-style: normal;\n}\n\nbutton,\nlabel,\np {\n font-family: "Manrope", sans-serif !important;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol,\nul {\n list-style: none;\n}\n\nblockquote,\nq {\n quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: "";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n/* checkbox custom starts here */\n.impact_checkbox_layout {\n margin: 0 20px;\n}\n\n.impact-checkbox-container {\n margin-left: 0px !important;\n}\n.impact-checkbox-container .MuiFormControlLabel-label {\n display: flex;\n gap: 4px;\n align-items: center;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: #60697d;\n font-family: "Manrope", sans-serif;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom-v3 {\n padding: 4px !important;\n background: #fff;\n width: 16px;\n height: 16px;\n border-radius: 4px;\n border: 1px solid #c3c8d4;\n margin-right: 6px;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom-v3 > svg {\n width: 21px;\n height: 21px;\n fill: transparent;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom-v3.Mui-checked {\n background: #eceefd url("../../assets/tick.svg") no-repeat;\n background-size: 10px;\n background-position: center;\n border: 1px solid #4259ee;\n}\n\n.MuiCheckbox-root.impact_checkbox_dash-v3.Mui-checked {\n background: #eceefd url("../../assets/checkbox-dash.svg") no-repeat !important;\n border: 1px solid #4259ee !important;\n background-size: 10px !important;\n background-position: center !important;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom-v3.Mui-checked.Mui-disabled {\n background: #f8f9fb url("../../assets/tick-disabled.svg") no-repeat;\n border: 1px solid #d9dde7;\n background-size: cover;\n background-size: 10px;\n background-position: center;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom-v3.impact_checkbox_dash-v3.Mui-checked.Mui-disabled {\n background: #f8f9fb url("../../assets/checkbox-dash-disabled.svg") no-repeat !important;\n border: 1px solid #d9dde7 !important;\n background-size: cover !important;\n background-size: 10px !important;\n background-position: center !important;\n}\n\n.MuiFormControlLabel-root {\n margin-left: 0px;\n}\n\n.MuiCheckbox-colorPrimary.impact_checkbox_custom.Mui-checked > svg {\n fill: #eceefd;\n display: none;\n}\n\n.MuiCheckbox-root.Mui-disabled {\n pointer-events: none;\n}\n\n.MuiCheckbox-root.MuiTypography-root {\n font-family: "Manrope", sans-serif;\n font-weight: 500;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom:hover {\n border: 1px solid #4259ee !important;\n}\n\n.MuiFormControlLabel-root:hover .impact_checkbox_custom {\n border: 1px solid #4259ee !important;\n}\n\n.MuiCheckbox-root.checkbox_custom:hover::after {\n background: #fff;\n}\n\n.MuiCheckbox-root.MuiCheckbox-colorPrimary.impact_checkbox_custom.Mui-checked::after {\n display: none;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom.Mui-checked.Mui-disabled > svg {\n fill: #efefef;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom.impact_checkbox_dash.Mui-checked.Mui-disabled > svg {\n fill: #efefef;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom.Mui-disabled::after {\n background: #efefef;\n border: 1px solid #d4d4d4;\n}\n\n.MuiCheckbox-root.impact_checkbox_custom:hover {\n background-color: rgba(255, 255, 255, 0) !important;\n}\n\n.MuiTypography-root:hover .impact_checkbox_custom {\n display: none !important;\n}\n\n.MuiFormControlLabel-asterisk {\n color: #da1e28;\n}');var Ig=m((function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=le(Fl);n.default=(0,t.default)((0,pr.jsx)("path",{d:"M14.59 8 12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"}),"HighlightOff")})),Lg=f(Ig),Dg=m((function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=le(Fl);n.default=(0,t.default)((0,pr.jsx)("path",{d:"M9 16h2V8H9zm3-14C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m1-4h2V8h-2z"}),"PauseCircleOutline")})),Bg=f(Dg),Ag=m((function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=le(Fl);n.default=(0,t.default)((0,pr.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM8 9h8v10H8zm7.5-5-1-1h-5l-1 1H5v2h14V4z"}),"DeleteOutline")})),Fg=f(Ag),Vg=m((function(e,n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=le(Fl);n.default=(0,t.default)((0,pr.jsx)("path",{d:"M7 7h10v3l4-4-4-4v3H5v6h2zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2z"}),"Repeat")})),qg=f(Vg);function Wg(e){let{value:n,showTime:t,time:o}=e;return pr.jsx("div",{className:"progressbar_layout",children:pr.jsxs("div",{className:"progress_container progress_container_err",children:[pr.jsx("div",{className:"progressbar_label_container",children:pr.jsxs("div",{className:"label_name",children:[`${Math.round(n)}%`," ",t?`| ${o} Seconds left`:null]})}),pr.jsx("div",{className:"progressbar_status",children:pr.jsx(Wu,{variant:"determinate",...e})})]})})}mg('*,\n*::after,\n*::before {\n box-sizing: border-box;\n font-family: "Manrope", sans-serif !important;\n}\n\nbody,\ntextarea {\n font-family: "Manrope", sans-serif !important;\n font-weight: 500;\n font-style: normal;\n}\n\nbutton,\nlabel,\np {\n font-family: "Manrope", sans-serif !important;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol,\nul {\n list-style: none;\n}\n\nblockquote,\nq {\n quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: "";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n.progressbar_layout {\n min-width: 232px;\n}\n\n.progress_container .progressbar_label_container {\n color: #7a8294;\n font-size: 12px;\n font-weight: 500;\n margin-bottom: 4px;\n}\n.progress_container .progressbar_status .MuiLinearProgress-root {\n height: 8px;\n background-color: #f5f6fa;\n border-radius: 10px;\n}\n.progress_container .progressbar_status .MuiLinearProgress-bar {\n background-color: #4259ee;\n border-radius: 8px;\n}\n\n.progress_container_success .progressbar_label_container {\n color: #3bb273;\n}\n.progress_container_success .progressbar_status .MuiLinearProgress-bar {\n background-color: #3bb273;\n}\n\n.progress_container_error .progressbar_label_container {\n color: #e15554;\n}\n.progress_container_error .progressbar_status .MuiLinearProgress-bar {\n background-color: #e15554;\n}');mg('*,\n*::after,\n*::before {\n box-sizing: border-box;\n font-family: "Manrope", sans-serif !important;\n}\n\nbody,\ntextarea {\n font-family: "Manrope", sans-serif !important;\n font-weight: 500;\n font-style: normal;\n}\n\nbutton,\nlabel,\np {\n font-family: "Manrope", sans-serif !important;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol,\nul {\n list-style: none;\n}\n\nblockquote,\nq {\n quotes: none;\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: "";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n.ia-fileUpload-container {\n width: 550px;\n top: 24px;\n left: 20px;\n padding: 24px;\n border-radius: 16px;\n gap: 16px;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.0784313725);\n}\n.ia-fileUpload-container .ia-fileUpload-heading {\n font-size: 16px;\n font-weight: 800;\n line-height: 24px;\n text-align: left;\n color: #0d152c;\n}\n.ia-fileUpload-container .ia-fileUpload-subHeading {\n margin-top: 2px;\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n text-align: left;\n color: #7a8294;\n}\n\n.ia-fileUpload {\n position: relative;\n width: 502px;\n height: 185px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: end;\n padding: 24px;\n gap: 8px;\n border-radius: 8px;\n border: 1px dashed #4259ee;\n margin: auto;\n background: url("../../assets/file-upload.svg") no-repeat;\n background-color: transparent;\n background-size: 42px;\n background-position: 50% 24px;\n}\n.ia-fileUpload .ia-fileUpload-hr {\n font-size: 12px;\n font-weight: 500;\n line-height: 15px;\n text-align: center;\n color: #7a8294;\n width: 25px;\n}\n.ia-fileUpload .ia-fileUpload-hr::before {\n content: "";\n position: absolute;\n width: 80px;\n height: 1px;\n left: 150px;\n top: 112px;\n background-color: #d9dde7;\n}\n.ia-fileUpload .ia-fileUpload-hr::after {\n content: "";\n position: absolute;\n width: 80px;\n height: 1px;\n right: 150px;\n top: 112px;\n background-color: #d9dde7;\n}\n.ia-fileUpload input {\n opacity: 0;\n position: absolute;\n top: -1px;\n left: -1px;\n width: calc(2px + 100%);\n height: calc(2px + 100%);\n}\n.ia-fileUpload .ia-fileUpload-label {\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n text-align: left;\n color: #0d152c;\n}\n.ia-fileUpload.ia-fileUpload-error {\n border: 1px solid #eceefd;\n background: url("../../assets/file-upload-error.svg") no-repeat;\n background-color: #fceeee;\n background-size: 42px;\n background-position: 50% 24px;\n}\n.ia-fileUpload.ia-fileUpload-error .ia-fileUpload-label {\n color: #e15554;\n}\n.ia-fileUpload.ia-fileUpload-dragOver {\n background: url("../../assets/file-upload.svg") no-repeat;\n background-size: 42px;\n background-position: 50% 24px;\n background-color: #e7ecfc;\n border: 1px solid #eceefd;\n}\n.ia-fileUpload.ia-fileUpload-dragOver .ia-fileUpload-label {\n color: #0d152c;\n}\n.ia-fileUpload.ia-fileUpload-dragOver button {\n color: #1849d6 !important;\n border-color: #1849d6 !important;\n}\n\n.ia-fileUpload-validFileType {\n font-size: 14px;\n font-weight: 500;\n line-height: 16.1px;\n letter-spacing: 0.01em;\n display: flex;\n align-items: center;\n height: 16px;\n}\n.ia-fileUpload-validFileType button {\n margin-left: -4px;\n}\n\n.ia-fileUpload-previewItem {\n width: 502px;\n gap: 8px;\n border-radius: 12px;\n border: 1px solid #e7e7e7;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n padding: 16px;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress {\n display: flex;\n justify-content: space-between;\n gap: 8px;\n z-index: 99;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details {\n display: flex;\n gap: 8px;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 2px;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name {\n font-size: 12px;\n font-weight: 600;\n line-height: 18px;\n color: #0b0b0b;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size {\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n color: #6d6d6d;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploadFailed {\n color: #ff3636;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploading {\n color: transparent;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action {\n color: #3649c6;\n cursor: pointer;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action.removeIcon {\n color: #60697d;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_layout {\n margin: 0;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_label_container {\n margin: -24px 0 8px;\n}\n.ia-fileUpload-previewItem .ia-fileUpload-previewItem:hover .ia-fileUpload-previewItem-del {\n opacity: 1;\n}\n\n.ia-fileUpload-actions {\n display: flex;\n justify-content: end;\n gap: 16px;\n}');const Ug={default:"../../assets/file-upload.svg",pdf:"https://media.geeksforgeeks.org/wp-content/uploads/20240307210251/file-pdf-solid-240.png",png:"https://media.geeksforgeeks.org/wp-content/uploads/20240307210251/file-png-solid-240.png",css:"https://media.geeksforgeeks.org/wp-content/uploads/20240307210251/file-css-solid-240.png"},Hg=["B","KB","MB","GB","TB","PB","EB","ZB","YB"],Gg={pdf:["application/pdf"],image:["image/*"],xls:["application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],xlsx:["application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],csv:["text/csv"],text:["text/plain"],html:["text/html"],audio:["audio/*"],video:["video/*"],zip:["application/x-zip-compressed","application/zip"],default:["application/octet-stream"]},Kg=e=>{var t;let{fileList:o,onFileListChange:r,disabled:a=!1,numberOfFiles:i=1,validFileTypes:s=[{fileType:"xlsx",templateDownloader:void 0,typeOverride:!1}],onNextClick:l=()=>{},onCancelClick:c=()=>{}}=e;const d=n.useRef(null),p=n.useRef(null),u=n.useRef(null),f=n.useRef(null),[m,b]=n.useState(!1),[h,g]=n.useState(!1),y=i>=1?Math.floor(i):1,v=()=>{g(!0),d.current.classList.add("ia-fileUpload-dragOver")},x=e=>{const n=e.target.files[0];if(!n)return;if(!s.find((e=>{var t;return e.typeOverride?e.fileType===n.type:null===(t=Gg[e.fileType])||void 0===t?void 0:t.includes(n.type)})))return void b(!0);if(o.length>=y||o.find((e=>e.file.name===n.name&&e.file.size===n.size)))return;b(!1);const t=[...o,{file:n,progress:0,isUploadRunning:!1,failed:!1}];r(t)},w=e=>{const n=[...o];n.splice(o.indexOf(e),1),r(n)};return pr.jsxs("div",{ref:f,className:"ia-fileUpload-container",children:[pr.jsxs("div",{children:[pr.jsx("div",{className:"ia-fileUpload-heading",children:"Media Upload"}),pr.jsxs("div",{className:"ia-fileUpload-subHeading",children:["Add your documents here, and you can upload up to ",y," ","files max"]})]}),pr.jsx("input",{ref:u,type:"file",onChange:x,style:{display:"none"},value:""}),a||o.length>=y?null:pr.jsxs("button",{ref:d,className:"ia-styles ia-fileUpload ".concat(m?"ia-fileUpload-error":""),onDragEnter:v,onDragLeave:()=>{g(!1),d.current.classList.remove("ia-fileUpload-dragOver")},onDrop:()=>{g(!1),d.current.classList.remove("ia-fileUpload-dragOver")},onClick:e=>{e.preventDefault()},onKeyDown:e=>e.preventDefault(),children:[pr.jsx("div",{className:"ia-fileUpload-label",children:m?"File type is not valid":pr.jsxs(pr.Fragment,{children:["Drag your file",y>1?"s":""," to start uploading"]})}),pr.jsx("span",{className:"ia-fileUpload-hr",children:"OR"}),pr.jsx("input",{ref:p,type:"file",onChange:x,value:"",title:null===(t=o[0])||void 0===t?void 0:t.file.name}),pr.jsx(Og,{onClick:()=>{u.current.click()},variant:"secondary",label:"Browse Files",onDragEnter:v,disabled:h})]}),s.length?pr.jsxs("div",{className:"ia-fileUpload-validFileType",children:["Uploading requires"," ",s.map((e=>e.fileType)).join("/")," format."," ",s.find((e=>e.templateDownloader))?pr.jsxs(pr.Fragment,{children:["Download Template",s.filter((e=>e.templateDownloader)).map((e=>pr.jsx(Og,{"data-fileUpload":"templateDownload",variant:"url",label:e.fileType,onClick:e.templateDownloader})))]}):""]}):null,o.map((e=>{let n=e.file.size,t=0;for(;n>1024;)n/=1024,t+=1;return pr.jsxs("div",{className:"ia-fileUpload-previewItem",children:[pr.jsxs("div",{className:"ia-fileUpload-previewItem-exceptProgress",children:[pr.jsxs("div",{className:"ia-fileUpload-previewItem-details",children:[e.isUploadRunning?null:pr.jsx("img",{src:Ug[e.file.type.split("/")[1]]||Ug.css,alt:""}),pr.jsxs("div",{className:"ia-fileUpload-previewItem-info",children:[pr.jsx("span",{className:"ia-fileUpload-previewItem-name",children:e.isUploadRunning?"Uploading...":e.file.name}),pr.jsx("span",{className:"ia-fileUpload-previewItem-size ".concat(e.failed?"uploadFailed":""," ").concat(e.isUploadRunning?"uploading":""),children:e.failed?"Failed":n.toFixed(0)+Hg[t]})]})]}),pr.jsx("div",{className:"ia-fileUpload-previewItem-actions",children:e.failed?pr.jsxs(pr.Fragment,{children:[pr.jsx(Fg,{className:"ia-fileUpload-previewItem-action",onClick:()=>w(e)}),e.onRetry?pr.jsx(qg,{className:"ia-fileUpload-previewItem-action",onClick:e.onRetry}):null]}):pr.jsxs(pr.Fragment,{children:[e.onPause?pr.jsx(Bg,{className:"ia-fileUpload-previewItem-action",onClick:e.onPause}):null,pr.jsx(Lg,{className:"ia-fileUpload-previewItem-action removeIcon",onClick:()=>w(e)})]})})]}),e.isUploadRunning?pr.jsx("div",{className:"ia-fileUpload-progress",children:pr.jsx(Wg,{showTime:e.timeRemaining,time:e.timeRemaining,value:e.progress})}):null]},e.file.name)})),pr.jsxs("div",{className:"ia-fileUpload-actions",children:[pr.jsx(Og,{label:"Cancel",variant:"secondary",onClick:c}),pr.jsx(Og,{label:"Next",variant:"primary",onClick:l,disabled:0===o.length})]})]})};Kg.propTypes={fileList:re.arrayOf(re.shape({file:re.object,progress:re.number,failed:re.bool,isUploadRunning:re.bool,timeRemaining:re.number,onPause:re.func,onRetry:re.func})),numberOfFiles:re.number,disabled:re.bool,validFileTypes:re.arrayOf(re.shape({fileType:re.string,templateDownloader:re.func,typeOverride:re.bool})),onFileListChange:re.func,onCancelClick:re.func,onNextClick:re.func};const Yg=l.default.div`
827
827
  display: flex;
828
828
  flex-direction: column;
829
829
  position: relative;