@transferwise/components 0.0.0-experimental-d187028 → 0.0.0-experimental-18063d6

package/build/uploadInput/uploadButton/UploadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadButton.js","sources":["../../../src/uploadInput/uploadButton/UploadButton.tsx"],"sourcesContent":["import { PlusCircle as PlusIcon, Upload as UploadIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport {\n  ChangeEvent,\n  DragEvent,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  ForwardedRef,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../../body';\nimport { FileType, Typography } from '../../common';\n\nimport MESSAGES from './UploadButton.messages';\nimport { DEFAULT_SIZE_LIMIT, imageFileTypes } from './defaults';\nimport getAllowedFileTypes from './getAllowedFileTypes';\n\ntype AllowedFileTypes = string | readonly string[] | readonly FileType[];\nexport type UploadButtonProps = {\n  /**\n   * Disable the upload button if your app is not yet ready to accept uploads\n   */\n  disabled?: boolean;\n\n  /**\n   * Should be true, if the UploadInput has at least 1\n   * file (valid or invalid) listed.\n   */\n  withEntries?: boolean;\n\n  /**\n   * Allow multiple file uploads\n   */\n  multiple?: boolean;\n\n  /**\n   * List of allowed filetypes, eg. '*' | '.zip,application/zip' | ['.jpg,.jpeg,image/jpeg', '.png,image/png'] (default: image files + PDF)\n   */\n  fileTypes?: AllowedFileTypes;\n\n  /**\n   * Size limit in KBs (1000 KB = 1 MB).\n   * If set to `null`, no size limit will be applied.\n   * @default 5000\n   */\n  sizeLimit?: number | null;\n\n  /**\n   * Description for the upload button\n   */\n  description?: string | undefined;\n\n  /**\n   * Maximum number of files allowed, if provided, shows error below file item\n   */\n  maxFiles?: number;\n\n  /**\n   * Called when some files were successfully selected\n   *\n   * @param files\n   */\n  onChange: (files: FileList) => void;\n\n  /**\n   * Id for the upload input\n   */\n  id?: string;\n\n  /**\n   * Title for the upload button\n   */\n  uploadButtonTitle?: string;\n};\n\nexport enum TEST_IDS {\n  uploadInput = 'uploadInput',\n  mediaBody = 'mediaBody',\n}\n\nconst onDragOver = (event: DragEvent): void => {\n  event.preventDefault();\n};\n\nconst DEFAULT_FILE_INPUT_ID = 'np-upload-button';\nconst UploadButton = forwardRef<HTMLInputElement | null, UploadButtonProps>(\n  (\n    {\n      disabled,\n      withEntries,\n      multiple,\n      description,\n      fileTypes = imageFileTypes,\n      sizeLimit = DEFAULT_SIZE_LIMIT,\n      maxFiles,\n      onChange,\n      id = DEFAULT_FILE_INPUT_ID,\n      uploadButtonTitle,\n    },\n    ref: ForwardedRef<HTMLInputElement | null>,\n  ) => {\n    const { formatMessage } = useIntl();\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    useImperativeHandle(ref, () => {\n      if (!inputRef.current) {\n        throw new Error('inputRef.current is null');\n      }\n      return inputRef.current;\n    }, []);\n\n    const [isDropping, setIsDropping] = useState(false);\n\n    const dragCounter = useRef(0);\n\n    const reset = (): void => {\n      dragCounter.current = 0;\n      setIsDropping(false);\n    };\n\n    const onDragLeave = (event: DragEvent): void => {\n      event.preventDefault();\n      dragCounter.current -= 1;\n      if (dragCounter.current === 0) {\n        setIsDropping(false);\n      }\n    };\n\n    const onDragEnter = (event: DragEvent): void => {\n      event.preventDefault();\n      dragCounter.current += 1;\n      if (dragCounter.current === 1) {\n        setIsDropping(true);\n      }\n    };\n\n    const onDrop = (event: DragEvent): void => {\n      event.preventDefault();\n      reset();\n      if (event.dataTransfer && event.dataTransfer.files && event.dataTransfer.files[0]) {\n        onChange(event.dataTransfer.files);\n      }\n    };\n\n    const filesSelected = (event: ChangeEvent<HTMLInputElement>): void => {\n      const { files } = event.target;\n\n      if (files) {\n        onChange(files);\n\n        if (inputRef.current) {\n          inputRef.current.value = '';\n        }\n      }\n    };\n\n    const getFileTypesDescription = (): string => {\n      if (fileTypes === '*') {\n        return fileTypes;\n      }\n\n      return getAllowedFileTypes(Array.isArray(fileTypes) ? fileTypes : [fileTypes]).join(', ');\n    };\n\n    function getDescription() {\n      if (description) {\n        return description;\n      }\n\n      const fileTypesDescription = getFileTypesDescription();\n\n      const derivedFileDescription =\n        fileTypesDescription === '*' ? formatMessage(MESSAGES.allFileTypes) : fileTypesDescription;\n\n      if (typeof sizeLimit === 'number') {\n        return formatMessage(MESSAGES.instructions, {\n          fileTypes: derivedFileDescription,\n          size: Math.round(sizeLimit / 1000),\n        });\n      }\n\n      return derivedFileDescription;\n    }\n\n    function getAcceptedTypes(): Pick<React.ComponentPropsWithoutRef<'input'>, 'accept'> {\n      const areAllFilesAllowed = getFileTypesDescription() === '*';\n\n      if (areAllFilesAllowed) {\n        return {}; // file input by default allows all files\n      }\n\n      if (Array.isArray(fileTypes)) {\n        return { accept: fileTypes.join(',') };\n      }\n\n      return { accept: fileTypes as string };\n    }\n\n    function renderDescription() {\n      return (\n        <Body className=\"np-upload-input__text\">\n          {getDescription()}\n          {maxFiles && (\n            <>\n              <br />\n              {formatMessage(MESSAGES.maximumFiles, { maxFiles })}\n            </>\n          )}\n        </Body>\n      );\n    }\n\n    function renderButtonTitle() {\n      if (uploadButtonTitle) {\n        return uploadButtonTitle;\n      }\n      return formatMessage(multiple ? MESSAGES.uploadFiles : MESSAGES.uploadFile);\n    }\n\n    return (\n      <label\n        className={clsx(\n          'np-upload-input__upload-button',\n          `np-upload-input__upload-button--${disabled ? 'disabled' : 'enabled'}`,\n          `np-upload-input__upload-button--${withEntries ? 'with-entries' : 'without-entries'}`,\n          {\n            'is-dropping': isDropping,\n          },\n        )}\n        htmlFor={id}\n        {...(!disabled && { onDragEnter, onDragLeave, onDrop, onDragOver })}\n      >\n        <span className=\"np-upload-input__icon\">\n          <UploadIcon size={24} className=\"text-link\" />\n        </span>\n        <div className=\"np-upload-input__item-content\" data-testid={TEST_IDS.mediaBody}>\n          <Body type={Typography.BODY_LARGE_BOLD} className=\"np-upload-input__title\">\n            {renderButtonTitle()}\n          </Body>\n          {renderDescription()}\n        </div>\n        <input\n          className=\"np-upload-input__upload-button-input sr-only\"\n          type=\"file\"\n          id={id}\n          {...getAcceptedTypes()}\n          {...(multiple && { multiple: true })}\n          ref={inputRef}\n          disabled={disabled}\n          name=\"file-upload\"\n          data-testid={TEST_IDS.uploadInput}\n          onChange={filesSelected}\n        />\n        {isDropping && (\n          <div\n            className={clsx(\n              'np-upload-input__drop-file-overlay',\n              'droppable-card',\n              'droppable-dropping-card',\n              'droppable-card-content',\n            )}\n          >\n            <PlusIcon className=\"m-x-1\" size={24} />\n            <div>{formatMessage(MESSAGES.dropFile)}</div>\n          </div>\n        )}\n      </label>\n    );\n  },\n);\n\nUploadButton.displayName = 'UploadButton';\n\nexport default UploadButton;\n"],"names":["TEST_IDS","onDragOver","event","preventDefault","DEFAULT_FILE_INPUT_ID","UploadButton","forwardRef","disabled","withEntries","multiple","description","fileTypes","imageFileTypes","sizeLimit","DEFAULT_SIZE_LIMIT","maxFiles","onChange","id","uploadButtonTitle","ref","formatMessage","useIntl","inputRef","useRef","useImperativeHandle","current","Error","isDropping","setIsDropping","useState","dragCounter","reset","onDragLeave","onDragEnter","onDrop","dataTransfer","files","filesSelected","target","value","getFileTypesDescription","getAllowedFileTypes","Array","isArray","join","getDescription","fileTypesDescription","derivedFileDescription","MESSAGES","allFileTypes","instructions","size","Math","round","getAcceptedTypes","areAllFilesAllowed","accept","renderDescription","_jsxs","Body","className","children","_Fragment","_jsx","maximumFiles","renderButtonTitle","uploadFiles","uploadFile","clsx","htmlFor","UploadIcon","mediaBody","type","Typography","BODY_LARGE_BOLD","name","uploadInput","PlusIcon","dropFile","displayName"],"mappings":"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"}

package/build/uploadInput/uploadButton/UploadButton.messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadButton.messages.js","sources":["../../../src/uploadInput/uploadButton/UploadButton.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  uploadFile: {\n    id: 'neptune.UploadButton.uploadFile',\n    defaultMessage: 'Upload file',\n    description: 'Main CTA copy in the upload button when only a single file is allowed',\n  },\n\n  uploadFiles: {\n    id: 'neptune.UploadButton.uploadFiles',\n    defaultMessage: 'Upload files',\n    description: 'Main CTA copy in the upload button when multiple files are allowed',\n  },\n\n  instructions: {\n    id: 'neptune.UploadButton.instructions',\n    defaultMessage: '{fileTypes}, less than {size}MB',\n    description: 'Description about filetypes and size limit for uploading files',\n  },\n\n  maximumFiles: {\n    id: 'neptune.UploadButton.maximumFiles',\n    defaultMessage: 'Maximum {maxFiles} files.',\n    description:\n      'When number of files to be uploaded is restricted, this information is displayed within the upload button.',\n  },\n\n  allFileTypes: {\n    id: 'neptune.UploadButton.allFileTypes',\n    defaultMessage: 'All file types',\n    description: 'Copy to show when all filetypes are allowed to be uploaded',\n  },\n\n  dropFile: {\n    id: 'neptune.UploadButton.dropFiles',\n    defaultMessage: 'Drop file to start upload',\n    description: 'Copy to show when dragging files over the upload component',\n  },\n});\n"],"names":["defineMessages","uploadFile","id","uploadFiles","instructions","maximumFiles","allFileTypes","dropFile"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,UAAU,EAAE;IACVC,EAAE,EAAA;GAGH;AAEDC,EAAAA,WAAW,EAAE;IACXD,EAAE,EAAA;GAGH;AAEDE,EAAAA,YAAY,EAAE;IACZF,EAAE,EAAA;GAGH;AAEDG,EAAAA,YAAY,EAAE;IACZH,EAAE,EAAA;GAIH;AAEDI,EAAAA,YAAY,EAAE;IACZJ,EAAE,EAAA;GAGH;AAEDK,EAAAA,QAAQ,EAAE;IACRL,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}

