@transferwise/components 46.44.1 → 46.46.0

package/build/uploadInput/uploadItem/UploadItem.js

@@ -0,0 +1,174 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var icons = require('@transferwise/icons');
+var classNames = require('classnames');
+var reactIntl = require('react-intl');
+var Body = require('../../body/Body.js');
+var ProcessIndicator = require('../../processIndicator/ProcessIndicator.js');
+var StatusIcon = require('../../statusIcon/StatusIcon.js');
+var UploadItem_messages = require('./UploadItem.messages.js');
+var UploadItemBody = require('./UploadItemBody.js');
+var jsxRuntime = require('react/jsx-runtime');
+var sentiment = require('../../common/propsValues/sentiment.js');
+var status = require('../../common/propsValues/status.js');
+var size = require('../../common/propsValues/size.js');
+var typography = require('../../common/propsValues/typography.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+exports.TEST_IDS = void 0;
+(function (TEST_IDS) {
+  TEST_IDS["uploadItem"] = "uploadItem";
+  TEST_IDS["mediaBody"] = "mediaBody";
+})(exports.TEST_IDS || (exports.TEST_IDS = {}));
+const UploadItem = ({
+  file,
+  canDelete,
+  onDelete,
+  onDownload,
+  singleFileUpload
+}) => {
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const {
+    status: status$1,
+    filename,
+    error,
+    errors,
+    url
+  } = file;
+  const isSucceeded = [status.Status.SUCCEEDED, undefined].includes(status$1) && !!url;
+  const getIcon = () => {
+    if (error || errors?.length || status$1 === status.Status.FAILED) {
+      return /*#__PURE__*/jsxRuntime.jsx(StatusIcon, {
+        size: size.Size.SMALL,
+        sentiment: sentiment.Sentiment.NEGATIVE
+      });
+    }
+    let processIndicator;
+    switch (status$1) {
+      case status.Status.PROCESSING:
+      case status.Status.PENDING:
+        processIndicator = /*#__PURE__*/jsxRuntime.jsx(ProcessIndicator, {
+          size: size.Size.EXTRA_SMALL,
+          status: status.Status.PROCESSING
+        });
+        break;
+      case status.Status.SUCCEEDED:
+      case status.Status.DONE:
+      default:
+        processIndicator = /*#__PURE__*/jsxRuntime.jsx(StatusIcon, {
+          size: size.Size.SMALL,
+          sentiment: sentiment.Sentiment.POSITIVE
+        });
+    }
+    return processIndicator;
+  };
+  const getErrorMessage = error => typeof error === 'object' ? error.message : error || formatMessage(UploadItem_messages.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, {
+        type: typography.Typography.BODY_DEFAULT_BOLD,
+        className: "text-negative",
+        children: errors?.length ? getMultipleErrors(errors) : getErrorMessage(error)
+      });
+    }
+    switch (status$1) {
+      case status.Status.PENDING:
+        return /*#__PURE__*/jsxRuntime.jsx(Body, {
+          type: typography.Typography.BODY_DEFAULT_BOLD,
+          children: formatMessage(UploadItem_messages.uploading)
+        });
+      case status.Status.PROCESSING:
+        return /*#__PURE__*/jsxRuntime.jsx(Body, {
+          children: formatMessage(UploadItem_messages.deleting)
+        });
+      case status.Status.SUCCEEDED:
+      case status.Status.DONE:
+      default:
+        return /*#__PURE__*/jsxRuntime.jsx(Body, {
+          type: typography.Typography.BODY_DEFAULT_BOLD,
+          className: "text-positive",
+          children: formatMessage(UploadItem_messages.uploaded)
+        });
+    }
+  };
+  const getTitle = () => {
+    return filename || formatMessage(UploadItem_messages.uploadedFile);
+  };
+  const onDownloadFile = event => {
+    if (onDownload) {
+      event.preventDefault();
+      onDownload(file);
+    }
+  };
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: classNames__default.default('np-upload-item', {
+      'np-upload-item__link': isSucceeded
+    }),
+    "data-testid": exports.TEST_IDS.uploadItem,
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "np-upload-item__body",
+      children: [/*#__PURE__*/jsxRuntime.jsx(UploadItemBody.UploadItemBody, {
+        url: isSucceeded ? url : undefined,
+        singleFileUpload: singleFileUpload,
+        onDownload: onDownloadFile,
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "np-upload-button",
+          "aria-live": "polite",
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "media",
+            children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "np-upload-icon media-left",
+              children: getIcon()
+            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "media-body text-xs-left",
+              "data-testid": exports.TEST_IDS.mediaBody,
+              children: [/*#__PURE__*/jsxRuntime.jsx(Body, {
+                className: "text-word-break d-block text-primary",
+                children: getTitle()
+              }), getDescription()]
+            })]
+          })
+        })
+      }), canDelete && /*#__PURE__*/jsxRuntime.jsx("button", {
+        "aria-label": formatMessage(UploadItem_messages.removeFile, {
+          filename
+        }),
+        className: classNames__default.default('btn', 'np-upload-item__remove-button', 'media-left', {
+          'np-upload-item--single-file': singleFileUpload
+        }),
+        type: "button",
+        onClick: () => onDelete(),
+        children: /*#__PURE__*/jsxRuntime.jsx(icons.Bin, {
+          size: 16
+        })
+      })]
+    })
+  });
+};
+
+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 } from '@transferwise/icons';\nimport classNames from 'classnames';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../../body';\nimport { Size, Status, Typography, Sentiment } from '../../common';\nimport ProcessIndicator from '../../processIndicator/ProcessIndicator';\nimport StatusIcon from '../../statusIcon/StatusIcon';\nimport { UploadedFile, UploadError } from '../types';\n\nimport MESSAGES from './UploadItem.messages';\nimport { UploadItemBody } from './UploadItemBody';\n\nexport type UploadItemProps = 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\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};\n\nexport enum TEST_IDS {\n  uploadItem = 'uploadItem',\n  mediaBody = 'mediaBody',\n}\n\nconst UploadItem = ({\n  file,\n  canDelete,\n  onDelete,\n  onDownload,\n  singleFileUpload,\n}: UploadItemProps) => {\n  const { formatMessage } = useIntl();\n  const { status, filename, error, errors, url } = file;\n\n  const isSucceeded = [Status.SUCCEEDED, undefined].includes(status) && !!url;\n\n  const getIcon = () => {\n    if (error || errors?.length || status === Status.FAILED) {\n      return <StatusIcon size={Size.SMALL} sentiment={Sentiment.NEGATIVE} />;\n    }\n\n    let processIndicator: React.ReactNode;\n\n    switch (status) {\n      case Status.PROCESSING:\n      case Status.PENDING:\n        processIndicator = <ProcessIndicator size={Size.EXTRA_SMALL} status={Status.PROCESSING} />;\n        break;\n      case Status.SUCCEEDED:\n      case Status.DONE:\n      default:\n        processIndicator = <StatusIcon size={Size.SMALL} sentiment={Sentiment.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=\"text-negative\">\n          {errors?.length ? getMultipleErrors(errors) : getErrorMessage(error)}\n        </Body>\n      );\n    }\n\n    switch (status) {\n      case Status.PENDING:\n        return <Body type={Typography.BODY_DEFAULT_BOLD}>{formatMessage(MESSAGES.uploading)}</Body>;\n      case Status.PROCESSING:\n        return <Body>{formatMessage(MESSAGES.deleting)}</Body>;\n      case Status.SUCCEEDED:\n      case Status.DONE:\n      default:\n        return (\n          <Body type={Typography.BODY_DEFAULT_BOLD} className=\"text-positive\">\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={classNames('np-upload-item', { 'np-upload-item__link': isSucceeded })}\n      data-testid={TEST_IDS.uploadItem}\n    >\n      <div className=\"np-upload-item__body\">\n        <UploadItemBody\n          url={isSucceeded ? url : undefined}\n          singleFileUpload={singleFileUpload}\n          onDownload={onDownloadFile}\n        >\n          <div className=\"np-upload-button\" aria-live=\"polite\">\n            <div className=\"media\">\n              <div className=\"np-upload-icon media-left\">{getIcon()}</div>\n              <div className=\"media-body text-xs-left\" data-testid={TEST_IDS.mediaBody}>\n                <Body className=\"text-word-break d-block text-primary\">{getTitle()}</Body>\n                {getDescription()}\n              </div>\n            </div>\n          </div>\n        </UploadItemBody>\n        {canDelete && (\n          <button\n            aria-label={formatMessage(MESSAGES.removeFile, { filename })}\n            className={classNames('btn', 'np-upload-item__remove-button', 'media-left', {\n              'np-upload-item--single-file': singleFileUpload,\n            })}\n            type=\"button\"\n            onClick={() => onDelete()}\n          >\n            <Bin size={16} />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default UploadItem;\n"],"names":["TEST_IDS","UploadItem","file","canDelete","onDelete","onDownload","singleFileUpload","formatMessage","useIntl","status","filename","error","errors","url","isSucceeded","Status","SUCCEEDED","undefined","includes","getIcon","length","FAILED","_jsx","StatusIcon","size","Size","SMALL","sentiment","Sentiment","NEGATIVE","processIndicator","PROCESSING","PENDING","ProcessIndicator","EXTRA_SMALL","DONE","POSITIVE","getErrorMessage","message","MESSAGES","uploadingFailed","getMultipleErrors","className","children","map","index","getDescription","Body","type","Typography","BODY_DEFAULT_BOLD","uploading","deleting","uploaded","getTitle","uploadedFile","onDownloadFile","event","preventDefault","classNames","uploadItem","_jsxs","UploadItemBody","mediaBody","removeFile","onClick","Bin"],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+'use strict';
+
+var reactIntl = require('react-intl');
+
+var MESSAGES = reactIntl.defineMessages({
+  uploadingFailed: {
+    id: "neptune.UploadItem.uploadingFailed"
+  },
+  uploaded: {
+    id: "neptune.UploadItem.uploaded"
+  },
+  uploading: {
+    id: "neptune.UploadItem.uploading"
+  },
+  deleting: {
+    id: "neptune.UploadItem.deleting"
+  },
+  uploadedFile: {
+    id: "neptune.UploadItem.uploadedFile"
+  },
+  removeFile: {
+    id: "neptune.UploadItem.removeFile"
+  }
+});
+
+module.exports = MESSAGES;
+//# sourceMappingURL=UploadItem.messages.js.map

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,oCAAA;GAGH;AAEDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA,6BAAA;GAGH;AAEDE,EAAAA,SAAS,EAAE;IACTF,EAAE,EAAA,8BAAA;GAGH;AAEDG,EAAAA,QAAQ,EAAE;IACRH,EAAE,EAAA,6BAAA;GAGH;AAEDI,EAAAA,YAAY,EAAE;IACZJ,EAAE,EAAA,iCAAA;GAGH;AAEDK,EAAAA,UAAU,EAAE;IACVL,EAAE,EAAA,+BAAA;AAGH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/uploadInput/uploadItem/UploadItem.messages.mjs

