npm - @lifesg/web-frontend-engine - Versions diffs - 2.2.0 → 2.2.1 - Mend

@lifesg/web-frontend-engine 2.2.0 → 2.2.1

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 (44) hide show

package/README.md CHANGED Viewed

@@ -12,7 +12,7 @@ The intention of frontend engine is to take out the heavy lifting of form develo
 Developers are expected to have the following packages installed:
--   @lifesg/react-design-system v3.2.0-canary.5
+-   @lifesg/react-design-system v3.3.0-canary.7 or above
 -   @lifesg/react-icons 1.9.0
 -   react 17.0.2 or 18 or 19
 -   react-dom 17.0.2 or 18

package/chunks/{file-upload-manager.faa055fa.js → file-upload-manager.27debdaa.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{useContext as e,useRef as t,useEffect as i}from"react";import{F as s,u as a,a as r,b as l,g as o,E as n,c as m,d as p,A as d,I as c}from"./index.2d28e824.js";import"react/jsx-runtime";import"@lifesg/react-design-system/theme";import"styled-components";import"@lifesg/react-design-system/markup";import"react-dom/server";import"@lifesg/react-design-system/typography";import"@lifesg/react-design-system/button";import"@lifesg/react-design-system/modal";import"@lifesg/react-design-system/alert";import"@lifesg/react-design-system/layout";import"@lifesg/react-design-system/box-container";import"@lifesg/react-design-system/divider";import"@lifesg/react-design-system/v2_media";import"@lifesg/react-design-system/text-list";import"@lifesg/react-design-system/popover-v2";import"@lifesg/react-icons";import"@lifesg/react-design-system/tab";import"@lifesg/react-icons/plus-circle-fill";import"@lifesg/react-design-system/button-with-icon";import"@lifesg/react-design-system/error-display";import"@lifesg/react-design-system/filter";import"@lifesg/react-design-system/uneditable-section";import"@lifesg/react-design-system/timeline";import"@lifesg/react-design-system/form";import"@lifesg/react-design-system/checkbox";import"@lifesg/react-design-system/toggle";import"@lifesg/react-design-system/file-upload";import"@lifesg/react-icons/cross";import"@lifesg/react-design-system/icon-button";import"@lifesg/react-icons/bin";import"@lifesg/react-icons/eraser";import"@lifesg/react-icons/pencil";import"@lifesg/react-icons/pencil-stroke";import"@lifesg/react-icons/plus";import"@lifesg/react-icons/exclamation-triangle";import"@lifesg/react-icons/pin-fill";import"@lifesg/react-design-system/image-button";import"@lifesg/react-design-system/radio-button";import"@lifesg/react-design-system/v2_layout";const f=["image/jpeg","image/gif","image/png"],g=g=>{const{compressImages:u,fileTypeRule:y,fileExtensionRule:I,hideThumbnail:w,id:F,maxFileSizeRule:E,upload:R,uploadRule:T,value:U}=g,{files:b,setFiles:h,setCurrentFileIds:D}=e(s),L=a(U),{setValue:O}=r(),{dispatchFieldEvent:x}=l(),M=t();i((()=>{M.current=o()}),[]),i((()=>{b.forEach((async(e,t)=>{try{switch(e.status){case n.INJECTED:await S(e,t);break;case n.NONE:await C(e,t);break;case n.UPLOAD_READY:await k(e,t);break;case n.TO_DELETE:K(t)}}catch(e){z(t)}}));const e=b.filter((({status:e})=>e===n.UPLOADED)),t=e.filter((({addedFrom:e})=>"schema"!==e)).length>0,i=b.filter((({status:e})=>e===n.TO_DELETE)).length>0,s=t||i;D(e.map((({fileItem:e})=>e.id))),O(F,e.map((({dataURL:e,fileItem:t,fileUrl:i,uploadResponse:s})=>({..."base64"===R.type?{dataURL:e}:{},fileId:t.id,fileName:t.name,fileUrl:i,uploadResponse:s}))),{shouldDirty:s,shouldTouch:t})}),[b.map((({fileItem:e,status:t})=>`${e?.id}-${t}`)).join(",")]),i((()=>{void 0!==L&&void 0===U&&b.length&&h([])}),[b,L,h,U]);const z=e=>{h((t=>{const i=[...t],s=t[e];return i[e]={...s,fileItem:{...s.fileItem,id:s.fileItem?.id||o(),name:s.rawFile.name,errorMessage:T?.errorMessage||m.UPLOAD().GENERIC},status:n.ERROR_GENERIC},i}))},A=async(e,t)=>{if(!0!==w&&f.includes(t||e.fileItem?.type)){const t=await c.dataUrlToImage(e.dataURL),i=await c.resampleImage(t,{width:94,height:94,crop:!0});return await p.fileToDataUrl(i)}return""},N=async e=>{const{addedFrom:t,dataURL:i,rawFile:s}=e,a=await p.getType(s),r=v(a);if(r?.status<0)return r;if(y.fileType&&I.fileExtension){const e=_(s.name);if(e?.status<0)return{...e,fileType:a}}const l="base64"===R.type?p.getFilesizeFromBase64(i):s.size,{errorMessage:o,status:m}=P(l);return m<0?{errorMessage:o,fileType:a,status:m}:"schema"===t?{fileType:a,status:n.UPLOADED}:{fileType:a,status:n.UPLOAD_READY}},v=e=>!y.fileType?.length||y.fileType?.includes(e.ext)?{}:{errorMessage:y.errorMessage||m.UPLOAD().FILE_TYPE(y.fileType||[]),fileType:e,status:n.ERROR_FORMAT},_=e=>{const t=e?.includes(".")?e.split(".").pop().toLowerCase():void 0;return t&&I?.fileExtension?.includes(t)?{}:{errorMessage:I.errorMessage||m.UPLOAD().FILE_EXTENSION(y.fileType||[]),fileName:e,status:n.ERROR_FORMAT}},P=e=>{if(E.maxSizeInKb>0){if(e>1024*E.maxSizeInKb)return{errorMessage:E.errorMessage||m.UPLOAD().MAX_FILE_SIZE(E.maxSizeInKb),status:n.ERROR_SIZE}}return{}},S=async(e,t)=>{let i;if(h((e=>{const i=[...e];return i[t]={...e[t],status:n.INJECTING},i})),e.dataURL){const t=await p.dataUrlToBlob(e.dataURL);i=new File([t],e.rawFile.name)}else if(e.fileUrl){const t=await new d("",void 0,void 0,!1,{responseType:"blob"}).get(e.fileUrl),s=await p.getType(new File([t],e.rawFile.name));i=new File([t],e.rawFile.name,{type:s.mime}),e.dataURL=await p.fileToDataUrl(i)}const s=e.uploadResponse?.data||e.uploadResponse,{errorMessage:a,fileType:r}=i?await N({...e,rawFile:i}):v({mime:s?.mimeType,ext:s?.ext});let l=i?.size||s?.fileSize||0;isNaN(l)&&(l=0);const{errorMessage:m}=P(l),c=i?await A(e,r?.mime):void 0;h((d=>{const f=[...d];return f[t]={...e,fileItem:{errorMessage:a||m,id:e.fileItem?.id||o(),name:p.deduplicateFileName(b.map((({fileItem:e})=>e.name)),t,i?.name||e.rawFile.name),progress:1,size:l,type:r?.mime||s?.mimeType,thumbnailImageDataUrl:c},rawFile:i,status:n.UPLOADED},f}))},C=async(e,t)=>{const i=await j(e),s=await p.fileToDataUrl(i.rawFile),{errorMessage:a,fileType:r,status:l}=await N({dataURL:s,...i});h((e=>{const n=[...e];return n[t]={...i,dataURL:s,fileItem:{errorMessage:a,id:o(),name:p.deduplicateFileName(b.map((({fileItem:e})=>e?.name)),t,p.sanitizeFileName(i.rawFile.name)),size:i.rawFile.size,type:r.mime,progress:0},status:l},n}))},k=async(e,t)=>{h((e=>{const i=[...e];return i[t]={...e[t],status:n.UPLOADING},i}));const i=new FormData;i.append("sessionId",R?.sessionId||M.current||""),i.append("fileId",e.fileItem.id),i.append("slot",e.slot.toString()),"base64"===R.type?i.append("dataURL",e.dataURL):"multipart"===R.type&&i.append("file",e.rawFile,e.fileItem?.name);try{const s=await new d("",void 0,void 0,!0).post(R.url,i,{headers:{"Content-Type":"base64"===R.type?"application/json":"multipart/form-data",...R.headers},onUploadProgress:e=>{const{loaded:i,total:s}=e;h((e=>{if(!e[t])return e;const a=[...e];return a[t]={...e[t],fileItem:{...e[t].fileItem,progress:i/s}},a}))}}),a=await A(e);h((e=>{if(!e[t])return e;const i=[...e];return i[t]={...e[t],fileItem:{...e[t].fileItem,progress:1,thumbnailImageDataUrl:a},fileUrl:s?.data?.fileUrl,status:n.UPLOADED,uploadResponse:s},i}))}catch(t){throw x("upload-error",F,{fileId:e.fileItem.id,errorData:t?.response?.data}),t}},K=e=>{h((t=>t.filter(((t,i)=>i!==e))))},j=async e=>{if(E.maxSizeInKb>0&&u){const t=1024*E.maxSizeInKb;if(e.rawFile.size>t){const t=await p.getType(e.rawFile);if(f.includes(t.mime)){let t=await c.compressImage(e.rawFile,{fileSize:E.maxSizeInKb});return t instanceof Blob&&(t=p.blobToFile(t,{name:e.rawFile.name,lastModified:e.rawFile.lastModified})),{...e,rawFile:t}}}}return e};return null};export{g as default};
-//# sourceMappingURL=file-upload-manager.faa055fa.js.map
+import{useContext as e,useRef as t,useEffect as i}from"react";import{F as s,u as a,a as r,b as l,g as o,E as n,c as m,d as p,A as c,I as d}from"./index.b5f8bb97.js";import"react/jsx-runtime";import"@lifesg/react-design-system/theme";import"styled-components";import"@lifesg/react-design-system/markup";import"react-dom/server";import"@lifesg/react-design-system/typography";import"@lifesg/react-design-system/button";import"@lifesg/react-design-system/modal";import"@lifesg/react-design-system/alert";import"@lifesg/react-design-system/layout";import"@lifesg/react-design-system/box-container";import"@lifesg/react-design-system/divider";import"@lifesg/react-design-system/v2_media";import"@lifesg/react-design-system/text-list";import"@lifesg/react-design-system/popover-v2";import"@lifesg/react-icons";import"@lifesg/react-design-system/tab";import"@lifesg/react-icons/plus-circle-fill";import"@lifesg/react-design-system/button-with-icon";import"@lifesg/react-design-system/error-display";import"@lifesg/react-design-system/filter";import"@lifesg/react-design-system/uneditable-section";import"@lifesg/react-design-system/timeline";import"@lifesg/react-design-system/form";import"@lifesg/react-design-system/checkbox";import"@lifesg/react-design-system/toggle";import"@lifesg/react-design-system/file-upload";import"@lifesg/react-icons/cross";import"@lifesg/react-design-system/icon-button";import"@lifesg/react-icons/bin";import"@lifesg/react-icons/eraser";import"@lifesg/react-icons/pencil";import"@lifesg/react-icons/pencil-stroke";import"@lifesg/react-icons/plus";import"@lifesg/react-icons/exclamation-triangle";import"@lifesg/react-icons/pin-fill";import"@lifesg/react-design-system/image-button";import"@lifesg/react-design-system/radio-button";import"@lifesg/react-design-system/v2_layout";const f=["image/jpeg","image/gif","image/png"],g=g=>{const{compressImages:u,fileTypeRule:y,fileExtensionRule:I,hideThumbnail:w,id:F,maxFileSizeRule:E,upload:R,uploadRule:T,value:b}=g,{files:U,setFiles:h,setCurrentFileIds:D}=e(s),L=a(b),{setValue:O}=r(),{dispatchFieldEvent:x}=l(),M=t();i((()=>{M.current=o()}),[]),i((()=>{U.forEach((async(e,t)=>{try{switch(e.status){case n.INJECTED:await S(e,t);break;case n.NONE:await C(e,t);break;case n.UPLOAD_READY:await k(e,t);break;case n.TO_DELETE:K(t)}}catch(e){z(t)}}));const e=U.filter((({status:e})=>e===n.UPLOADED)),t=e.filter((({addedFrom:e})=>"schema"!==e)).length>0,i=U.filter((({status:e})=>e===n.TO_DELETE)).length>0,s=t||i;D(e.map((({fileItem:e})=>e.id))),O(F,e.map((({dataURL:e,fileItem:t,fileUrl:i,uploadResponse:s})=>({..."base64"===R.type?{dataURL:e}:{},fileId:t.id,fileName:t.name,fileUrl:i,uploadResponse:s}))),{shouldDirty:s,shouldTouch:t})}),[U.map((({fileItem:e,status:t})=>`${e?.id}-${t}`)).join(",")]),i((()=>{void 0!==L&&void 0===b&&U.length&&h([])}),[U,L,h,b]);const z=e=>{h((t=>{const i=[...t],s=t[e];return i[e]={...s,fileItem:{...s.fileItem,id:s.fileItem?.id||o(),name:s.rawFile.name,errorMessage:T?.errorMessage||m.UPLOAD().GENERIC},status:n.ERROR_GENERIC},i}))},A=async(e,t)=>{if(!0!==w&&f.includes(t||e.fileItem?.type)){const t=await d.dataUrlToImage(e.dataURL),i=await d.resampleImage(t,{width:94,height:94,crop:!0});return await p.fileToDataUrl(i)}return""},N=async e=>{const{addedFrom:t,dataURL:i,rawFile:s}=e,a=await p.getType(s),r=v(a);if(r?.status<0)return r;if(y.fileType&&I.fileExtension){const e=_(s.name);if(e?.status<0)return{...e,fileType:a}}const l="base64"===R.type?p.getFilesizeFromBase64(i):s.size,{errorMessage:o,status:m}=P(l);return m<0?{errorMessage:o,fileType:a,status:m}:"schema"===t?{fileType:a,status:n.UPLOADED}:{fileType:a,status:n.UPLOAD_READY}},v=e=>!y.fileType?.length||y.fileType?.includes(e.ext)?{}:{errorMessage:y.errorMessage||m.UPLOAD().FILE_TYPE(y.fileType||[]),fileType:e,status:n.ERROR_FORMAT},_=e=>{const t=e?.includes(".")?e.split(".").pop().toLowerCase():void 0;return t&&I?.fileExtension?.includes(t)?{}:{errorMessage:I.errorMessage||m.UPLOAD().FILE_EXTENSION(y.fileType||[]),fileName:e,status:n.ERROR_FORMAT}},P=e=>{if(E.maxSizeInKb>0){if(e>1024*E.maxSizeInKb)return{errorMessage:E.errorMessage||m.UPLOAD().MAX_FILE_SIZE(E.maxSizeInKb),status:n.ERROR_SIZE}}return{}},S=async(e,t)=>{let i;if(h((e=>{const i=[...e];return i[t]={...e[t],status:n.INJECTING},i})),e.dataURL){const t=await p.dataUrlToBlob(e.dataURL);i=new File([t],e.rawFile.name)}else if(e.fileUrl){const t=await new c("",void 0,void 0,!1,{responseType:"blob"}).get(e.fileUrl),s=await p.getType(new File([t],e.rawFile.name));i=new File([t],e.rawFile.name,{type:s.mime}),e.dataURL=await p.fileToDataUrl(i)}const s=e.uploadResponse?.data||e.uploadResponse,{errorMessage:a,fileType:r}=i?await N({...e,rawFile:i}):v({mime:s?.mimeType,ext:s?.ext});let l=i?.size||s?.fileSize||0;isNaN(l)&&(l=0);const{errorMessage:m}=P(l),d=i?await A(e,r?.mime):void 0;h((c=>{const f=[...c];return f[t]={...e,fileItem:{errorMessage:a||m,id:e.fileItem?.id||o(),name:p.deduplicateFileName(U.map((({fileItem:e})=>e.name)),t,i?.name||e.rawFile.name),progress:1,size:l,type:r?.mime||s?.mimeType,thumbnailImageDataUrl:d},rawFile:i,status:n.UPLOADED},f}))},C=async(e,t)=>{const i=await j(e),s=await p.fileToDataUrl(i.rawFile),{errorMessage:a,fileType:r,status:l}=await N({dataURL:s,...i});h((e=>{const n=[...e];return n[t]={...i,dataURL:s,fileItem:{errorMessage:a,id:o(),name:p.deduplicateFileName(U.map((({fileItem:e})=>e?.name)),t,p.sanitizeFileName(i.rawFile.name)),size:i.rawFile.size,type:r.mime,progress:0},status:l},n}))},k=async(e,t)=>{h((e=>{const i=[...e];return i[t]={...e[t],status:n.UPLOADING},i}));const i=new FormData;i.append("sessionId",R?.sessionId||M.current||""),i.append("fileId",e.fileItem.id),i.append("slot",e.slot.toString()),"base64"===R.type?i.append("dataURL",e.dataURL):"multipart"===R.type&&i.append("file",e.rawFile,e.fileItem?.name);try{const s=await new c("",void 0,void 0,!0).post(R.url,i,{headers:{"Content-Type":"base64"===R.type?"application/json":"multipart/form-data",...R.headers},onUploadProgress:e=>{const{loaded:i,total:s}=e;h((e=>{if(!e[t])return e;const a=[...e];return a[t]={...e[t],fileItem:{...e[t].fileItem,progress:i/s}},a}))}}),a=await A(e);h((e=>{if(!e[t])return e;const i=[...e];return i[t]={...e[t],fileItem:{...e[t].fileItem,progress:1,thumbnailImageDataUrl:a},fileUrl:s?.data?.fileUrl,status:n.UPLOADED,uploadResponse:s},i}))}catch(t){throw x("upload-error",F,{fileId:e.fileItem.id,errorData:t?.response?.data}),t}},K=e=>{h((t=>t.filter(((t,i)=>i!==e))))},j=async e=>{if(E.maxSizeInKb>0&&u){const t=1024*E.maxSizeInKb;if(e.rawFile.size>t){const t=await p.getType(e.rawFile);if(f.includes(t.mime)){let t=await d.compressImage(e.rawFile,{fileSize:E.maxSizeInKb});return t instanceof Blob&&(t=p.blobToFile(t,{name:e.rawFile.name,lastModified:e.rawFile.lastModified})),{...e,rawFile:t}}}}return e};return null};export{g as default};
+//# sourceMappingURL=file-upload-manager.27debdaa.js.map

package/chunks/{file-upload-manager.faa055fa.js.map → file-upload-manager.27debdaa.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-upload-manager.faa055fa.js","sources":["../../src/components/fields/file-upload/file-upload-manager.ts"],"sourcesContent":["import { AxiosError } from \"axios\";\nimport { useContext, useEffect, useRef } from \"react\";\nimport { useFormContext } from \"react-hook-form\";\nimport { AxiosApiClient, FileHelper, ImageHelper, generateRandomId } from \"../../../utils\";\nimport { useFieldEvent, usePrevious } from \"../../../utils/hooks\";\nimport { ERROR_MESSAGES } from \"../../shared\";\nimport { FileUploadContext } from \"./file-upload-context\";\nimport {\n\tEFileStatus,\n\tIFile,\n\tIFileUploadSchema,\n\tIFileUploadValidationRule,\n\tIFileUploadValue,\n\tTUploadErrorDetail,\n} from \"./types\";\n\ninterface IProps {\n\tcompressImages: boolean;\n\tfileTypeRule: IFileUploadValidationRule;\n\tfileExtensionRule: IFileUploadValidationRule;\n\thideThumbnail?: boolean \| undefined;\n\tid: string;\n\tmaxFileSizeRule: IFileUploadValidationRule;\n\tupload: IFileUploadSchema[\"uploadOnAddingFile\"];\n\tuploadRule: IFileUploadValidationRule;\n\tvalue: IFileUploadValue[];\n}\n\nconst RESIZEABLE_IMAGE_TYPES = [\"image/jpeg\", \"image/gif\", \"image/png\"];\n\nconst FileUploadManager = (props: IProps) => {\n\t// =============================================================================\n\t// CONST, STATE, REFS\n\t// =============================================================================\n\tconst {\n\t\tcompressImages,\n\t\tfileTypeRule,\n\t\tfileExtensionRule,\n\t\thideThumbnail,\n\t\tid,\n\t\tmaxFileSizeRule,\n\t\tupload,\n\t\tuploadRule,\n\t\tvalue,\n\t} = props;\n\tconst { files, setFiles, setCurrentFileIds } = useContext(FileUploadContext);\n\tconst previousValue = usePrevious(value);\n\tconst { setValue } = useFormContext();\n\tconst { dispatchFieldEvent } = useFieldEvent();\n\tconst sessionId = useRef<string>();\n\n\t// =============================================================================\n\t// EFFECTS\n\t// =============================================================================\n\tuseEffect(() => {\n\t\tsessionId.current = generateRandomId();\n\t}, []);\n\n\tuseEffect(\n\t\t() => {\n\t\t\t// handle file status\n\t\t\tfiles.forEach(async (file, index) => {\n\t\t\t\ttry {\n\t\t\t\t\tswitch (file.status) {\n\t\t\t\t\t\tcase EFileStatus.INJECTED:\n\t\t\t\t\t\t\tawait injectFile(file, index);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase EFileStatus.NONE:\n\t\t\t\t\t\t\tawait parseFile(file, index);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase EFileStatus.UPLOAD_READY:\n\t\t\t\t\t\t\tawait uploadFile(file, index);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase EFileStatus.TO_DELETE:\n\t\t\t\t\t\t\tdeleteFile(index);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} catch (err) {\n\t\t\t\t\thandleGenericError(index);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// track / update values\n\t\t\tconst uploadedFiles = files.filter(({ status }) => status === EFileStatus.UPLOADED);\n\t\t\tconst notPrefilledFiles = uploadedFiles.filter(({ addedFrom }) => addedFrom !== \"schema\");\n\t\t\tconst hasNotPrefilledFiles = notPrefilledFiles.length > 0;\n\t\t\tconst gotDeleteFiles = files.filter(({ status }) => status === EFileStatus.TO_DELETE).length > 0;\n\n\t\t\t/*\n\t\t\t should dirty if\n\t\t\t * - it is dirty in the first place\n\t\t\t * - there are non-prefilled files\n\t\t\t * - user deleted file (differentiated from reset)\n\t\t\t /\n\t\t\tconst shouldDirty = hasNotPrefilledFiles \|\| gotDeleteFiles;\n\n\t\t\tsetCurrentFileIds(uploadedFiles.map(({ fileItem }) => fileItem.id));\n\n\t\t\tsetValue(\n\t\t\t\tid,\n\t\t\t\tuploadedFiles.map(({ dataURL, fileItem, fileUrl, uploadResponse }) => ({\n\t\t\t\t\t...(upload.type === \"base64\" ? { dataURL } : {}),\n\t\t\t\t\tfileId: fileItem.id,\n\t\t\t\t\tfileName: fileItem.name,\n\t\t\t\t\tfileUrl,\n\t\t\t\t\tuploadResponse,\n\t\t\t\t})),\n\t\t\t\t{ shouldDirty, shouldTouch: hasNotPrefilledFiles }\n\t\t\t);\n\t\t}, // eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[files.map(({ fileItem, status }) => `${fileItem?.id}-${status}`).join(\",\")]\n\t);\n\n\t// for reset\n\tuseEffect(() => {\n\t\tif (previousValue !== undefined && value === undefined && files.length) {\n\t\t\tsetFiles([]);\n\t\t}\n\t}, [files, previousValue, setFiles, value]);\n\n\t// =============================================================================\n\t// HELPER FUNCTIONS\n\t// =============================================================================\n\n\tconst handleGenericError = (index: number) => {\n\t\tsetFiles((prev) => {\n\t\t\tconst updatedFiles = [...prev];\n\t\t\tconst file = prev[index];\n\t\t\tupdatedFiles[index] = {\n\t\t\t\t...file,\n\t\t\t\tfileItem: {\n\t\t\t\t\t...file.fileItem,\n\t\t\t\t\tid: file.fileItem?.id \|\| generateRandomId(),\n\t\t\t\t\tname: file.rawFile.name,\n\t\t\t\t\terrorMessage: uploadRule?.errorMessage \|\| ERROR_MESSAGES.UPLOAD().GENERIC,\n\t\t\t\t},\n\t\t\t\tstatus: EFileStatus.ERROR_GENERIC,\n\t\t\t};\n\t\t\treturn updatedFiles;\n\t\t});\n\t};\n\n\tconst generateThumbnail = async (file: IFile, fileType?: string \| undefined) => {\n\t\tif (hideThumbnail !== true && RESIZEABLE_IMAGE_TYPES.includes(fileType \|\| file.fileItem?.type)) {\n\t\t\tconst image = await ImageHelper.dataUrlToImage(file.dataURL);\n\t\t\tconst thumbnail = await ImageHelper.resampleImage(image, { width: 94, height: 94, crop: true });\n\t\t\treturn await FileHelper.fileToDataUrl(thumbnail);\n\t\t}\n\t\treturn \"\";\n\t};\n\n\tconst readFile = async (fileToRead: IFile) => {\n\t\tconst { addedFrom, dataURL, rawFile } = fileToRead;\n\t\tconst fileType = await FileHelper.getType(rawFile);\n\t\tconst fileTypeResult = validateFileType(fileType);\n\n\t\tif (fileTypeResult?.status < 0) {\n\t\t\treturn fileTypeResult;\n\t\t}\n\n\t\tif (fileTypeRule.fileType && fileExtensionRule.fileExtension) {\n\t\t\tconst fileExtensionResult = validateFileExtension(rawFile.name);\n\t\t\tif (fileExtensionResult?.status < 0) {\n\t\t\t\treturn { ...fileExtensionResult, fileType };\n\t\t\t}\n\t\t}\n\n\t\tconst fileSize = upload.type === \"base64\" ? FileHelper.getFilesizeFromBase64(dataURL) : rawFile.size;\n\t\tconst { errorMessage, status } = validateFileSize(fileSize);\n\t\tif (status < 0) {\n\t\t\treturn { errorMessage, fileType, status };\n\t\t}\n\n\t\tif (addedFrom === \"schema\") {\n\t\t\treturn {\n\t\t\t\tfileType,\n\t\t\t\tstatus: EFileStatus.UPLOADED,\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\tfileType,\n\t\t\tstatus: EFileStatus.UPLOAD_READY,\n\t\t};\n\t};\n\n\tconst validateFileType = (fileType: { mime: string; ext: string }) => {\n\t\tconst validFileType = fileTypeRule.fileType?.length ? fileTypeRule.fileType?.includes(fileType.ext) : true;\n\n\t\tif (!validFileType) {\n\t\t\treturn {\n\t\t\t\terrorMessage:\n\t\t\t\t\tfileTypeRule.errorMessage \|\| ERROR_MESSAGES.UPLOAD().FILE_TYPE(fileTypeRule.fileType \|\| []),\n\t\t\t\tfileType,\n\t\t\t\tstatus: EFileStatus.ERROR_FORMAT,\n\t\t\t};\n\t\t}\n\n\t\treturn {};\n\t};\n\n\tconst validateFileExtension = (fileName: string) => {\n\t\tconst extensionFromFilename = fileName?.includes(\".\") ? fileName.split(\".\").pop().toLowerCase() : undefined;\n\n\t\tif (!extensionFromFilename \|\| !fileExtensionRule?.fileExtension?.includes(extensionFromFilename)) {\n\t\t\treturn {\n\t\t\t\terrorMessage:\n\t\t\t\t\tfileExtensionRule.errorMessage \|\|\n\t\t\t\t\tERROR_MESSAGES.UPLOAD().FILE_EXTENSION(fileTypeRule.fileType \|\| []),\n\t\t\t\tfileName,\n\t\t\t\tstatus: EFileStatus.ERROR_FORMAT,\n\t\t\t};\n\t\t}\n\t\treturn {};\n\t};\n\n\tconst validateFileSize = (fileSizeInKb: number) => {\n\t\tif (maxFileSizeRule.maxSizeInKb > 0) {\n\t\t\tconst maxSizeInB = maxFileSizeRule.maxSizeInKb 1024;\n\t\t\tif (fileSizeInKb > maxSizeInB) {\n\t\t\t\treturn {\n\t\t\t\t\terrorMessage:\n\t\t\t\t\t\tmaxFileSizeRule.errorMessage \|\|\n\t\t\t\t\t\tERROR_MESSAGES.UPLOAD().MAX_FILE_SIZE(maxFileSizeRule.maxSizeInKb),\n\t\t\t\t\tstatus: EFileStatus.ERROR_SIZE,\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\t\treturn {};\n\t};\n\n\t// =============================================================================\n\t// FILE STATUS HANDLERS\n\t// =============================================================================\n\tconst injectFile = async (fileToInject: IFile, index: number) => {\n\t\tsetFiles((prev) => {\n\t\t\tconst updatedFiles = [...prev];\n\t\t\tupdatedFiles[index] = {\n\t\t\t\t...prev[index],\n\t\t\t\tstatus: EFileStatus.INJECTING,\n\t\t\t};\n\t\t\treturn updatedFiles;\n\t\t});\n\n\t\tlet rawFile: File;\n\t\tif (fileToInject.dataURL) {\n\t\t\tconst blob = await FileHelper.dataUrlToBlob(fileToInject.dataURL);\n\t\t\trawFile = new File([blob], fileToInject.rawFile.name);\n\t\t} else if (fileToInject.fileUrl) {\n\t\t\tconst response: Blob = await new AxiosApiClient(\"\", undefined, undefined, false, {\n\t\t\t\tresponseType: \"blob\",\n\t\t\t}).get(fileToInject.fileUrl);\n\t\t\tconst fileType = await FileHelper.getType(new File([response], fileToInject.rawFile.name));\n\t\t\trawFile = new File([response], fileToInject.rawFile.name, { type: fileType.mime });\n\t\t\tfileToInject.dataURL = await FileHelper.fileToDataUrl(rawFile);\n\t\t}\n\n\t\t// rawFile may not be available because some use cases is not able to return dataURL / fileUrl due to security concerns\n\t\t// in such cases, we will rely on the uploadResponse for file info\n\t\tconst uploadData = fileToInject.uploadResponse?.[\"data\"] \|\| fileToInject.uploadResponse;\n\t\tconst { errorMessage, fileType } = rawFile\n\t\t\t? await readFile({ ...fileToInject, rawFile })\n\t\t\t: validateFileType({\n\t\t\t\t\tmime: uploadData?.[\"mimeType\"],\n\t\t\t\t\text: uploadData?.[\"ext\"],\n\t\t\t });\n\n\t\tlet size = rawFile?.size \|\| uploadData?.[\"fileSize\"] \|\| 0;\n\t\tif (isNaN(size)) {\n\t\t\tsize = 0;\n\t\t}\n\t\tconst { errorMessage: filesizeErrorMessage } = validateFileSize(size);\n\n\t\tconst thumbnailImageDataUrl = rawFile ? await generateThumbnail(fileToInject, fileType?.mime) : undefined;\n\n\t\tsetFiles((prev) => {\n\t\t\tconst updatedFiles = [...prev];\n\t\t\tupdatedFiles[index] = {\n\t\t\t\t...fileToInject,\n\t\t\t\tfileItem: {\n\t\t\t\t\terrorMessage: errorMessage \|\| filesizeErrorMessage,\n\t\t\t\t\tid: fileToInject.fileItem?.id \|\| generateRandomId(),\n\t\t\t\t\tname: FileHelper.deduplicateFileName(\n\t\t\t\t\t\tfiles.map(({ fileItem }) => fileItem.name),\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\trawFile?.name \|\| fileToInject.rawFile.name\n\t\t\t\t\t),\n\t\t\t\t\tprogress: 1,\n\t\t\t\t\tsize,\n\t\t\t\t\ttype: fileType?.mime \|\| uploadData?.[\"mimeType\"],\n\t\t\t\t\tthumbnailImageDataUrl,\n\t\t\t\t},\n\t\t\t\trawFile,\n\t\t\t\tstatus: EFileStatus.UPLOADED,\n\t\t\t};\n\t\t\treturn updatedFiles;\n\t\t});\n\t};\n\n\tconst parseFile = async (fileToParse: IFile, index: number) => {\n\t\tconst compressedFile = await compressImageFile(fileToParse);\n\t\tconst dataURL = await FileHelper.fileToDataUrl(compressedFile.rawFile);\n\t\tconst { errorMessage, fileType, status } = await readFile({ dataURL, ...compressedFile });\n\n\t\tsetFiles((prev) => {\n\t\t\tconst updatedFiles = [...prev];\n\t\t\tupdatedFiles[index] = {\n\t\t\t\t...compressedFile,\n\t\t\t\tdataURL,\n\t\t\t\tfileItem: {\n\t\t\t\t\terrorMessage,\n\t\t\t\t\tid: generateRandomId(),\n\t\t\t\t\tname: FileHelper.deduplicateFileName(\n\t\t\t\t\t\tfiles.map(({ fileItem }) => fileItem?.name),\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\tFileHelper.sanitizeFileName(compressedFile.rawFile.name)\n\t\t\t\t\t),\n\t\t\t\t\tsize: compressedFile.rawFile.size,\n\t\t\t\t\ttype: fileType.mime,\n\t\t\t\t\tprogress: 0,\n\t\t\t\t},\n\t\t\t\tstatus,\n\t\t\t};\n\t\t\treturn updatedFiles;\n\t\t});\n\t};\n\n\tconst uploadFile = async (fileToUpload: IFile, index: number) => {\n\t\tsetFiles((prev) => {\n\t\t\tconst updatedFiles = [...prev];\n\t\t\tupdatedFiles[index] = {\n\t\t\t\t...prev[index],\n\t\t\t\tstatus: EFileStatus.UPLOADING,\n\t\t\t};\n\t\t\treturn updatedFiles;\n\t\t});\n\n\t\tconst formData = new FormData();\n\t\tformData.append(\"sessionId\", upload?.sessionId \|\| sessionId.current \|\| \"\");\n\t\tformData.append(\"fileId\", fileToUpload.fileItem.id);\n\t\tformData.append(\"slot\", fileToUpload.slot.toString());\n\t\tif (upload.type === \"base64\") {\n\t\t\tformData.append(\"dataURL\", fileToUpload.dataURL);\n\t\t} else if (upload.type === \"multipart\") {\n\t\t\tformData.append(\"file\", fileToUpload.rawFile, fileToUpload.fileItem?.name);\n\t\t}\n\n\t\ttry {\n\t\t\tconst response = await new AxiosApiClient(\"\", undefined, undefined, true).post(upload.url, formData, {\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": upload.type === \"base64\" ? \"application/json\" : \"multipart/form-data\",\n\t\t\t\t\t...upload.headers,\n\t\t\t\t},\n\t\t\t\tonUploadProgress: (progressEvent) => {\n\t\t\t\t\tconst { loaded, total } = progressEvent;\n\t\t\t\t\tsetFiles((prev) => {\n\t\t\t\t\t\tif (!prev[index]) return prev;\n\t\t\t\t\t\tconst updatedFiles = [...prev];\n\t\t\t\t\t\tupdatedFiles[index] = {\n\t\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\t\tfileItem: {\n\t\t\t\t\t\t\t\t...prev[index].fileItem,\n\t\t\t\t\t\t\t\tprogress: loaded / total,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\treturn updatedFiles;\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t});\n\n\t\t\tconst thumbnailImageDataUrl = await generateThumbnail(fileToUpload);\n\t\t\tsetFiles((prev) => {\n\t\t\t\tif (!prev[index]) return prev;\n\t\t\t\tconst updatedFiles = [...prev];\n\t\t\t\tupdatedFiles[index] = {\n\t\t\t\t\t...prev[index],\n\t\t\t\t\tfileItem: {\n\t\t\t\t\t\t...prev[index].fileItem,\n\t\t\t\t\t\tprogress: 1,\n\t\t\t\t\t\tthumbnailImageDataUrl,\n\t\t\t\t\t},\n\t\t\t\t\tfileUrl: response?.[\"data\"]?.[\"fileUrl\"],\n\t\t\t\t\tstatus: EFileStatus.UPLOADED,\n\t\t\t\t\tuploadResponse: response,\n\t\t\t\t};\n\t\t\t\treturn updatedFiles;\n\t\t\t});\n\t\t} catch (err) {\n\t\t\tdispatchFieldEvent<TUploadErrorDetail>(\"upload-error\", id, {\n\t\t\t\tfileId: fileToUpload.fileItem.id,\n\t\t\t\terrorData: (err as AxiosError)?.response?.data,\n\t\t\t});\n\n\t\t\tthrow err;\n\t\t}\n\t};\n\n\tconst deleteFile = (index: number) => {\n\t\tsetFiles((prev) => prev.filter((_file, i) => i !== index));\n\t};\n\n\tconst compressImageFile = async (fileToCompress: IFile) => {\n\t\tif (maxFileSizeRule.maxSizeInKb > 0 && compressImages) {\n\t\t\tconst maxSizeInB = maxFileSizeRule.maxSizeInKb * 1024;\n\t\t\tif (fileToCompress.rawFile.size > maxSizeInB) {\n\t\t\t\tconst fileType = await FileHelper.getType(fileToCompress.rawFile);\n\t\t\t\tif (RESIZEABLE_IMAGE_TYPES.includes(fileType.mime)) {\n\t\t\t\t\tlet fileOrBlob = await ImageHelper.compressImage(fileToCompress.rawFile, {\n\t\t\t\t\t\tfileSize: maxFileSizeRule.maxSizeInKb,\n\t\t\t\t\t});\n\t\t\t\t\tif (fileOrBlob instanceof Blob) {\n\t\t\t\t\t\tfileOrBlob = FileHelper.blobToFile(fileOrBlob, {\n\t\t\t\t\t\t\tname: fileToCompress.rawFile.name,\n\t\t\t\t\t\t\tlastModified: fileToCompress.rawFile.lastModified,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...fileToCompress,\n\t\t\t\t\t\trawFile: fileOrBlob,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn fileToCompress;\n\t};\n\n\t// =============================================================================\n\t// RENDER FUNCTIONS\n\t// =============================================================================\n\treturn null;\n};\n\nexport default FileUploadManager;\n"],"names":["RESIZEABLE_IMAGE_TYPES","FileUploadManager","props","compressImages","fileTypeRule","fileExtensionRule","hideThumbnail","id","maxFileSizeRule","upload","uploadRule","value","files","setFiles","setCurrentFileIds","useContext","FileUploadContext","previousValue","usePrevious","setValue","useFormContext","dispatchFieldEvent","useFieldEvent","sessionId","useRef","useEffect","current","generateRandomId","forEach","async","file","index","status","EFileStatus","INJECTED","injectFile","NONE","parseFile","UPLOAD_READY","uploadFile","TO_DELETE","deleteFile","err","handleGenericError","uploadedFiles","filter","UPLOADED","hasNotPrefilledFiles","addedFrom","length","gotDeleteFiles","shouldDirty","map","fileItem","dataURL","fileUrl","uploadResponse","type","fileId","fileName","name","shouldTouch","join","undefined","prev","updatedFiles","rawFile","errorMessage","ERROR_MESSAGES","UPLOAD","GENERIC","ERROR_GENERIC","generateThumbnail","fileType","includes","image","ImageHelper","dataUrlToImage","thumbnail","resampleImage","width","height","crop","FileHelper","fileToDataUrl","readFile","fileToRead","getType","fileTypeResult","validateFileType","fileExtension","fileExtensionResult","validateFileExtension","fileSize","getFilesizeFromBase64","size","validateFileSize","ext","FILE_TYPE","ERROR_FORMAT","extensionFromFilename","split","pop","toLowerCase","FILE_EXTENSION","fileSizeInKb","maxSizeInKb","MAX_FILE_SIZE","ERROR_SIZE","fileToInject","INJECTING","blob","dataUrlToBlob","File","response","AxiosApiClient","responseType","get","mime","uploadData","isNaN","filesizeErrorMessage","thumbnailImageDataUrl","deduplicateFileName","progress","fileToParse","compressedFile","compressImageFile","sanitizeFileName","fileToUpload","UPLOADING","formData","FormData","append","slot","toString","post","url","headers","onUploadProgress","progressEvent","loaded","total","errorData","data","_file","i","fileToCompress","maxSizeInB","fileOrBlob","compressImage","Blob","blobToFile","lastModified"],"mappings":"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"}
1	+ {"version":3,"file":"file-upload-manager.27debdaa.js","sources":["../../src/components/fields/file-upload/file-upload-manager.ts"],"sourcesContent":["import { AxiosError } from \"axios\";\nimport { useContext, useEffect, useRef } from \"react\";\nimport { useFormContext } from \"react-hook-form\";\nimport { AxiosApiClient, FileHelper, ImageHelper, generateRandomId } from \"../../../utils\";\nimport { useFieldEvent, usePrevious } from \"../../../utils/hooks\";\nimport { ERROR_MESSAGES } from \"../../shared\";\nimport { FileUploadContext } from \"./file-upload-context\";\nimport {\n\tEFileStatus,\n\tIFile,\n\tIFileUploadSchema,\n\tIFileUploadValidationRule,\n\tIFileUploadValue,\n\tTUploadErrorDetail,\n} from \"./types\";\n\ninterface IProps {\n\tcompressImages: boolean;\n\tfileTypeRule: IFileUploadValidationRule;\n\tfileExtensionRule: IFileUploadValidationRule;\n\thideThumbnail?: boolean \| undefined;\n\tid: string;\n\tmaxFileSizeRule: IFileUploadValidationRule;\n\tupload: IFileUploadSchema[\"uploadOnAddingFile\"];\n\tuploadRule: IFileUploadValidationRule;\n\tvalue: IFileUploadValue[];\n}\n\nconst RESIZEABLE_IMAGE_TYPES = [\"image/jpeg\", \"image/gif\", \"image/png\"];\n\nconst FileUploadManager = (props: IProps) => {\n\t// =============================================================================\n\t// CONST, STATE, REFS\n\t// =============================================================================\n\tconst {\n\t\tcompressImages,\n\t\tfileTypeRule,\n\t\tfileExtensionRule,\n\t\thideThumbnail,\n\t\tid,\n\t\tmaxFileSizeRule,\n\t\tupload,\n\t\tuploadRule,\n\t\tvalue,\n\t} = props;\n\tconst { files, setFiles, setCurrentFileIds } = useContext(FileUploadContext);\n\tconst previousValue = usePrevious(value);\n\tconst { setValue } = useFormContext();\n\tconst { dispatchFieldEvent } = useFieldEvent();\n\tconst sessionId = useRef<string>();\n\n\t// =============================================================================\n\t// EFFECTS\n\t// =============================================================================\n\tuseEffect(() => {\n\t\tsessionId.current = generateRandomId();\n\t}, []);\n\n\tuseEffect(\n\t\t() => {\n\t\t\t// handle file status\n\t\t\tfiles.forEach(async (file, index) => {\n\t\t\t\ttry {\n\t\t\t\t\tswitch (file.status) {\n\t\t\t\t\t\tcase EFileStatus.INJECTED:\n\t\t\t\t\t\t\tawait injectFile(file, index);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase EFileStatus.NONE:\n\t\t\t\t\t\t\tawait parseFile(file, index);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase EFileStatus.UPLOAD_READY:\n\t\t\t\t\t\t\tawait uploadFile(file, index);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase EFileStatus.TO_DELETE:\n\t\t\t\t\t\t\tdeleteFile(index);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} catch (err) {\n\t\t\t\t\thandleGenericError(index);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t// track / update values\n\t\t\tconst uploadedFiles = files.filter(({ status }) => status === EFileStatus.UPLOADED);\n\t\t\tconst notPrefilledFiles = uploadedFiles.filter(({ addedFrom }) => addedFrom !== \"schema\");\n\t\t\tconst hasNotPrefilledFiles = notPrefilledFiles.length > 0;\n\t\t\tconst gotDeleteFiles = files.filter(({ status }) => status === EFileStatus.TO_DELETE).length > 0;\n\n\t\t\t/*\n\t\t\t should dirty if\n\t\t\t * - it is dirty in the first place\n\t\t\t * - there are non-prefilled files\n\t\t\t * - user deleted file (differentiated from reset)\n\t\t\t /\n\t\t\tconst shouldDirty = hasNotPrefilledFiles \|\| gotDeleteFiles;\n\n\t\t\tsetCurrentFileIds(uploadedFiles.map(({ fileItem }) => fileItem.id));\n\n\t\t\tsetValue(\n\t\t\t\tid,\n\t\t\t\tuploadedFiles.map(({ dataURL, fileItem, fileUrl, uploadResponse }) => ({\n\t\t\t\t\t...(upload.type === \"base64\" ? { dataURL } : {}),\n\t\t\t\t\tfileId: fileItem.id,\n\t\t\t\t\tfileName: fileItem.name,\n\t\t\t\t\tfileUrl,\n\t\t\t\t\tuploadResponse,\n\t\t\t\t})),\n\t\t\t\t{ shouldDirty, shouldTouch: hasNotPrefilledFiles }\n\t\t\t);\n\t\t}, // eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[files.map(({ fileItem, status }) => `${fileItem?.id}-${status}`).join(\",\")]\n\t);\n\n\t// for reset\n\tuseEffect(() => {\n\t\tif (previousValue !== undefined && value === undefined && files.length) {\n\t\t\tsetFiles([]);\n\t\t}\n\t}, [files, previousValue, setFiles, value]);\n\n\t// =============================================================================\n\t// HELPER FUNCTIONS\n\t// =============================================================================\n\n\tconst handleGenericError = (index: number) => {\n\t\tsetFiles((prev) => {\n\t\t\tconst updatedFiles = [...prev];\n\t\t\tconst file = prev[index];\n\t\t\tupdatedFiles[index] = {\n\t\t\t\t...file,\n\t\t\t\tfileItem: {\n\t\t\t\t\t...file.fileItem,\n\t\t\t\t\tid: file.fileItem?.id \|\| generateRandomId(),\n\t\t\t\t\tname: file.rawFile.name,\n\t\t\t\t\terrorMessage: uploadRule?.errorMessage \|\| ERROR_MESSAGES.UPLOAD().GENERIC,\n\t\t\t\t},\n\t\t\t\tstatus: EFileStatus.ERROR_GENERIC,\n\t\t\t};\n\t\t\treturn updatedFiles;\n\t\t});\n\t};\n\n\tconst generateThumbnail = async (file: IFile, fileType?: string \| undefined) => {\n\t\tif (hideThumbnail !== true && RESIZEABLE_IMAGE_TYPES.includes(fileType \|\| file.fileItem?.type)) {\n\t\t\tconst image = await ImageHelper.dataUrlToImage(file.dataURL);\n\t\t\tconst thumbnail = await ImageHelper.resampleImage(image, { width: 94, height: 94, crop: true });\n\t\t\treturn await FileHelper.fileToDataUrl(thumbnail);\n\t\t}\n\t\treturn \"\";\n\t};\n\n\tconst readFile = async (fileToRead: IFile) => {\n\t\tconst { addedFrom, dataURL, rawFile } = fileToRead;\n\t\tconst fileType = await FileHelper.getType(rawFile);\n\t\tconst fileTypeResult = validateFileType(fileType);\n\n\t\tif (fileTypeResult?.status < 0) {\n\t\t\treturn fileTypeResult;\n\t\t}\n\n\t\tif (fileTypeRule.fileType && fileExtensionRule.fileExtension) {\n\t\t\tconst fileExtensionResult = validateFileExtension(rawFile.name);\n\t\t\tif (fileExtensionResult?.status < 0) {\n\t\t\t\treturn { ...fileExtensionResult, fileType };\n\t\t\t}\n\t\t}\n\n\t\tconst fileSize = upload.type === \"base64\" ? FileHelper.getFilesizeFromBase64(dataURL) : rawFile.size;\n\t\tconst { errorMessage, status } = validateFileSize(fileSize);\n\t\tif (status < 0) {\n\t\t\treturn { errorMessage, fileType, status };\n\t\t}\n\n\t\tif (addedFrom === \"schema\") {\n\t\t\treturn {\n\t\t\t\tfileType,\n\t\t\t\tstatus: EFileStatus.UPLOADED,\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\tfileType,\n\t\t\tstatus: EFileStatus.UPLOAD_READY,\n\t\t};\n\t};\n\n\tconst validateFileType = (fileType: { mime: string; ext: string }) => {\n\t\tconst validFileType = fileTypeRule.fileType?.length ? fileTypeRule.fileType?.includes(fileType.ext) : true;\n\n\t\tif (!validFileType) {\n\t\t\treturn {\n\t\t\t\terrorMessage:\n\t\t\t\t\tfileTypeRule.errorMessage \|\| ERROR_MESSAGES.UPLOAD().FILE_TYPE(fileTypeRule.fileType \|\| []),\n\t\t\t\tfileType,\n\t\t\t\tstatus: EFileStatus.ERROR_FORMAT,\n\t\t\t};\n\t\t}\n\n\t\treturn {};\n\t};\n\n\tconst validateFileExtension = (fileName: string) => {\n\t\tconst extensionFromFilename = fileName?.includes(\".\") ? fileName.split(\".\").pop().toLowerCase() : undefined;\n\n\t\tif (!extensionFromFilename \|\| !fileExtensionRule?.fileExtension?.includes(extensionFromFilename)) {\n\t\t\treturn {\n\t\t\t\terrorMessage:\n\t\t\t\t\tfileExtensionRule.errorMessage \|\|\n\t\t\t\t\tERROR_MESSAGES.UPLOAD().FILE_EXTENSION(fileTypeRule.fileType \|\| []),\n\t\t\t\tfileName,\n\t\t\t\tstatus: EFileStatus.ERROR_FORMAT,\n\t\t\t};\n\t\t}\n\t\treturn {};\n\t};\n\n\tconst validateFileSize = (fileSizeInKb: number) => {\n\t\tif (maxFileSizeRule.maxSizeInKb > 0) {\n\t\t\tconst maxSizeInB = maxFileSizeRule.maxSizeInKb 1024;\n\t\t\tif (fileSizeInKb > maxSizeInB) {\n\t\t\t\treturn {\n\t\t\t\t\terrorMessage:\n\t\t\t\t\t\tmaxFileSizeRule.errorMessage \|\|\n\t\t\t\t\t\tERROR_MESSAGES.UPLOAD().MAX_FILE_SIZE(maxFileSizeRule.maxSizeInKb),\n\t\t\t\t\tstatus: EFileStatus.ERROR_SIZE,\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\t\treturn {};\n\t};\n\n\t// =============================================================================\n\t// FILE STATUS HANDLERS\n\t// =============================================================================\n\tconst injectFile = async (fileToInject: IFile, index: number) => {\n\t\tsetFiles((prev) => {\n\t\t\tconst updatedFiles = [...prev];\n\t\t\tupdatedFiles[index] = {\n\t\t\t\t...prev[index],\n\t\t\t\tstatus: EFileStatus.INJECTING,\n\t\t\t};\n\t\t\treturn updatedFiles;\n\t\t});\n\n\t\tlet rawFile: File;\n\t\tif (fileToInject.dataURL) {\n\t\t\tconst blob = await FileHelper.dataUrlToBlob(fileToInject.dataURL);\n\t\t\trawFile = new File([blob], fileToInject.rawFile.name);\n\t\t} else if (fileToInject.fileUrl) {\n\t\t\tconst response: Blob = await new AxiosApiClient(\"\", undefined, undefined, false, {\n\t\t\t\tresponseType: \"blob\",\n\t\t\t}).get(fileToInject.fileUrl);\n\t\t\tconst fileType = await FileHelper.getType(new File([response], fileToInject.rawFile.name));\n\t\t\trawFile = new File([response], fileToInject.rawFile.name, { type: fileType.mime });\n\t\t\tfileToInject.dataURL = await FileHelper.fileToDataUrl(rawFile);\n\t\t}\n\n\t\t// rawFile may not be available because some use cases is not able to return dataURL / fileUrl due to security concerns\n\t\t// in such cases, we will rely on the uploadResponse for file info\n\t\tconst uploadData = fileToInject.uploadResponse?.[\"data\"] \|\| fileToInject.uploadResponse;\n\t\tconst { errorMessage, fileType } = rawFile\n\t\t\t? await readFile({ ...fileToInject, rawFile })\n\t\t\t: validateFileType({\n\t\t\t\t\tmime: uploadData?.[\"mimeType\"],\n\t\t\t\t\text: uploadData?.[\"ext\"],\n\t\t\t });\n\n\t\tlet size = rawFile?.size \|\| uploadData?.[\"fileSize\"] \|\| 0;\n\t\tif (isNaN(size)) {\n\t\t\tsize = 0;\n\t\t}\n\t\tconst { errorMessage: filesizeErrorMessage } = validateFileSize(size);\n\n\t\tconst thumbnailImageDataUrl = rawFile ? await generateThumbnail(fileToInject, fileType?.mime) : undefined;\n\n\t\tsetFiles((prev) => {\n\t\t\tconst updatedFiles = [...prev];\n\t\t\tupdatedFiles[index] = {\n\t\t\t\t...fileToInject,\n\t\t\t\tfileItem: {\n\t\t\t\t\terrorMessage: errorMessage \|\| filesizeErrorMessage,\n\t\t\t\t\tid: fileToInject.fileItem?.id \|\| generateRandomId(),\n\t\t\t\t\tname: FileHelper.deduplicateFileName(\n\t\t\t\t\t\tfiles.map(({ fileItem }) => fileItem.name),\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\trawFile?.name \|\| fileToInject.rawFile.name\n\t\t\t\t\t),\n\t\t\t\t\tprogress: 1,\n\t\t\t\t\tsize,\n\t\t\t\t\ttype: fileType?.mime \|\| uploadData?.[\"mimeType\"],\n\t\t\t\t\tthumbnailImageDataUrl,\n\t\t\t\t},\n\t\t\t\trawFile,\n\t\t\t\tstatus: EFileStatus.UPLOADED,\n\t\t\t};\n\t\t\treturn updatedFiles;\n\t\t});\n\t};\n\n\tconst parseFile = async (fileToParse: IFile, index: number) => {\n\t\tconst compressedFile = await compressImageFile(fileToParse);\n\t\tconst dataURL = await FileHelper.fileToDataUrl(compressedFile.rawFile);\n\t\tconst { errorMessage, fileType, status } = await readFile({ dataURL, ...compressedFile });\n\n\t\tsetFiles((prev) => {\n\t\t\tconst updatedFiles = [...prev];\n\t\t\tupdatedFiles[index] = {\n\t\t\t\t...compressedFile,\n\t\t\t\tdataURL,\n\t\t\t\tfileItem: {\n\t\t\t\t\terrorMessage,\n\t\t\t\t\tid: generateRandomId(),\n\t\t\t\t\tname: FileHelper.deduplicateFileName(\n\t\t\t\t\t\tfiles.map(({ fileItem }) => fileItem?.name),\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\tFileHelper.sanitizeFileName(compressedFile.rawFile.name)\n\t\t\t\t\t),\n\t\t\t\t\tsize: compressedFile.rawFile.size,\n\t\t\t\t\ttype: fileType.mime,\n\t\t\t\t\tprogress: 0,\n\t\t\t\t},\n\t\t\t\tstatus,\n\t\t\t};\n\t\t\treturn updatedFiles;\n\t\t});\n\t};\n\n\tconst uploadFile = async (fileToUpload: IFile, index: number) => {\n\t\tsetFiles((prev) => {\n\t\t\tconst updatedFiles = [...prev];\n\t\t\tupdatedFiles[index] = {\n\t\t\t\t...prev[index],\n\t\t\t\tstatus: EFileStatus.UPLOADING,\n\t\t\t};\n\t\t\treturn updatedFiles;\n\t\t});\n\n\t\tconst formData = new FormData();\n\t\tformData.append(\"sessionId\", upload?.sessionId \|\| sessionId.current \|\| \"\");\n\t\tformData.append(\"fileId\", fileToUpload.fileItem.id);\n\t\tformData.append(\"slot\", fileToUpload.slot.toString());\n\t\tif (upload.type === \"base64\") {\n\t\t\tformData.append(\"dataURL\", fileToUpload.dataURL);\n\t\t} else if (upload.type === \"multipart\") {\n\t\t\tformData.append(\"file\", fileToUpload.rawFile, fileToUpload.fileItem?.name);\n\t\t}\n\n\t\ttry {\n\t\t\tconst response = await new AxiosApiClient(\"\", undefined, undefined, true).post(upload.url, formData, {\n\t\t\t\theaders: {\n\t\t\t\t\t\"Content-Type\": upload.type === \"base64\" ? \"application/json\" : \"multipart/form-data\",\n\t\t\t\t\t...upload.headers,\n\t\t\t\t},\n\t\t\t\tonUploadProgress: (progressEvent) => {\n\t\t\t\t\tconst { loaded, total } = progressEvent;\n\t\t\t\t\tsetFiles((prev) => {\n\t\t\t\t\t\tif (!prev[index]) return prev;\n\t\t\t\t\t\tconst updatedFiles = [...prev];\n\t\t\t\t\t\tupdatedFiles[index] = {\n\t\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\t\tfileItem: {\n\t\t\t\t\t\t\t\t...prev[index].fileItem,\n\t\t\t\t\t\t\t\tprogress: loaded / total,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\treturn updatedFiles;\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t});\n\n\t\t\tconst thumbnailImageDataUrl = await generateThumbnail(fileToUpload);\n\t\t\tsetFiles((prev) => {\n\t\t\t\tif (!prev[index]) return prev;\n\t\t\t\tconst updatedFiles = [...prev];\n\t\t\t\tupdatedFiles[index] = {\n\t\t\t\t\t...prev[index],\n\t\t\t\t\tfileItem: {\n\t\t\t\t\t\t...prev[index].fileItem,\n\t\t\t\t\t\tprogress: 1,\n\t\t\t\t\t\tthumbnailImageDataUrl,\n\t\t\t\t\t},\n\t\t\t\t\tfileUrl: response?.[\"data\"]?.[\"fileUrl\"],\n\t\t\t\t\tstatus: EFileStatus.UPLOADED,\n\t\t\t\t\tuploadResponse: response,\n\t\t\t\t};\n\t\t\t\treturn updatedFiles;\n\t\t\t});\n\t\t} catch (err) {\n\t\t\tdispatchFieldEvent<TUploadErrorDetail>(\"upload-error\", id, {\n\t\t\t\tfileId: fileToUpload.fileItem.id,\n\t\t\t\terrorData: (err as AxiosError)?.response?.data,\n\t\t\t});\n\n\t\t\tthrow err;\n\t\t}\n\t};\n\n\tconst deleteFile = (index: number) => {\n\t\tsetFiles((prev) => prev.filter((_file, i) => i !== index));\n\t};\n\n\tconst compressImageFile = async (fileToCompress: IFile) => {\n\t\tif (maxFileSizeRule.maxSizeInKb > 0 && compressImages) {\n\t\t\tconst maxSizeInB = maxFileSizeRule.maxSizeInKb * 1024;\n\t\t\tif (fileToCompress.rawFile.size > maxSizeInB) {\n\t\t\t\tconst fileType = await FileHelper.getType(fileToCompress.rawFile);\n\t\t\t\tif (RESIZEABLE_IMAGE_TYPES.includes(fileType.mime)) {\n\t\t\t\t\tlet fileOrBlob = await ImageHelper.compressImage(fileToCompress.rawFile, {\n\t\t\t\t\t\tfileSize: maxFileSizeRule.maxSizeInKb,\n\t\t\t\t\t});\n\t\t\t\t\tif (fileOrBlob instanceof Blob) {\n\t\t\t\t\t\tfileOrBlob = FileHelper.blobToFile(fileOrBlob, {\n\t\t\t\t\t\t\tname: fileToCompress.rawFile.name,\n\t\t\t\t\t\t\tlastModified: fileToCompress.rawFile.lastModified,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...fileToCompress,\n\t\t\t\t\t\trawFile: fileOrBlob,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn fileToCompress;\n\t};\n\n\t// =============================================================================\n\t// RENDER FUNCTIONS\n\t// =============================================================================\n\treturn null;\n};\n\nexport default FileUploadManager;\n"],"names":["RESIZEABLE_IMAGE_TYPES","FileUploadManager","props","compressImages","fileTypeRule","fileExtensionRule","hideThumbnail","id","maxFileSizeRule","upload","uploadRule","value","files","setFiles","setCurrentFileIds","useContext","FileUploadContext","previousValue","usePrevious","setValue","useFormContext","dispatchFieldEvent","useFieldEvent","sessionId","useRef","useEffect","current","generateRandomId","forEach","async","file","index","status","EFileStatus","INJECTED","injectFile","NONE","parseFile","UPLOAD_READY","uploadFile","TO_DELETE","deleteFile","err","handleGenericError","uploadedFiles","filter","UPLOADED","hasNotPrefilledFiles","addedFrom","length","gotDeleteFiles","shouldDirty","map","fileItem","dataURL","fileUrl","uploadResponse","type","fileId","fileName","name","shouldTouch","join","undefined","prev","updatedFiles","rawFile","errorMessage","ERROR_MESSAGES","UPLOAD","GENERIC","ERROR_GENERIC","generateThumbnail","fileType","includes","image","ImageHelper","dataUrlToImage","thumbnail","resampleImage","width","height","crop","FileHelper","fileToDataUrl","readFile","fileToRead","getType","fileTypeResult","validateFileType","fileExtension","fileExtensionResult","validateFileExtension","fileSize","getFilesizeFromBase64","size","validateFileSize","ext","FILE_TYPE","ERROR_FORMAT","extensionFromFilename","split","pop","toLowerCase","FILE_EXTENSION","fileSizeInKb","maxSizeInKb","MAX_FILE_SIZE","ERROR_SIZE","fileToInject","INJECTING","blob","dataUrlToBlob","File","response","AxiosApiClient","responseType","get","mime","uploadData","isNaN","filesizeErrorMessage","thumbnailImageDataUrl","deduplicateFileName","progress","fileToParse","compressedFile","compressImageFile","sanitizeFileName","fileToUpload","UPLOADING","formData","FormData","append","slot","toString","post","url","headers","onUploadProgress","progressEvent","loaded","total","errorData","data","_file","i","fileToCompress","maxSizeInB","fileOrBlob","compressImage","Blob","blobToFile","lastModified"],"mappings":"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"}