package/build/uploadInput/uploadButton/UploadButton.messages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadButton.messages.mjs","sources":["../../../src/uploadInput/uploadButton/UploadButton.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  uploadFile: {\n    id: 'neptune.UploadButton.uploadFile',\n    defaultMessage: 'Upload file',\n    description: 'Main CTA copy in the upload button when only a single file is allowed',\n  },\n\n  uploadFiles: {\n    id: 'neptune.UploadButton.uploadFiles',\n    defaultMessage: 'Upload files',\n    description: 'Main CTA copy in the upload button when multiple files are allowed',\n  },\n\n  instructions: {\n    id: 'neptune.UploadButton.instructions',\n    defaultMessage: '{fileTypes}, less than {size}MB',\n    description: 'Description about filetypes and size limit for uploading files',\n  },\n\n  maximumFiles: {\n    id: 'neptune.UploadButton.maximumFiles',\n    defaultMessage: 'Maximum {maxFiles} files.',\n    description:\n      'When number of files to be uploaded is restricted, this information is displayed within the upload button.',\n  },\n\n  allFileTypes: {\n    id: 'neptune.UploadButton.allFileTypes',\n    defaultMessage: 'All file types',\n    description: 'Copy to show when all filetypes are allowed to be uploaded',\n  },\n\n  dropFile: {\n    id: 'neptune.UploadButton.dropFiles',\n    defaultMessage: 'Drop file to start upload',\n    description: 'Copy to show when dragging files over the upload component',\n  },\n});\n"],"names":["defineMessages","uploadFile","id","uploadFiles","instructions","maximumFiles","allFileTypes","dropFile"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,UAAU,EAAE;IACVC,EAAE,EAAA;GAGH;AAEDC,EAAAA,WAAW,EAAE;IACXD,EAAE,EAAA;GAGH;AAEDE,EAAAA,YAAY,EAAE;IACZF,EAAE,EAAA;GAGH;AAEDG,EAAAA,YAAY,EAAE;IACZH,EAAE,EAAA;GAIH;AAEDI,EAAAA,YAAY,EAAE;IACZJ,EAAE,EAAA;GAGH;AAEDK,EAAAA,QAAQ,EAAE;IACRL,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}

package/build/uploadInput/uploadButton/UploadButton.mjs

@@ -0,0 +1,203 @@
+import { Upload, PlusCircle } from '@transferwise/icons';
+import { clsx } from 'clsx';
+import { forwardRef, useRef, useImperativeHandle, useState } from 'react';
+import { useIntl } from 'react-intl';
+import Body from '../../body/Body.mjs';
+import '../../common/theme.mjs';
+import '../../common/direction.mjs';
+import '@transferwise/neptune-tokens';
+import '../../common/propsValues/control.mjs';
+import '../../common/propsValues/size.mjs';
+import { Typography } from '../../common/propsValues/typography.mjs';
+import '../../common/propsValues/width.mjs';
+import '../../common/propsValues/type.mjs';
+import '../../common/propsValues/dateMode.mjs';
+import '../../common/propsValues/monthFormat.mjs';
+import '../../common/propsValues/position.mjs';
+import '../../common/propsValues/layouts.mjs';
+import '../../common/propsValues/status.mjs';
+import '../../common/propsValues/sentiment.mjs';
+import '../../common/propsValues/profileType.mjs';
+import '../../common/propsValues/variant.mjs';
+import '../../common/propsValues/scroll.mjs';
+import '../../common/propsValues/markdownNodeType.mjs';
+import '../../common/fileType.mjs';
+import '@transferwise/formatting';
+import '../../common/closeButton/CloseButton.messages.mjs';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import MESSAGES from './UploadButton.messages.mjs';
+import { imageFileTypes, DEFAULT_SIZE_LIMIT } from './defaults.mjs';
+import getAllowedFileTypes from './getAllowedFileTypes.mjs';
+
+var TEST_IDS;
+(function (TEST_IDS) {
+  TEST_IDS["uploadInput"] = "uploadInput";
+  TEST_IDS["mediaBody"] = "mediaBody";
+})(TEST_IDS || (TEST_IDS = {}));
+const onDragOver = event => {
+  event.preventDefault();
+};
+const DEFAULT_FILE_INPUT_ID = 'np-upload-button';
+const UploadButton = /*#__PURE__*/forwardRef(({
+  disabled,
+  withEntries,
+  multiple,
+  description,
+  fileTypes = imageFileTypes,
+  sizeLimit = DEFAULT_SIZE_LIMIT,
+  maxFiles,
+  onChange,
+  id = DEFAULT_FILE_INPUT_ID,
+  uploadButtonTitle
+}, ref) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const inputRef = useRef(null);
+  useImperativeHandle(ref, () => {
+    if (!inputRef.current) {
+      throw new Error('inputRef.current is null');
+    }
+    return inputRef.current;
+  }, []);
+  const [isDropping, setIsDropping] = useState(false);
+  const dragCounter = useRef(0);
+  const reset = () => {
+    dragCounter.current = 0;
+    setIsDropping(false);
+  };
+  const onDragLeave = event => {
+    event.preventDefault();
+    dragCounter.current -= 1;
+    if (dragCounter.current === 0) {
+      setIsDropping(false);
+    }
+  };
+  const onDragEnter = event => {
+    event.preventDefault();
+    dragCounter.current += 1;
+    if (dragCounter.current === 1) {
+      setIsDropping(true);
+    }
+  };
+  const onDrop = event => {
+    event.preventDefault();
+    reset();
+    if (event.dataTransfer && event.dataTransfer.files && event.dataTransfer.files[0]) {
+      onChange(event.dataTransfer.files);
+    }
+  };
+  const filesSelected = event => {
+    const {
+      files
+    } = event.target;
+    if (files) {
+      onChange(files);
+      if (inputRef.current) {
+        inputRef.current.value = '';
+      }
+    }
+  };
+  const getFileTypesDescription = () => {
+    if (fileTypes === '*') {
+      return fileTypes;
+    }
+    return getAllowedFileTypes(Array.isArray(fileTypes) ? fileTypes : [fileTypes]).join(', ');
+  };
+  function getDescription() {
+    if (description) {
+      return description;
+    }
+    const fileTypesDescription = getFileTypesDescription();
+    const derivedFileDescription = fileTypesDescription === '*' ? formatMessage(MESSAGES.allFileTypes) : fileTypesDescription;
+    if (typeof sizeLimit === 'number') {
+      return formatMessage(MESSAGES.instructions, {
+        fileTypes: derivedFileDescription,
+        size: Math.round(sizeLimit / 1000)
+      });
+    }
+    return derivedFileDescription;
+  }
+  function getAcceptedTypes() {
+    const areAllFilesAllowed = getFileTypesDescription() === '*';
+    if (areAllFilesAllowed) {
+      return {}; // file input by default allows all files
+    }
+    if (Array.isArray(fileTypes)) {
+      return {
+        accept: fileTypes.join(',')
+      };
+    }
+    return {
+      accept: fileTypes
+    };
+  }
+  function renderDescription() {
+    return /*#__PURE__*/jsxs(Body, {
+      className: "np-upload-input__text",
+      children: [getDescription(), maxFiles && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("br", {}), formatMessage(MESSAGES.maximumFiles, {
+          maxFiles
+        })]
+      })]
+    });
+  }
+  function renderButtonTitle() {
+    if (uploadButtonTitle) {
+      return uploadButtonTitle;
+    }
+    return formatMessage(multiple ? MESSAGES.uploadFiles : MESSAGES.uploadFile);
+  }
+  return /*#__PURE__*/jsxs("label", {
+    className: clsx('np-upload-input__upload-button', `np-upload-input__upload-button--${disabled ? 'disabled' : 'enabled'}`, `np-upload-input__upload-button--${withEntries ? 'with-entries' : 'without-entries'}`, {
+      'is-dropping': isDropping
+    }),
+    htmlFor: id,
+    ...(!disabled && {
+      onDragEnter,
+      onDragLeave,
+      onDrop,
+      onDragOver
+    }),
+    children: [/*#__PURE__*/jsx("span", {
+      className: "np-upload-input__icon",
+      children: /*#__PURE__*/jsx(Upload, {
+        size: 24,
+        className: "text-link"
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: "np-upload-input__item-content",
+      "data-testid": TEST_IDS.mediaBody,
+      children: [/*#__PURE__*/jsx(Body, {
+        type: Typography.BODY_LARGE_BOLD,
+        className: "np-upload-input__title",
+        children: renderButtonTitle()
+      }), renderDescription()]
+    }), /*#__PURE__*/jsx("input", {
+      className: "np-upload-input__upload-button-input sr-only",
+      type: "file",
+      id: id,
+      ...getAcceptedTypes(),
+      ...(multiple && {
+        multiple: true
+      }),
+      ref: inputRef,
+      disabled: disabled,
+      name: "file-upload",
+      "data-testid": TEST_IDS.uploadInput,
+      onChange: filesSelected
+    }), isDropping && /*#__PURE__*/jsxs("div", {
+      className: clsx('np-upload-input__drop-file-overlay', 'droppable-card', 'droppable-dropping-card', 'droppable-card-content'),
+      children: [/*#__PURE__*/jsx(PlusCircle, {
+        className: "m-x-1",
+        size: 24
+      }), /*#__PURE__*/jsx("div", {
+        children: formatMessage(MESSAGES.dropFile)
+      })]
+    })]
+  });
+});
+UploadButton.displayName = 'UploadButton';
+
+export { TEST_IDS, UploadButton as default };
+//# sourceMappingURL=UploadButton.mjs.map