@@ -0,0 +1,25 @@
+import { defineMessages } from 'react-intl';
+
+var MESSAGES = defineMessages({
+  uploadingFailed: {
+    id: "neptune.UploadItem.uploadingFailed"
+  },
+  uploaded: {
+    id: "neptune.UploadItem.uploaded"
+  },
+  uploading: {
+    id: "neptune.UploadItem.uploading"
+  },
+  deleting: {
+    id: "neptune.UploadItem.deleting"
+  },
+  uploadedFile: {
+    id: "neptune.UploadItem.uploadedFile"
+  },
+  removeFile: {
+    id: "neptune.UploadItem.removeFile"
+  }
+});
+
+export { MESSAGES as default };
+//# sourceMappingURL=UploadItem.messages.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadItem.messages.mjs","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,cAAc,CAAC;AAC5BC,EAAAA,eAAe,EAAE;IACfC,EAAE,EAAA,oCAAA;GAGH;AAEDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA,6BAAA;GAGH;AAEDE,EAAAA,SAAS,EAAE;IACTF,EAAE,EAAA,8BAAA;GAGH;AAEDG,EAAAA,QAAQ,EAAE;IACRH,EAAE,EAAA,6BAAA;GAGH;AAEDI,EAAAA,YAAY,EAAE;IACZJ,EAAE,EAAA,iCAAA;GAGH;AAEDK,EAAAA,UAAU,EAAE;IACVL,EAAE,EAAA,+BAAA;AAGH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/uploadInput/uploadItem/UploadItem.mjs