package/chunks/{index.fe54c734.js → index.2f7eb734.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{useContext as e,useRef as t,useEffect as s}from"react";import{e as a,u as i,a as r,b as o,g as n,f as c,d as l,I as m,A as d}from"./index.2d28e824.js";import"react/jsx-runtime";import"@lifesg/react-design-system/theme";import"styled-components";import"@lifesg/react-design-system/typography";import"@lifesg/react-design-system/button";import"@lifesg/react-design-system/modal";import"@lifesg/react-design-system/markup";import"react-dom/server";import"@lifesg/react-design-system/alert";import"@lifesg/react-design-system/layout";import"@lifesg/react-design-system/box-container";import"@lifesg/react-design-system/divider";import"@lifesg/react-design-system/v2_media";import"@lifesg/react-design-system/text-list";import"@lifesg/react-design-system/popover-v2";import"@lifesg/react-icons";import"@lifesg/react-design-system/tab";import"@lifesg/react-icons/plus-circle-fill";import"@lifesg/react-design-system/button-with-icon";import"@lifesg/react-design-system/error-display";import"@lifesg/react-design-system/filter";import"@lifesg/react-design-system/uneditable-section";import"@lifesg/react-design-system/timeline";import"@lifesg/react-design-system/form";import"@lifesg/react-design-system/checkbox";import"@lifesg/react-design-system/toggle";import"@lifesg/react-design-system/file-upload";import"@lifesg/react-icons/cross";import"@lifesg/react-design-system/icon-button";import"@lifesg/react-icons/bin";import"@lifesg/react-icons/eraser";import"@lifesg/react-icons/pencil";import"@lifesg/react-icons/pencil-stroke";import"@lifesg/react-icons/plus";import"@lifesg/react-icons/exclamation-triangle";import"@lifesg/react-icons/pin-fill";import"@lifesg/react-design-system/image-button";import"@lifesg/react-design-system/radio-button";import"@lifesg/react-design-system/v2_layout";const g=g=>{const{accepts:p,compress:u,crop:f,dimensions:E,editImage:R,id:h,maxSizeInKb:y,outputType:w,upload:D,filenameMatches:O,filenameMatchesErrorMessage:I,value:U}=g,{images:L,setImages:T,setErrorCount:M,setCurrentFileIds:b}=e(a),_=i(L),N=i(U),{setValue:v}=r(),S=t(),x=t(0),{dispatchFieldEvent:C,addFieldEventListener:F,removeFieldEventListener:P}=o();s((()=>{const e=e=>{T((t=>{const s=t.findIndex((t=>t.id===e.detail.id)),a={...t[s]};a.status=e.detail.updatedStatus,a.customErrorMessage=e.detail.errorMessage;const i=[...t];return i.splice(s,1,a),i}))};return F("update-image-status",h,e),()=>P("update-image-status",h,e)}),[F,h,P,T]),s((()=>{S.current=n()}),[]),s((()=>{L.forEach(((e,t)=>{const s=_?.[t];if(e.status!==s?.status||e.dataURL!==s.dataURL)switch(e.status){case c.INJECTED:l.dataUrlToBlob(e.dataURL).then((s=>{T((a=>{const i=[...a];return i[t]={...e,file:new File([s],e.name),status:c.NONE},i}))})).catch((()=>{T((e=>e.filter(((e,s)=>s!==t))))}));break;case c.NONE:if(O){const s=k(O);if(s&&!s.test(e.name)){T((s=>{const a=[...s];return a[t]={...e,status:c.ERROR_FILENAME,customErrorMessage:I},a}));break}}l.getType(e.file).then((s=>{const a=s.mime;a&&p.map(l.fileExtensionToMimeType).includes(a)?(T((s=>{const i=[...s];return i[t]={...e,name:l.deduplicateFileName(L.map((({name:e})=>e)),t,l.sanitizeFileName(e.name)),type:a,status:"schema"!==e.addedFrom?e.status:c.UPLOADED},i})),"schema"!==e.addedFrom&&(u?G(t,e):z(t,e))):T((s=>{const a=[...s];return a[t]={...e,status:c.ERROR_FORMAT},a}))}));break;case c.TO_RECOMPRESS:j(t,e);break;case c.COMPRESSED:case c.CONVERTED:case c.RECOMPRESSED:if(!R){const s=!C("upload-ready",h,{imageData:e});T((e=>{const a=[...e];return a[t]={...a[t],status:s?c.PENDING:c.UPLOAD_READY},a}))}break;case c.UPLOAD_READY:B(t,e);break;case c.TO_DELETE:T((e=>e.filter((({status:e})=>e!==c.TO_DELETE))));break;case c.UPLOADED:C("uploaded",h,{imageData:e})}}))}),[L.map((({status:e})=>e)).join(","),L.map((({dataURL:e})=>e)).join(",")]),s((()=>{let e=0;L.forEach((t=>{(t.type&&!p.map(l.fileExtensionToMimeType).includes(t.type)||[c.ERROR_GENERIC,c.ERROR_SIZE,c.ERROR_FILENAME].includes(t.status))&&e++})),M((t=>Math.max(0,t+e-x.current))),x.current=e;const t=L.filter((({status:e})=>e===c.UPLOADED||e===c.ERROR_CUSTOM_MUTED)),s=t.filter((({addedFrom:e})=>"schema"!==e)),a=L.filter((({status:e})=>e===c.TO_DELETE)).length>0,i=s.length>0,r=i||a;b(t.map((({id:e})=>e))),v(h,t.map((({id:e,dataURL:t,drawingDataURL:s,name:a,metadata:i,uploadResponse:r})=>({fileId:e,fileName:a,dataURL:s||t,metadata:i,uploadResponse:r}))),{shouldDirty:r,shouldTouch:i})}),[p,h,L,M,v]),s((()=>{void 0!==N&&void 0===U&&L.length&&T([])}),[void 0===N,void 0===U,L.length]);const A=(e,t)=>{let s=E.width/e;return t*s>E.height&&(s=E.height/t),s},k=e=>{try{const t=e.match(/^\/(.+)\/([gimsuy]*)$/);return t?new RegExp(t[1],t[2]||""):new RegExp(e)}catch{return}},z=async(e,t)=>{try{const s=await m.convertBlob(t.file,l.fileExtensionToMimeType(w)),a=l.getFilesizeFromBase64(s);if(y&&a>1024*y)T((t=>{const s=[...t];return s[e]={...t[e],status:c.ERROR_SIZE},s}));else{const a=await m.getMetadata(t.file);T((t=>{const i=[...t];return i[e]={...t[e],dataURL:s,metadata:a,status:c.CONVERTED},i}))}}catch(t){T((t=>{const s=[...t];return s[e]={...t[e],status:c.ERROR_GENERIC},s}))}},G=async(e,t)=>{try{const s=await m.convertBlob(t.file,l.fileExtensionToMimeType(w)),a=await m.dataUrlToImage(s),i={w:a.naturalWidth,h:a.naturalHeight};let r;if(f)r=await m.resampleImage(a,{width:E.width,height:E.height,crop:!0});else{const e=A(i.w,i.h);r=await m.resampleImage(a,{scale:e})}if(y&&(r=await m.compressImage(r,{fileSize:y})),y&&r.size>1024*y)T((t=>{const s=[...t];return s[e]={...t[e],status:c.ERROR_SIZE},s}));else{const s=await m.getMetadata(t.file),a=await l.fileToDataUrl(r);T((t=>{const i=[...t];return i[e]={...t[e],dataURL:a,metadata:s,status:c.COMPRESSED},i}))}}catch(t){T((t=>{const s=[...t];return s[e]={...t[e],status:c.ERROR_GENERIC},s}))}},j=async(e,t)=>{if(t.drawingDataURL)try{const s=await m.dataUrlToImage(t.drawingDataURL),a={w:s.naturalWidth,h:s.naturalHeight};let i;if(f)i=await m.resampleImage(s,{width:E.width,height:E.height,crop:!0});else{const e=A(a.w,a.h);i=await m.resampleImage(s,{scale:e})}if(i=await m.compressImage(i,{fileSize:y}),i.size>1024*y){const t=[...L];t[e]={...L[e],status:c.ERROR_SIZE},T(t)}else{const t=await l.fileToDataUrl(i),s=[...L];s[e]={...L[e],drawingDataURL:t,status:c.RECOMPRESSED},T(s)}}catch(t){T((t=>{const s=[...t];return s[e]={...t[e],status:c.ERROR_GENERIC},s}))}},B=async(e,t)=>{try{let s;if(T((t=>{const s=[...t];return s[e]={...t[e],status:c.UPLOADING},s})),D?.method&&D?.url){const a=new FormData;a.append("dataURL",t.drawingDataURL||t.dataURL||""),a.append("sessionId",D?.sessionId||S.current||""),a.append("slot",`${t.slot}`),s=await new d("",void 0,void 0,!0)[D.method](D.url,a,{onUploadProgress:t=>{const{loaded:s,total:a}=t,i=Math.floor(100*s/a);T((t=>{const s=[...t];return s[e]={...t[e],uploadProgress:i},s}))}})}T((t=>{const a=[...t];return a[e]={...t[e],uploadResponse:s,status:c.UPLOADED},a}))}catch(t){T((t=>{const s=[...t];return s[e]={...t[e],status:c.ERROR_GENERIC},s}))}};return null};export{g as default};
-//# sourceMappingURL=index.fe54c734.js.map
+import{useContext as e,useRef as t,useEffect as s}from"react";import{e as a,u as i,a as r,b as o,g as n,f as c,d as l,I as m,A as d}from"./index.b5f8bb97.js";import"react/jsx-runtime";import"@lifesg/react-design-system/theme";import"styled-components";import"@lifesg/react-design-system/typography";import"@lifesg/react-design-system/button";import"@lifesg/react-design-system/modal";import"@lifesg/react-design-system/markup";import"react-dom/server";import"@lifesg/react-design-system/alert";import"@lifesg/react-design-system/layout";import"@lifesg/react-design-system/box-container";import"@lifesg/react-design-system/divider";import"@lifesg/react-design-system/v2_media";import"@lifesg/react-design-system/text-list";import"@lifesg/react-design-system/popover-v2";import"@lifesg/react-icons";import"@lifesg/react-design-system/tab";import"@lifesg/react-icons/plus-circle-fill";import"@lifesg/react-design-system/button-with-icon";import"@lifesg/react-design-system/error-display";import"@lifesg/react-design-system/filter";import"@lifesg/react-design-system/uneditable-section";import"@lifesg/react-design-system/timeline";import"@lifesg/react-design-system/form";import"@lifesg/react-design-system/checkbox";import"@lifesg/react-design-system/toggle";import"@lifesg/react-design-system/file-upload";import"@lifesg/react-icons/cross";import"@lifesg/react-design-system/icon-button";import"@lifesg/react-icons/bin";import"@lifesg/react-icons/eraser";import"@lifesg/react-icons/pencil";import"@lifesg/react-icons/pencil-stroke";import"@lifesg/react-icons/plus";import"@lifesg/react-icons/exclamation-triangle";import"@lifesg/react-icons/pin-fill";import"@lifesg/react-design-system/image-button";import"@lifesg/react-design-system/radio-button";import"@lifesg/react-design-system/v2_layout";const g=g=>{const{accepts:p,compress:u,crop:f,dimensions:E,editImage:R,id:h,maxSizeInKb:y,outputType:w,upload:D,filenameMatches:O,filenameMatchesErrorMessage:I,value:U}=g,{images:L,setImages:T,setErrorCount:b,setCurrentFileIds:M}=e(a),_=i(L),N=i(U),{setValue:v}=r(),S=t(),x=t(0),{dispatchFieldEvent:C,addFieldEventListener:F,removeFieldEventListener:P}=o();s((()=>{const e=e=>{T((t=>{const s=t.findIndex((t=>t.id===e.detail.id)),a={...t[s]};a.status=e.detail.updatedStatus,a.customErrorMessage=e.detail.errorMessage;const i=[...t];return i.splice(s,1,a),i}))};return F("update-image-status",h,e),()=>P("update-image-status",h,e)}),[F,h,P,T]),s((()=>{S.current=n()}),[]),s((()=>{L.forEach(((e,t)=>{const s=_?.[t];if(e.status!==s?.status||e.dataURL!==s.dataURL)switch(e.status){case c.INJECTED:l.dataUrlToBlob(e.dataURL).then((s=>{T((a=>{const i=[...a];return i[t]={...e,file:new File([s],e.name),status:c.NONE},i}))})).catch((()=>{T((e=>e.filter(((e,s)=>s!==t))))}));break;case c.NONE:if(O){const s=k(O);if(s&&!s.test(e.name)){T((s=>{const a=[...s];return a[t]={...e,status:c.ERROR_FILENAME,customErrorMessage:I},a}));break}}l.getType(e.file).then((s=>{const a=s.mime;a&&p.map(l.fileExtensionToMimeType).includes(a)?(T((s=>{const i=[...s];return i[t]={...e,name:l.deduplicateFileName(L.map((({name:e})=>e)),t,l.sanitizeFileName(e.name)),type:a,status:"schema"!==e.addedFrom?e.status:c.UPLOADED},i})),"schema"!==e.addedFrom&&(u?G(t,e):z(t,e))):T((s=>{const a=[...s];return a[t]={...e,status:c.ERROR_FORMAT},a}))}));break;case c.TO_RECOMPRESS:j(t,e);break;case c.COMPRESSED:case c.CONVERTED:case c.RECOMPRESSED:if(!R){const s=!C("upload-ready",h,{imageData:e});T((e=>{const a=[...e];return a[t]={...a[t],status:s?c.PENDING:c.UPLOAD_READY},a}))}break;case c.UPLOAD_READY:B(t,e);break;case c.TO_DELETE:T((e=>e.filter((({status:e})=>e!==c.TO_DELETE))));break;case c.UPLOADED:C("uploaded",h,{imageData:e})}}))}),[L.map((({status:e})=>e)).join(","),L.map((({dataURL:e})=>e)).join(",")]),s((()=>{let e=0;L.forEach((t=>{(t.type&&!p.map(l.fileExtensionToMimeType).includes(t.type)||[c.ERROR_GENERIC,c.ERROR_SIZE,c.ERROR_FILENAME].includes(t.status))&&e++})),b((t=>Math.max(0,t+e-x.current))),x.current=e;const t=L.filter((({status:e})=>e===c.UPLOADED||e===c.ERROR_CUSTOM_MUTED)),s=t.filter((({addedFrom:e})=>"schema"!==e)),a=L.filter((({status:e})=>e===c.TO_DELETE)).length>0,i=s.length>0,r=i||a;M(t.map((({id:e})=>e))),v(h,t.map((({id:e,dataURL:t,drawingDataURL:s,name:a,metadata:i,uploadResponse:r})=>({fileId:e,fileName:a,dataURL:s||t,metadata:i,uploadResponse:r}))),{shouldDirty:r,shouldTouch:i})}),[p,h,L,b,v]),s((()=>{void 0!==N&&void 0===U&&L.length&&T([])}),[void 0===N,void 0===U,L.length]);const A=(e,t)=>{let s=E.width/e;return t*s>E.height&&(s=E.height/t),s},k=e=>{try{const t=e.match(/^\/(.+)\/([gimsuy]*)$/);return t?new RegExp(t[1],t[2]||""):new RegExp(e)}catch{return}},z=async(e,t)=>{try{const s=await m.convertBlob(t.file,l.fileExtensionToMimeType(w)),a=l.getFilesizeFromBase64(s);if(y&&a>1024*y)T((t=>{const s=[...t];return s[e]={...t[e],status:c.ERROR_SIZE},s}));else{const a=await m.getMetadata(t.file);T((t=>{const i=[...t];return i[e]={...t[e],dataURL:s,metadata:a,status:c.CONVERTED},i}))}}catch(t){T((t=>{const s=[...t];return s[e]={...t[e],status:c.ERROR_GENERIC},s}))}},G=async(e,t)=>{try{const s=await m.convertBlob(t.file,l.fileExtensionToMimeType(w)),a=await m.dataUrlToImage(s),i={w:a.naturalWidth,h:a.naturalHeight};let r;if(f)r=await m.resampleImage(a,{width:E.width,height:E.height,crop:!0});else{const e=A(i.w,i.h);r=await m.resampleImage(a,{scale:e})}if(y&&(r=await m.compressImage(r,{fileSize:y})),y&&r.size>1024*y)T((t=>{const s=[...t];return s[e]={...t[e],status:c.ERROR_SIZE},s}));else{const s=await m.getMetadata(t.file),a=await l.fileToDataUrl(r);T((t=>{const i=[...t];return i[e]={...t[e],dataURL:a,metadata:s,status:c.COMPRESSED},i}))}}catch(t){T((t=>{const s=[...t];return s[e]={...t[e],status:c.ERROR_GENERIC},s}))}},j=async(e,t)=>{if(t.drawingDataURL)try{const s=await m.dataUrlToImage(t.drawingDataURL),a={w:s.naturalWidth,h:s.naturalHeight};let i;if(f)i=await m.resampleImage(s,{width:E.width,height:E.height,crop:!0});else{const e=A(a.w,a.h);i=await m.resampleImage(s,{scale:e})}if(i=await m.compressImage(i,{fileSize:y}),i.size>1024*y){const t=[...L];t[e]={...L[e],status:c.ERROR_SIZE},T(t)}else{const t=await l.fileToDataUrl(i),s=[...L];s[e]={...L[e],drawingDataURL:t,status:c.RECOMPRESSED},T(s)}}catch(t){T((t=>{const s=[...t];return s[e]={...t[e],status:c.ERROR_GENERIC},s}))}},B=async(e,t)=>{try{let s;if(T((t=>{const s=[...t];return s[e]={...t[e],status:c.UPLOADING},s})),D?.method&&D?.url){const a=new FormData;a.append("dataURL",t.drawingDataURL||t.dataURL||""),a.append("sessionId",D?.sessionId||S.current||""),a.append("slot",`${t.slot}`),s=await new d("",void 0,void 0,!0)[D.method](D.url,a,{onUploadProgress:t=>{const{loaded:s,total:a}=t,i=Math.floor(100*s/a);T((t=>{const s=[...t];return s[e]={...t[e],uploadProgress:i},s}))}})}T((t=>{const a=[...t];return a[e]={...t[e],uploadResponse:s,status:c.UPLOADED},a}))}catch(t){T((t=>{const s=[...t];return s[e]={...t[e],status:c.ERROR_GENERIC},s}))}};return null};export{g as default};
+//# sourceMappingURL=index.2f7eb734.js.map

package/chunks/{index.fe54c734.js.map → index.2f7eb734.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.fe54c734.js","sources":["../../src/components/fields/image-upload/image-manager/image-manager.ts"],"sourcesContent":["import { useContext, useEffect, useRef } from \"react\";\nimport { useFormContext } from \"react-hook-form\";\nimport { AxiosApiClient, FileHelper, ImageHelper, generateRandomId } from \"../../../../utils\";\nimport { useFieldEvent, usePrevious } from \"../../../../utils/hooks\";\nimport { ImageContext } from \"../image-context\";\nimport {\n\tEImageStatus,\n\tIImage,\n\tISharedImageProps,\n\tIUpdateImageStatus,\n\tTImageUploadOutputFileType,\n\tTUploadMethod,\n} from \"../types\";\n\ninterface IProps extends Omit<ISharedImageProps, \"maxFiles\"> {\n\teditImage: boolean;\n\tcompress: boolean;\n\tcrop: boolean;\n\tdimensions: { width: number; height: number };\n\toutputType: TImageUploadOutputFileType;\n\tupload?: {\n\t\tmethod: TUploadMethod;\n\t\turl: string;\n\t\tsessionId?: string \| undefined;\n\t};\n\tfilenameMatches?: string \| undefined;\n\tfilenameMatchesErrorMessage?: string \| undefined;\n\tvalue: any;\n}\n\n/*\n manages selected images by listening to images from context provider\n * rename / compress / upload\n /\nexport const ImageManager = (props: IProps) => {\n\t// =============================================================================\n\t// CONST, STATE, REFS\n\t// =============================================================================\n\tconst {\n\t\taccepts,\n\t\tcompress,\n\t\tcrop,\n\t\tdimensions,\n\t\teditImage,\n\t\tid,\n\t\tmaxSizeInKb,\n\t\toutputType,\n\t\tupload,\n\t\tfilenameMatches,\n\t\tfilenameMatchesErrorMessage,\n\t\tvalue,\n\t} = props;\n\tconst { images, setImages, setErrorCount, setCurrentFileIds } = useContext(ImageContext);\n\tconst previousImages = usePrevious(images);\n\tconst previousValue = usePrevious(value);\n\tconst { setValue } = useFormContext();\n\tconst sessionId = useRef<string>();\n\tconst managerErrorCount = useRef(0);\n\n\tconst { dispatchFieldEvent, addFieldEventListener, removeFieldEventListener } = useFieldEvent();\n\n\t// =============================================================================\n\t// EFFECTS\n\t// =============================================================================\n\tuseEffect(() => {\n\t\tconst handleUpdateImageStatus = (e: CustomEvent<IUpdateImageStatus>) => {\n\t\t\tsetImages((prev) => {\n\t\t\t\tconst imageIndex = prev.findIndex((image) => image.id === e.detail.id);\n\t\t\t\tconst updatedImage = { ...prev[imageIndex] };\n\t\t\t\tupdatedImage.status = e.detail.updatedStatus;\n\t\t\t\tupdatedImage.customErrorMessage = e.detail.errorMessage;\n\n\t\t\t\tconst newImages = [...prev];\n\t\t\t\tnewImages.splice(imageIndex, 1, updatedImage);\n\t\t\t\treturn newImages;\n\t\t\t});\n\t\t};\n\n\t\taddFieldEventListener(\"update-image-status\", id, handleUpdateImageStatus);\n\t\treturn () => removeFieldEventListener(\"update-image-status\", id, handleUpdateImageStatus);\n\t}, [addFieldEventListener, id, removeFieldEventListener, setImages]);\n\n\t// generate pseudo-random session id\n\tuseEffect(() => {\n\t\tsessionId.current = generateRandomId();\n\t}, []);\n\n\tuseEffect(() => {\n\t\timages.forEach((image, index) => {\n\t\t\tconst previousFile = previousImages?.[index];\n\t\t\tif (image.status !== previousFile?.status \|\| image.dataURL !== previousFile.dataURL) {\n\t\t\t\tswitch (image.status) {\n\t\t\t\t\tcase EImageStatus.INJECTED:\n\t\t\t\t\t\tFileHelper.dataUrlToBlob(image.dataURL)\n\t\t\t\t\t\t\t.then((blob) => {\n\t\t\t\t\t\t\t\tsetImages((prev) => {\n\t\t\t\t\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t\t\t\t\t...image,\n\t\t\t\t\t\t\t\t\t\tfile: new File([blob], image.name),\n\t\t\t\t\t\t\t\t\t\tstatus: EImageStatus.NONE,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\treturn updatedImages;\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.catch(() => {\n\t\t\t\t\t\t\t\tsetImages((prev) => prev.filter((prev, i) => i !== index));\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase EImageStatus.NONE:\n\t\t\t\t\t\tif (filenameMatches) {\n\t\t\t\t\t\t\tconst pattern = resolveMatchesPattern(filenameMatches);\n\t\t\t\t\t\t\tif (pattern && !pattern.test(image.name)) {\n\t\t\t\t\t\t\t\tsetImages((prev) => {\n\t\t\t\t\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t\t\t\t\t...image,\n\t\t\t\t\t\t\t\t\t\tstatus: EImageStatus.ERROR_FILENAME,\n\t\t\t\t\t\t\t\t\t\tcustomErrorMessage: filenameMatchesErrorMessage,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\treturn updatedImages;\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tFileHelper.getType(image.file).then((fileType) => {\n\t\t\t\t\t\t\tconst mimeType = fileType.mime;\n\t\t\t\t\t\t\tif (mimeType && accepts.map(FileHelper.fileExtensionToMimeType).includes(mimeType)) {\n\t\t\t\t\t\t\t\tsetImages((prev) => {\n\t\t\t\t\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t\t\t\t\t...image,\n\t\t\t\t\t\t\t\t\t\tname: FileHelper.deduplicateFileName(\n\t\t\t\t\t\t\t\t\t\t\timages.map(({ name }) => name),\n\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\tFileHelper.sanitizeFileName(image.name)\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\ttype: mimeType,\n\t\t\t\t\t\t\t\t\t\tstatus: image.addedFrom !== \"schema\" ? image.status : EImageStatus.UPLOADED,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\treturn updatedImages;\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tif (image.addedFrom !== \"schema\") {\n\t\t\t\t\t\t\t\t\tcompress ? compressImage(index, image) : convertImage(index, image);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetImages((prev) => {\n\t\t\t\t\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t\t\t\t\t...image,\n\t\t\t\t\t\t\t\t\t\tstatus: EImageStatus.ERROR_FORMAT,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\treturn updatedImages;\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase EImageStatus.TO_RECOMPRESS:\n\t\t\t\t\t\trecompressImage(index, image);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase EImageStatus.COMPRESSED:\n\t\t\t\t\tcase EImageStatus.CONVERTED:\n\t\t\t\t\tcase EImageStatus.RECOMPRESSED:\n\t\t\t\t\t\tif (!editImage) {\n\t\t\t\t\t\t\tconst shouldPreventDefault = !dispatchFieldEvent(\"upload-ready\", id, { imageData: image });\n\n\t\t\t\t\t\t\tsetImages((prev) => {\n\t\t\t\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t\t\t\t...updatedImages[index],\n\t\t\t\t\t\t\t\t\tstatus: shouldPreventDefault ? EImageStatus.PENDING : EImageStatus.UPLOAD_READY,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\treturn updatedImages;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase EImageStatus.UPLOAD_READY:\n\t\t\t\t\t\tuploadImage(index, image);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase EImageStatus.TO_DELETE:\n\t\t\t\t\t\tsetImages((prev) => prev.filter(({ status }) => status !== EImageStatus.TO_DELETE));\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase EImageStatus.UPLOADED:\n\t\t\t\t\t\tdispatchFieldEvent(\"uploaded\", id, { imageData: image });\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [images.map(({ status }) => status).join(\",\"), images.map(({ dataURL }) => dataURL).join(\",\")]);\n\n\t// track / update errors and values\n\tuseEffect(() => {\n\t\tlet updatedManagerErrorCount = 0;\n\t\timages.forEach((image) => {\n\t\t\tif (\n\t\t\t\t(image.type && !accepts.map(FileHelper.fileExtensionToMimeType).includes(image.type)) \|\|\n\t\t\t\t[EImageStatus.ERROR_GENERIC, EImageStatus.ERROR_SIZE, EImageStatus.ERROR_FILENAME].includes(\n\t\t\t\t\timage.status\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tupdatedManagerErrorCount++;\n\t\t\t}\n\t\t});\n\t\tsetErrorCount((prev) => Math.max(0, prev + updatedManagerErrorCount - managerErrorCount.current));\n\t\tmanagerErrorCount.current = updatedManagerErrorCount;\n\n\t\tconst uploadedImages = images.filter(\n\t\t\t({ status }) => status === EImageStatus.UPLOADED \|\| status === EImageStatus.ERROR_CUSTOM_MUTED\n\t\t);\n\t\tconst notPrefilledImages = uploadedImages.filter(({ addedFrom }) => addedFrom !== \"schema\");\n\t\tconst gotDeleteImages = images.filter(({ status }) => status === EImageStatus.TO_DELETE).length > 0;\n\n\t\t/\n\t\t should dirty if\n\t\t * - it is dirty in the first place\n\t\t * - there are non-prefilled images\n\t\t * - user deleted image (differentiated from reset)\n\t\t /\n\t\tconst hasNotPrefilledImages = notPrefilledImages.length > 0;\n\t\tconst shouldDirty = hasNotPrefilledImages \|\| gotDeleteImages;\n\n\t\tsetCurrentFileIds(uploadedImages.map(({ id }) => id));\n\n\t\tsetValue(\n\t\t\tid,\n\t\t\tuploadedImages.map(({ id, dataURL, drawingDataURL, name, metadata, uploadResponse }) => ({\n\t\t\t\tfileId: id,\n\t\t\t\tfileName: name,\n\t\t\t\tdataURL: drawingDataURL \|\| dataURL,\n\t\t\t\tmetadata,\n\t\t\t\tuploadResponse,\n\t\t\t})),\n\t\t\t{ shouldDirty, shouldTouch: hasNotPrefilledImages }\n\t\t);\n\t}, [accepts, id, images, setErrorCount, setValue]);\n\n\tuseEffect(() => {\n\t\tif (previousValue !== undefined && value === undefined && images.length) {\n\t\t\tsetImages([]);\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [previousValue === undefined, value === undefined, images.length]);\n\n\t// =============================================================================\n\t// HELPER FUNCTIONS\n\t// =============================================================================\n\tconst getScale = (origWidth: number, origHeight: number): number => {\n\t\tlet scale = dimensions.width / origWidth;\n\t\tif (origHeight scale > dimensions.height) {\n\t\t\tscale = dimensions.height / origHeight;\n\t\t}\n\t\treturn scale;\n\t};\n\n\t/*\n\t Converts a matches string (e.g. \"/^abc$/i\" or \"^abc$\") to a RegExp.\n\t * Returns undefined if the string is invalid.\n\t /\n\tconst resolveMatchesPattern = (matches: string): RegExp \| undefined => {\n\t\ttry {\n\t\t\tconst parsed = matches.match(/^\\/(.+)\\/([gimsuy])$/);\n\t\t\treturn parsed ? new RegExp(parsed[1], parsed[2] \|\| \"\") : new RegExp(matches);\n\t\t} catch {\n\t\t\treturn undefined;\n\t\t}\n\t};\n\n\tconst convertImage = async (index: number, image: IImage) => {\n\t\ttry {\n\t\t\tconst dataURL = await ImageHelper.convertBlob(image.file, FileHelper.fileExtensionToMimeType(outputType));\n\t\t\tconst filesize = FileHelper.getFilesizeFromBase64(dataURL);\n\n\t\t\tif (maxSizeInKb && filesize > maxSizeInKb * 1024) {\n\t\t\t\tsetImages((prev) => {\n\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\tstatus: EImageStatus.ERROR_SIZE,\n\t\t\t\t\t};\n\t\t\t\t\treturn updatedImages;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst metadata = await ImageHelper.getMetadata(image.file);\n\t\t\t\tsetImages((prev) => {\n\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\tdataURL,\n\t\t\t\t\t\tmetadata,\n\t\t\t\t\t\tstatus: EImageStatus.CONVERTED,\n\t\t\t\t\t};\n\t\t\t\t\treturn updatedImages;\n\t\t\t\t});\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tsetImages((prev) => {\n\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t...prev[index],\n\t\t\t\t\tstatus: EImageStatus.ERROR_GENERIC,\n\t\t\t\t};\n\t\t\t\treturn updatedImages;\n\t\t\t});\n\t\t}\n\t};\n\n\tconst compressImage = async (index: number, imageToCompress: IImage) => {\n\t\ttry {\n\t\t\tconst dataURL = await ImageHelper.convertBlob(\n\t\t\t\timageToCompress.file,\n\t\t\t\tFileHelper.fileExtensionToMimeType(outputType)\n\t\t\t);\n\t\t\tconst image = await ImageHelper.dataUrlToImage(dataURL);\n\t\t\tconst origDim = { w: image.naturalWidth, h: image.naturalHeight };\n\t\t\tlet compressed: Blob;\n\t\t\tif (crop) {\n\t\t\t\tcompressed = await ImageHelper.resampleImage(image, {\n\t\t\t\t\twidth: dimensions.width,\n\t\t\t\t\theight: dimensions.height,\n\t\t\t\t\tcrop: true,\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst scale = getScale(origDim.w, origDim.h);\n\t\t\t\tcompressed = await ImageHelper.resampleImage(image, { scale });\n\t\t\t}\n\t\t\tif (maxSizeInKb) {\n\t\t\t\tcompressed = (await ImageHelper.compressImage(compressed, {\n\t\t\t\t\tfileSize: maxSizeInKb,\n\t\t\t\t})) as File;\n\t\t\t}\n\n\t\t\tif (maxSizeInKb && compressed.size > maxSizeInKb * 1024) {\n\t\t\t\tsetImages((prev) => {\n\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\tstatus: EImageStatus.ERROR_SIZE,\n\t\t\t\t\t};\n\t\t\t\t\treturn updatedImages;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst metadata = await ImageHelper.getMetadata(imageToCompress.file);\n\t\t\t\tconst dataURL = await FileHelper.fileToDataUrl(compressed);\n\t\t\t\tsetImages((prev) => {\n\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\tdataURL,\n\t\t\t\t\t\tmetadata,\n\t\t\t\t\t\tstatus: EImageStatus.COMPRESSED,\n\t\t\t\t\t};\n\t\t\t\t\treturn updatedImages;\n\t\t\t\t});\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tsetImages((prev) => {\n\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t...prev[index],\n\t\t\t\t\tstatus: EImageStatus.ERROR_GENERIC,\n\t\t\t\t};\n\t\t\t\treturn updatedImages;\n\t\t\t});\n\t\t}\n\t};\n\n\tconst recompressImage = async (index: number, imageToCompress: IImage) => {\n\t\tif (imageToCompress.drawingDataURL) {\n\t\t\ttry {\n\t\t\t\tconst image = await ImageHelper.dataUrlToImage(imageToCompress.drawingDataURL);\n\t\t\t\tconst origDim = { w: image.naturalWidth, h: image.naturalHeight };\n\t\t\t\tlet scaledFile: Blob;\n\t\t\t\tif (crop) {\n\t\t\t\t\tscaledFile = await ImageHelper.resampleImage(image, {\n\t\t\t\t\t\twidth: dimensions.width,\n\t\t\t\t\t\theight: dimensions.height,\n\t\t\t\t\t\tcrop: true,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tconst scale = getScale(origDim.w, origDim.h);\n\t\t\t\t\tscaledFile = await ImageHelper.resampleImage(image, { scale });\n\t\t\t\t}\n\t\t\t\tscaledFile = (await ImageHelper.compressImage(scaledFile, { fileSize: maxSizeInKb })) as File;\n\n\t\t\t\tif (scaledFile.size > maxSizeInKb * 1024) {\n\t\t\t\t\tconst updatedImages = [...images];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...images[index],\n\t\t\t\t\t\tstatus: EImageStatus.ERROR_SIZE,\n\t\t\t\t\t};\n\t\t\t\t\tsetImages(updatedImages);\n\t\t\t\t} else {\n\t\t\t\t\tconst dataURL = await FileHelper.fileToDataUrl(scaledFile);\n\t\t\t\t\tconst updatedImages = [...images];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...images[index],\n\t\t\t\t\t\tdrawingDataURL: dataURL,\n\t\t\t\t\t\tstatus: EImageStatus.RECOMPRESSED,\n\t\t\t\t\t};\n\t\t\t\t\tsetImages(updatedImages);\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\tsetImages((prev) => {\n\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\tstatus: EImageStatus.ERROR_GENERIC,\n\t\t\t\t\t};\n\t\t\t\t\treturn updatedImages;\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t};\n\n\tconst uploadImage = async (index: number, iFile: IImage) => {\n\t\ttry {\n\t\t\tsetImages((prev) => {\n\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t...prev[index],\n\t\t\t\t\tstatus: EImageStatus.UPLOADING,\n\t\t\t\t};\n\t\t\t\treturn updatedImages;\n\t\t\t});\n\n\t\t\tlet response: unknown;\n\t\t\tif (upload?.method && upload?.url) {\n\t\t\t\tconst formData = new FormData();\n\t\t\t\tformData.append(\"dataURL\", iFile.drawingDataURL \|\| iFile.dataURL \|\| \"\");\n\t\t\t\tformData.append(\"sessionId\", upload?.sessionId \|\| sessionId.current \|\| \"\");\n\t\t\t\tformData.append(\"slot\", `${iFile.slot}`);\n\t\t\t\tresponse = await new AxiosApiClient(\"\", undefined, undefined, true)[upload.method](\n\t\t\t\t\tupload.url,\n\t\t\t\t\tformData,\n\t\t\t\t\t{\n\t\t\t\t\t\tonUploadProgress: (progressEvent) => {\n\t\t\t\t\t\t\tconst { loaded, total } = progressEvent;\n\t\t\t\t\t\t\tconst percent = Math.floor((loaded * 100) / total);\n\t\t\t\t\t\t\tsetImages((prev) => {\n\t\t\t\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\t\t\t\tuploadProgress: percent,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\treturn updatedImages;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t},\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tsetImages((prev) => {\n\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t...prev[index],\n\t\t\t\t\tuploadResponse: response,\n\t\t\t\t\tstatus: EImageStatus.UPLOADED,\n\t\t\t\t};\n\t\t\t\treturn updatedImages;\n\t\t\t});\n\t\t} catch (err) {\n\t\t\tsetImages((prev) => {\n\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t...prev[index],\n\t\t\t\t\tstatus: EImageStatus.ERROR_GENERIC,\n\t\t\t\t};\n\t\t\t\treturn updatedImages;\n\t\t\t});\n\t\t}\n\t};\n\n\treturn null;\n};\n"],"names":["ImageManager","props","accepts","compress","crop","dimensions","editImage","id","maxSizeInKb","outputType","upload","filenameMatches","filenameMatchesErrorMessage","value","images","setImages","setErrorCount","setCurrentFileIds","useContext","ImageContext","previousImages","usePrevious","previousValue","setValue","useFormContext","sessionId","useRef","managerErrorCount","dispatchFieldEvent","addFieldEventListener","removeFieldEventListener","useFieldEvent","useEffect","handleUpdateImageStatus","e","prev","imageIndex","findIndex","image","detail","updatedImage","status","updatedStatus","customErrorMessage","errorMessage","newImages","splice","current","generateRandomId","forEach","index","previousFile","dataURL","EImageStatus","INJECTED","FileHelper","dataUrlToBlob","then","blob","updatedImages","file","File","name","NONE","catch","filter","i","pattern","resolveMatchesPattern","test","ERROR_FILENAME","getType","fileType","mimeType","mime","map","fileExtensionToMimeType","includes","deduplicateFileName","sanitizeFileName","type","addedFrom","UPLOADED","compressImage","convertImage","ERROR_FORMAT","TO_RECOMPRESS","recompressImage","COMPRESSED","CONVERTED","RECOMPRESSED","shouldPreventDefault","imageData","PENDING","UPLOAD_READY","uploadImage","TO_DELETE","join","updatedManagerErrorCount","ERROR_GENERIC","ERROR_SIZE","Math","max","uploadedImages","ERROR_CUSTOM_MUTED","notPrefilledImages","gotDeleteImages","length","hasNotPrefilledImages","shouldDirty","drawingDataURL","metadata","uploadResponse","fileId","fileName","shouldTouch","undefined","getScale","origWidth","origHeight","scale","width","height","matches","parsed","match","RegExp","async","ImageHelper","convertBlob","filesize","getFilesizeFromBase64","getMetadata","imageToCompress","dataUrlToImage","origDim","w","naturalWidth","h","naturalHeight","compressed","resampleImage","fileSize","size","fileToDataUrl","scaledFile","iFile","response","UPLOADING","method","url","formData","FormData","append","slot","AxiosApiClient","onUploadProgress","progressEvent","loaded","total","percent","floor","uploadProgress","err"],"mappings":"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"}
1	+ {"version":3,"file":"index.2f7eb734.js","sources":["../../src/components/fields/image-upload/image-manager/image-manager.ts"],"sourcesContent":["import { useContext, useEffect, useRef } from \"react\";\nimport { useFormContext } from \"react-hook-form\";\nimport { AxiosApiClient, FileHelper, ImageHelper, generateRandomId } from \"../../../../utils\";\nimport { useFieldEvent, usePrevious } from \"../../../../utils/hooks\";\nimport { ImageContext } from \"../image-context\";\nimport {\n\tEImageStatus,\n\tIImage,\n\tISharedImageProps,\n\tIUpdateImageStatus,\n\tTImageUploadOutputFileType,\n\tTUploadMethod,\n} from \"../types\";\n\ninterface IProps extends Omit<ISharedImageProps, \"maxFiles\"> {\n\teditImage: boolean;\n\tcompress: boolean;\n\tcrop: boolean;\n\tdimensions: { width: number; height: number };\n\toutputType: TImageUploadOutputFileType;\n\tupload?: {\n\t\tmethod: TUploadMethod;\n\t\turl: string;\n\t\tsessionId?: string \| undefined;\n\t};\n\tfilenameMatches?: string \| undefined;\n\tfilenameMatchesErrorMessage?: string \| undefined;\n\tvalue: any;\n}\n\n/*\n manages selected images by listening to images from context provider\n * rename / compress / upload\n /\nexport const ImageManager = (props: IProps) => {\n\t// =============================================================================\n\t// CONST, STATE, REFS\n\t// =============================================================================\n\tconst {\n\t\taccepts,\n\t\tcompress,\n\t\tcrop,\n\t\tdimensions,\n\t\teditImage,\n\t\tid,\n\t\tmaxSizeInKb,\n\t\toutputType,\n\t\tupload,\n\t\tfilenameMatches,\n\t\tfilenameMatchesErrorMessage,\n\t\tvalue,\n\t} = props;\n\tconst { images, setImages, setErrorCount, setCurrentFileIds } = useContext(ImageContext);\n\tconst previousImages = usePrevious(images);\n\tconst previousValue = usePrevious(value);\n\tconst { setValue } = useFormContext();\n\tconst sessionId = useRef<string>();\n\tconst managerErrorCount = useRef(0);\n\n\tconst { dispatchFieldEvent, addFieldEventListener, removeFieldEventListener } = useFieldEvent();\n\n\t// =============================================================================\n\t// EFFECTS\n\t// =============================================================================\n\tuseEffect(() => {\n\t\tconst handleUpdateImageStatus = (e: CustomEvent<IUpdateImageStatus>) => {\n\t\t\tsetImages((prev) => {\n\t\t\t\tconst imageIndex = prev.findIndex((image) => image.id === e.detail.id);\n\t\t\t\tconst updatedImage = { ...prev[imageIndex] };\n\t\t\t\tupdatedImage.status = e.detail.updatedStatus;\n\t\t\t\tupdatedImage.customErrorMessage = e.detail.errorMessage;\n\n\t\t\t\tconst newImages = [...prev];\n\t\t\t\tnewImages.splice(imageIndex, 1, updatedImage);\n\t\t\t\treturn newImages;\n\t\t\t});\n\t\t};\n\n\t\taddFieldEventListener(\"update-image-status\", id, handleUpdateImageStatus);\n\t\treturn () => removeFieldEventListener(\"update-image-status\", id, handleUpdateImageStatus);\n\t}, [addFieldEventListener, id, removeFieldEventListener, setImages]);\n\n\t// generate pseudo-random session id\n\tuseEffect(() => {\n\t\tsessionId.current = generateRandomId();\n\t}, []);\n\n\tuseEffect(() => {\n\t\timages.forEach((image, index) => {\n\t\t\tconst previousFile = previousImages?.[index];\n\t\t\tif (image.status !== previousFile?.status \|\| image.dataURL !== previousFile.dataURL) {\n\t\t\t\tswitch (image.status) {\n\t\t\t\t\tcase EImageStatus.INJECTED:\n\t\t\t\t\t\tFileHelper.dataUrlToBlob(image.dataURL)\n\t\t\t\t\t\t\t.then((blob) => {\n\t\t\t\t\t\t\t\tsetImages((prev) => {\n\t\t\t\t\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t\t\t\t\t...image,\n\t\t\t\t\t\t\t\t\t\tfile: new File([blob], image.name),\n\t\t\t\t\t\t\t\t\t\tstatus: EImageStatus.NONE,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\treturn updatedImages;\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.catch(() => {\n\t\t\t\t\t\t\t\tsetImages((prev) => prev.filter((prev, i) => i !== index));\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase EImageStatus.NONE:\n\t\t\t\t\t\tif (filenameMatches) {\n\t\t\t\t\t\t\tconst pattern = resolveMatchesPattern(filenameMatches);\n\t\t\t\t\t\t\tif (pattern && !pattern.test(image.name)) {\n\t\t\t\t\t\t\t\tsetImages((prev) => {\n\t\t\t\t\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t\t\t\t\t...image,\n\t\t\t\t\t\t\t\t\t\tstatus: EImageStatus.ERROR_FILENAME,\n\t\t\t\t\t\t\t\t\t\tcustomErrorMessage: filenameMatchesErrorMessage,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\treturn updatedImages;\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tFileHelper.getType(image.file).then((fileType) => {\n\t\t\t\t\t\t\tconst mimeType = fileType.mime;\n\t\t\t\t\t\t\tif (mimeType && accepts.map(FileHelper.fileExtensionToMimeType).includes(mimeType)) {\n\t\t\t\t\t\t\t\tsetImages((prev) => {\n\t\t\t\t\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t\t\t\t\t...image,\n\t\t\t\t\t\t\t\t\t\tname: FileHelper.deduplicateFileName(\n\t\t\t\t\t\t\t\t\t\t\timages.map(({ name }) => name),\n\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\tFileHelper.sanitizeFileName(image.name)\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\ttype: mimeType,\n\t\t\t\t\t\t\t\t\t\tstatus: image.addedFrom !== \"schema\" ? image.status : EImageStatus.UPLOADED,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\treturn updatedImages;\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\tif (image.addedFrom !== \"schema\") {\n\t\t\t\t\t\t\t\t\tcompress ? compressImage(index, image) : convertImage(index, image);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetImages((prev) => {\n\t\t\t\t\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t\t\t\t\t...image,\n\t\t\t\t\t\t\t\t\t\tstatus: EImageStatus.ERROR_FORMAT,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\treturn updatedImages;\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase EImageStatus.TO_RECOMPRESS:\n\t\t\t\t\t\trecompressImage(index, image);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase EImageStatus.COMPRESSED:\n\t\t\t\t\tcase EImageStatus.CONVERTED:\n\t\t\t\t\tcase EImageStatus.RECOMPRESSED:\n\t\t\t\t\t\tif (!editImage) {\n\t\t\t\t\t\t\tconst shouldPreventDefault = !dispatchFieldEvent(\"upload-ready\", id, { imageData: image });\n\n\t\t\t\t\t\t\tsetImages((prev) => {\n\t\t\t\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t\t\t\t...updatedImages[index],\n\t\t\t\t\t\t\t\t\tstatus: shouldPreventDefault ? EImageStatus.PENDING : EImageStatus.UPLOAD_READY,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\treturn updatedImages;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase EImageStatus.UPLOAD_READY:\n\t\t\t\t\t\tuploadImage(index, image);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase EImageStatus.TO_DELETE:\n\t\t\t\t\t\tsetImages((prev) => prev.filter(({ status }) => status !== EImageStatus.TO_DELETE));\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase EImageStatus.UPLOADED:\n\t\t\t\t\t\tdispatchFieldEvent(\"uploaded\", id, { imageData: image });\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [images.map(({ status }) => status).join(\",\"), images.map(({ dataURL }) => dataURL).join(\",\")]);\n\n\t// track / update errors and values\n\tuseEffect(() => {\n\t\tlet updatedManagerErrorCount = 0;\n\t\timages.forEach((image) => {\n\t\t\tif (\n\t\t\t\t(image.type && !accepts.map(FileHelper.fileExtensionToMimeType).includes(image.type)) \|\|\n\t\t\t\t[EImageStatus.ERROR_GENERIC, EImageStatus.ERROR_SIZE, EImageStatus.ERROR_FILENAME].includes(\n\t\t\t\t\timage.status\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tupdatedManagerErrorCount++;\n\t\t\t}\n\t\t});\n\t\tsetErrorCount((prev) => Math.max(0, prev + updatedManagerErrorCount - managerErrorCount.current));\n\t\tmanagerErrorCount.current = updatedManagerErrorCount;\n\n\t\tconst uploadedImages = images.filter(\n\t\t\t({ status }) => status === EImageStatus.UPLOADED \|\| status === EImageStatus.ERROR_CUSTOM_MUTED\n\t\t);\n\t\tconst notPrefilledImages = uploadedImages.filter(({ addedFrom }) => addedFrom !== \"schema\");\n\t\tconst gotDeleteImages = images.filter(({ status }) => status === EImageStatus.TO_DELETE).length > 0;\n\n\t\t/\n\t\t should dirty if\n\t\t * - it is dirty in the first place\n\t\t * - there are non-prefilled images\n\t\t * - user deleted image (differentiated from reset)\n\t\t /\n\t\tconst hasNotPrefilledImages = notPrefilledImages.length > 0;\n\t\tconst shouldDirty = hasNotPrefilledImages \|\| gotDeleteImages;\n\n\t\tsetCurrentFileIds(uploadedImages.map(({ id }) => id));\n\n\t\tsetValue(\n\t\t\tid,\n\t\t\tuploadedImages.map(({ id, dataURL, drawingDataURL, name, metadata, uploadResponse }) => ({\n\t\t\t\tfileId: id,\n\t\t\t\tfileName: name,\n\t\t\t\tdataURL: drawingDataURL \|\| dataURL,\n\t\t\t\tmetadata,\n\t\t\t\tuploadResponse,\n\t\t\t})),\n\t\t\t{ shouldDirty, shouldTouch: hasNotPrefilledImages }\n\t\t);\n\t}, [accepts, id, images, setErrorCount, setValue]);\n\n\tuseEffect(() => {\n\t\tif (previousValue !== undefined && value === undefined && images.length) {\n\t\t\tsetImages([]);\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [previousValue === undefined, value === undefined, images.length]);\n\n\t// =============================================================================\n\t// HELPER FUNCTIONS\n\t// =============================================================================\n\tconst getScale = (origWidth: number, origHeight: number): number => {\n\t\tlet scale = dimensions.width / origWidth;\n\t\tif (origHeight scale > dimensions.height) {\n\t\t\tscale = dimensions.height / origHeight;\n\t\t}\n\t\treturn scale;\n\t};\n\n\t/*\n\t Converts a matches string (e.g. \"/^abc$/i\" or \"^abc$\") to a RegExp.\n\t * Returns undefined if the string is invalid.\n\t /\n\tconst resolveMatchesPattern = (matches: string): RegExp \| undefined => {\n\t\ttry {\n\t\t\tconst parsed = matches.match(/^\\/(.+)\\/([gimsuy])$/);\n\t\t\treturn parsed ? new RegExp(parsed[1], parsed[2] \|\| \"\") : new RegExp(matches);\n\t\t} catch {\n\t\t\treturn undefined;\n\t\t}\n\t};\n\n\tconst convertImage = async (index: number, image: IImage) => {\n\t\ttry {\n\t\t\tconst dataURL = await ImageHelper.convertBlob(image.file, FileHelper.fileExtensionToMimeType(outputType));\n\t\t\tconst filesize = FileHelper.getFilesizeFromBase64(dataURL);\n\n\t\t\tif (maxSizeInKb && filesize > maxSizeInKb * 1024) {\n\t\t\t\tsetImages((prev) => {\n\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\tstatus: EImageStatus.ERROR_SIZE,\n\t\t\t\t\t};\n\t\t\t\t\treturn updatedImages;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst metadata = await ImageHelper.getMetadata(image.file);\n\t\t\t\tsetImages((prev) => {\n\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\tdataURL,\n\t\t\t\t\t\tmetadata,\n\t\t\t\t\t\tstatus: EImageStatus.CONVERTED,\n\t\t\t\t\t};\n\t\t\t\t\treturn updatedImages;\n\t\t\t\t});\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tsetImages((prev) => {\n\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t...prev[index],\n\t\t\t\t\tstatus: EImageStatus.ERROR_GENERIC,\n\t\t\t\t};\n\t\t\t\treturn updatedImages;\n\t\t\t});\n\t\t}\n\t};\n\n\tconst compressImage = async (index: number, imageToCompress: IImage) => {\n\t\ttry {\n\t\t\tconst dataURL = await ImageHelper.convertBlob(\n\t\t\t\timageToCompress.file,\n\t\t\t\tFileHelper.fileExtensionToMimeType(outputType)\n\t\t\t);\n\t\t\tconst image = await ImageHelper.dataUrlToImage(dataURL);\n\t\t\tconst origDim = { w: image.naturalWidth, h: image.naturalHeight };\n\t\t\tlet compressed: Blob;\n\t\t\tif (crop) {\n\t\t\t\tcompressed = await ImageHelper.resampleImage(image, {\n\t\t\t\t\twidth: dimensions.width,\n\t\t\t\t\theight: dimensions.height,\n\t\t\t\t\tcrop: true,\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst scale = getScale(origDim.w, origDim.h);\n\t\t\t\tcompressed = await ImageHelper.resampleImage(image, { scale });\n\t\t\t}\n\t\t\tif (maxSizeInKb) {\n\t\t\t\tcompressed = (await ImageHelper.compressImage(compressed, {\n\t\t\t\t\tfileSize: maxSizeInKb,\n\t\t\t\t})) as File;\n\t\t\t}\n\n\t\t\tif (maxSizeInKb && compressed.size > maxSizeInKb * 1024) {\n\t\t\t\tsetImages((prev) => {\n\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\tstatus: EImageStatus.ERROR_SIZE,\n\t\t\t\t\t};\n\t\t\t\t\treturn updatedImages;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst metadata = await ImageHelper.getMetadata(imageToCompress.file);\n\t\t\t\tconst dataURL = await FileHelper.fileToDataUrl(compressed);\n\t\t\t\tsetImages((prev) => {\n\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\tdataURL,\n\t\t\t\t\t\tmetadata,\n\t\t\t\t\t\tstatus: EImageStatus.COMPRESSED,\n\t\t\t\t\t};\n\t\t\t\t\treturn updatedImages;\n\t\t\t\t});\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tsetImages((prev) => {\n\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t...prev[index],\n\t\t\t\t\tstatus: EImageStatus.ERROR_GENERIC,\n\t\t\t\t};\n\t\t\t\treturn updatedImages;\n\t\t\t});\n\t\t}\n\t};\n\n\tconst recompressImage = async (index: number, imageToCompress: IImage) => {\n\t\tif (imageToCompress.drawingDataURL) {\n\t\t\ttry {\n\t\t\t\tconst image = await ImageHelper.dataUrlToImage(imageToCompress.drawingDataURL);\n\t\t\t\tconst origDim = { w: image.naturalWidth, h: image.naturalHeight };\n\t\t\t\tlet scaledFile: Blob;\n\t\t\t\tif (crop) {\n\t\t\t\t\tscaledFile = await ImageHelper.resampleImage(image, {\n\t\t\t\t\t\twidth: dimensions.width,\n\t\t\t\t\t\theight: dimensions.height,\n\t\t\t\t\t\tcrop: true,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tconst scale = getScale(origDim.w, origDim.h);\n\t\t\t\t\tscaledFile = await ImageHelper.resampleImage(image, { scale });\n\t\t\t\t}\n\t\t\t\tscaledFile = (await ImageHelper.compressImage(scaledFile, { fileSize: maxSizeInKb })) as File;\n\n\t\t\t\tif (scaledFile.size > maxSizeInKb * 1024) {\n\t\t\t\t\tconst updatedImages = [...images];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...images[index],\n\t\t\t\t\t\tstatus: EImageStatus.ERROR_SIZE,\n\t\t\t\t\t};\n\t\t\t\t\tsetImages(updatedImages);\n\t\t\t\t} else {\n\t\t\t\t\tconst dataURL = await FileHelper.fileToDataUrl(scaledFile);\n\t\t\t\t\tconst updatedImages = [...images];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...images[index],\n\t\t\t\t\t\tdrawingDataURL: dataURL,\n\t\t\t\t\t\tstatus: EImageStatus.RECOMPRESSED,\n\t\t\t\t\t};\n\t\t\t\t\tsetImages(updatedImages);\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\tsetImages((prev) => {\n\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\tstatus: EImageStatus.ERROR_GENERIC,\n\t\t\t\t\t};\n\t\t\t\t\treturn updatedImages;\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t};\n\n\tconst uploadImage = async (index: number, iFile: IImage) => {\n\t\ttry {\n\t\t\tsetImages((prev) => {\n\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t...prev[index],\n\t\t\t\t\tstatus: EImageStatus.UPLOADING,\n\t\t\t\t};\n\t\t\t\treturn updatedImages;\n\t\t\t});\n\n\t\t\tlet response: unknown;\n\t\t\tif (upload?.method && upload?.url) {\n\t\t\t\tconst formData = new FormData();\n\t\t\t\tformData.append(\"dataURL\", iFile.drawingDataURL \|\| iFile.dataURL \|\| \"\");\n\t\t\t\tformData.append(\"sessionId\", upload?.sessionId \|\| sessionId.current \|\| \"\");\n\t\t\t\tformData.append(\"slot\", `${iFile.slot}`);\n\t\t\t\tresponse = await new AxiosApiClient(\"\", undefined, undefined, true)[upload.method](\n\t\t\t\t\tupload.url,\n\t\t\t\t\tformData,\n\t\t\t\t\t{\n\t\t\t\t\t\tonUploadProgress: (progressEvent) => {\n\t\t\t\t\t\t\tconst { loaded, total } = progressEvent;\n\t\t\t\t\t\t\tconst percent = Math.floor((loaded * 100) / total);\n\t\t\t\t\t\t\tsetImages((prev) => {\n\t\t\t\t\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\t\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t\t\t\t\t...prev[index],\n\t\t\t\t\t\t\t\t\tuploadProgress: percent,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\treturn updatedImages;\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t},\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tsetImages((prev) => {\n\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t...prev[index],\n\t\t\t\t\tuploadResponse: response,\n\t\t\t\t\tstatus: EImageStatus.UPLOADED,\n\t\t\t\t};\n\t\t\t\treturn updatedImages;\n\t\t\t});\n\t\t} catch (err) {\n\t\t\tsetImages((prev) => {\n\t\t\t\tconst updatedImages = [...prev];\n\t\t\t\tupdatedImages[index] = {\n\t\t\t\t\t...prev[index],\n\t\t\t\t\tstatus: EImageStatus.ERROR_GENERIC,\n\t\t\t\t};\n\t\t\t\treturn updatedImages;\n\t\t\t});\n\t\t}\n\t};\n\n\treturn null;\n};\n"],"names":["ImageManager","props","accepts","compress","crop","dimensions","editImage","id","maxSizeInKb","outputType","upload","filenameMatches","filenameMatchesErrorMessage","value","images","setImages","setErrorCount","setCurrentFileIds","useContext","ImageContext","previousImages","usePrevious","previousValue","setValue","useFormContext","sessionId","useRef","managerErrorCount","dispatchFieldEvent","addFieldEventListener","removeFieldEventListener","useFieldEvent","useEffect","handleUpdateImageStatus","e","prev","imageIndex","findIndex","image","detail","updatedImage","status","updatedStatus","customErrorMessage","errorMessage","newImages","splice","current","generateRandomId","forEach","index","previousFile","dataURL","EImageStatus","INJECTED","FileHelper","dataUrlToBlob","then","blob","updatedImages","file","File","name","NONE","catch","filter","i","pattern","resolveMatchesPattern","test","ERROR_FILENAME","getType","fileType","mimeType","mime","map","fileExtensionToMimeType","includes","deduplicateFileName","sanitizeFileName","type","addedFrom","UPLOADED","compressImage","convertImage","ERROR_FORMAT","TO_RECOMPRESS","recompressImage","COMPRESSED","CONVERTED","RECOMPRESSED","shouldPreventDefault","imageData","PENDING","UPLOAD_READY","uploadImage","TO_DELETE","join","updatedManagerErrorCount","ERROR_GENERIC","ERROR_SIZE","Math","max","uploadedImages","ERROR_CUSTOM_MUTED","notPrefilledImages","gotDeleteImages","length","hasNotPrefilledImages","shouldDirty","drawingDataURL","metadata","uploadResponse","fileId","fileName","shouldTouch","undefined","getScale","origWidth","origHeight","scale","width","height","matches","parsed","match","RegExp","async","ImageHelper","convertBlob","filesize","getFilesizeFromBase64","getMetadata","imageToCompress","dataUrlToImage","origDim","w","naturalWidth","h","naturalHeight","compressed","resampleImage","fileSize","size","fileToDataUrl","scaledFile","iFile","response","UPLOADING","method","url","formData","FormData","append","slot","AxiosApiClient","onUploadProgress","progressEvent","loaded","total","percent","floor","uploadProgress","err"],"mappings":"kwDAkCa,MAAAA,EAAgBC,IAI5B,MAAMC,QACLA,EAAOC,SACPA,EAAQC,KACRA,EAAIC,WACJA,EAAUC,UACVA,EAASC,GACTA,EAAEC,YACFA,EAAWC,WACXA,EAAUC,OACVA,EAAMC,gBACNA,EAAeC,4BACfA,EAA2BC,MAC3BA,GACGZ,GACEa,OAAEA,EAAMC,UAAEA,EAASC,cAAEA,EAAaC,kBAAEA,GAAsBC,EAAWC,GACrEC,EAAiBC,EAAYP,GAC7BQ,EAAgBD,EAAYR,IAC5BU,SAAEA,GAAaC,IACfC,EAAYC,IACZC,EAAoBD,EAAO,IAE3BE,mBAAEA,EAAkBC,sBAAEA,EAAqBC,yBAAEA,GAA6BC,IAKhFC,GAAU,KACT,MAAMC,EAA2BC,IAChCnB,GAAWoB,IACV,MAAMC,EAAaD,EAAKE,WAAWC,GAAUA,EAAM/B,KAAO2B,EAAEK,OAAOhC,KAC7DiC,EAAe,IAAKL,EAAKC,IAC/BI,EAAaC,OAASP,EAAEK,OAAOG,cAC/BF,EAAaG,mBAAqBT,EAAEK,OAAOK,aAE3C,MAAMC,EAAY,IAAIV,GAEtB,OADAU,EAAUC,OAAOV,EAAY,EAAGI,GACzBK,CAAS,GACf,EAIH,OADAhB,EAAsB,sBAAuBtB,EAAI0B,GAC1C,IAAMH,EAAyB,sBAAuBvB,EAAI0B,EAAwB,GACvF,CAACJ,EAAuBtB,EAAIuB,EAA0Bf,IAGzDiB,GAAU,KACTP,EAAUsB,QAAUC,GAAkB,GACpC,IAEHhB,GAAU,KACTlB,EAAOmC,SAAQ,CAACX,EAAOY,KACtB,MAAMC,EAAe/B,IAAiB8B,GACtC,GAAIZ,EAAMG,SAAWU,GAAcV,QAAUH,EAAMc,UAAYD,EAAaC,QAC3E,OAAQd,EAAMG,QACb,KAAKY,EAAaC,SACjBC,EAAWC,cAAclB,EAAMc,SAC7BK,MAAMC,IACN3C,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAM1B,OALAwB,EAAcT,GAAS,IACnBZ,EACHsB,KAAM,IAAIC,KAAK,CAACH,GAAOpB,EAAMwB,MAC7BrB,OAAQY,EAAaU,MAEfJ,CAAa,GACnB,IAEFK,OAAM,KACNjD,GAAWoB,GAASA,EAAK8B,QAAO,CAAC9B,EAAM+B,IAAMA,IAAMhB,KAAO,IAE5D,MACD,KAAKG,EAAaU,KACjB,GAAIpD,EAAiB,CACpB,MAAMwD,EAAUC,EAAsBzD,GACtC,GAAIwD,IAAYA,EAAQE,KAAK/B,EAAMwB,MAAO,CACzC/C,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAM1B,OALAwB,EAAcT,GAAS,IACnBZ,EACHG,OAAQY,EAAaiB,eACrB3B,mBAAoB/B,GAEd+C,CAAa,IAErB,KACA,CACD,CACDJ,EAAWgB,QAAQjC,EAAMsB,MAAMH,MAAMe,IACpC,MAAMC,EAAWD,EAASE,KACtBD,GAAYvE,EAAQyE,IAAIpB,EAAWqB,yBAAyBC,SAASJ,IACxE1D,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAW1B,OAVAwB,EAAcT,GAAS,IACnBZ,EACHwB,KAAMP,EAAWuB,oBAChBhE,EAAO6D,KAAI,EAAGb,UAAWA,IACzBZ,EACAK,EAAWwB,iBAAiBzC,EAAMwB,OAEnCkB,KAAMP,EACNhC,OAA4B,WAApBH,EAAM2C,UAAyB3C,EAAMG,OAASY,EAAa6B,UAE7DvB,CAAa,IAEG,WAApBrB,EAAM2C,YACT9E,EAAWgF,EAAcjC,EAAOZ,GAAS8C,EAAalC,EAAOZ,KAG9DvB,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAK1B,OAJAwB,EAAcT,GAAS,IACnBZ,EACHG,OAAQY,EAAagC,cAEf1B,CAAa,GAErB,IAEF,MACD,KAAKN,EAAaiC,cACjBC,EAAgBrC,EAAOZ,GACvB,MACD,KAAKe,EAAamC,WAClB,KAAKnC,EAAaoC,UAClB,KAAKpC,EAAaqC,aACjB,IAAKpF,EAAW,CACf,MAAMqF,GAAwB/D,EAAmB,eAAgBrB,EAAI,CAAEqF,UAAWtD,IAElFvB,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAK1B,OAJAwB,EAAcT,GAAS,IACnBS,EAAcT,GACjBT,OAAQkD,EAAuBtC,EAAawC,QAAUxC,EAAayC,cAE7DnC,CAAa,GAErB,CACD,MACD,KAAKN,EAAayC,aACjBC,EAAY7C,EAAOZ,GACnB,MACD,KAAKe,EAAa2C,UACjBjF,GAAWoB,GAASA,EAAK8B,QAAO,EAAGxB,YAAaA,IAAWY,EAAa2C,cACxE,MACD,KAAK3C,EAAa6B,SACjBtD,EAAmB,WAAYrB,EAAI,CAAEqF,UAAWtD,IAGlD,GACA,GAEA,CAACxB,EAAO6D,KAAI,EAAGlC,YAAaA,IAAQwD,KAAK,KAAMnF,EAAO6D,KAAI,EAAGvB,aAAcA,IAAS6C,KAAK,OAG5FjE,GAAU,KACT,IAAIkE,EAA2B,EAC/BpF,EAAOmC,SAASX,KAEbA,EAAM0C,OAAS9E,EAAQyE,IAAIpB,EAAWqB,yBAAyBC,SAASvC,EAAM0C,OAC/E,CAAC3B,EAAa8C,cAAe9C,EAAa+C,WAAY/C,EAAaiB,gBAAgBO,SAClFvC,EAAMG,UAGPyD,GACA,IAEFlF,GAAemB,GAASkE,KAAKC,IAAI,EAAGnE,EAAO+D,EAA2BvE,EAAkBoB,WACxFpB,EAAkBoB,QAAUmD,EAE5B,MAAMK,EAAiBzF,EAAOmD,QAC7B,EAAGxB,YAAaA,IAAWY,EAAa6B,UAAYzC,IAAWY,EAAamD,qBAEvEC,EAAqBF,EAAetC,QAAO,EAAGgB,eAA8B,WAAdA,IAC9DyB,EAAkB5F,EAAOmD,QAAO,EAAGxB,YAAaA,IAAWY,EAAa2C,YAAWW,OAAS,EAQ5FC,EAAwBH,EAAmBE,OAAS,EACpDE,EAAcD,GAAyBF,EAE7CzF,EAAkBsF,EAAe5B,KAAI,EAAGpE,QAASA,KAEjDgB,EACChB,EACAgG,EAAe5B,KAAI,EAAGpE,KAAI6C,UAAS0D,iBAAgBhD,OAAMiD,WAAUC,qBAAsB,CACxFC,OAAQ1G,EACR2G,SAAUpD,EACVV,QAAS0D,GAAkB1D,EAC3B2D,WACAC,qBAED,CAAEH,cAAaM,YAAaP,GAC5B,GACC,CAAC1G,EAASK,EAAIO,EAAQE,EAAeO,IAExCS,GAAU,UACaoF,IAAlB9F,QAAyC8F,IAAVvG,GAAuBC,EAAO6F,QAChE5F,EAAU,GACV,GAEC,MAAmBqG,IAAlB9F,OAAuC8F,IAAVvG,EAAqBC,EAAO6F,SAK7D,MAAMU,EAAW,CAACC,EAAmBC,KACpC,IAAIC,EAAQnH,EAAWoH,MAAQH,EAI/B,OAHIC,EAAaC,EAAQnH,EAAWqH,SACnCF,EAAQnH,EAAWqH,OAASH,GAEtBC,CAAK,EAOPpD,EAAyBuD,IAC9B,IACC,MAAMC,EAASD,EAAQE,MAAM,yBAC7B,OAAOD,EAAS,IAAIE,OAAOF,EAAO,GAAIA,EAAO,IAAM,IAAM,IAAIE,OAAOH,EACpE,CAAC,MACD,MACA,GAGIvC,EAAe2C,MAAO7E,EAAeZ,KAC1C,IACC,MAAMc,QAAgB4E,EAAYC,YAAY3F,EAAMsB,KAAML,EAAWqB,wBAAwBnE,IACvFyH,EAAW3E,EAAW4E,sBAAsB/E,GAElD,GAAI5C,GAAe0H,EAAyB,KAAd1H,EAC7BO,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAK1B,OAJAwB,EAAcT,GAAS,IACnBf,EAAKe,GACRT,OAAQY,EAAa+C,YAEfzC,CAAa,QAEf,CACN,MAAMoD,QAAiBiB,EAAYI,YAAY9F,EAAMsB,MACrD7C,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAO1B,OANAwB,EAAcT,GAAS,IACnBf,EAAKe,GACRE,UACA2D,WACAtE,OAAQY,EAAaoC,WAEf9B,CAAa,GAErB,CACD,CAAC,MAAOzB,GACRnB,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAK1B,OAJAwB,EAAcT,GAAS,IACnBf,EAAKe,GACRT,OAAQY,EAAa8C,eAEfxC,CAAa,GAErB,GAGIwB,EAAgB4C,MAAO7E,EAAemF,KAC3C,IACC,MAAMjF,QAAgB4E,EAAYC,YACjCI,EAAgBzE,KAChBL,EAAWqB,wBAAwBnE,IAE9B6B,QAAc0F,EAAYM,eAAelF,GACzCmF,EAAU,CAAEC,EAAGlG,EAAMmG,aAAcC,EAAGpG,EAAMqG,eAClD,IAAIC,EACJ,GAAIxI,EACHwI,QAAmBZ,EAAYa,cAAcvG,EAAO,CACnDmF,MAAOpH,EAAWoH,MAClBC,OAAQrH,EAAWqH,OACnBtH,MAAM,QAED,CACN,MAAMoH,EAAQH,EAASkB,EAAQC,EAAGD,EAAQG,GAC1CE,QAAmBZ,EAAYa,cAAcvG,EAAO,CAAEkF,SACtD,CAOD,GANIhH,IACHoI,QAAoBZ,EAAY7C,cAAcyD,EAAY,CACzDE,SAAUtI,KAIRA,GAAeoI,EAAWG,KAAqB,KAAdvI,EACpCO,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAK1B,OAJAwB,EAAcT,GAAS,IACnBf,EAAKe,GACRT,OAAQY,EAAa+C,YAEfzC,CAAa,QAEf,CACN,MAAMoD,QAAiBiB,EAAYI,YAAYC,EAAgBzE,MACzDR,QAAgBG,EAAWyF,cAAcJ,GAC/C7H,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAO1B,OANAwB,EAAcT,GAAS,IACnBf,EAAKe,GACRE,UACA2D,WACAtE,OAAQY,EAAamC,YAEf7B,CAAa,GAErB,CACD,CAAC,MAAOzB,GACRnB,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAK1B,OAJAwB,EAAcT,GAAS,IACnBf,EAAKe,GACRT,OAAQY,EAAa8C,eAEfxC,CAAa,GAErB,GAGI4B,EAAkBwC,MAAO7E,EAAemF,KAC7C,GAAIA,EAAgBvB,eACnB,IACC,MAAMxE,QAAc0F,EAAYM,eAAeD,EAAgBvB,gBACzDyB,EAAU,CAAEC,EAAGlG,EAAMmG,aAAcC,EAAGpG,EAAMqG,eAClD,IAAIM,EACJ,GAAI7I,EACH6I,QAAmBjB,EAAYa,cAAcvG,EAAO,CACnDmF,MAAOpH,EAAWoH,MAClBC,OAAQrH,EAAWqH,OACnBtH,MAAM,QAED,CACN,MAAMoH,EAAQH,EAASkB,EAAQC,EAAGD,EAAQG,GAC1CO,QAAmBjB,EAAYa,cAAcvG,EAAO,CAAEkF,SACtD,CAGD,GAFAyB,QAAoBjB,EAAY7C,cAAc8D,EAAY,CAAEH,SAAUtI,IAElEyI,EAAWF,KAAqB,KAAdvI,EAAoB,CACzC,MAAMmD,EAAgB,IAAI7C,GAC1B6C,EAAcT,GAAS,IACnBpC,EAAOoC,GACVT,OAAQY,EAAa+C,YAEtBrF,EAAU4C,EACV,KAAM,CACN,MAAMP,QAAgBG,EAAWyF,cAAcC,GACzCtF,EAAgB,IAAI7C,GAC1B6C,EAAcT,GAAS,IACnBpC,EAAOoC,GACV4D,eAAgB1D,EAChBX,OAAQY,EAAaqC,cAEtB3E,EAAU4C,EACV,CACD,CAAC,MAAOzB,GACRnB,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAK1B,OAJAwB,EAAcT,GAAS,IACnBf,EAAKe,GACRT,OAAQY,EAAa8C,eAEfxC,CAAa,GAErB,CACD,EAGIoC,EAAcgC,MAAO7E,EAAegG,KACzC,IAUC,IAAIC,EACJ,GAVApI,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAK1B,OAJAwB,EAAcT,GAAS,IACnBf,EAAKe,GACRT,OAAQY,EAAa+F,WAEfzF,CAAa,IAIjBjD,GAAQ2I,QAAU3I,GAAQ4I,IAAK,CAClC,MAAMC,EAAW,IAAIC,SACrBD,EAASE,OAAO,UAAWP,EAAMpC,gBAAkBoC,EAAM9F,SAAW,IACpEmG,EAASE,OAAO,YAAa/I,GAAQe,WAAaA,EAAUsB,SAAW,IACvEwG,EAASE,OAAO,OAAQ,GAAGP,EAAMQ,QACjCP,QAAiB,IAAIQ,EAAe,QAAIvC,OAAWA,GAAW,GAAM1G,EAAO2I,QAC1E3I,EAAO4I,IACPC,EACA,CACCK,iBAAmBC,IAClB,MAAMC,OAAEA,EAAMC,MAAEA,GAAUF,EACpBG,EAAU3D,KAAK4D,MAAgB,IAATH,EAAgBC,GAC5ChJ,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAK1B,OAJAwB,EAAcT,GAAS,IACnBf,EAAKe,GACRgH,eAAgBF,GAEVrG,CAAa,GACnB,GAIL,CAED5C,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAM1B,OALAwB,EAAcT,GAAS,IACnBf,EAAKe,GACR8D,eAAgBmC,EAChB1G,OAAQY,EAAa6B,UAEfvB,CAAa,GAErB,CAAC,MAAOwG,GACRpJ,GAAWoB,IACV,MAAMwB,EAAgB,IAAIxB,GAK1B,OAJAwB,EAAcT,GAAS,IACnBf,EAAKe,GACRT,OAAQY,EAAa8C,eAEfxC,CAAa,GAErB,GAGF,OAAO,IAAI"}