package/build/uploadInput/uploadButton/UploadButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadButton.mjs","sources":["../../../src/uploadInput/uploadButton/UploadButton.tsx"],"sourcesContent":["import { PlusCircle as PlusIcon, Upload as UploadIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport {\n  ChangeEvent,\n  DragEvent,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  ForwardedRef,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../../body';\nimport { FileType, Typography } from '../../common';\n\nimport MESSAGES from './UploadButton.messages';\nimport { DEFAULT_SIZE_LIMIT, imageFileTypes } from './defaults';\nimport getAllowedFileTypes from './getAllowedFileTypes';\n\ntype AllowedFileTypes = string | readonly string[] | readonly FileType[];\nexport type UploadButtonProps = {\n  /**\n   * Disable the upload button if your app is not yet ready to accept uploads\n   */\n  disabled?: boolean;\n\n  /**\n   * Should be true, if the UploadInput has at least 1\n   * file (valid or invalid) listed.\n   */\n  withEntries?: boolean;\n\n  /**\n   * Allow multiple file uploads\n   */\n  multiple?: boolean;\n\n  /**\n   * List of allowed filetypes, eg. '*' | '.zip,application/zip' | ['.jpg,.jpeg,image/jpeg', '.png,image/png'] (default: image files + PDF)\n   */\n  fileTypes?: AllowedFileTypes;\n\n  /**\n   * Size limit in KBs (1000 KB = 1 MB).\n   * If set to `null`, no size limit will be applied.\n   * @default 5000\n   */\n  sizeLimit?: number | null;\n\n  /**\n   * Description for the upload button\n   */\n  description?: string | undefined;\n\n  /**\n   * Maximum number of files allowed, if provided, shows error below file item\n   */\n  maxFiles?: number;\n\n  /**\n   * Called when some files were successfully selected\n   *\n   * @param files\n   */\n  onChange: (files: FileList) => void;\n\n  /**\n   * Id for the upload input\n   */\n  id?: string;\n\n  /**\n   * Title for the upload button\n   */\n  uploadButtonTitle?: string;\n};\n\nexport enum TEST_IDS {\n  uploadInput = 'uploadInput',\n  mediaBody = 'mediaBody',\n}\n\nconst onDragOver = (event: DragEvent): void => {\n  event.preventDefault();\n};\n\nconst DEFAULT_FILE_INPUT_ID = 'np-upload-button';\nconst UploadButton = forwardRef<HTMLInputElement | null, UploadButtonProps>(\n  (\n    {\n      disabled,\n      withEntries,\n      multiple,\n      description,\n      fileTypes = imageFileTypes,\n      sizeLimit = DEFAULT_SIZE_LIMIT,\n      maxFiles,\n      onChange,\n      id = DEFAULT_FILE_INPUT_ID,\n      uploadButtonTitle,\n    },\n    ref: ForwardedRef<HTMLInputElement | null>,\n  ) => {\n    const { formatMessage } = useIntl();\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    useImperativeHandle(ref, () => {\n      if (!inputRef.current) {\n        throw new Error('inputRef.current is null');\n      }\n      return inputRef.current;\n    }, []);\n\n    const [isDropping, setIsDropping] = useState(false);\n\n    const dragCounter = useRef(0);\n\n    const reset = (): void => {\n      dragCounter.current = 0;\n      setIsDropping(false);\n    };\n\n    const onDragLeave = (event: DragEvent): void => {\n      event.preventDefault();\n      dragCounter.current -= 1;\n      if (dragCounter.current === 0) {\n        setIsDropping(false);\n      }\n    };\n\n    const onDragEnter = (event: DragEvent): void => {\n      event.preventDefault();\n      dragCounter.current += 1;\n      if (dragCounter.current === 1) {\n        setIsDropping(true);\n      }\n    };\n\n    const onDrop = (event: DragEvent): void => {\n      event.preventDefault();\n      reset();\n      if (event.dataTransfer && event.dataTransfer.files && event.dataTransfer.files[0]) {\n        onChange(event.dataTransfer.files);\n      }\n    };\n\n    const filesSelected = (event: ChangeEvent<HTMLInputElement>): void => {\n      const { files } = event.target;\n\n      if (files) {\n        onChange(files);\n\n        if (inputRef.current) {\n          inputRef.current.value = '';\n        }\n      }\n    };\n\n    const getFileTypesDescription = (): string => {\n      if (fileTypes === '*') {\n        return fileTypes;\n      }\n\n      return getAllowedFileTypes(Array.isArray(fileTypes) ? fileTypes : [fileTypes]).join(', ');\n    };\n\n    function getDescription() {\n      if (description) {\n        return description;\n      }\n\n      const fileTypesDescription = getFileTypesDescription();\n\n      const derivedFileDescription =\n        fileTypesDescription === '*' ? formatMessage(MESSAGES.allFileTypes) : fileTypesDescription;\n\n      if (typeof sizeLimit === 'number') {\n        return formatMessage(MESSAGES.instructions, {\n          fileTypes: derivedFileDescription,\n          size: Math.round(sizeLimit / 1000),\n        });\n      }\n\n      return derivedFileDescription;\n    }\n\n    function getAcceptedTypes(): Pick<React.ComponentPropsWithoutRef<'input'>, 'accept'> {\n      const areAllFilesAllowed = getFileTypesDescription() === '*';\n\n      if (areAllFilesAllowed) {\n        return {}; // file input by default allows all files\n      }\n\n      if (Array.isArray(fileTypes)) {\n        return { accept: fileTypes.join(',') };\n      }\n\n      return { accept: fileTypes as string };\n    }\n\n    function renderDescription() {\n      return (\n        <Body className=\"np-upload-input__text\">\n          {getDescription()}\n          {maxFiles && (\n            <>\n              <br />\n              {formatMessage(MESSAGES.maximumFiles, { maxFiles })}\n            </>\n          )}\n        </Body>\n      );\n    }\n\n    function renderButtonTitle() {\n      if (uploadButtonTitle) {\n        return uploadButtonTitle;\n      }\n      return formatMessage(multiple ? MESSAGES.uploadFiles : MESSAGES.uploadFile);\n    }\n\n    return (\n      <label\n        className={clsx(\n          'np-upload-input__upload-button',\n          `np-upload-input__upload-button--${disabled ? 'disabled' : 'enabled'}`,\n          `np-upload-input__upload-button--${withEntries ? 'with-entries' : 'without-entries'}`,\n          {\n            'is-dropping': isDropping,\n          },\n        )}\n        htmlFor={id}\n        {...(!disabled && { onDragEnter, onDragLeave, onDrop, onDragOver })}\n      >\n        <span className=\"np-upload-input__icon\">\n          <UploadIcon size={24} className=\"text-link\" />\n        </span>\n        <div className=\"np-upload-input__item-content\" data-testid={TEST_IDS.mediaBody}>\n          <Body type={Typography.BODY_LARGE_BOLD} className=\"np-upload-input__title\">\n            {renderButtonTitle()}\n          </Body>\n          {renderDescription()}\n        </div>\n        <input\n          className=\"np-upload-input__upload-button-input sr-only\"\n          type=\"file\"\n          id={id}\n          {...getAcceptedTypes()}\n          {...(multiple && { multiple: true })}\n          ref={inputRef}\n          disabled={disabled}\n          name=\"file-upload\"\n          data-testid={TEST_IDS.uploadInput}\n          onChange={filesSelected}\n        />\n        {isDropping && (\n          <div\n            className={clsx(\n              'np-upload-input__drop-file-overlay',\n              'droppable-card',\n              'droppable-dropping-card',\n              'droppable-card-content',\n            )}\n          >\n            <PlusIcon className=\"m-x-1\" size={24} />\n            <div>{formatMessage(MESSAGES.dropFile)}</div>\n          </div>\n        )}\n      </label>\n    );\n  },\n);\n\nUploadButton.displayName = 'UploadButton';\n\nexport default UploadButton;\n"],"names":["TEST_IDS","onDragOver","event","preventDefault","DEFAULT_FILE_INPUT_ID","UploadButton","forwardRef","disabled","withEntries","multiple","description","fileTypes","imageFileTypes","sizeLimit","DEFAULT_SIZE_LIMIT","maxFiles","onChange","id","uploadButtonTitle","ref","formatMessage","useIntl","inputRef","useRef","useImperativeHandle","current","Error","isDropping","setIsDropping","useState","dragCounter","reset","onDragLeave","onDragEnter","onDrop","dataTransfer","files","filesSelected","target","value","getFileTypesDescription","getAllowedFileTypes","Array","isArray","join","getDescription","fileTypesDescription","derivedFileDescription","MESSAGES","allFileTypes","instructions","size","Math","round","getAcceptedTypes","areAllFilesAllowed","accept","renderDescription","_jsxs","Body","className","children","_Fragment","_jsx","maximumFiles","renderButtonTitle","uploadFiles","uploadFile","clsx","htmlFor","UploadIcon","mediaBody","type","Typography","BODY_LARGE_BOLD","name","uploadInput","PlusIcon","dropFile","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8EYA;AAAZ,CAAA,UAAYA,QAAQ,EAAA;AAClBA,EAAAA,QAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3BA,EAAAA,QAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACzB,CAAC,EAHWA,QAAQ,KAARA,QAAQ,GAAA,EAAA,CAAA,CAAA;AAKpB,MAAMC,UAAU,GAAIC,KAAgB,IAAU;EAC5CA,KAAK,CAACC,cAAc,EAAE;AACxB,CAAC;AAED,MAAMC,qBAAqB,GAAG,kBAAkB;AAChD,MAAMC,YAAY,gBAAGC,UAAU,CAC7B,CACE;EACEC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC,WAAW;AACXC,EAAAA,SAAS,GAAGC,cAAc;AAC1BC,EAAAA,SAAS,GAAGC,kBAAkB;EAC9BC,QAAQ;EACRC,QAAQ;AACRC,EAAAA,EAAE,GAAGb,qBAAqB;AAC1Bc,EAAAA;AAAiB,CAClB,EACDC,GAA0C,KACxC;EACF,MAAM;AAAEC,IAAAA;GAAe,GAAGC,OAAO,EAAE;AACnC,EAAA,MAAMC,QAAQ,GAAGC,MAAM,CAA0B,IAAI,CAAC;EAEtDC,mBAAmB,CAACL,GAAG,EAAE,MAAK;AAC5B,IAAA,IAAI,CAACG,QAAQ,CAACG,OAAO,EAAE;AACrB,MAAA,MAAM,IAAIC,KAAK,CAAC,0BAA0B,CAAC;AAC7C,IAAA;IACA,OAAOJ,QAAQ,CAACG,OAAO;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;AAEnD,EAAA,MAAMC,WAAW,GAAGP,MAAM,CAAC,CAAC,CAAC;EAE7B,MAAMQ,KAAK,GAAGA,MAAW;IACvBD,WAAW,CAACL,OAAO,GAAG,CAAC;IACvBG,aAAa,CAAC,KAAK,CAAC;EACtB,CAAC;EAED,MAAMI,WAAW,GAAI9B,KAAgB,IAAU;IAC7CA,KAAK,CAACC,cAAc,EAAE;IACtB2B,WAAW,CAACL,OAAO,IAAI,CAAC;AACxB,IAAA,IAAIK,WAAW,CAACL,OAAO,KAAK,CAAC,EAAE;MAC7BG,aAAa,CAAC,KAAK,CAAC;AACtB,IAAA;EACF,CAAC;EAED,MAAMK,WAAW,GAAI/B,KAAgB,IAAU;IAC7CA,KAAK,CAACC,cAAc,EAAE;IACtB2B,WAAW,CAACL,OAAO,IAAI,CAAC;AACxB,IAAA,IAAIK,WAAW,CAACL,OAAO,KAAK,CAAC,EAAE;MAC7BG,aAAa,CAAC,IAAI,CAAC;AACrB,IAAA;EACF,CAAC;EAED,MAAMM,MAAM,GAAIhC,KAAgB,IAAU;IACxCA,KAAK,CAACC,cAAc,EAAE;AACtB4B,IAAAA,KAAK,EAAE;AACP,IAAA,IAAI7B,KAAK,CAACiC,YAAY,IAAIjC,KAAK,CAACiC,YAAY,CAACC,KAAK,IAAIlC,KAAK,CAACiC,YAAY,CAACC,KAAK,CAAC,CAAC,CAAC,EAAE;AACjFpB,MAAAA,QAAQ,CAACd,KAAK,CAACiC,YAAY,CAACC,KAAK,CAAC;AACpC,IAAA;EACF,CAAC;EAED,MAAMC,aAAa,GAAInC,KAAoC,IAAU;IACnE,MAAM;AAAEkC,MAAAA;KAAO,GAAGlC,KAAK,CAACoC,MAAM;AAE9B,IAAA,IAAIF,KAAK,EAAE;MACTpB,QAAQ,CAACoB,KAAK,CAAC;MAEf,IAAId,QAAQ,CAACG,OAAO,EAAE;AACpBH,QAAAA,QAAQ,CAACG,OAAO,CAACc,KAAK,GAAG,EAAE;AAC7B,MAAA;AACF,IAAA;EACF,CAAC;EAED,MAAMC,uBAAuB,GAAGA,MAAa;IAC3C,IAAI7B,SAAS,KAAK,GAAG,EAAE;AACrB,MAAA,OAAOA,SAAS;AAClB,IAAA;AAEA,IAAA,OAAO8B,mBAAmB,CAACC,KAAK,CAACC,OAAO,CAAChC,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,CAACiC,IAAI,CAAC,IAAI,CAAC;EAC3F,CAAC;EAED,SAASC,cAAcA,GAAA;AACrB,IAAA,IAAInC,WAAW,EAAE;AACf,MAAA,OAAOA,WAAW;AACpB,IAAA;AAEA,IAAA,MAAMoC,oBAAoB,GAAGN,uBAAuB,EAAE;AAEtD,IAAA,MAAMO,sBAAsB,GAC1BD,oBAAoB,KAAK,GAAG,GAAG1B,aAAa,CAAC4B,QAAQ,CAACC,YAAY,CAAC,GAAGH,oBAAoB;AAE5F,IAAA,IAAI,OAAOjC,SAAS,KAAK,QAAQ,EAAE;AACjC,MAAA,OAAOO,aAAa,CAAC4B,QAAQ,CAACE,YAAY,EAAE;AAC1CvC,QAAAA,SAAS,EAAEoC,sBAAsB;AACjCI,QAAAA,IAAI,EAAEC,IAAI,CAACC,KAAK,CAACxC,SAAS,GAAG,IAAI;AAClC,OAAA,CAAC;AACJ,IAAA;AAEA,IAAA,OAAOkC,sBAAsB;AAC/B,EAAA;EAEA,SAASO,gBAAgBA,GAAA;AACvB,IAAA,MAAMC,kBAAkB,GAAGf,uBAAuB,EAAE,KAAK,GAAG;AAE5D,IAAA,IAAIe,kBAAkB,EAAE;MACtB,OAAO,EAAE,CAAC;AACZ,IAAA;AAEA,IAAA,IAAIb,KAAK,CAACC,OAAO,CAAChC,SAAS,CAAC,EAAE;MAC5B,OAAO;AAAE6C,QAAAA,MAAM,EAAE7C,SAAS,CAACiC,IAAI,CAAC,GAAG;OAAG;AACxC,IAAA;IAEA,OAAO;AAAEY,MAAAA,MAAM,EAAE7C;KAAqB;AACxC,EAAA;EAEA,SAAS8C,iBAAiBA,GAAA;IACxB,oBACEC,IAAA,CAACC,IAAI,EAAA;AAACC,MAAAA,SAAS,EAAC,uBAAuB;MAAAC,QAAA,EAAA,CACpChB,cAAc,EAAE,EAChB9B,QAAQ,iBACP2C,IAAA,CAAAI,QAAA,EAAA;QAAAD,QAAA,EAAA,cACEE,GAAA,CAAA,IAAA,EAAA,EAAG,CACH,EAAC3C,aAAa,CAAC4B,QAAQ,CAACgB,YAAY,EAAE;AAAEjD,UAAAA;AAAQ,SAAE,CAAC;AAAA,OACrD,CACD;AAAA,KACG,CAAC;AAEX,EAAA;EAEA,SAASkD,iBAAiBA,GAAA;AACxB,IAAA,IAAI/C,iBAAiB,EAAE;AACrB,MAAA,OAAOA,iBAAiB;AAC1B,IAAA;IACA,OAAOE,aAAa,CAACX,QAAQ,GAAGuC,QAAQ,CAACkB,WAAW,GAAGlB,QAAQ,CAACmB,UAAU,CAAC;AAC7E,EAAA;AAEA,EAAA,oBACET,IAAA,CAAA,OAAA,EAAA;IACEE,SAAS,EAAEQ,IAAI,CACb,gCAAgC,EAChC,CAAA,gCAAA,EAAmC7D,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA,CAAE,EACtE,mCAAmCC,WAAW,GAAG,cAAc,GAAG,iBAAiB,EAAE,EACrF;AACE,MAAA,aAAa,EAAEmB;KAChB,CACD;AACF0C,IAAAA,OAAO,EAAEpD,EAAG;IAAA,IACP,CAACV,QAAQ,IAAI;MAAE0B,WAAW;MAAED,WAAW;MAAEE,MAAM;AAAEjC,MAAAA;KAAY,CAAA;AAAA4D,IAAAA,QAAA,gBAElEE,GAAA,CAAA,MAAA,EAAA;AAAMH,MAAAA,SAAS,EAAC,uBAAuB;MAAAC,QAAA,eACrCE,GAAA,CAACO,MAAU,EAAA;AAACnB,QAAAA,IAAI,EAAE,EAAG;AAACS,QAAAA,SAAS,EAAC;OAAW;KACvC,CACN,eAAAF,IAAA,CAAA,KAAA,EAAA;AAAKE,MAAAA,SAAS,EAAC,+BAA+B;MAAC,aAAA,EAAa5D,QAAQ,CAACuE,SAAU;MAAAV,QAAA,EAAA,cAC7EE,GAAA,CAACJ,IAAI,EAAA;QAACa,IAAI,EAAEC,UAAU,CAACC,eAAgB;AAACd,QAAAA,SAAS,EAAC,wBAAwB;QAAAC,QAAA,EACvEI,iBAAiB;AAAE,OAChB,CACN,EAACR,iBAAiB,EAAE;KACjB,CACL,eAAAM,GAAA,CAAA,OAAA,EAAA;AACEH,MAAAA,SAAS,EAAC,8CAA8C;AACxDY,MAAAA,IAAI,EAAC,MAAM;AACXvD,MAAAA,EAAE,EAAEA,EAAG;MAAA,GACHqC,gBAAgB,EAAE;AAAA,MAAA,IACjB7C,QAAQ,IAAI;AAAEA,QAAAA,QAAQ,EAAE;OAAM,CAAA;AACnCU,MAAAA,GAAG,EAAEG,QAAS;AACdf,MAAAA,QAAQ,EAAEA,QAAS;AACnBoE,MAAAA,IAAI,EAAC,aAAa;MAClB,aAAA,EAAa3E,QAAQ,CAAC4E,WAAY;AAClC5D,MAAAA,QAAQ,EAAEqB;AAAc,KAAA,CAE1B,EAACV,UAAU,iBACT+B,IAAA,CAAA,KAAA,EAAA;MACEE,SAAS,EAAEQ,IAAI,CACb,oCAAoC,EACpC,gBAAgB,EAChB,yBAAyB,EACzB,wBAAwB,CACxB;MAAAP,QAAA,EAAA,cAEFE,GAAA,CAACc,UAAQ,EAAA;AAACjB,QAAAA,SAAS,EAAC,OAAO;AAACT,QAAAA,IAAI,EAAE;OAAG,CACrC,eAAAY,GAAA,CAAA,KAAA,EAAA;AAAAF,QAAAA,QAAA,EAAMzC,aAAa,CAAC4B,QAAQ,CAAC8B,QAAQ;AAAC,OAAM,CAC9C;AAAA,KAAK,CACN;AAAA,GACI,CAAC;AAEZ,CAAC;AAGHzE,YAAY,CAAC0E,WAAW,GAAG,cAAc;;;;"}

package/build/uploadInput/uploadButton/defaults.js

@@ -0,0 +1,35 @@
+'use strict';
+
+require('../../common/theme.js');
+require('../../common/direction.js');
+require('@transferwise/neptune-tokens');
+require('../../common/propsValues/control.js');
+require('../../common/propsValues/size.js');
+require('../../common/propsValues/typography.js');
+require('../../common/propsValues/width.js');
+require('../../common/propsValues/type.js');
+require('../../common/propsValues/dateMode.js');
+require('../../common/propsValues/monthFormat.js');
+require('../../common/propsValues/position.js');
+require('../../common/propsValues/layouts.js');
+require('../../common/propsValues/status.js');
+require('../../common/propsValues/sentiment.js');
+require('../../common/propsValues/profileType.js');
+require('../../common/propsValues/variant.js');
+require('../../common/propsValues/scroll.js');
+require('../../common/propsValues/markdownNodeType.js');
+var fileType = require('../../common/fileType.js');
+require('@transferwise/formatting');
+require('@transferwise/icons');
+require('clsx');
+require('react');
+require('react-intl');
+require('../../common/closeButton/CloseButton.messages.js');
+require('react/jsx-runtime');
+
+const DEFAULT_SIZE_LIMIT = 5000;
+const imageFileTypes = [fileType.FileType.PDF, fileType.FileType.JPG, fileType.FileType.PNG];
+
+exports.DEFAULT_SIZE_LIMIT = DEFAULT_SIZE_LIMIT;
+exports.imageFileTypes = imageFileTypes;
+//# sourceMappingURL=defaults.js.map

package/build/uploadInput/uploadButton/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sources":["../../../src/uploadInput/uploadButton/defaults.ts"],"sourcesContent":["import { FileType } from '../../common';\n\nexport const DEFAULT_SIZE_LIMIT = 5000;\n\nexport const imageFileTypes = [FileType.PDF, FileType.JPG, FileType.PNG];\n"],"names":["DEFAULT_SIZE_LIMIT","imageFileTypes","FileType","PDF","JPG","PNG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,MAAMA,kBAAkB,GAAG;AAE3B,MAAMC,cAAc,GAAG,CAACC,iBAAQ,CAACC,GAAG,EAAED,iBAAQ,CAACE,GAAG,EAAEF,iBAAQ,CAACG,GAAG;;;;;"}

package/build/uploadInput/uploadButton/defaults.mjs

@@ -0,0 +1,32 @@
+import '../../common/theme.mjs';
+import '../../common/direction.mjs';
+import '@transferwise/neptune-tokens';
+import '../../common/propsValues/control.mjs';
+import '../../common/propsValues/size.mjs';
+import '../../common/propsValues/typography.mjs';
+import '../../common/propsValues/width.mjs';
+import '../../common/propsValues/type.mjs';
+import '../../common/propsValues/dateMode.mjs';
+import '../../common/propsValues/monthFormat.mjs';
+import '../../common/propsValues/position.mjs';
+import '../../common/propsValues/layouts.mjs';
+import '../../common/propsValues/status.mjs';
+import '../../common/propsValues/sentiment.mjs';
+import '../../common/propsValues/profileType.mjs';
+import '../../common/propsValues/variant.mjs';
+import '../../common/propsValues/scroll.mjs';
+import '../../common/propsValues/markdownNodeType.mjs';
+import { FileType } from '../../common/fileType.mjs';
+import '@transferwise/formatting';
+import '@transferwise/icons';
+import 'clsx';
+import 'react';
+import 'react-intl';
+import '../../common/closeButton/CloseButton.messages.mjs';
+import 'react/jsx-runtime';
+
+const DEFAULT_SIZE_LIMIT = 5000;
+const imageFileTypes = [FileType.PDF, FileType.JPG, FileType.PNG];
+
+export { DEFAULT_SIZE_LIMIT, imageFileTypes };
+//# sourceMappingURL=defaults.mjs.map

package/build/uploadInput/uploadButton/defaults.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.mjs","sources":["../../../src/uploadInput/uploadButton/defaults.ts"],"sourcesContent":["import { FileType } from '../../common';\n\nexport const DEFAULT_SIZE_LIMIT = 5000;\n\nexport const imageFileTypes = [FileType.PDF, FileType.JPG, FileType.PNG];\n"],"names":["DEFAULT_SIZE_LIMIT","imageFileTypes","FileType","PDF","JPG","PNG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,MAAMA,kBAAkB,GAAG;AAE3B,MAAMC,cAAc,GAAG,CAACC,QAAQ,CAACC,GAAG,EAAED,QAAQ,CAACE,GAAG,EAAEF,QAAQ,CAACG,GAAG;;;;"}

package/build/uploadInput/uploadButton/getAllowedFileTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAllowedFileTypes.js","sources":["../../../src/uploadInput/uploadButton/getAllowedFileTypes.ts"],"sourcesContent":["import { FileType } from '../../common';\n\nconst parseFileType = (fileType: string): string => {\n  if (fileType?.includes('.')) {\n    return fileType.replace('.', '').toUpperCase();\n  }\n\n  const mimeType = fileType?.split('/');\n  if (mimeType?.length > 1) {\n    let parsedType = mimeType[1];\n\n    if (parsedType.toLocaleLowerCase() === 'jpeg') {\n      parsedType = 'jpg, '.concat(parsedType).toUpperCase();\n    }\n\n    return parsedType.toUpperCase();\n  }\n\n  return fileType;\n};\n\nconst getAllowedFileTypes = (fileTypes: readonly FileType[] | readonly string[]): string[] =>\n  fileTypes.map((fileType: string) => {\n    const splittedFileTypes = fileType?.split(',');\n\n    if (splittedFileTypes?.length > 1) {\n      // If `fileType` contains `format` and `mime` types, remove mime types, proceed only with format types\n      return splittedFileTypes\n        .filter((splittedFileType: string) => !splittedFileType?.includes('/'))\n        .map((splittedFileType: string) => parseFileType(splittedFileType))\n        .join(', ');\n    }\n\n    // If `fileType` contains only `format` or `mime` type, parse the type\n    return parseFileType(fileType);\n  });\n\nexport default getAllowedFileTypes;\n"],"names":["parseFileType","fileType","includes","replace","toUpperCase","mimeType","split","length","parsedType","toLocaleLowerCase","concat","getAllowedFileTypes","fileTypes","map","splittedFileTypes","filter","splittedFileType","join"],"mappings":";;;;AAEA,MAAMA,aAAa,GAAIC,QAAgB,IAAY;AACjD,EAAA,IAAIA,QAAQ,EAAEC,QAAQ,CAAC,GAAG,CAAC,EAAE;IAC3B,OAAOD,QAAQ,CAACE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAACC,WAAW,EAAE;AAChD,EAAA;AAEA,EAAA,MAAMC,QAAQ,GAAGJ,QAAQ,EAAEK,KAAK,CAAC,GAAG,CAAC;AACrC,EAAA,IAAID,QAAQ,EAAEE,MAAM,GAAG,CAAC,EAAE;AACxB,IAAA,IAAIC,UAAU,GAAGH,QAAQ,CAAC,CAAC,CAAC;AAE5B,IAAA,IAAIG,UAAU,CAACC,iBAAiB,EAAE,KAAK,MAAM,EAAE;MAC7CD,UAAU,GAAG,OAAO,CAACE,MAAM,CAACF,UAAU,CAAC,CAACJ,WAAW,EAAE;AACvD,IAAA;AAEA,IAAA,OAAOI,UAAU,CAACJ,WAAW,EAAE;AACjC,EAAA;AAEA,EAAA,OAAOH,QAAQ;AACjB,CAAC;AAED,MAAMU,mBAAmB,GAAIC,SAAkD,IAC7EA,SAAS,CAACC,GAAG,CAAEZ,QAAgB,IAAI;AACjC,EAAA,MAAMa,iBAAiB,GAAGb,QAAQ,EAAEK,KAAK,CAAC,GAAG,CAAC;AAE9C,EAAA,IAAIQ,iBAAiB,EAAEP,MAAM,GAAG,CAAC,EAAE;AACjC;AACA,IAAA,OAAOO,iBAAiB,CACrBC,MAAM,CAAEC,gBAAwB,IAAK,CAACA,gBAAgB,EAAEd,QAAQ,CAAC,GAAG,CAAC,CAAC,CACtEW,GAAG,CAAEG,gBAAwB,IAAKhB,aAAa,CAACgB,gBAAgB,CAAC,CAAC,CAClEC,IAAI,CAAC,IAAI,CAAC;AACf,EAAA;AAEA;EACA,OAAOjB,aAAa,CAACC,QAAQ,CAAC;AAChC,CAAC;;;;"}

package/build/uploadInput/uploadButton/getAllowedFileTypes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAllowedFileTypes.mjs","sources":["../../../src/uploadInput/uploadButton/getAllowedFileTypes.ts"],"sourcesContent":["import { FileType } from '../../common';\n\nconst parseFileType = (fileType: string): string => {\n  if (fileType?.includes('.')) {\n    return fileType.replace('.', '').toUpperCase();\n  }\n\n  const mimeType = fileType?.split('/');\n  if (mimeType?.length > 1) {\n    let parsedType = mimeType[1];\n\n    if (parsedType.toLocaleLowerCase() === 'jpeg') {\n      parsedType = 'jpg, '.concat(parsedType).toUpperCase();\n    }\n\n    return parsedType.toUpperCase();\n  }\n\n  return fileType;\n};\n\nconst getAllowedFileTypes = (fileTypes: readonly FileType[] | readonly string[]): string[] =>\n  fileTypes.map((fileType: string) => {\n    const splittedFileTypes = fileType?.split(',');\n\n    if (splittedFileTypes?.length > 1) {\n      // If `fileType` contains `format` and `mime` types, remove mime types, proceed only with format types\n      return splittedFileTypes\n        .filter((splittedFileType: string) => !splittedFileType?.includes('/'))\n        .map((splittedFileType: string) => parseFileType(splittedFileType))\n        .join(', ');\n    }\n\n    // If `fileType` contains only `format` or `mime` type, parse the type\n    return parseFileType(fileType);\n  });\n\nexport default getAllowedFileTypes;\n"],"names":["parseFileType","fileType","includes","replace","toUpperCase","mimeType","split","length","parsedType","toLocaleLowerCase","concat","getAllowedFileTypes","fileTypes","map","splittedFileTypes","filter","splittedFileType","join"],"mappings":"AAEA,MAAMA,aAAa,GAAIC,QAAgB,IAAY;AACjD,EAAA,IAAIA,QAAQ,EAAEC,QAAQ,CAAC,GAAG,CAAC,EAAE;IAC3B,OAAOD,QAAQ,CAACE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAACC,WAAW,EAAE;AAChD,EAAA;AAEA,EAAA,MAAMC,QAAQ,GAAGJ,QAAQ,EAAEK,KAAK,CAAC,GAAG,CAAC;AACrC,EAAA,IAAID,QAAQ,EAAEE,MAAM,GAAG,CAAC,EAAE;AACxB,IAAA,IAAIC,UAAU,GAAGH,QAAQ,CAAC,CAAC,CAAC;AAE5B,IAAA,IAAIG,UAAU,CAACC,iBAAiB,EAAE,KAAK,MAAM,EAAE;MAC7CD,UAAU,GAAG,OAAO,CAACE,MAAM,CAACF,UAAU,CAAC,CAACJ,WAAW,EAAE;AACvD,IAAA;AAEA,IAAA,OAAOI,UAAU,CAACJ,WAAW,EAAE;AACjC,EAAA;AAEA,EAAA,OAAOH,QAAQ;AACjB,CAAC;AAED,MAAMU,mBAAmB,GAAIC,SAAkD,IAC7EA,SAAS,CAACC,GAAG,CAAEZ,QAAgB,IAAI;AACjC,EAAA,MAAMa,iBAAiB,GAAGb,QAAQ,EAAEK,KAAK,CAAC,GAAG,CAAC;AAE9C,EAAA,IAAIQ,iBAAiB,EAAEP,MAAM,GAAG,CAAC,EAAE;AACjC;AACA,IAAA,OAAOO,iBAAiB,CACrBC,MAAM,CAAEC,gBAAwB,IAAK,CAACA,gBAAgB,EAAEd,QAAQ,CAAC,GAAG,CAAC,CAAC,CACtEW,GAAG,CAAEG,gBAAwB,IAAKhB,aAAa,CAACgB,gBAAgB,CAAC,CAAC,CAClEC,IAAI,CAAC,IAAI,CAAC;AACf,EAAA;AAEA;EACA,OAAOjB,aAAa,CAACC,QAAQ,CAAC;AAChC,CAAC;;;;"}

package/build/uploadInput/uploadItem/UploadItem.js

@@ -0,0 +1,215 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var icons = require('@transferwise/icons');
+var clsx = require('clsx');
+var React = require('react');
+var reactIntl = require('react-intl');
+var Body = require('../../body/Body.js');
+require('../../common/theme.js');
+require('../../common/direction.js');
+require('@transferwise/neptune-tokens');
+require('../../common/propsValues/control.js');
+var size = require('../../common/propsValues/size.js');
+var typography = require('../../common/propsValues/typography.js');
+require('../../common/propsValues/width.js');
+require('../../common/propsValues/type.js');
+require('../../common/propsValues/dateMode.js');
+require('../../common/propsValues/monthFormat.js');
+require('../../common/propsValues/position.js');
+require('../../common/propsValues/layouts.js');
+var status = require('../../common/propsValues/status.js');
+require('../../common/propsValues/sentiment.js');
+require('../../common/propsValues/profileType.js');
+require('../../common/propsValues/variant.js');
+require('../../common/propsValues/scroll.js');
+require('../../common/propsValues/markdownNodeType.js');
+require('../../common/fileType.js');
+require('@transferwise/formatting');
+require('../../common/closeButton/CloseButton.messages.js');
+var jsxRuntime = require('react/jsx-runtime');
+var ProcessIndicator = require('../../processIndicator/ProcessIndicator.js');
+var UploadItem_messages = require('./UploadItem.messages.js');
+var UploadItemLink = require('./UploadItemLink.js');
+
+exports.TEST_IDS = void 0;
+(function (TEST_IDS) {
+  TEST_IDS["uploadItem"] = "uploadItem";
+  TEST_IDS["mediaBody"] = "mediaBody";
+  TEST_IDS["link"] = "link";
+  TEST_IDS["action"] = "action";
+})(exports.TEST_IDS || (exports.TEST_IDS = {}));
+const UploadItem = /*#__PURE__*/React.forwardRef(({
+  file,
+  canDelete,
+  onDelete,
+  onDownload,
+  singleFileUpload,
+  onFocus: handleFocus
+}, ref) => {
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const {
+    status: status$1,
+    filename,
+    error,
+    errors,
+    url
+  } = file;
+  const linkRef = React.useRef(null);
+  const buttonRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => ({
+    focus: target => {
+      if (target === 'button' && buttonRef.current) {
+        buttonRef.current.focus();
+      } else if (target === 'link' && linkRef.current) {
+        linkRef.current.focus();
+      } else if (buttonRef.current) {
+        buttonRef.current.focus();
+      } else if (linkRef.current) {
+        linkRef.current.focus();
+      }
+    },
+    id: file.id,
+    status: file.status
+  }));
+  const isSucceeded = [status.Status.SUCCEEDED, undefined].includes(status$1) && !!url;
+  /**
+   * We're temporarily reverting to the regular icon components,
+   * until the StatusIcon receives 24px sizing. Some misalignment
+   * to be expected.
+   */
+  const getIcon = () => {
+    if (error || errors?.length || status$1 === status.Status.FAILED) {
+      return /*#__PURE__*/jsxRuntime.jsx(icons.CrossCircleFill, {
+        size: 24,
+        className: "emphasis--negative"
+      });
+    }
+    let processIndicator;
+    switch (status$1) {
+      case status.Status.PROCESSING:
+      case status.Status.PENDING:
+        processIndicator = /*#__PURE__*/jsxRuntime.jsx(ProcessIndicator.default, {
+          size: size.Size.EXTRA_SMALL,
+          status: status.Status.PROCESSING
+        });
+        break;
+      case status.Status.SUCCEEDED:
+      case status.Status.DONE:
+      default:
+        processIndicator = /*#__PURE__*/jsxRuntime.jsx(icons.CheckCircleFill, {
+          size: 24,
+          className: "emphasis--positive"
+        });
+    }
+    return processIndicator;
+  };
+  const getErrorMessage = error => typeof error === 'object' ? error.message : error || formatMessage(UploadItem_messages.default.uploadingFailed);
+  const getMultipleErrors = errors => {
+    if (!errors?.length) {
+      return null;
+    }
+    if (errors?.length === 1) {
+      return getErrorMessage(errors[0]);
+    }
+    return /*#__PURE__*/jsxRuntime.jsx("ul", {
+      className: "np-upload-input-errors m-b-0",
+      children: errors.map((error, index) => {
+        // eslint-disable-next-line react/no-array-index-key
+        return /*#__PURE__*/jsxRuntime.jsx("li", {
+          children: getErrorMessage(error)
+        }, index);
+      })
+    });
+  };
+  const getDescription = () => {
+    if (error || errors?.length || status$1 === status.Status.FAILED) {
+      return /*#__PURE__*/jsxRuntime.jsx(Body.default, {
+        type: typography.Typography.BODY_DEFAULT_BOLD,
+        className: "np-upload-input__text text-negative",
+        children: errors?.length ? getMultipleErrors(errors) : getErrorMessage(error)
+      });
+    }
+    switch (status$1) {
+      case status.Status.PENDING:
+        return /*#__PURE__*/jsxRuntime.jsx(Body.default, {
+          type: typography.Typography.BODY_DEFAULT,
+          className: "np-upload-input__text",
+          children: formatMessage(UploadItem_messages.default.uploading)
+        });
+      case status.Status.PROCESSING:
+        return /*#__PURE__*/jsxRuntime.jsx(Body.default, {
+          className: "np-upload-input__text",
+          children: formatMessage(UploadItem_messages.default.deleting)
+        });
+      case status.Status.SUCCEEDED:
+      case status.Status.DONE:
+      default:
+        return /*#__PURE__*/jsxRuntime.jsx(Body.default, {
+          type: typography.Typography.BODY_DEFAULT_BOLD,
+          className: "np-upload-input__text",
+          children: formatMessage(UploadItem_messages.default.uploaded)
+        });
+    }
+  };
+  const getTitle = () => {
+    return filename || formatMessage(UploadItem_messages.default.uploadedFile);
+  };
+  const onDownloadFile = event => {
+    if (onDownload) {
+      event.preventDefault();
+      onDownload(file);
+    }
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: clsx.clsx('np-upload-input__item', {
+      'is-interactive': isSucceeded && url
+    }),
+    "data-testid": `${file.id}-${exports.TEST_IDS.uploadItem}`,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(UploadItemLink.UploadItemLink, {
+      ref: linkRef,
+      url: isSucceeded ? url : undefined,
+      singleFileUpload: singleFileUpload,
+      "data-testid": `${file.id}-${exports.TEST_IDS.link}`,
+      onDownload: onDownloadFile,
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "np-upload-input__icon",
+        children: getIcon()
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "np-upload-input__item-content",
+        "data-testid": `${file.id}-${exports.TEST_IDS.mediaBody}`,
+        children: [/*#__PURE__*/jsxRuntime.jsx(Body.default, {
+          type: typography.Typography.BODY_LARGE,
+          className: "np-upload-input__title text-word-break",
+          children: getTitle()
+        }), getDescription()]
+      })]
+    }), canDelete && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "np-upload-input__item-action",
+      children: /*#__PURE__*/jsxRuntime.jsx("button", {
+        ref: buttonRef,
+        "aria-label": formatMessage(UploadItem_messages.default.removeFile, {
+          filename
+        }),
+        className: "np-upload-input__item-button",
+        type: "button",
+        tabIndex: 0,
+        "data-testid": `${file.id}-${exports.TEST_IDS.action}`,
+        onClick: () => onDelete()
+        // @ts-expect-error: handleFocus is not a standard FocusEventHandler, but required for parent logic
+        ,
+        onFocus: handleFocus,
+        children: /*#__PURE__*/jsxRuntime.jsx(icons.Bin, {
+          size: 16
+        })
+      })
+    })]
+  });
+});
+UploadItem.displayName = 'UploadItem';
+
+exports.default = UploadItem;
+//# sourceMappingURL=UploadItem.js.map