@@ -0,0 +1,166 @@
+import { Bin } from '@transferwise/icons';
+import classNames from 'classnames';
+import { useIntl } from 'react-intl';
+import Body from '../../body/Body.mjs';
+import ProcessIndicator from '../../processIndicator/ProcessIndicator.mjs';
+import StatusIcon from '../../statusIcon/StatusIcon.mjs';
+import MESSAGES from './UploadItem.messages.mjs';
+import { UploadItemBody } from './UploadItemBody.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Sentiment } from '../../common/propsValues/sentiment.mjs';
+import { Status } from '../../common/propsValues/status.mjs';
+import { Size } from '../../common/propsValues/size.mjs';
+import { Typography } from '../../common/propsValues/typography.mjs';
+
+var TEST_IDS;
+(function (TEST_IDS) {
+  TEST_IDS["uploadItem"] = "uploadItem";
+  TEST_IDS["mediaBody"] = "mediaBody";
+})(TEST_IDS || (TEST_IDS = {}));
+const UploadItem = ({
+  file,
+  canDelete,
+  onDelete,
+  onDownload,
+  singleFileUpload
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    status,
+    filename,
+    error,
+    errors,
+    url
+  } = file;
+  const isSucceeded = [Status.SUCCEEDED, undefined].includes(status) && !!url;
+  const getIcon = () => {
+    if (error || errors?.length || status === Status.FAILED) {
+      return /*#__PURE__*/jsx(StatusIcon, {
+        size: Size.SMALL,
+        sentiment: Sentiment.NEGATIVE
+      });
+    }
+    let processIndicator;
+    switch (status) {
+      case Status.PROCESSING:
+      case Status.PENDING:
+        processIndicator = /*#__PURE__*/jsx(ProcessIndicator, {
+          size: Size.EXTRA_SMALL,
+          status: Status.PROCESSING
+        });
+        break;
+      case Status.SUCCEEDED:
+      case Status.DONE:
+      default:
+        processIndicator = /*#__PURE__*/jsx(StatusIcon, {
+          size: Size.SMALL,
+          sentiment: Sentiment.POSITIVE
+        });
+    }
+    return processIndicator;
+  };
+  const getErrorMessage = error => typeof error === 'object' ? error.message : error || formatMessage(MESSAGES.uploadingFailed);
+  const getMultipleErrors = errors => {
+    if (!errors?.length) {
+      return null;
+    }
+    if (errors?.length === 1) {
+      return getErrorMessage(errors[0]);
+    }
+    return /*#__PURE__*/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__*/jsx("li", {
+          children: getErrorMessage(error)
+        }, index);
+      })
+    });
+  };
+  const getDescription = () => {
+    if (error || errors?.length || status === Status.FAILED) {
+      return /*#__PURE__*/jsx(Body, {
+        type: Typography.BODY_DEFAULT_BOLD,
+        className: "text-negative",
+        children: errors?.length ? getMultipleErrors(errors) : getErrorMessage(error)
+      });
+    }
+    switch (status) {
+      case Status.PENDING:
+        return /*#__PURE__*/jsx(Body, {
+          type: Typography.BODY_DEFAULT_BOLD,
+          children: formatMessage(MESSAGES.uploading)
+        });
+      case Status.PROCESSING:
+        return /*#__PURE__*/jsx(Body, {
+          children: formatMessage(MESSAGES.deleting)
+        });
+      case Status.SUCCEEDED:
+      case Status.DONE:
+      default:
+        return /*#__PURE__*/jsx(Body, {
+          type: Typography.BODY_DEFAULT_BOLD,
+          className: "text-positive",
+          children: formatMessage(MESSAGES.uploaded)
+        });
+    }
+  };
+  const getTitle = () => {
+    return filename || formatMessage(MESSAGES.uploadedFile);
+  };
+  const onDownloadFile = event => {
+    if (onDownload) {
+      event.preventDefault();
+      onDownload(file);
+    }
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: classNames('np-upload-item', {
+      'np-upload-item__link': isSucceeded
+    }),
+    "data-testid": TEST_IDS.uploadItem,
+    children: /*#__PURE__*/jsxs("div", {
+      className: "np-upload-item__body",
+      children: [/*#__PURE__*/jsx(UploadItemBody, {
+        url: isSucceeded ? url : undefined,
+        singleFileUpload: singleFileUpload,
+        onDownload: onDownloadFile,
+        children: /*#__PURE__*/jsx("div", {
+          className: "np-upload-button",
+          "aria-live": "polite",
+          children: /*#__PURE__*/jsxs("div", {
+            className: "media",
+            children: [/*#__PURE__*/jsx("div", {
+              className: "np-upload-icon media-left",
+              children: getIcon()
+            }), /*#__PURE__*/jsxs("div", {
+              className: "media-body text-xs-left",
+              "data-testid": TEST_IDS.mediaBody,
+              children: [/*#__PURE__*/jsx(Body, {
+                className: "text-word-break d-block text-primary",
+                children: getTitle()
+              }), getDescription()]
+            })]
+          })
+        })
+      }), canDelete && /*#__PURE__*/jsx("button", {
+        "aria-label": formatMessage(MESSAGES.removeFile, {
+          filename
+        }),
+        className: classNames('btn', 'np-upload-item__remove-button', 'media-left', {
+          'np-upload-item--single-file': singleFileUpload
+        }),
+        type: "button",
+        onClick: () => onDelete(),
+        children: /*#__PURE__*/jsx(Bin, {
+          size: 16
+        })
+      })]
+    })
+  });
+};
+
+export { TEST_IDS, UploadItem as default };
+//# sourceMappingURL=UploadItem.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadItem.mjs","sources":["../../../src/uploadInput/uploadItem/UploadItem.tsx"],"sourcesContent":["import { Bin } from '@transferwise/icons';\nimport classNames from 'classnames';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../../body';\nimport { Size, Status, Typography, Sentiment } from '../../common';\nimport ProcessIndicator from '../../processIndicator/ProcessIndicator';\nimport StatusIcon from '../../statusIcon/StatusIcon';\nimport { UploadedFile, UploadError } from '../types';\n\nimport MESSAGES from './UploadItem.messages';\nimport { UploadItemBody } from './UploadItemBody';\n\nexport type UploadItemProps = 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\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};\n\nexport enum TEST_IDS {\n  uploadItem = 'uploadItem',\n  mediaBody = 'mediaBody',\n}\n\nconst UploadItem = ({\n  file,\n  canDelete,\n  onDelete,\n  onDownload,\n  singleFileUpload,\n}: UploadItemProps) => {\n  const { formatMessage } = useIntl();\n  const { status, filename, error, errors, url } = file;\n\n  const isSucceeded = [Status.SUCCEEDED, undefined].includes(status) && !!url;\n\n  const getIcon = () => {\n    if (error || errors?.length || status === Status.FAILED) {\n      return <StatusIcon size={Size.SMALL} sentiment={Sentiment.NEGATIVE} />;\n    }\n\n    let processIndicator: React.ReactNode;\n\n    switch (status) {\n      case Status.PROCESSING:\n      case Status.PENDING:\n        processIndicator = <ProcessIndicator size={Size.EXTRA_SMALL} status={Status.PROCESSING} />;\n        break;\n      case Status.SUCCEEDED:\n      case Status.DONE:\n      default:\n        processIndicator = <StatusIcon size={Size.SMALL} sentiment={Sentiment.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=\"text-negative\">\n          {errors?.length ? getMultipleErrors(errors) : getErrorMessage(error)}\n        </Body>\n      );\n    }\n\n    switch (status) {\n      case Status.PENDING:\n        return <Body type={Typography.BODY_DEFAULT_BOLD}>{formatMessage(MESSAGES.uploading)}</Body>;\n      case Status.PROCESSING:\n        return <Body>{formatMessage(MESSAGES.deleting)}</Body>;\n      case Status.SUCCEEDED:\n      case Status.DONE:\n      default:\n        return (\n          <Body type={Typography.BODY_DEFAULT_BOLD} className=\"text-positive\">\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={classNames('np-upload-item', { 'np-upload-item__link': isSucceeded })}\n      data-testid={TEST_IDS.uploadItem}\n    >\n      <div className=\"np-upload-item__body\">\n        <UploadItemBody\n          url={isSucceeded ? url : undefined}\n          singleFileUpload={singleFileUpload}\n          onDownload={onDownloadFile}\n        >\n          <div className=\"np-upload-button\" aria-live=\"polite\">\n            <div className=\"media\">\n              <div className=\"np-upload-icon media-left\">{getIcon()}</div>\n              <div className=\"media-body text-xs-left\" data-testid={TEST_IDS.mediaBody}>\n                <Body className=\"text-word-break d-block text-primary\">{getTitle()}</Body>\n                {getDescription()}\n              </div>\n            </div>\n          </div>\n        </UploadItemBody>\n        {canDelete && (\n          <button\n            aria-label={formatMessage(MESSAGES.removeFile, { filename })}\n            className={classNames('btn', 'np-upload-item__remove-button', 'media-left', {\n              'np-upload-item--single-file': singleFileUpload,\n            })}\n            type=\"button\"\n            onClick={() => onDelete()}\n          >\n            <Bin size={16} />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default UploadItem;\n"],"names":["TEST_IDS","UploadItem","file","canDelete","onDelete","onDownload","singleFileUpload","formatMessage","useIntl","status","filename","error","errors","url","isSucceeded","Status","SUCCEEDED","undefined","includes","getIcon","length","FAILED","_jsx","StatusIcon","size","Size","SMALL","sentiment","Sentiment","NEGATIVE","processIndicator","PROCESSING","PENDING","ProcessIndicator","EXTRA_SMALL","DONE","POSITIVE","getErrorMessage","message","MESSAGES","uploadingFailed","getMultipleErrors","className","children","map","index","getDescription","Body","type","Typography","BODY_DEFAULT_BOLD","uploading","deleting","uploaded","getTitle","uploadedFile","onDownloadFile","event","preventDefault","classNames","uploadItem","_jsxs","UploadItemBody","mediaBody","removeFile","onClick","Bin"],"mappings":"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"}

