@transferwise/components 46.45.0 → 46.46.0

package/build/upload/utils/postData/postData.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"postData.mjs","sources":["../../../../src/upload/utils/postData/postData.ts"],"sourcesContent":["export class ResponseError extends Error {\n  response: Response;\n  status: number;\n\n  constructor(response: Response, message?: string) {\n    super(message);\n    this.name = 'ResponseError';\n    this.response = response;\n    this.status = response.status;\n  }\n}\n\nexport interface PostDataHTTPOptions extends Omit<RequestInit, 'body'> {\n  url: string;\n  method?: 'POST' | 'PUT' | 'PATCH';\n}\n\nexport type PostDataFetcher = (input: string, init: RequestInit) => Promise<Response>;\n\nexport async function postData(\n  { url, method = 'POST', ...httpOptions }: PostDataHTTPOptions,\n  data: RequestInit['body'],\n  fetcher: PostDataFetcher = fetch,\n) {\n  const response = await fetcher(url, {\n    method,\n    body: data,\n    ...httpOptions,\n  });\n\n  if (!response.ok) {\n    throw new ResponseError(response, response.statusText);\n  }\n\n  return response;\n}\n"],"names":["ResponseError","Error","response","status","constructor","message","name","postData","url","method","httpOptions","data","fetcher","fetch","body","ok","statusText"],"mappings":"AAAM,MAAOA,aAAc,SAAQC,KAAK,CAAA;EACtCC,QAAQ,CAAA;EACRC,MAAM,CAAA;AAENC,EAAAA,WAAYA,CAAAF,QAAkB,EAAEG,OAAgB,EAAA;IAC9C,KAAK,CAACA,OAAO,CAAC,CAAA;IACd,IAAI,CAACC,IAAI,GAAG,eAAe,CAAA;IAC3B,IAAI,CAACJ,QAAQ,GAAGA,QAAQ,CAAA;AACxB,IAAA,IAAI,CAACC,MAAM,GAAGD,QAAQ,CAACC,MAAM,CAAA;AAC/B,GAAA;AACD,CAAA;AASM,eAAeI,QAAQA,CAC5B;EAAEC,GAAG;AAAEC,EAAAA,MAAM,GAAG,MAAM;EAAE,GAAGC,WAAAA;AAAW,CAAuB,EAC7DC,IAAyB,EACzBC,UAA2BC,KAAK,EAAA;AAEhC,EAAA,MAAMX,QAAQ,GAAG,MAAMU,OAAO,CAACJ,GAAG,EAAE;IAClCC,MAAM;AACNK,IAAAA,IAAI,EAAEH,IAAI;IACV,GAAGD,WAAAA;AACJ,GAAA,CAAC,CAAA;AAEF,EAAA,IAAI,CAACR,QAAQ,CAACa,EAAE,EAAE;IAChB,MAAM,IAAIf,aAAa,CAACE,QAAQ,EAAEA,QAAQ,CAACc,UAAU,CAAC,CAAA;AACxD,GAAA;AAEA,EAAA,OAAOd,QAAQ,CAAA;AACjB;;;;"}

package/build/uploadInput/UploadInput.js

@@ -0,0 +1,259 @@
+'use strict';
+
+var classNames = require('classnames');
+var React = require('react');
+var reactIntl = require('react-intl');
+var Button = require('../button/Button.js');
+var Modal = require('../modal/Modal.js');
+var isSizeValid = require('../upload/utils/isSizeValid/isSizeValid.js');
+var isTypeValid = require('../upload/utils/isTypeValid/isTypeValid.js');
+var UploadInput_messages = require('./UploadInput.messages.js');
+var UploadButton = require('./uploadButton/UploadButton.js');
+var defaults = require('./uploadButton/defaults.js');
+var UploadItem = require('./uploadItem/UploadItem.js');
+var jsxRuntime = require('react/jsx-runtime');
+var status = require('../common/propsValues/status.js');
+var control = require('../common/propsValues/control.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+function generateFileId(file) {
+  const {
+    name,
+    size
+  } = file;
+  const uploadTimeStamp = new Date().getTime();
+  return `${name}_${size}_${uploadTimeStamp}`;
+}
+const UploadInput = ({
+  files = [],
+  fileInputName = 'file',
+  className,
+  deleteConfirm,
+  disabled,
+  multiple = false,
+  fileTypes = defaults.imageFileTypes,
+  sizeLimit = defaults.DEFAULT_SIZE_LIMIT,
+  description,
+  onUploadFile,
+  onDeleteFile,
+  onValidationError,
+  onFilesChange,
+  onDownload,
+  maxFiles,
+  maxFilesErrorMessage,
+  id,
+  sizeLimitErrorMessage,
+  uploadButtonTitle
+}) => {
+  const [markedFileForDelete, setMarkedFileForDelete] = React.useState(null);
+  const [mounted, setMounted] = React.useState(false);
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const PROGRESS_STATUSES = new Set([status.Status.PENDING, status.Status.PROCESSING]);
+  const [uploadedFiles, setUploadedFiles] = React.useState(multiple || files.length === 0 ? files : [files[0]]);
+  const uploadedFilesListReference = React.useRef(multiple || files.length === 0 ? files : [files[0]]);
+  function addFileToList(recentUploadedFile) {
+    function addToList(listToAddTo) {
+      return [...listToAddTo, recentUploadedFile];
+    }
+    setUploadedFiles(addToList);
+    uploadedFilesListReference.current = addToList(uploadedFilesListReference.current);
+  }
+  const removeFileFromList = file => {
+    function filterOutFrom(listToFilterFrom) {
+      return listToFilterFrom.filter(fileInList => file !== fileInList && file.id !== fileInList.id);
+    }
+    setUploadedFiles(filterOutFrom);
+    uploadedFilesListReference.current = filterOutFrom(uploadedFilesListReference.current);
+  };
+  const modifyFileInList = (file, updates) => {
+    const updateListItem = listToUpdate => listToUpdate.map(fileInList => {
+      return fileInList === file || fileInList.id === file.id ? {
+        ...file,
+        ...updates
+      } : fileInList;
+    });
+    setUploadedFiles(updateListItem);
+    uploadedFilesListReference.current = updateListItem(uploadedFilesListReference.current);
+  };
+  const removeFile = file => {
+    const {
+      id,
+      status: status$1
+    } = file;
+    if (status$1 === status.Status.FAILED) {
+      // If removing a failed upload, we're just updating the view
+      removeFileFromList(file);
+    } else if (onDeleteFile && id) {
+      // Set status to PROCESSING
+      modifyFileInList(file, {
+        status: status.Status.PROCESSING,
+        error: undefined
+      });
+      // Notify host app about deletion
+      onDeleteFile(id).then(() => removeFileFromList(file)).catch(error => {
+        modifyFileInList(file, {
+          error: error
+        });
+      });
+    }
+  };
+  function handleFileUploadFailure(file, failureMessage) {
+    const {
+      name
+    } = file;
+    const id = generateFileId(file);
+    const failedUpload = {
+      id,
+      filename: name,
+      status: status.Status.FAILED,
+      error: failureMessage
+    };
+    addFileToList(failedUpload);
+    if (onValidationError) {
+      onValidationError(failedUpload);
+    }
+  }
+  function getNumberOfFilesUploaded() {
+    const uploadInitiatedStatus = new Set([status.Status.SUCCEEDED, status.Status.PENDING]);
+    const validFiles = uploadedFilesListReference.current.filter(file => file.status && uploadInitiatedStatus.has(file.status));
+    return validFiles.length;
+  }
+  function areMaximumFilesUploadedAlready() {
+    if (!maxFiles) {
+      return false;
+    }
+    const numberOfValidFiles = getNumberOfFilesUploaded();
+    return numberOfValidFiles >= maxFiles;
+  }
+  // One or more files selected, create entries for them
+  const addFiles = selectedFiles => {
+    for (let i = 0; i < selectedFiles.length; i += 1) {
+      const file = selectedFiles.item(i);
+      // Returning a FormData[] array instead of FileList so we can filter out incorrect files
+      const formData = new FormData();
+      if (file) {
+        const {
+          name
+        } = file;
+        const id = generateFileId(file);
+        const allowedFileTypes = typeof fileTypes === 'string' ? fileTypes : fileTypes.join(',');
+        // Check if file type is valid
+        if (!isTypeValid.isTypeValid(file, allowedFileTypes)) {
+          handleFileUploadFailure(file, formatMessage(UploadInput_messages.fileTypeNotSupported));
+          continue;
+        }
+        // Check if the filesize is valid
+        // Convert to rough bytes
+        if (!isSizeValid.isSizeValid(file, sizeLimit * 1000)) {
+          const failureMessage = sizeLimitErrorMessage || formatMessage(UploadInput_messages.fileIsTooLarge);
+          handleFileUploadFailure(file, failureMessage);
+          continue;
+        }
+        if (areMaximumFilesUploadedAlready()) {
+          const failureMessage = maxFilesErrorMessage || formatMessage(UploadInput_messages.maximumFilesAlreadyUploaded, {
+            maxFilesAllowed: maxFiles
+          });
+          handleFileUploadFailure(file, failureMessage);
+          continue;
+        }
+        formData.append(fileInputName, file);
+        const pendingFile = {
+          id,
+          filename: name,
+          status: status.Status.PENDING
+        };
+        addFileToList(pendingFile);
+        // Start uploading the file
+        onUploadFile(formData).then(({
+          id,
+          url,
+          error
+        }) => {
+          // Replace the temporary id with the final one received from the API, and also set any errors
+          modifyFileInList(pendingFile, {
+            id,
+            url,
+            error,
+            status: status.Status.SUCCEEDED
+          });
+        }).catch(error => {
+          modifyFileInList(pendingFile, {
+            error: error,
+            status: status.Status.FAILED
+          });
+        });
+        if (!multiple) {
+          // Only upload a single file
+          break;
+        }
+      }
+    }
+  };
+  React.useEffect(() => {
+    setMounted(true);
+  }, []);
+  React.useEffect(() => {
+    if (onFilesChange && mounted) {
+      onFilesChange([...uploadedFiles]);
+    }
+  }, [onFilesChange, uploadedFiles]); // eslint-disable-line react-hooks/exhaustive-deps
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: classNames__default.default('np-upload-input', className, {
+        disabled
+      }),
+      children: [uploadedFiles.map(file => /*#__PURE__*/jsxRuntime.jsx(UploadItem.default, {
+        file: file,
+        singleFileUpload: !multiple,
+        canDelete: (!!onDeleteFile || file.status === status.Status.FAILED) && (!file.status || !PROGRESS_STATUSES.has(file.status)),
+        onDelete: file.status === status.Status.FAILED ? () => removeFile(file) : () => setMarkedFileForDelete(file),
+        onDownload: onDownload
+      }, file.id)), (multiple || !multiple && !uploadedFiles.length) && /*#__PURE__*/jsxRuntime.jsx(UploadButton.default, {
+        id: id,
+        uploadButtonTitle: uploadButtonTitle,
+        disabled: areMaximumFilesUploadedAlready() || disabled,
+        multiple: multiple,
+        fileTypes: fileTypes,
+        sizeLimit: sizeLimit,
+        description: description,
+        maxFiles: maxFiles,
+        onChange: addFiles
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(Modal, {
+      title: deleteConfirm?.title !== undefined ? deleteConfirm.title : formatMessage(UploadInput_messages.deleteModalTitle),
+      body: deleteConfirm?.body !== undefined ? deleteConfirm.body : formatMessage(UploadInput_messages.deleteModalBody),
+      open: !!markedFileForDelete,
+      footer: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+          block: true,
+          onClick: () => {
+            setMarkedFileForDelete(null);
+          },
+          children: deleteConfirm?.cancelText || formatMessage(UploadInput_messages.deleteModalCancelButtonText)
+        }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+          block: true,
+          priority: control.Priority.SECONDARY,
+          type: control.ControlType.NEGATIVE,
+          onClick: () => {
+            if (markedFileForDelete) {
+              removeFile(markedFileForDelete);
+            }
+            setMarkedFileForDelete(null);
+          },
+          children: deleteConfirm?.confirmText || formatMessage(UploadInput_messages.deleteModalConfirmButtonText)
+        })]
+      }),
+      onClose: () => {
+        setMarkedFileForDelete(null);
+      }
+    })]
+  });
+};
+
+module.exports = UploadInput;
+//# sourceMappingURL=UploadInput.js.map