package/build/uploadInput/uploadItem/UploadItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadItem.js","sources":["../../../src/uploadInput/uploadItem/UploadItem.tsx"],"sourcesContent":["import { Bin, CheckCircleFill, CrossCircleFill } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../../body';\nimport { Size, Status, Typography } from '../../common';\nimport ProcessIndicator from '../../processIndicator/ProcessIndicator';\nimport { UploadedFile, UploadError } from '../types';\n\nimport MESSAGES from './UploadItem.messages';\nimport { UploadItemLink } from './UploadItemLink';\n\nexport type UploadItemProps = React.JSX.IntrinsicAttributes & {\n  file: UploadedFile;\n  /**\n   * Is this Item part of a multiple- or single-file UploadInput\n   */\n  singleFileUpload: boolean;\n  canDelete: boolean;\n  onDelete: () => void;\n  onFocus: (target?: 'button' | 'link') => void;\n\n  /**\n   * Callback to be called when the file link is clicked.\n   * When provided, you need to manually trigger actions to load/download the file.\n   *\n   * @param file\n   */\n  onDownload?: (file: UploadedFile) => void;\n  ref?: React.Ref<UploadItemRef>;\n};\ninterface UploadItemRef {\n  /**\n   * A method to set focus on the upload item.\n   * @returns {void}\n   */\n  focus: () => void;\n\n  /**\n   * A required unique identifier for the upload item.\n   */\n  id: string | number;\n\n  /**\n   * An optional status of the upload item.\n   */\n  status?: string;\n}\n\nexport enum TEST_IDS {\n  uploadItem = 'uploadItem',\n  mediaBody = 'mediaBody',\n  link = 'link',\n  action = 'action',\n}\n\nconst UploadItem = forwardRef<UploadItemRef, UploadItemProps>(\n  ({ file, canDelete, onDelete, onDownload, singleFileUpload, onFocus: handleFocus }, ref) => {\n    const { formatMessage } = useIntl();\n    const { status, filename, error, errors, url } = file;\n    const linkRef = useRef<HTMLAnchorElement>(null);\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    useImperativeHandle<UploadItemRef, UploadItemRef>(ref, () => ({\n      focus: (target?: 'button' | 'link'): void => {\n        if (target === 'button' && buttonRef.current) {\n          buttonRef.current.focus();\n        } else if (target === 'link' && linkRef.current) {\n          linkRef.current.focus();\n        } else if (buttonRef.current) {\n          buttonRef.current.focus();\n        } else if (linkRef.current) {\n          linkRef.current.focus();\n        }\n      },\n      id: file.id,\n      status: file.status,\n    }));\n\n    const isSucceeded = [Status.SUCCEEDED, undefined].includes(status) && !!url;\n\n    /**\n     * We're temporarily reverting to the regular icon components,\n     * until the StatusIcon receives 24px sizing. Some misalignment\n     * to be expected.\n     */\n    const getIcon = () => {\n      if (error || errors?.length || status === Status.FAILED) {\n        return <CrossCircleFill size={24} className=\"emphasis--negative\" />;\n      }\n\n      let processIndicator: React.ReactNode;\n\n      switch (status) {\n        case Status.PROCESSING:\n        case Status.PENDING:\n          processIndicator = (\n            <ProcessIndicator size={Size.EXTRA_SMALL} status={Status.PROCESSING} />\n          );\n          break;\n        case Status.SUCCEEDED:\n        case Status.DONE:\n        default:\n          processIndicator = <CheckCircleFill size={24} className=\"emphasis--positive\" />;\n      }\n\n      return processIndicator;\n    };\n\n    const getErrorMessage = (error?: UploadError) =>\n      typeof error === 'object' ? error.message : error || formatMessage(MESSAGES.uploadingFailed);\n\n    const getMultipleErrors = (errors?: UploadError[]) => {\n      if (!errors?.length) {\n        return null;\n      }\n\n      if (errors?.length === 1) {\n        return getErrorMessage(errors[0]);\n      }\n\n      return (\n        <ul className=\"np-upload-input-errors m-b-0\">\n          {errors.map((error, index) => {\n            // eslint-disable-next-line react/no-array-index-key\n            return <li key={index}>{getErrorMessage(error)}</li>;\n          })}\n        </ul>\n      );\n    };\n\n    const getDescription = () => {\n      if (error || errors?.length || status === Status.FAILED) {\n        return (\n          <Body type={Typography.BODY_DEFAULT_BOLD} className=\"np-upload-input__text text-negative\">\n            {errors?.length ? getMultipleErrors(errors) : getErrorMessage(error)}\n          </Body>\n        );\n      }\n\n      switch (status) {\n        case Status.PENDING:\n          return (\n            <Body type={Typography.BODY_DEFAULT} className=\"np-upload-input__text\">\n              {formatMessage(MESSAGES.uploading)}\n            </Body>\n          );\n        case Status.PROCESSING:\n          return <Body className=\"np-upload-input__text\">{formatMessage(MESSAGES.deleting)}</Body>;\n        case Status.SUCCEEDED:\n        case Status.DONE:\n        default:\n          return (\n            <Body type={Typography.BODY_DEFAULT_BOLD} className=\"np-upload-input__text\">\n              {formatMessage(MESSAGES.uploaded)}\n            </Body>\n          );\n      }\n    };\n\n    const getTitle = () => {\n      return filename || formatMessage(MESSAGES.uploadedFile);\n    };\n\n    const onDownloadFile = (event: React.MouseEvent): void => {\n      if (onDownload) {\n        event.preventDefault();\n        onDownload(file);\n      }\n    };\n\n    return (\n      <div\n        className={clsx('np-upload-input__item', { 'is-interactive': isSucceeded && url })}\n        data-testid={`${file.id}-${TEST_IDS.uploadItem}`}\n      >\n        <UploadItemLink\n          ref={linkRef}\n          url={isSucceeded ? url : undefined}\n          singleFileUpload={singleFileUpload}\n          data-testid={`${file.id}-${TEST_IDS.link}`}\n          onDownload={onDownloadFile}\n        >\n          <span className=\"np-upload-input__icon\">{getIcon()}</span>\n          <div\n            className=\"np-upload-input__item-content\"\n            data-testid={`${file.id}-${TEST_IDS.mediaBody}`}\n          >\n            <Body type={Typography.BODY_LARGE} className=\"np-upload-input__title text-word-break\">\n              {getTitle()}\n            </Body>\n            {getDescription()}\n          </div>\n        </UploadItemLink>\n        {canDelete && (\n          <div className=\"np-upload-input__item-action\">\n            <button\n              ref={buttonRef}\n              aria-label={formatMessage(MESSAGES.removeFile, { filename })}\n              className=\"np-upload-input__item-button\"\n              type=\"button\"\n              tabIndex={0}\n              data-testid={`${file.id}-${TEST_IDS.action}`}\n              onClick={() => onDelete()}\n              // @ts-expect-error: handleFocus is not a standard FocusEventHandler, but required for parent logic\n              onFocus={handleFocus}\n            >\n              <Bin size={16} />\n            </button>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nUploadItem.displayName = 'UploadItem';\n\nexport default UploadItem;\n"],"names":["TEST_IDS","UploadItem","forwardRef","file","canDelete","onDelete","onDownload","singleFileUpload","onFocus","handleFocus","ref","formatMessage","useIntl","status","filename","error","errors","url","linkRef","useRef","buttonRef","useImperativeHandle","focus","target","current","id","isSucceeded","Status","SUCCEEDED","undefined","includes","getIcon","length","FAILED","_jsx","CrossCircleFill","size","className","processIndicator","PROCESSING","PENDING","ProcessIndicator","Size","EXTRA_SMALL","DONE","CheckCircleFill","getErrorMessage","message","MESSAGES","uploadingFailed","getMultipleErrors","children","map","index","getDescription","Body","type","Typography","BODY_DEFAULT_BOLD","BODY_DEFAULT","uploading","deleting","uploaded","getTitle","uploadedFile","onDownloadFile","event","preventDefault","_jsxs","clsx","uploadItem","UploadItemLink","link","mediaBody","BODY_LARGE","removeFile","tabIndex","action","onClick","Bin","displayName"],"mappings":"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"}

