https://www.bestofsigns.com/_next/static/chunks/1178.20260923.cdf6ef0e2d2c32c6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1178],{1178:function(e,t,l){let a;l.r(t);var o=l(85893),n=l(67294),i=l(45697),r=l.n(i),s=l(11752),d=l.n(s),u=l(98364),c=l(5152);let m=l.n(c)()(()=>Promise.all([l.e(40243),l.e(81596)]).then(l.bind(l,81596)),{loadableGenerated:{webpack:()=>[81596]},ssr:!1}),{publicRuntimeConfig:p}=d()(),f="".concat(p.HOST,"s3fileupload"),g=["ai","jpeg","jpg","gif","png","doc","docx","bmp","tif","pdf","xls","xlsx","odt"],h=e=>{let{t,uploadFolderFlag:i=0,multiple:r=!1,itemLimit:s=1,allowedExtensions:d=g,uploadCustomPath:u,onComplete:c,onDeleteComplete:h,onValidate:b,onSubmit:v,onError:y,fileInputId:C,fileInputDisabled:F,initialFileList:A,willCancellAll:E}=e,[,I]=(0,n.useState)(!1),w=(0,n.useRef)(),x=(0,n.useRef)(E),T=(0,n.useRef)({});T.current={t,uploadFolderFlag:i,multiple:r,itemLimit:s,allowedExtensions:d,uploadCustomPath:u,onComplete:c,onDeleteComplete:h,onValidate:b,onSubmit:v,onError:y,fileInputId:C,fileInputDisabled:F,initialFileList:A,willCancellAll:E};let j=(0,n.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=document.querySelectorAll(".react-fine-uploader-gallery-progress-bar-container");t.forEach((l,a)=>{let o=l.querySelector(".react-fine-uploader-gallery-progress-bar");setTimeout(()=>{if(o){let n=parseFloat(o.style.width),i=parseFloat(o.getAttribute("aria-valuenow")),r=parseFloat(o.getAttribute("aria-valuemin"));n>=100||0==i&&0==r?(e||a!=(null==t?void 0:t.length)-1)&&(l.hidden=!0):l.hidden=!1}},500)})},[]),_=(0,n.useCallback)(()=>{let e=document.getElementsByClassName("react-fine-uploader-gallery-file react-fine-uploader-gallery-files-enter-done");e.length>0&&Array.from(e).forEach(e=>{if(!e.querySelector(".thumbImageOverlay")){let t=document.createElement("div");t.className="thumbImageOverlay",e.appendChild(t)}})},[]),k=(0,n.useCallback)(e=>{e&&e.length>0&&(null==a||a.methods.addInitialFiles(e))},[]),N=(0,n.useCallback)((e,t,l)=>{let{onDeleteComplete:a,onError:o}=T.current;"upload successful"==t&&"canceled"==l?(a(e),setTimeout(()=>{_()},400)):"uploading"==t&&"canceled"==l?(a(e),setTimeout(()=>{_()},400)):"upload failed"===t&&"canceled"===l?(o(e),setTimeout(()=>{_()},400)):"deleting"===t&&"deleted"===l&&setTimeout(()=>{_()},400)},[_]);(0,n.useEffect)(()=>{let e=!0;return(async()=>{let t=await Promise.all([l.e(15793),l.e(48427)]).then(l.bind(l,15793));if(!e)return;let{onComplete:o,onDeleteComplete:n,onValidate:i,onError:r,initialFileList:s,onSubmit:d,multiple:u,itemLimit:c,allowedExtensions:m,uploadFolderFlag:p,uploadCustomPath:g,t:h}=T.current,b=g.replace(/^\/|\/$/g,"");a=new t.default({options:{cors:{expected:!0},debug:!1,multiple:u,validation:{itemLimit:c,allowedExtensions:m},messages:{typeError:h("validation:invalidFileFormateError"),tooManyItemsError:h("validation:maxFileUploadError")},deleteFile:{enabled:!0,endpoint:"".concat(f,"/uploads/order_artwork/").concat(b),params:{originalName:()=>(null==a?void 0:a.methods.getUploads()).find(e=>"deleting"==e.status).originalName}},request:{endpoint:"".concat(f,"/uploads"),params:{orderItem:"orderItem",uploadFolderFlag:p,uploadCustomPath:"".concat(g,"/")}},formatFileName:()=>({orderItem:"newfileItem"}),retry:{enableAuto:!0}}}),setTimeout(()=>{e&&a&&("function"==typeof(null==a?void 0:a.on)&&(a.on("complete",(e,t,l)=>{(null==l?void 0:l.success)==!0&&(_(),o(e,t,{...l,filepath:(null==l?void 0:l.filepath)||""}),j())}),a.on("onAllComplete",(e,t)=>{j(!0)}),a.on("deleteComplete",(e,t,l)=>{"function"==typeof n&&(n(e,t,l),_())}),a.on("validate",e=>i(e)),a.on("submit",e=>{d&&d(e)}),a.on("error",(e,t,l,a)=>{if(void 0==a||0!=a.status&&403!=a.status){let e="[object Object]";l=l.includes(e)?l.replaceAll(e,t):l,_()}r(e,t,"The file ".concat(t," failed to upload. Please try again."),a)}),a.on("statusChange",N),a.on("progress",j)),setTimeout(()=>{e&&k(s)},500),I(!0))},500)})(),()=>{e=!1,a={}}},[]),(0,n.useEffect)(()=>{let e=w.current;A&&A.length>0&&(!e||0==e.length)&&k(A),w.current=A},[A,k]),(0,n.useEffect)(()=>{!0==E&&E!=x.current&&(null==a||a.methods.cancelAll()),x.current=E},[E]);let S=(0,o.jsxs)("div",{className:"attachText",children:[(0,o.jsx)("img",{alt:"Attach...",src:"../static/images/common/attach-24-filled.svg"}),(0,o.jsx)("span",{children:"Attach here"})]});return(0,o.jsx)("div",{children:(null==a?void 0:a.qq)&&(0,o.jsx)(m,{"dropzone-disabled":"true","fileInput-id":C||"file-input-id",uploader:a,"fileInput-disabled":F,"fileInput-children":S,"thumbnail-waitingPlaceholder":(0,o.jsx)("img",{width:"100",height:"100",alt:"Loading...",src:"".concat(p.CDN_FOR_STATIC_DATA,"/static/images/common/loader/Loader-GIF-Animation.gif")}),"thumbnail-notAvailablePlaceholder":(0,o.jsx)("img",{width:"100",height:"100",src:"".concat(p.CDN_FOR_STATIC_DATA,"/static/images/common/not-viewable-print-ready.jpg")}

1)})})};h.propTypes={t:r().func,multiple:r().bool,uploadFolderFlag:r().number,uploadCustomPath:r().string,itemLimit:r().number,onComplete:r().func,onDeleteComplete:r().func,onValidate:r().func,onSubmit:r().func,onError:r().func,allowedExtensions:r().array,fileInputId:r().string,fileInputDisabled:r().any,initialFileList:r().array,willCancellAll:r().bool,from:r().string},t.default=(0,u.Iu)(["validation"])(h)}}]);