package/build/uploadInput/UploadInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadInput.js","sources":["../../src/uploadInput/UploadInput.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useEffect, useRef, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Button from '../button';\nimport { CommonProps, ControlType, Priority, Status } from '../common';\nimport Modal from '../modal';\nimport { isSizeValid } from '../upload/utils/isSizeValid';\nimport { isTypeValid } from '../upload/utils/isTypeValid';\n\nimport MESSAGES from './UploadInput.messages';\nimport { UploadedFile, UploadError, UploadResponse } from './types';\nimport UploadButton, { UploadButtonProps } from './uploadButton/UploadButton';\nimport { DEFAULT_SIZE_LIMIT, imageFileTypes } from './uploadButton/defaults';\nimport UploadItem, { UploadItemProps } from './uploadItem/UploadItem';\n\nexport type UploadInputProps = {\n  /**\n   * List of already existing, failed or in progress files\n   */\n  files?: readonly UploadedFile[];\n\n  /**\n   * The key of the file in the returned FormData object (default: file)\n   */\n  fileInputName?: string;\n\n  /**\n   * Callback that handles form submission\n   *\n   * @param formData\n   */\n  onUploadFile: (formData: FormData) => Promise<UploadResponse>;\n\n  /**\n   * Provide a callback if the file can be removed/deleted from the server\n   * Your app is responsible for reloading the uploaded files list and updating the component to ensure that the file has in fact been deleted successfully\n   *\n   * @param id\n   */\n  onDeleteFile?: (id: string | number) => Promise<any>;\n\n  /**\n   * Provide a callback to trigger on validation error\n   *\n   * @param file\n   */\n  onValidationError?: (file: UploadedFile) => void;\n\n  /**\n   * Provide a callback to trigger on change whenever the files are updated\n   *\n   * @param files\n   */\n  onFilesChange?: (files: UploadedFile[]) => void;\n\n  /**\n   * Confirmation modal displayed on delete\n   */\n  deleteConfirm?: {\n    /**\n     * The title of the confirmation modal on delete\n     */\n    title?: string;\n\n    /**\n     * The body of the confirmation modal on delete\n     */\n    body?: React.ReactNode;\n\n    /**\n     * The confirm button text of the confirmation modal on delete\n     */\n    confirmText?: string;\n\n    /**\n     * The cancel button text of the confirmation modal on delete\n     */\n    cancelText?: string;\n  };\n\n  /**\n   * Maximum number of files allowed, if provided, shows error below file item\n   */\n  maxFiles?: number;\n\n  /**\n   * Error message to show when the maximum number of files are uploaded already\n   */\n  maxFilesErrorMessage?: string;\n\n  /**\n   * Error message to show when files over a allowed size limit are uploaded\n   */\n  sizeLimitErrorMessage?: string;\n} & Pick<\n  UploadButtonProps,\n  'disabled' | 'multiple' | 'fileTypes' | 'sizeLimit' | 'description' | 'id' | 'uploadButtonTitle'\n> &\n  Pick<UploadItemProps, 'onDownload'> &\n  CommonProps;\n\nfunction generateFileId(file: File) {\n  const { name, size } = file;\n  const uploadTimeStamp = new Date().getTime();\n  return `${name}_${size}_${uploadTimeStamp}`;\n}\n\nconst UploadInput = ({\n  files = [],\n  fileInputName = 'file',\n  className,\n  deleteConfirm,\n  disabled,\n  multiple = false,\n  fileTypes = imageFileTypes,\n  sizeLimit = DEFAULT_SIZE_LIMIT,\n  description,\n  onUploadFile,\n  onDeleteFile,\n  onValidationError,\n  onFilesChange,\n  onDownload,\n  maxFiles,\n  maxFilesErrorMessage,\n  id,\n  sizeLimitErrorMessage,\n  uploadButtonTitle,\n}: UploadInputProps) => {\n  const [markedFileForDelete, setMarkedFileForDelete] = useState<UploadedFile | null>(null);\n  const [mounted, setMounted] = useState(false);\n  const { formatMessage } = useIntl();\n\n  const PROGRESS_STATUSES = new Set([Status.PENDING, Status.PROCESSING]);\n\n  const [uploadedFiles, setUploadedFiles] = useState<readonly UploadedFile[]>(\n    multiple || files.length === 0 ? files : [files[0]],\n  );\n\n  const uploadedFilesListReference = useRef(multiple || files.length === 0 ? files : [files[0]]);\n\n  function addFileToList(recentUploadedFile: UploadedFile) {\n    function addToList(listToAddTo: readonly UploadedFile[]) {\n      return [...listToAddTo, recentUploadedFile];\n    }\n\n    setUploadedFiles(addToList);\n    uploadedFilesListReference.current = addToList(uploadedFilesListReference.current);\n  }\n\n  const removeFileFromList = (file: UploadedFile) => {\n    function filterOutFrom(listToFilterFrom: readonly UploadedFile[]) {\n      return listToFilterFrom.filter(\n        (fileInList) => file !== fileInList && file.id !== fileInList.id,\n      );\n    }\n\n    setUploadedFiles(filterOutFrom);\n    uploadedFilesListReference.current = filterOutFrom(uploadedFilesListReference.current);\n  };\n\n  const modifyFileInList = (file: UploadedFile, updates: Partial<UploadedFile>) => {\n    const updateListItem = (listToUpdate: readonly UploadedFile[]) =>\n      listToUpdate.map((fileInList) => {\n        return fileInList === file || fileInList.id === file.id\n          ? { ...file, ...updates }\n          : fileInList;\n      });\n\n    setUploadedFiles(updateListItem);\n    uploadedFilesListReference.current = updateListItem(uploadedFilesListReference.current);\n  };\n\n  const removeFile = (file: UploadedFile) => {\n    const { id, status } = file;\n\n    if (status === Status.FAILED) {\n      // If removing a failed upload, we're just updating the view\n      removeFileFromList(file);\n    } else if (onDeleteFile && id) {\n      // Set status to PROCESSING\n      modifyFileInList(file, { status: Status.PROCESSING, error: undefined });\n\n      // Notify host app about deletion\n      onDeleteFile(id)\n        .then(() => removeFileFromList(file))\n        .catch((error) => {\n          modifyFileInList(file, { error: error as UploadError });\n        });\n    }\n  };\n\n  function handleFileUploadFailure(file: File, failureMessage: string) {\n    const { name } = file;\n    const id = generateFileId(file);\n    const failedUpload = {\n      id,\n      filename: name,\n      status: Status.FAILED,\n      error: failureMessage,\n    };\n\n    addFileToList(failedUpload);\n\n    if (onValidationError) {\n      onValidationError(failedUpload);\n    }\n  }\n\n  function getNumberOfFilesUploaded() {\n    const uploadInitiatedStatus = new Set([Status.SUCCEEDED, Status.PENDING]);\n    const validFiles = uploadedFilesListReference.current.filter(\n      (file) => file.status && uploadInitiatedStatus.has(file.status),\n    );\n    return validFiles.length;\n  }\n\n  function areMaximumFilesUploadedAlready() {\n    if (!maxFiles) {\n      return false;\n    }\n\n    const numberOfValidFiles = getNumberOfFilesUploaded();\n    return numberOfValidFiles >= maxFiles;\n  }\n\n  // One or more files selected, create entries for them\n  const addFiles = (selectedFiles: FileList) => {\n    for (let i = 0; i < selectedFiles.length; i += 1) {\n      const file = selectedFiles.item(i);\n\n      // Returning a FormData[] array instead of FileList so we can filter out incorrect files\n      const formData = new FormData();\n\n      if (file) {\n        const { name } = file;\n        const id = generateFileId(file);\n\n        const allowedFileTypes = typeof fileTypes === 'string' ? fileTypes : fileTypes.join(',');\n\n        // Check if file type is valid\n        if (!isTypeValid(file, allowedFileTypes)) {\n          handleFileUploadFailure(file, formatMessage(MESSAGES.fileTypeNotSupported));\n          continue;\n        }\n\n        // Check if the filesize is valid\n        // Convert to rough bytes\n        if (!isSizeValid(file, sizeLimit * 1000)) {\n          const failureMessage = sizeLimitErrorMessage || formatMessage(MESSAGES.fileIsTooLarge);\n          handleFileUploadFailure(file, failureMessage);\n          continue;\n        }\n\n        if (areMaximumFilesUploadedAlready()) {\n          const failureMessage =\n            maxFilesErrorMessage ||\n            formatMessage(MESSAGES.maximumFilesAlreadyUploaded, { maxFilesAllowed: maxFiles });\n          handleFileUploadFailure(file, failureMessage);\n          continue;\n        }\n\n        formData.append(fileInputName, file);\n        const pendingFile = {\n          id,\n          filename: name,\n          status: Status.PENDING,\n        };\n\n        addFileToList(pendingFile);\n\n        // Start uploading the file\n        onUploadFile(formData)\n          .then(({ id, url, error }: UploadResponse) => {\n            // Replace the temporary id with the final one received from the API, and also set any errors\n            modifyFileInList(pendingFile, { id, url, error, status: Status.SUCCEEDED });\n          })\n          .catch((error) => {\n            modifyFileInList(pendingFile, { error: error as UploadError, status: Status.FAILED });\n          });\n\n        if (!multiple) {\n          // Only upload a single file\n          break;\n        }\n      }\n    }\n  };\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useEffect(() => {\n    if (onFilesChange && mounted) {\n      onFilesChange([...uploadedFiles]);\n    }\n  }, [onFilesChange, uploadedFiles]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <>\n      <div className={classNames('np-upload-input', className, { disabled })}>\n        {uploadedFiles.map((file) => (\n          <UploadItem\n            key={file.id}\n            file={file}\n            singleFileUpload={!multiple}\n            canDelete={\n              (!!onDeleteFile || file.status === Status.FAILED) &&\n              (!file.status || !PROGRESS_STATUSES.has(file.status))\n            }\n            onDelete={\n              file.status === Status.FAILED\n                ? () => removeFile(file)\n                : () => setMarkedFileForDelete(file)\n            }\n            onDownload={onDownload}\n          />\n        ))}\n        {(multiple || (!multiple && !uploadedFiles.length)) && (\n          <UploadButton\n            id={id}\n            uploadButtonTitle={uploadButtonTitle}\n            disabled={areMaximumFilesUploadedAlready() || disabled}\n            multiple={multiple}\n            fileTypes={fileTypes}\n            sizeLimit={sizeLimit}\n            description={description}\n            maxFiles={maxFiles}\n            onChange={addFiles}\n          />\n        )}\n      </div>\n      <Modal\n        title={\n          deleteConfirm?.title !== undefined\n            ? deleteConfirm.title\n            : formatMessage(MESSAGES.deleteModalTitle)\n        }\n        body={\n          deleteConfirm?.body !== undefined\n            ? deleteConfirm.body\n            : formatMessage(MESSAGES.deleteModalBody)\n        }\n        open={!!markedFileForDelete}\n        footer={\n          <>\n            <Button\n              block\n              onClick={() => {\n                setMarkedFileForDelete(null);\n              }}\n            >\n              {deleteConfirm?.cancelText || formatMessage(MESSAGES.deleteModalCancelButtonText)}\n            </Button>\n            <Button\n              block\n              priority={Priority.SECONDARY}\n              type={ControlType.NEGATIVE}\n              onClick={() => {\n                if (markedFileForDelete) {\n                  removeFile(markedFileForDelete);\n                }\n                setMarkedFileForDelete(null);\n              }}\n            >\n              {deleteConfirm?.confirmText || formatMessage(MESSAGES.deleteModalConfirmButtonText)}\n            </Button>\n          </>\n        }\n        onClose={() => {\n          setMarkedFileForDelete(null);\n        }}\n      />\n    </>\n  );\n};\n\nexport default UploadInput;\n"],"names":["generateFileId","file","name","size","uploadTimeStamp","Date","getTime","UploadInput","files","fileInputName","className","deleteConfirm","disabled","multiple","fileTypes","imageFileTypes","sizeLimit","DEFAULT_SIZE_LIMIT","description","onUploadFile","onDeleteFile","onValidationError","onFilesChange","onDownload","maxFiles","maxFilesErrorMessage","id","sizeLimitErrorMessage","uploadButtonTitle","markedFileForDelete","setMarkedFileForDelete","useState","mounted","setMounted","formatMessage","useIntl","PROGRESS_STATUSES","Set","Status","PENDING","PROCESSING","uploadedFiles","setUploadedFiles","length","uploadedFilesListReference","useRef","addFileToList","recentUploadedFile","addToList","listToAddTo","current","removeFileFromList","filterOutFrom","listToFilterFrom","filter","fileInList","modifyFileInList","updates","updateListItem","listToUpdate","map","removeFile","status","FAILED","error","undefined","then","catch","handleFileUploadFailure","failureMessage","failedUpload","filename","getNumberOfFilesUploaded","uploadInitiatedStatus","SUCCEEDED","validFiles","has","areMaximumFilesUploadedAlready","numberOfValidFiles","addFiles","selectedFiles","i","item","formData","FormData","allowedFileTypes","join","isTypeValid","MESSAGES","fileTypeNotSupported","isSizeValid","fileIsTooLarge","maximumFilesAlreadyUploaded","maxFilesAllowed","append","pendingFile","url","useEffect","_jsxs","_Fragment","children","classNames","_jsx","UploadItem","singleFileUpload","canDelete","onDelete","UploadButton","onChange","Modal","title","deleteModalTitle","body","deleteModalBody","open","footer","Button","block","onClick","cancelText","deleteModalCancelButtonText","priority","Priority","SECONDARY","type","ControlType","NEGATIVE","confirmText","deleteModalConfirmButtonText","onClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsGA,SAASA,cAAcA,CAACC,IAAU,EAAA;EAChC,MAAM;IAAEC,IAAI;AAAEC,IAAAA,IAAAA;AAAM,GAAA,GAAGF,IAAI,CAAA;EAC3B,MAAMG,eAAe,GAAG,IAAIC,IAAI,EAAE,CAACC,OAAO,EAAE,CAAA;AAC5C,EAAA,UAAUJ,IAAI,CAAA,CAAA,EAAIC,IAAQ,CAAA,CAAA,EAAAC,gBAAiB,CAAA,CAAA;AAC7C,CAAA;AAEMG,MAAAA,WAAW,GAAGA,CAAC;AACnBC,EAAAA,KAAK,GAAG,EAAE;AACVC,EAAAA,aAAa,GAAG,MAAM;EACtBC,SAAS;EACTC,aAAa;EACbC,QAAQ;AACRC,EAAAA,QAAQ,GAAG,KAAK;AAChBC,EAAAA,SAAS,GAAGC,uBAAc;AAC1BC,EAAAA,SAAS,GAAGC,2BAAkB;EAC9BC,WAAW;EACXC,YAAY;EACZC,YAAY;EACZC,iBAAiB;EACjBC,aAAa;EACbC,UAAU;EACVC,QAAQ;EACRC,oBAAoB;EACpBC,EAAE;EACFC,qBAAqB;AACrBC,EAAAA,iBAAAA;AACiB,CAAA,KAAI;EACrB,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGC,cAAQ,CAAsB,IAAI,CAAC,CAAA;EACzF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGF,cAAQ,CAAC,KAAK,CAAC,CAAA;EAC7C,MAAM;AAAEG,IAAAA,aAAAA;GAAe,GAAGC,iBAAO,EAAE,CAAA;AAEnC,EAAA,MAAMC,iBAAiB,GAAG,IAAIC,GAAG,CAAC,CAACC,aAAM,CAACC,OAAO,EAAED,aAAM,CAACE,UAAU,CAAC,CAAC,CAAA;EAEtE,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGX,cAAQ,CAChDlB,QAAQ,IAAIL,KAAK,CAACmC,MAAM,KAAK,CAAC,GAAGnC,KAAK,GAAG,CAACA,KAAK,CAAC,CAAC,CAAC,CAAC,CACpD,CAAA;EAED,MAAMoC,0BAA0B,GAAGC,YAAM,CAAChC,QAAQ,IAAIL,KAAK,CAACmC,MAAM,KAAK,CAAC,GAAGnC,KAAK,GAAG,CAACA,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;EAE9F,SAASsC,aAAaA,CAACC,kBAAgC,EAAA;IACrD,SAASC,SAASA,CAACC,WAAoC,EAAA;AACrD,MAAA,OAAO,CAAC,GAAGA,WAAW,EAAEF,kBAAkB,CAAC,CAAA;AAC7C,KAAA;IAEAL,gBAAgB,CAACM,SAAS,CAAC,CAAA;IAC3BJ,0BAA0B,CAACM,OAAO,GAAGF,SAAS,CAACJ,0BAA0B,CAACM,OAAO,CAAC,CAAA;AACpF,GAAA;EAEA,MAAMC,kBAAkB,GAAIlD,IAAkB,IAAI;IAChD,SAASmD,aAAaA,CAACC,gBAAyC,EAAA;AAC9D,MAAA,OAAOA,gBAAgB,CAACC,MAAM,CAC3BC,UAAU,IAAKtD,IAAI,KAAKsD,UAAU,IAAItD,IAAI,CAACyB,EAAE,KAAK6B,UAAU,CAAC7B,EAAE,CACjE,CAAA;AACH,KAAA;IAEAgB,gBAAgB,CAACU,aAAa,CAAC,CAAA;IAC/BR,0BAA0B,CAACM,OAAO,GAAGE,aAAa,CAACR,0BAA0B,CAACM,OAAO,CAAC,CAAA;GACvF,CAAA;AAED,EAAA,MAAMM,gBAAgB,GAAGA,CAACvD,IAAkB,EAAEwD,OAA8B,KAAI;IAC9E,MAAMC,cAAc,GAAIC,YAAqC,IAC3DA,YAAY,CAACC,GAAG,CAAEL,UAAU,IAAI;MAC9B,OAAOA,UAAU,KAAKtD,IAAI,IAAIsD,UAAU,CAAC7B,EAAE,KAAKzB,IAAI,CAACyB,EAAE,GACnD;AAAE,QAAA,GAAGzB,IAAI;QAAE,GAAGwD,OAAAA;AAAS,OAAA,GACvBF,UAAU,CAAA;AAChB,KAAC,CAAC,CAAA;IAEJb,gBAAgB,CAACgB,cAAc,CAAC,CAAA;IAChCd,0BAA0B,CAACM,OAAO,GAAGQ,cAAc,CAACd,0BAA0B,CAACM,OAAO,CAAC,CAAA;GACxF,CAAA;EAED,MAAMW,UAAU,GAAI5D,IAAkB,IAAI;IACxC,MAAM;MAAEyB,EAAE;AAAEoC,cAAAA,QAAAA;AAAQ,KAAA,GAAG7D,IAAI,CAAA;AAE3B,IAAA,IAAI6D,QAAM,KAAKxB,aAAM,CAACyB,MAAM,EAAE;AAC5B;MACAZ,kBAAkB,CAAClD,IAAI,CAAC,CAAA;AAC1B,KAAC,MAAM,IAAImB,YAAY,IAAIM,EAAE,EAAE;AAC7B;MACA8B,gBAAgB,CAACvD,IAAI,EAAE;QAAE6D,MAAM,EAAExB,aAAM,CAACE,UAAU;AAAEwB,QAAAA,KAAK,EAAEC,SAAAA;AAAS,OAAE,CAAC,CAAA;AAEvE;AACA7C,MAAAA,YAAY,CAACM,EAAE,CAAC,CACbwC,IAAI,CAAC,MAAMf,kBAAkB,CAAClD,IAAI,CAAC,CAAC,CACpCkE,KAAK,CAAEH,KAAK,IAAI;QACfR,gBAAgB,CAACvD,IAAI,EAAE;AAAE+D,UAAAA,KAAK,EAAEA,KAAAA;AAAsB,SAAA,CAAC,CAAA;AACzD,OAAC,CAAC,CAAA;AACN,KAAA;GACD,CAAA;AAED,EAAA,SAASI,uBAAuBA,CAACnE,IAAU,EAAEoE,cAAsB,EAAA;IACjE,MAAM;AAAEnE,MAAAA,IAAAA;AAAM,KAAA,GAAGD,IAAI,CAAA;AACrB,IAAA,MAAMyB,EAAE,GAAG1B,cAAc,CAACC,IAAI,CAAC,CAAA;AAC/B,IAAA,MAAMqE,YAAY,GAAG;MACnB5C,EAAE;AACF6C,MAAAA,QAAQ,EAAErE,IAAI;MACd4D,MAAM,EAAExB,aAAM,CAACyB,MAAM;AACrBC,MAAAA,KAAK,EAAEK,cAAAA;KACR,CAAA;IAEDvB,aAAa,CAACwB,YAAY,CAAC,CAAA;AAE3B,IAAA,IAAIjD,iBAAiB,EAAE;MACrBA,iBAAiB,CAACiD,YAAY,CAAC,CAAA;AACjC,KAAA;AACF,GAAA;EAEA,SAASE,wBAAwBA,GAAA;AAC/B,IAAA,MAAMC,qBAAqB,GAAG,IAAIpC,GAAG,CAAC,CAACC,aAAM,CAACoC,SAAS,EAAEpC,aAAM,CAACC,OAAO,CAAC,CAAC,CAAA;IACzE,MAAMoC,UAAU,GAAG/B,0BAA0B,CAACM,OAAO,CAACI,MAAM,CACzDrD,IAAI,IAAKA,IAAI,CAAC6D,MAAM,IAAIW,qBAAqB,CAACG,GAAG,CAAC3E,IAAI,CAAC6D,MAAM,CAAC,CAChE,CAAA;IACD,OAAOa,UAAU,CAAChC,MAAM,CAAA;AAC1B,GAAA;EAEA,SAASkC,8BAA8BA,GAAA;IACrC,IAAI,CAACrD,QAAQ,EAAE;AACb,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AAEA,IAAA,MAAMsD,kBAAkB,GAAGN,wBAAwB,EAAE,CAAA;IACrD,OAAOM,kBAAkB,IAAItD,QAAQ,CAAA;AACvC,GAAA;AAEA;EACA,MAAMuD,QAAQ,GAAIC,aAAuB,IAAI;AAC3C,IAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,aAAa,CAACrC,MAAM,EAAEsC,CAAC,IAAI,CAAC,EAAE;AAChD,MAAA,MAAMhF,IAAI,GAAG+E,aAAa,CAACE,IAAI,CAACD,CAAC,CAAC,CAAA;AAElC;AACA,MAAA,MAAME,QAAQ,GAAG,IAAIC,QAAQ,EAAE,CAAA;AAE/B,MAAA,IAAInF,IAAI,EAAE;QACR,MAAM;AAAEC,UAAAA,IAAAA;AAAM,SAAA,GAAGD,IAAI,CAAA;AACrB,QAAA,MAAMyB,EAAE,GAAG1B,cAAc,CAACC,IAAI,CAAC,CAAA;AAE/B,QAAA,MAAMoF,gBAAgB,GAAG,OAAOvE,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGA,SAAS,CAACwE,IAAI,CAAC,GAAG,CAAC,CAAA;AAExF;AACA,QAAA,IAAI,CAACC,uBAAW,CAACtF,IAAI,EAAEoF,gBAAgB,CAAC,EAAE;UACxCjB,uBAAuB,CAACnE,IAAI,EAAEiC,aAAa,CAACsD,oBAAQ,CAACC,oBAAoB,CAAC,CAAC,CAAA;AAC3E,UAAA,SAAA;AACF,SAAA;AAEA;AACA;QACA,IAAI,CAACC,uBAAW,CAACzF,IAAI,EAAEe,SAAS,GAAG,IAAI,CAAC,EAAE;UACxC,MAAMqD,cAAc,GAAG1C,qBAAqB,IAAIO,aAAa,CAACsD,oBAAQ,CAACG,cAAc,CAAC,CAAA;AACtFvB,UAAAA,uBAAuB,CAACnE,IAAI,EAAEoE,cAAc,CAAC,CAAA;AAC7C,UAAA,SAAA;AACF,SAAA;QAEA,IAAIQ,8BAA8B,EAAE,EAAE;UACpC,MAAMR,cAAc,GAClB5C,oBAAoB,IACpBS,aAAa,CAACsD,oBAAQ,CAACI,2BAA2B,EAAE;AAAEC,YAAAA,eAAe,EAAErE,QAAAA;AAAU,WAAA,CAAC,CAAA;AACpF4C,UAAAA,uBAAuB,CAACnE,IAAI,EAAEoE,cAAc,CAAC,CAAA;AAC7C,UAAA,SAAA;AACF,SAAA;AAEAc,QAAAA,QAAQ,CAACW,MAAM,CAACrF,aAAa,EAAER,IAAI,CAAC,CAAA;AACpC,QAAA,MAAM8F,WAAW,GAAG;UAClBrE,EAAE;AACF6C,UAAAA,QAAQ,EAAErE,IAAI;UACd4D,MAAM,EAAExB,aAAM,CAACC,OAAAA;SAChB,CAAA;QAEDO,aAAa,CAACiD,WAAW,CAAC,CAAA;AAE1B;AACA5E,QAAAA,YAAY,CAACgE,QAAQ,CAAC,CACnBjB,IAAI,CAAC,CAAC;UAAExC,EAAE;UAAEsE,GAAG;AAAEhC,UAAAA,KAAAA;AAAuB,SAAA,KAAI;AAC3C;UACAR,gBAAgB,CAACuC,WAAW,EAAE;YAAErE,EAAE;YAAEsE,GAAG;YAAEhC,KAAK;YAAEF,MAAM,EAAExB,aAAM,CAACoC,SAAAA;AAAS,WAAE,CAAC,CAAA;AAC7E,SAAC,CAAC,CACDP,KAAK,CAAEH,KAAK,IAAI;UACfR,gBAAgB,CAACuC,WAAW,EAAE;AAAE/B,YAAAA,KAAK,EAAEA,KAAoB;YAAEF,MAAM,EAAExB,aAAM,CAACyB,MAAAA;AAAM,WAAE,CAAC,CAAA;AACvF,SAAC,CAAC,CAAA;QAEJ,IAAI,CAAClD,QAAQ,EAAE;AACb;AACA,UAAA,MAAA;AACF,SAAA;AACF,OAAA;AACF,KAAA;GACD,CAAA;AAEDoF,EAAAA,eAAS,CAAC,MAAK;IACbhE,UAAU,CAAC,IAAI,CAAC,CAAA;GACjB,EAAE,EAAE,CAAC,CAAA;AAENgE,EAAAA,eAAS,CAAC,MAAK;IACb,IAAI3E,aAAa,IAAIU,OAAO,EAAE;AAC5BV,MAAAA,aAAa,CAAC,CAAC,GAAGmB,aAAa,CAAC,CAAC,CAAA;AACnC,KAAA;GACD,EAAE,CAACnB,aAAa,EAAEmB,aAAa,CAAC,CAAC,CAAC;EAEnC,oBACEyD,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEF,eAAA,CAAA,KAAA,EAAA;AAAKxF,MAAAA,SAAS,EAAE2F,2BAAU,CAAC,iBAAiB,EAAE3F,SAAS,EAAE;AAAEE,QAAAA,QAAAA;AAAU,OAAA,CAAE;MAAAwF,QAAA,EAAA,CACpE3D,aAAa,CAACmB,GAAG,CAAE3D,IAAI,iBACtBqG,cAAA,CAACC,kBAAU,EAAA;AAETtG,QAAAA,IAAI,EAAEA,IAAK;QACXuG,gBAAgB,EAAE,CAAC3F,QAAS;AAC5B4F,QAAAA,SAAS,EACP,CAAC,CAAC,CAACrF,YAAY,IAAInB,IAAI,CAAC6D,MAAM,KAAKxB,aAAM,CAACyB,MAAM,MAC/C,CAAC9D,IAAI,CAAC6D,MAAM,IAAI,CAAC1B,iBAAiB,CAACwC,GAAG,CAAC3E,IAAI,CAAC6D,MAAM,CAAC,CACrD;AACD4C,QAAAA,QAAQ,EACNzG,IAAI,CAAC6D,MAAM,KAAKxB,aAAM,CAACyB,MAAM,GACzB,MAAMF,UAAU,CAAC5D,IAAI,CAAC,GACtB,MAAM6B,sBAAsB,CAAC7B,IAAI,CACtC;AACDsB,QAAAA,UAAU,EAAEA,UAAAA;AAAW,OAAA,EAZlBtB,IAAI,CAACyB,EAaV,CACH,CAAC,EACD,CAACb,QAAQ,IAAK,CAACA,QAAQ,IAAI,CAAC4B,aAAa,CAACE,MAAO,kBAChD2D,cAAA,CAACK,oBAAY,EAAA;AACXjF,QAAAA,EAAE,EAAEA,EAAG;AACPE,QAAAA,iBAAiB,EAAEA,iBAAkB;AACrChB,QAAAA,QAAQ,EAAEiE,8BAA8B,EAAE,IAAIjE,QAAS;AACvDC,QAAAA,QAAQ,EAAEA,QAAS;AACnBC,QAAAA,SAAS,EAAEA,SAAU;AACrBE,QAAAA,SAAS,EAAEA,SAAU;AACrBE,QAAAA,WAAW,EAAEA,WAAY;AACzBM,QAAAA,QAAQ,EAAEA,QAAS;AACnBoF,QAAAA,QAAQ,EAAE7B,QAAAA;AAAS,OAAA,CAEtB,CAAA;AAAA,KACE,CACL,eAAAuB,cAAA,CAACO,KAAK,EAAA;AACJC,MAAAA,KAAK,EACHnG,aAAa,EAAEmG,KAAK,KAAK7C,SAAS,GAC9BtD,aAAa,CAACmG,KAAK,GACnB5E,aAAa,CAACsD,oBAAQ,CAACuB,gBAAgB,CAC5C;AACDC,MAAAA,IAAI,EACFrG,aAAa,EAAEqG,IAAI,KAAK/C,SAAS,GAC7BtD,aAAa,CAACqG,IAAI,GAClB9E,aAAa,CAACsD,oBAAQ,CAACyB,eAAe,CAC3C;MACDC,IAAI,EAAE,CAAC,CAACrF,mBAAoB;MAC5BsF,MAAM,eACJjB,eAAA,CAAAC,mBAAA,EAAA;QAAAC,QAAA,EAAA,cACEE,cAAA,CAACc,MAAM,EAAA;UACLC,KAAK,EAAA,IAAA;UACLC,OAAO,EAAEA,MAAK;YACZxF,sBAAsB,CAAC,IAAI,CAAC,CAAA;WAC5B;UAAAsE,QAAA,EAEDzF,aAAa,EAAE4G,UAAU,IAAIrF,aAAa,CAACsD,oBAAQ,CAACgC,2BAA2B,CAAA;AAAC,SAC3E,CACR,eAAAlB,cAAA,CAACc,MAAM,EAAA;UACLC,KAAK,EAAA,IAAA;UACLI,QAAQ,EAAEC,gBAAQ,CAACC,SAAU;UAC7BC,IAAI,EAAEC,mBAAW,CAACC,QAAS;UAC3BR,OAAO,EAAEA,MAAK;AACZ,YAAA,IAAIzF,mBAAmB,EAAE;cACvBgC,UAAU,CAAChC,mBAAmB,CAAC,CAAA;AACjC,aAAA;YACAC,sBAAsB,CAAC,IAAI,CAAC,CAAA;WAC5B;UAAAsE,QAAA,EAEDzF,aAAa,EAAEoH,WAAW,IAAI7F,aAAa,CAACsD,oBAAQ,CAACwC,4BAA4B,CAAA;AAAC,SAC7E,CACV,CAAA;AAAA,OAAA,CACD;MACDC,OAAO,EAAEA,MAAK;QACZnG,sBAAsB,CAAC,IAAI,CAAC,CAAA;AAC9B,OAAA;AAAE,KAEN,CAAA,CAAA;AAAA,GAAA,CAAG,CAAA;AAEP;;;;"}

package/build/uploadInput/UploadInput.messages.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var reactIntl = require('react-intl');
+
+var MESSAGES = reactIntl.defineMessages({
+  fileIsTooLarge: {
+    id: "neptune.UploadInput.fileIsTooLarge"
+  },
+  fileTypeNotSupported: {
+    id: "neptune.UploadInput.fileTypeNotSupported"
+  },
+  deleteModalTitle: {
+    id: "neptune.UploadInput.deleteModalTitle"
+  },
+  deleteModalBody: {
+    id: "neptune.UploadInput.deleteModalBody"
+  },
+  deleteModalCancelButtonText: {
+    id: "neptune.UploadInput.deleteModalCancelButtonText"
+  },
+  deleteModalConfirmButtonText: {
+    id: "neptune.UploadInput.deleteModalConfirmButtonText"
+  },
+  maximumFilesAlreadyUploaded: {
+    id: "neptune.UploadInput.maximumFilesAlreadyUploaded"
+  }
+});
+
+module.exports = MESSAGES;
+//# sourceMappingURL=UploadInput.messages.js.map

package/build/uploadInput/UploadInput.messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadInput.messages.js","sources":["../../src/uploadInput/UploadInput.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  fileIsTooLarge: {\n    id: 'neptune.UploadInput.fileIsTooLarge',\n    defaultMessage: 'File is too large',\n    description: 'Error message when the selected file size exceeds the limit',\n  },\n  fileTypeNotSupported: {\n    id: 'neptune.UploadInput.fileTypeNotSupported',\n    defaultMessage: 'File type not supported',\n    description: 'Error message when the selected file is not one of the supported types',\n  },\n  deleteModalTitle: {\n    id: 'neptune.UploadInput.deleteModalTitle',\n    defaultMessage: 'Sure you want to remove this file?',\n    description: 'Title to display on delete confirmation modal',\n  },\n  deleteModalBody: {\n    id: 'neptune.UploadInput.deleteModalBody',\n    defaultMessage: 'Removing this file will delete it from our system.',\n    description: 'Body copy to display on delete confirmation modal',\n  },\n  deleteModalCancelButtonText: {\n    id: 'neptune.UploadInput.deleteModalCancelButtonText',\n    defaultMessage: 'Cancel',\n    description: 'Cancel button text to display on delete confirmation modal',\n  },\n  deleteModalConfirmButtonText: {\n    id: 'neptune.UploadInput.deleteModalConfirmButtonText',\n    defaultMessage: 'Remove',\n    description: 'Confirm button text to display on delete confirmation modal',\n  },\n  maximumFilesAlreadyUploaded: {\n    id: 'neptune.UploadInput.maximumFilesAlreadyUploaded',\n    defaultMessage:\n      'Sorry, this upload failed because we can only accept {maxFilesAllowed} files at once.',\n    description:\n      'When number of files to be uploaded is restricted, this message is displayed below the files that are extra',\n  },\n});\n"],"names":["defineMessages","fileIsTooLarge","id","fileTypeNotSupported","deleteModalTitle","deleteModalBody","deleteModalCancelButtonText","deleteModalConfirmButtonText","maximumFilesAlreadyUploaded"],"mappings":";;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,cAAc,EAAE;IACdC,EAAE,EAAA,oCAAA;GAGH;AACDC,EAAAA,oBAAoB,EAAE;IACpBD,EAAE,EAAA,0CAAA;GAGH;AACDE,EAAAA,gBAAgB,EAAE;IAChBF,EAAE,EAAA,sCAAA;GAGH;AACDG,EAAAA,eAAe,EAAE;IACfH,EAAE,EAAA,qCAAA;GAGH;AACDI,EAAAA,2BAA2B,EAAE;IAC3BJ,EAAE,EAAA,iDAAA;GAGH;AACDK,EAAAA,4BAA4B,EAAE;IAC5BL,EAAE,EAAA,kDAAA;GAGH;AACDM,EAAAA,2BAA2B,EAAE;IAC3BN,EAAE,EAAA,iDAAA;AAKH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/uploadInput/UploadInput.messages.mjs

@@ -0,0 +1,28 @@
+import { defineMessages } from 'react-intl';
+
+var MESSAGES = defineMessages({
+  fileIsTooLarge: {
+    id: "neptune.UploadInput.fileIsTooLarge"
+  },
+  fileTypeNotSupported: {
+    id: "neptune.UploadInput.fileTypeNotSupported"
+  },
+  deleteModalTitle: {
+    id: "neptune.UploadInput.deleteModalTitle"
+  },
+  deleteModalBody: {
+    id: "neptune.UploadInput.deleteModalBody"
+  },
+  deleteModalCancelButtonText: {
+    id: "neptune.UploadInput.deleteModalCancelButtonText"
+  },
+  deleteModalConfirmButtonText: {
+    id: "neptune.UploadInput.deleteModalConfirmButtonText"
+  },
+  maximumFilesAlreadyUploaded: {
+    id: "neptune.UploadInput.maximumFilesAlreadyUploaded"
+  }
+});
+
+export { MESSAGES as default };
+//# sourceMappingURL=UploadInput.messages.mjs.map

package/build/uploadInput/UploadInput.messages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadInput.messages.mjs","sources":["../../src/uploadInput/UploadInput.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  fileIsTooLarge: {\n    id: 'neptune.UploadInput.fileIsTooLarge',\n    defaultMessage: 'File is too large',\n    description: 'Error message when the selected file size exceeds the limit',\n  },\n  fileTypeNotSupported: {\n    id: 'neptune.UploadInput.fileTypeNotSupported',\n    defaultMessage: 'File type not supported',\n    description: 'Error message when the selected file is not one of the supported types',\n  },\n  deleteModalTitle: {\n    id: 'neptune.UploadInput.deleteModalTitle',\n    defaultMessage: 'Sure you want to remove this file?',\n    description: 'Title to display on delete confirmation modal',\n  },\n  deleteModalBody: {\n    id: 'neptune.UploadInput.deleteModalBody',\n    defaultMessage: 'Removing this file will delete it from our system.',\n    description: 'Body copy to display on delete confirmation modal',\n  },\n  deleteModalCancelButtonText: {\n    id: 'neptune.UploadInput.deleteModalCancelButtonText',\n    defaultMessage: 'Cancel',\n    description: 'Cancel button text to display on delete confirmation modal',\n  },\n  deleteModalConfirmButtonText: {\n    id: 'neptune.UploadInput.deleteModalConfirmButtonText',\n    defaultMessage: 'Remove',\n    description: 'Confirm button text to display on delete confirmation modal',\n  },\n  maximumFilesAlreadyUploaded: {\n    id: 'neptune.UploadInput.maximumFilesAlreadyUploaded',\n    defaultMessage:\n      'Sorry, this upload failed because we can only accept {maxFilesAllowed} files at once.',\n    description:\n      'When number of files to be uploaded is restricted, this message is displayed below the files that are extra',\n  },\n});\n"],"names":["defineMessages","fileIsTooLarge","id","fileTypeNotSupported","deleteModalTitle","deleteModalBody","deleteModalCancelButtonText","deleteModalConfirmButtonText","maximumFilesAlreadyUploaded"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,cAAc,EAAE;IACdC,EAAE,EAAA,oCAAA;GAGH;AACDC,EAAAA,oBAAoB,EAAE;IACpBD,EAAE,EAAA,0CAAA;GAGH;AACDE,EAAAA,gBAAgB,EAAE;IAChBF,EAAE,EAAA,sCAAA;GAGH;AACDG,EAAAA,eAAe,EAAE;IACfH,EAAE,EAAA,qCAAA;GAGH;AACDI,EAAAA,2BAA2B,EAAE;IAC3BJ,EAAE,EAAA,iDAAA;GAGH;AACDK,EAAAA,4BAA4B,EAAE;IAC5BL,EAAE,EAAA,kDAAA;GAGH;AACDM,EAAAA,2BAA2B,EAAE;IAC3BN,EAAE,EAAA,iDAAA;AAKH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/uploadInput/UploadInput.mjs