package/build/uploadInput/uploadItem/UploadItem.messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadItem.messages.js","sources":["../../../src/uploadInput/uploadItem/UploadItem.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  uploadingFailed: {\n    id: 'neptune.UploadItem.uploadingFailed',\n    defaultMessage: 'Uploading failed',\n    description: 'Default error message when upload has failed',\n  },\n\n  uploaded: {\n    id: 'neptune.UploadItem.uploaded',\n    defaultMessage: 'Uploaded',\n    description: 'Success copy when upload was successful',\n  },\n\n  uploading: {\n    id: 'neptune.UploadItem.uploading',\n    defaultMessage: 'Uploading...',\n    description: 'Copy that is displayed during uploading a file',\n  },\n\n  deleting: {\n    id: 'neptune.UploadItem.deleting',\n    defaultMessage: 'Deleting...',\n    description: 'Copy that is displayed during deleting a file',\n  },\n\n  uploadedFile: {\n    id: 'neptune.UploadItem.uploadedFile',\n    defaultMessage: 'Uploaded file',\n    description: 'Default copy when filename is missing',\n  },\n\n  removeFile: {\n    id: 'neptune.UploadItem.removeFile',\n    defaultMessage: 'Remove file {filename}',\n    description: 'Screenreader text for the delete file button',\n  },\n});\n"],"names":["defineMessages","uploadingFailed","id","uploaded","uploading","deleting","uploadedFile","removeFile"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,eAAe,EAAE;IACfC,EAAE,EAAA;GAGH;AAEDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA;GAGH;AAEDE,EAAAA,SAAS,EAAE;IACTF,EAAE,EAAA;GAGH;AAEDG,EAAAA,QAAQ,EAAE;IACRH,EAAE,EAAA;GAGH;AAEDI,EAAAA,YAAY,EAAE;IACZJ,EAAE,EAAA;GAGH;AAEDK,EAAAA,UAAU,EAAE;IACVL,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}