package/build/uploadInput/uploadItem/UploadItemBody.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const UploadItemBody = ({
+  children,
+  url,
+  onDownload,
+  singleFileUpload
+}) => {
+  if (!url) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      children: children
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("a", {
+    href: url,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: singleFileUpload ? 'np-upload-item--single-file' : 'np-upload-item--link',
+    onClick: onDownload,
+    children: children
+  });
+};
+
+exports.UploadItemBody = UploadItemBody;
+//# sourceMappingURL=UploadItemBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadItemBody.js","sources":["../../../src/uploadInput/uploadItem/UploadItemBody.tsx"],"sourcesContent":["import { PropsWithChildren, MouseEvent } from 'react';\n\ntype UploadItemLinkProps = PropsWithChildren<{\n  url?: string;\n  onDownload?: (event: MouseEvent) => void;\n  singleFileUpload: boolean;\n}>;\n\nexport const UploadItemBody = ({\n  children,\n  url,\n  onDownload,\n  singleFileUpload,\n}: UploadItemLinkProps) => {\n  if (!url) {\n    return <div>{children}</div>;\n  }\n\n  return (\n    <a\n      href={url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={singleFileUpload ? 'np-upload-item--single-file' : 'np-upload-item--link'}\n      onClick={onDownload}\n    >\n      {children}\n    </a>\n  );\n};\n"],"names":["UploadItemBody","children","url","onDownload","singleFileUpload","_jsx","href","target","rel","className","onClick"],"mappings":";;;;AAQO,MAAMA,cAAc,GAAGA,CAAC;EAC7BC,QAAQ;EACRC,GAAG;EACHC,UAAU;AACVC,EAAAA,gBAAAA;AAAgB,CACI,KAAI;EACxB,IAAI,CAACF,GAAG,EAAE;AACR,IAAA,oBAAOG,cAAA,CAAA,KAAA,EAAA;AAAAJ,MAAAA,QAAA,EAAMA,QAAAA;AAAQ,KAAM,CAAC,CAAA;AAC9B,GAAA;AAEA,EAAA,oBACEI,cAAA,CAAA,GAAA,EAAA;AACEC,IAAAA,IAAI,EAAEJ,GAAI;AACVK,IAAAA,MAAM,EAAC,QAAQ;AACfC,IAAAA,GAAG,EAAC,qBAAqB;AACzBC,IAAAA,SAAS,EAAEL,gBAAgB,GAAG,6BAA6B,GAAG,sBAAuB;AACrFM,IAAAA,OAAO,EAAEP,UAAW;AAAAF,IAAAA,QAAA,EAEnBA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAER;;;;"}