@@ -0,0 +1,253 @@
+import classNames from 'classnames';
+import { useState, useRef, useEffect } from 'react';
+import { useIntl } from 'react-intl';
+import Button from '../button/Button.mjs';
+import Modal from '../modal/Modal.mjs';
+import { isSizeValid } from '../upload/utils/isSizeValid/isSizeValid.mjs';
+import { isTypeValid } from '../upload/utils/isTypeValid/isTypeValid.mjs';
+import MESSAGES from './UploadInput.messages.mjs';
+import UploadButton from './uploadButton/UploadButton.mjs';
+import { imageFileTypes, DEFAULT_SIZE_LIMIT } from './uploadButton/defaults.mjs';
+import UploadItem from './uploadItem/UploadItem.mjs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Status } from '../common/propsValues/status.mjs';
+import { Priority, ControlType } from '../common/propsValues/control.mjs';
+
+function generateFileId(file) {
+  const {
+    name,
+    size
+  } = file;
+  const uploadTimeStamp = new Date().getTime();
+  return `${name}_${size}_${uploadTimeStamp}`;
+}
+const UploadInput = ({
+  files = [],
+  fileInputName = 'file',
+  className,
+  deleteConfirm,
+  disabled,
+  multiple = false,
+  fileTypes = imageFileTypes,
+  sizeLimit = DEFAULT_SIZE_LIMIT,
+  description,
+  onUploadFile,
+  onDeleteFile,
+  onValidationError,
+  onFilesChange,
+  onDownload,
+  maxFiles,
+  maxFilesErrorMessage,
+  id,
+  sizeLimitErrorMessage,
+  uploadButtonTitle
+}) => {
+  const [markedFileForDelete, setMarkedFileForDelete] = useState(null);
+  const [mounted, setMounted] = useState(false);
+  const {
+    formatMessage
+  } = useIntl();
+  const PROGRESS_STATUSES = new Set([Status.PENDING, Status.PROCESSING]);
+  const [uploadedFiles, setUploadedFiles] = useState(multiple || files.length === 0 ? files : [files[0]]);
+  const uploadedFilesListReference = useRef(multiple || files.length === 0 ? files : [files[0]]);
+  function addFileToList(recentUploadedFile) {
+    function addToList(listToAddTo) {
+      return [...listToAddTo, recentUploadedFile];
+    }
+    setUploadedFiles(addToList);
+    uploadedFilesListReference.current = addToList(uploadedFilesListReference.current);
+  }
+  const removeFileFromList = file => {
+    function filterOutFrom(listToFilterFrom) {
+      return listToFilterFrom.filter(fileInList => file !== fileInList && file.id !== fileInList.id);
+    }
+    setUploadedFiles(filterOutFrom);
+    uploadedFilesListReference.current = filterOutFrom(uploadedFilesListReference.current);
+  };
+  const modifyFileInList = (file, updates) => {
+    const updateListItem = listToUpdate => listToUpdate.map(fileInList => {
+      return fileInList === file || fileInList.id === file.id ? {
+        ...file,
+        ...updates
+      } : fileInList;
+    });
+    setUploadedFiles(updateListItem);
+    uploadedFilesListReference.current = updateListItem(uploadedFilesListReference.current);
+  };
+  const removeFile = file => {
+    const {
+      id,
+      status
+    } = file;
+    if (status === Status.FAILED) {
+      // If removing a failed upload, we're just updating the view
+      removeFileFromList(file);
+    } else if (onDeleteFile && id) {
+      // Set status to PROCESSING
+      modifyFileInList(file, {
+        status: Status.PROCESSING,
+        error: undefined
+      });
+      // Notify host app about deletion
+      onDeleteFile(id).then(() => removeFileFromList(file)).catch(error => {
+        modifyFileInList(file, {
+          error: error
+        });
+      });
+    }
+  };
+  function handleFileUploadFailure(file, failureMessage) {
+    const {
+      name
+    } = file;
+    const id = generateFileId(file);
+    const failedUpload = {
+      id,
+      filename: name,
+      status: Status.FAILED,
+      error: failureMessage
+    };
+    addFileToList(failedUpload);
+    if (onValidationError) {
+      onValidationError(failedUpload);
+    }
+  }
+  function getNumberOfFilesUploaded() {
+    const uploadInitiatedStatus = new Set([Status.SUCCEEDED, Status.PENDING]);
+    const validFiles = uploadedFilesListReference.current.filter(file => file.status && uploadInitiatedStatus.has(file.status));
+    return validFiles.length;
+  }
+  function areMaximumFilesUploadedAlready() {
+    if (!maxFiles) {
+      return false;
+    }
+    const numberOfValidFiles = getNumberOfFilesUploaded();
+    return numberOfValidFiles >= maxFiles;
+  }
+  // One or more files selected, create entries for them
+  const addFiles = selectedFiles => {
+    for (let i = 0; i < selectedFiles.length; i += 1) {
+      const file = selectedFiles.item(i);
+      // Returning a FormData[] array instead of FileList so we can filter out incorrect files
+      const formData = new FormData();
+      if (file) {
+        const {
+          name
+        } = file;
+        const id = generateFileId(file);
+        const allowedFileTypes = typeof fileTypes === 'string' ? fileTypes : fileTypes.join(',');
+        // Check if file type is valid
+        if (!isTypeValid(file, allowedFileTypes)) {
+          handleFileUploadFailure(file, formatMessage(MESSAGES.fileTypeNotSupported));
+          continue;
+        }
+        // Check if the filesize is valid
+        // Convert to rough bytes
+        if (!isSizeValid(file, sizeLimit * 1000)) {
+          const failureMessage = sizeLimitErrorMessage || formatMessage(MESSAGES.fileIsTooLarge);
+          handleFileUploadFailure(file, failureMessage);
+          continue;
+        }
+        if (areMaximumFilesUploadedAlready()) {
+          const failureMessage = maxFilesErrorMessage || formatMessage(MESSAGES.maximumFilesAlreadyUploaded, {
+            maxFilesAllowed: maxFiles
+          });
+          handleFileUploadFailure(file, failureMessage);
+          continue;
+        }
+        formData.append(fileInputName, file);
+        const pendingFile = {
+          id,
+          filename: name,
+          status: Status.PENDING
+        };
+        addFileToList(pendingFile);
+        // Start uploading the file
+        onUploadFile(formData).then(({
+          id,
+          url,
+          error
+        }) => {
+          // Replace the temporary id with the final one received from the API, and also set any errors
+          modifyFileInList(pendingFile, {
+            id,
+            url,
+            error,
+            status: Status.SUCCEEDED
+          });
+        }).catch(error => {
+          modifyFileInList(pendingFile, {
+            error: error,
+            status: Status.FAILED
+          });
+        });
+        if (!multiple) {
+          // Only upload a single file
+          break;
+        }
+      }
+    }
+  };
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  useEffect(() => {
+    if (onFilesChange && mounted) {
+      onFilesChange([...uploadedFiles]);
+    }
+  }, [onFilesChange, uploadedFiles]); // eslint-disable-line react-hooks/exhaustive-deps
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classNames('np-upload-input', className, {
+        disabled
+      }),
+      children: [uploadedFiles.map(file => /*#__PURE__*/jsx(UploadItem, {
+        file: file,
+        singleFileUpload: !multiple,
+        canDelete: (!!onDeleteFile || file.status === Status.FAILED) && (!file.status || !PROGRESS_STATUSES.has(file.status)),
+        onDelete: file.status === Status.FAILED ? () => removeFile(file) : () => setMarkedFileForDelete(file),
+        onDownload: onDownload
+      }, file.id)), (multiple || !multiple && !uploadedFiles.length) && /*#__PURE__*/jsx(UploadButton, {
+        id: id,
+        uploadButtonTitle: uploadButtonTitle,
+        disabled: areMaximumFilesUploadedAlready() || disabled,
+        multiple: multiple,
+        fileTypes: fileTypes,
+        sizeLimit: sizeLimit,
+        description: description,
+        maxFiles: maxFiles,
+        onChange: addFiles
+      })]
+    }), /*#__PURE__*/jsx(Modal, {
+      title: deleteConfirm?.title !== undefined ? deleteConfirm.title : formatMessage(MESSAGES.deleteModalTitle),
+      body: deleteConfirm?.body !== undefined ? deleteConfirm.body : formatMessage(MESSAGES.deleteModalBody),
+      open: !!markedFileForDelete,
+      footer: /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Button, {
+          block: true,
+          onClick: () => {
+            setMarkedFileForDelete(null);
+          },
+          children: deleteConfirm?.cancelText || formatMessage(MESSAGES.deleteModalCancelButtonText)
+        }), /*#__PURE__*/jsx(Button, {
+          block: true,
+          priority: Priority.SECONDARY,
+          type: ControlType.NEGATIVE,
+          onClick: () => {
+            if (markedFileForDelete) {
+              removeFile(markedFileForDelete);
+            }
+            setMarkedFileForDelete(null);
+          },
+          children: deleteConfirm?.confirmText || formatMessage(MESSAGES.deleteModalConfirmButtonText)
+        })]
+      }),
+      onClose: () => {
+        setMarkedFileForDelete(null);
+      }
+    })]
+  });
+};
+
+export { UploadInput as default };
+//# sourceMappingURL=UploadInput.mjs.map