package/build/uploadInput/uploadItem/UploadItemBody.mjs

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+
+const UploadItemBody = ({
+  children,
+  url,
+  onDownload,
+  singleFileUpload
+}) => {
+  if (!url) {
+    return /*#__PURE__*/jsx("div", {
+      children: children
+    });
+  }
+  return /*#__PURE__*/jsx("a", {
+    href: url,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: singleFileUpload ? 'np-upload-item--single-file' : 'np-upload-item--link',
+    onClick: onDownload,
+    children: children
+  });
+};
+
+export { UploadItemBody };
+//# sourceMappingURL=UploadItemBody.mjs.map

package/build/uploadInput/uploadItem/UploadItemBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadItemBody.mjs","sources":["../../../src/uploadInput/uploadItem/UploadItemBody.tsx"],"sourcesContent":["import { PropsWithChildren, MouseEvent } from 'react';\n\ntype UploadItemLinkProps = PropsWithChildren<{\n  url?: string;\n  onDownload?: (event: MouseEvent) => void;\n  singleFileUpload: boolean;\n}>;\n\nexport const UploadItemBody = ({\n  children,\n  url,\n  onDownload,\n  singleFileUpload,\n}: UploadItemLinkProps) => {\n  if (!url) {\n    return <div>{children}</div>;\n  }\n\n  return (\n    <a\n      href={url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={singleFileUpload ? 'np-upload-item--single-file' : 'np-upload-item--link'}\n      onClick={onDownload}\n    >\n      {children}\n    </a>\n  );\n};\n"],"names":["UploadItemBody","children","url","onDownload","singleFileUpload","_jsx","href","target","rel","className","onClick"],"mappings":";;AAQO,MAAMA,cAAc,GAAGA,CAAC;EAC7BC,QAAQ;EACRC,GAAG;EACHC,UAAU;AACVC,EAAAA,gBAAAA;AAAgB,CACI,KAAI;EACxB,IAAI,CAACF,GAAG,EAAE;AACR,IAAA,oBAAOG,GAAA,CAAA,KAAA,EAAA;AAAAJ,MAAAA,QAAA,EAAMA,QAAAA;AAAQ,KAAM,CAAC,CAAA;AAC9B,GAAA;AAEA,EAAA,oBACEI,GAAA,CAAA,GAAA,EAAA;AACEC,IAAAA,IAAI,EAAEJ,GAAI;AACVK,IAAAA,MAAM,EAAC,QAAQ;AACfC,IAAAA,GAAG,EAAC,qBAAqB;AACzBC,IAAAA,SAAS,EAAEL,gBAAgB,GAAG,6BAA6B,GAAG,sBAAuB;AACrFM,IAAAA,OAAO,EAAEP,UAAW;AAAAF,IAAAA,QAAA,EAEnBA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAER;;;;"}

package/build/utilities/cssValueWithUnit.js

@@ -0,0 +1,8 @@
+'use strict';
+
+function cssValueWithUnit(value) {
+  return typeof value === 'number' ? `${value}px` : value;
+}
+
+exports.cssValueWithUnit = cssValueWithUnit;
+//# sourceMappingURL=cssValueWithUnit.js.map

package/build/utilities/cssValueWithUnit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssValueWithUnit.js","sources":["../../src/utilities/cssValueWithUnit.ts"],"sourcesContent":["export function cssValueWithUnit(value: number | string) {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n"],"names":["cssValueWithUnit","value"],"mappings":";;AAAM,SAAUA,gBAAgBA,CAACC,KAAsB,EAAA;EACrD,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAM,CAAAA,EAAAA,KAAS,CAAA,EAAA,CAAA,GAAGA,KAAK,CAAA;AACzD;;;;"}

package/build/utilities/cssValueWithUnit.mjs

@@ -0,0 +1,6 @@
+function cssValueWithUnit(value) {
+  return typeof value === 'number' ? `${value}px` : value;
+}
+
+export { cssValueWithUnit };
+//# sourceMappingURL=cssValueWithUnit.mjs.map

package/build/utilities/cssValueWithUnit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssValueWithUnit.mjs","sources":["../../src/utilities/cssValueWithUnit.ts"],"sourcesContent":["export function cssValueWithUnit(value: number | string) {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n"],"names":["cssValueWithUnit","value"],"mappings":"AAAM,SAAUA,gBAAgBA,CAACC,KAAsB,EAAA;EACrD,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAM,CAAAA,EAAAA,KAAS,CAAA,EAAA,CAAA,GAAGA,KAAK,CAAA;AACzD;;;;"}

package/build/utilities/logActionRequired.js

@@ -0,0 +1,17 @@
+'use strict';
+
+function logActionRequired(message) {
+  if (typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production') {
+    // eslint-disable-next-line no-console
+    console.warn(message);
+  }
+}
+function logActionRequiredIf(message, conditional) {
+  if (conditional) {
+    logActionRequired(message);
+  }
+}
+
+exports.logActionRequired = logActionRequired;
+exports.logActionRequiredIf = logActionRequiredIf;
+//# sourceMappingURL=logActionRequired.js.map

package/build/utilities/logActionRequired.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logActionRequired.js","sources":["../../src/utilities/logActionRequired.js"],"sourcesContent":["export function logActionRequired(message) {\n  if (typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn(message);\n  }\n}\n\nexport function logActionRequiredIf(message, conditional) {\n  if (conditional) {\n    logActionRequired(message);\n  }\n}\n"],"names":["logActionRequired","message","process","env","NODE_ENV","console","warn","logActionRequiredIf","conditional"],"mappings":";;AAAO,SAASA,iBAAiBA,CAACC,OAAO,EAAE;AACzC,EAAA,IAAI,OAAOC,OAAO,KAAK,WAAW,IAAIA,OAAO,CAACC,GAAG,EAAEC,QAAQ,KAAK,YAAY,EAAE;AAC5E;AACAC,IAAAA,OAAO,CAACC,IAAI,CAACL,OAAO,CAAC,CAAA;AACvB,GAAA;AACF,CAAA;AAEO,SAASM,mBAAmBA,CAACN,OAAO,EAAEO,WAAW,EAAE;AACxD,EAAA,IAAIA,WAAW,EAAE;IACfR,iBAAiB,CAACC,OAAO,CAAC,CAAA;AAC5B,GAAA;AACF;;;;;"}

package/build/utilities/logActionRequired.mjs

@@ -0,0 +1,14 @@
+function logActionRequired(message) {
+  if (typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production') {
+    // eslint-disable-next-line no-console
+    console.warn(message);
+  }
+}
+function logActionRequiredIf(message, conditional) {
+  if (conditional) {
+    logActionRequired(message);
+  }
+}
+
+export { logActionRequired, logActionRequiredIf };
+//# sourceMappingURL=logActionRequired.mjs.map

package/build/utilities/logActionRequired.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"logActionRequired.mjs","sources":["../../src/utilities/logActionRequired.js"],"sourcesContent":["export function logActionRequired(message) {\n  if (typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn(message);\n  }\n}\n\nexport function logActionRequiredIf(message, conditional) {\n  if (conditional) {\n    logActionRequired(message);\n  }\n}\n"],"names":["logActionRequired","message","process","env","NODE_ENV","console","warn","logActionRequiredIf","conditional"],"mappings":"AAAO,SAASA,iBAAiBA,CAACC,OAAO,EAAE;AACzC,EAAA,IAAI,OAAOC,OAAO,KAAK,WAAW,IAAIA,OAAO,CAACC,GAAG,EAAEC,QAAQ,KAAK,YAAY,EAAE;AAC5E;AACAC,IAAAA,OAAO,CAACC,IAAI,CAACL,OAAO,CAAC,CAAA;AACvB,GAAA;AACF,CAAA;AAEO,SAASM,mBAAmBA,CAACN,OAAO,EAAEO,WAAW,EAAE;AACxD,EAAA,IAAIA,WAAW,EAAE;IACfR,iBAAiB,CAACC,OAAO,CAAC,CAAA;AAC5B,GAAA;AACF;;;;"}