@transferwise/components 0.0.0-experimental-a0f3d2d → 0.0.0-experimental-693e956

package/build/upload/steps/completeStep/completeStep.mjs

@@ -1,95 +0,0 @@
-import { AlertCircle, Document } from '@transferwise/icons';
-import { useTheme } from '@wise/components-theming';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import Body from '../../../body/Body.mjs';
-import Button from '../../../button/Button.mjs';
-import StatusIcon from '../../../statusIcon/StatusIcon.mjs';
-import Title from '../../../title/Title.mjs';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Sentiment } from '../../../common/propsValues/sentiment.mjs';
-import { Size } from '../../../common/propsValues/size.mjs';
-import { Typography } from '../../../common/propsValues/typography.mjs';
-import { Priority } from '../../../common/propsValues/control.mjs';
-
-const CompleteStep = props => {
-  const {
-    isModern
-  } = useTheme();
-  const {
-    csButtonText,
-    csFailureText,
-    csSuccessText,
-    fileName,
-    isComplete,
-    isError,
-    isImage,
-    onClear,
-    uploadedImage
-  } = props;
-  return /*#__PURE__*/jsx("div", {
-    className: "droppable-complete-card droppable-card",
-    "aria-hidden": !isComplete,
-    children: /*#__PURE__*/jsxs("div", {
-      className: "droppable-card-content",
-      children: [/*#__PURE__*/jsx("div", {
-        className: "droppable-card-content d-flex flex-column align-items-center",
-        "aria-live": "polite",
-        children: isError ? /*#__PURE__*/jsxs(Fragment, {
-          children: [isModern ? /*#__PURE__*/jsx(StatusIcon, {
-            size: Size.LARGE,
-            sentiment: Sentiment.NEGATIVE
-          }) : /*#__PURE__*/jsx(AlertCircle, {
-            size: 24,
-            className: "text-negative"
-          }), csFailureText && /*#__PURE__*/jsx("p", {
-            className: classNames('m-t-2', {
-              'm-b-0': isModern
-            }),
-            children: csFailureText
-          })]
-        }) : /*#__PURE__*/jsxs(Fragment, {
-          children: [isImage && uploadedImage ? /*#__PURE__*/jsx("img", {
-            src: uploadedImage,
-            alt: "OK",
-            className: "thumbnail "
-          }) : /*#__PURE__*/jsx(Document, {}), fileName && /*#__PURE__*/jsx(Body, {
-            as: "p",
-            className: "m-b-0",
-            children: fileName
-          }), csSuccessText && /*#__PURE__*/jsx(Title, {
-            className: "caption m-t-1",
-            type: Typography.TITLE_BODY,
-            children: csSuccessText
-          })]
-        })
-      }), csButtonText && /*#__PURE__*/jsx(Button, {
-        priority: isModern ? Priority.PRIMARY : Priority.SECONDARY,
-        className: classNames({
-          'm-t-1': isModern && !isError,
-          'm-t-2': isModern && isError,
-          'm-t-3': !isModern
-        }),
-        onClick: event => onClear(event),
-        children: csButtonText
-      })]
-    })
-  });
-};
-CompleteStep.propTypes = {
-  csButtonText: PropTypes.string.isRequired,
-  csSuccessText: PropTypes.string.isRequired,
-  csFailureText: PropTypes.string.isRequired,
-  fileName: PropTypes.string.isRequired,
-  isComplete: PropTypes.bool.isRequired,
-  isError: PropTypes.bool.isRequired,
-  isImage: PropTypes.bool.isRequired,
-  onClear: PropTypes.func.isRequired,
-  uploadedImage: PropTypes.string
-};
-CompleteStep.defaultProps = {
-  uploadedImage: null
-};
-
-export { CompleteStep as default };
-//# sourceMappingURL=completeStep.mjs.map

package/build/upload/steps/completeStep/completeStep.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"completeStep.mjs","sources":["../../../../src/upload/steps/completeStep/completeStep.js"],"sourcesContent":["import { AlertCircle as AlertCircleIcon, Document as DocumentIcon } from '@transferwise/icons';\nimport { useTheme } from '@wise/components-theming';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { Priority, Typography } from '../../..';\nimport Body from '../../../body';\nimport Button from '../../../button';\nimport { Sentiment, Size } from '../../../common';\nimport StatusIcon from '../../../statusIcon';\nimport Title from '../../../title';\n\nconst CompleteStep = (props) => {\n  const { isModern } = useTheme();\n  const {\n    csButtonText,\n    csFailureText,\n    csSuccessText,\n    fileName,\n    isComplete,\n    isError,\n    isImage,\n    onClear,\n    uploadedImage,\n  } = props;\n  return (\n    <div className=\"droppable-complete-card droppable-card\" aria-hidden={!isComplete}>\n      <div className=\"droppable-card-content\">\n        <div\n          className=\"droppable-card-content d-flex flex-column align-items-center\"\n          aria-live=\"polite\"\n        >\n          {isError ? (\n            <>\n              {isModern ? (\n                <StatusIcon size={Size.LARGE} sentiment={Sentiment.NEGATIVE} />\n              ) : (\n                <AlertCircleIcon size={24} className=\"text-negative\" />\n              )}\n              {csFailureText && (\n                <p className={classNames('m-t-2', { 'm-b-0': isModern })}>{csFailureText}</p>\n              )}\n            </>\n          ) : (\n            <>\n              {isImage && uploadedImage ? (\n                <img src={uploadedImage} alt=\"OK\" className=\"thumbnail \" />\n              ) : (\n                <DocumentIcon />\n              )}\n\n              {fileName && (\n                <Body as=\"p\" className=\"m-b-0\">\n                  {fileName}\n                </Body>\n              )}\n              {csSuccessText && (\n                <Title className=\"caption m-t-1\" type={Typography.TITLE_BODY}>\n                  {csSuccessText}\n                </Title>\n              )}\n            </>\n          )}\n        </div>\n        {csButtonText && (\n          <Button\n            priority={isModern ? Priority.PRIMARY : Priority.SECONDARY}\n            className={classNames({\n              'm-t-1': isModern && !isError,\n              'm-t-2': isModern && isError,\n              'm-t-3': !isModern,\n            })}\n            onClick={(event) => onClear(event)}\n          >\n            {csButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nCompleteStep.propTypes = {\n  csButtonText: PropTypes.string.isRequired,\n  csSuccessText: PropTypes.string.isRequired,\n  csFailureText: PropTypes.string.isRequired,\n  fileName: PropTypes.string.isRequired,\n  isComplete: PropTypes.bool.isRequired,\n  isError: PropTypes.bool.isRequired,\n  isImage: PropTypes.bool.isRequired,\n  onClear: PropTypes.func.isRequired,\n  uploadedImage: PropTypes.string,\n};\nCompleteStep.defaultProps = {\n  uploadedImage: null,\n};\n\nexport default CompleteStep;\n"],"names":["CompleteStep","props","isModern","useTheme","csButtonText","csFailureText","csSuccessText","fileName","isComplete","isError","isImage","onClear","uploadedImage","_jsx","className","children","_jsxs","_Fragment","StatusIcon","size","Size","LARGE","sentiment","Sentiment","NEGATIVE","AlertCircleIcon","classNames","src","alt","DocumentIcon","Body","as","Title","type","Typography","TITLE_BODY","Button","priority","Priority","PRIMARY","SECONDARY","onClick","event","propTypes","PropTypes","string","isRequired","bool","func","defaultProps"],"mappings":"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"}

package/build/upload/steps/mediaUploadStep/mediaUploadStep.js

@@ -1,97 +0,0 @@
-'use strict';
-
-var icons = require('@transferwise/icons');
-var PropTypes = require('prop-types');
-var Body = require('../../../body/Body.js');
-var Button = require('../../../button/Button.js');
-var Title = require('../../../title/Title.js');
-var jsxRuntime = require('react/jsx-runtime');
-var getSupportedSpotMimeTypes = require('../../utils/getSupportedSpotMimeTypes/getSupportedSpotMimeTypes.js');
-var requestMedia = require('../../utils/requestMedia/requestMedia.js');
-var typography = require('../../../common/propsValues/typography.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-
-const MediaUploadStep = ({
-  isComplete,
-  usAccept,
-  usButtonText,
-  usDisabled,
-  usHelpImage,
-  usLabel,
-  usPlaceholder,
-  fileDropped
-}) => {
-  const getMediaFile = () => {
-    const allowedMimeTypes = getSupportedSpotMimeTypes.getSupportedSpotMimeTypes(usAccept);
-    if (allowedMimeTypes.length === 0) {
-      throw new Error('provided mimeTypes not supported');
-    }
-    const mediaRequest = {
-      allowedMimeTypes
-    };
-    requestMedia.requestMedia(mediaRequest).then(file => fileDropped(file));
-  };
-  const getImage = () => {
-    if (!usHelpImage) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "circle circle-sm circle-inverse p-t-1",
-        children: /*#__PURE__*/jsxRuntime.jsx(icons.Upload, {
-          size: 24
-        })
-      });
-    }
-    if (typeof usHelpImage === 'string') {
-      return /*#__PURE__*/jsxRuntime.jsx("img", {
-        src: usHelpImage,
-        alt: usLabel,
-        className: "thumbnail text-xs-center"
-      });
-    }
-    return usHelpImage;
-  };
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "droppable-default-card",
-      "aria-hidden": isComplete,
-      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "droppable-card-content",
-        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "m-b-3",
-          children: getImage()
-        }), usLabel && /*#__PURE__*/jsxRuntime.jsx(Title, {
-          type: typography.Typography.TITLE_BODY,
-          className: "m-b-1",
-          children: usLabel
-        }), usPlaceholder && /*#__PURE__*/jsxRuntime.jsx(Body, {
-          as: "p",
-          type: typography.Typography.BODY_LARGE,
-          className: "m-b-3",
-          children: `${usPlaceholder}`
-        }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-          disabled: usDisabled,
-          onClick: getMediaFile,
-          children: usButtonText || /*#__PURE__*/jsxRuntime.jsx(icons.Upload, {
-            size: 24,
-            className: "m-r-0"
-          })
-        })]
-      })
-    })
-  });
-};
-MediaUploadStep.propTypes = {
-  fileDropped: PropTypes__default.default.func.isRequired,
-  isComplete: PropTypes__default.default.bool.isRequired,
-  usAccept: PropTypes__default.default.string.isRequired,
-  usButtonText: PropTypes__default.default.string.isRequired,
-  usDisabled: PropTypes__default.default.bool.isRequired,
-  usHelpImage: PropTypes__default.default.node.isRequired,
-  usLabel: PropTypes__default.default.string.isRequired,
-  usPlaceholder: PropTypes__default.default.string.isRequired
-};
-
-module.exports = MediaUploadStep;
-//# sourceMappingURL=mediaUploadStep.js.map

package/build/upload/steps/mediaUploadStep/mediaUploadStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mediaUploadStep.js","sources":["../../../../src/upload/steps/mediaUploadStep/mediaUploadStep.js"],"sourcesContent":["import { Upload as UploadIcon } from '@transferwise/icons';\nimport PropTypes from 'prop-types';\n\nimport Body from '../../../body';\nimport Button from '../../../button/Button';\nimport { Typography } from '../../../common';\nimport Title from '../../../title';\nimport { getSupportedSpotMimeTypes, requestMedia } from '../../utils';\n\nconst MediaUploadStep = ({\n  isComplete,\n  usAccept,\n  usButtonText,\n  usDisabled,\n  usHelpImage,\n  usLabel,\n  usPlaceholder,\n  fileDropped,\n}) => {\n  const getMediaFile = () => {\n    const allowedMimeTypes = getSupportedSpotMimeTypes(usAccept);\n\n    if (allowedMimeTypes.length === 0) {\n      throw new Error('provided mimeTypes not supported');\n    }\n\n    const mediaRequest = { allowedMimeTypes };\n    requestMedia(mediaRequest).then((file) => fileDropped(file));\n  };\n\n  const getImage = () => {\n    if (!usHelpImage) {\n      return (\n        <div className=\"circle circle-sm circle-inverse p-t-1\">\n          <UploadIcon size={24} />\n        </div>\n      );\n    }\n\n    if (typeof usHelpImage === 'string') {\n      return <img src={usHelpImage} alt={usLabel} className=\"thumbnail text-xs-center\" />;\n    }\n\n    return usHelpImage;\n  };\n\n  return (\n    <div>\n      <div className=\"droppable-default-card\" aria-hidden={isComplete}>\n        <div className=\"droppable-card-content\">\n          <div className=\"m-b-3\">{getImage()}</div>\n          {usLabel && (\n            <Title type={Typography.TITLE_BODY} className=\"m-b-1\">\n              {usLabel}\n            </Title>\n          )}\n          {usPlaceholder && (\n            <Body as=\"p\" type={Typography.BODY_LARGE} className=\"m-b-3\">{`${usPlaceholder}`}</Body>\n          )}\n          <Button disabled={usDisabled} onClick={getMediaFile}>\n            {usButtonText || <UploadIcon size={24} className=\"m-r-0\" />}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nMediaUploadStep.propTypes = {\n  fileDropped: PropTypes.func.isRequired,\n  isComplete: PropTypes.bool.isRequired,\n  usAccept: PropTypes.string.isRequired,\n  usButtonText: PropTypes.string.isRequired,\n  usDisabled: PropTypes.bool.isRequired,\n  usHelpImage: PropTypes.node.isRequired,\n  usLabel: PropTypes.string.isRequired,\n  usPlaceholder: PropTypes.string.isRequired,\n};\n\nexport default MediaUploadStep;\n"],"names":["MediaUploadStep","isComplete","usAccept","usButtonText","usDisabled","usHelpImage","usLabel","usPlaceholder","fileDropped","getMediaFile","allowedMimeTypes","getSupportedSpotMimeTypes","length","Error","mediaRequest","requestMedia","then","file","getImage","_jsx","className","children","UploadIcon","size","src","alt","_jsxs","Title","type","Typography","TITLE_BODY","Body","as","BODY_LARGE","Button","disabled","onClick","propTypes","PropTypes","func","isRequired","bool","string","node"],"mappings":"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"}

package/build/upload/steps/mediaUploadStep/mediaUploadStep.mjs

@@ -1,91 +0,0 @@
-import { Upload } from '@transferwise/icons';
-import PropTypes from 'prop-types';
-import Body from '../../../body/Body.mjs';
-import Button from '../../../button/Button.mjs';
-import Title from '../../../title/Title.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { getSupportedSpotMimeTypes } from '../../utils/getSupportedSpotMimeTypes/getSupportedSpotMimeTypes.mjs';
-import { requestMedia } from '../../utils/requestMedia/requestMedia.mjs';
-import { Typography } from '../../../common/propsValues/typography.mjs';
-
-const MediaUploadStep = ({
-  isComplete,
-  usAccept,
-  usButtonText,
-  usDisabled,
-  usHelpImage,
-  usLabel,
-  usPlaceholder,
-  fileDropped
-}) => {
-  const getMediaFile = () => {
-    const allowedMimeTypes = getSupportedSpotMimeTypes(usAccept);
-    if (allowedMimeTypes.length === 0) {
-      throw new Error('provided mimeTypes not supported');
-    }
-    const mediaRequest = {
-      allowedMimeTypes
-    };
-    requestMedia(mediaRequest).then(file => fileDropped(file));
-  };
-  const getImage = () => {
-    if (!usHelpImage) {
-      return /*#__PURE__*/jsx("div", {
-        className: "circle circle-sm circle-inverse p-t-1",
-        children: /*#__PURE__*/jsx(Upload, {
-          size: 24
-        })
-      });
-    }
-    if (typeof usHelpImage === 'string') {
-      return /*#__PURE__*/jsx("img", {
-        src: usHelpImage,
-        alt: usLabel,
-        className: "thumbnail text-xs-center"
-      });
-    }
-    return usHelpImage;
-  };
-  return /*#__PURE__*/jsx("div", {
-    children: /*#__PURE__*/jsx("div", {
-      className: "droppable-default-card",
-      "aria-hidden": isComplete,
-      children: /*#__PURE__*/jsxs("div", {
-        className: "droppable-card-content",
-        children: [/*#__PURE__*/jsx("div", {
-          className: "m-b-3",
-          children: getImage()
-        }), usLabel && /*#__PURE__*/jsx(Title, {
-          type: Typography.TITLE_BODY,
-          className: "m-b-1",
-          children: usLabel
-        }), usPlaceholder && /*#__PURE__*/jsx(Body, {
-          as: "p",
-          type: Typography.BODY_LARGE,
-          className: "m-b-3",
-          children: `${usPlaceholder}`
-        }), /*#__PURE__*/jsx(Button, {
-          disabled: usDisabled,
-          onClick: getMediaFile,
-          children: usButtonText || /*#__PURE__*/jsx(Upload, {
-            size: 24,
-            className: "m-r-0"
-          })
-        })]
-      })
-    })
-  });
-};
-MediaUploadStep.propTypes = {
-  fileDropped: PropTypes.func.isRequired,
-  isComplete: PropTypes.bool.isRequired,
-  usAccept: PropTypes.string.isRequired,
-  usButtonText: PropTypes.string.isRequired,
-  usDisabled: PropTypes.bool.isRequired,
-  usHelpImage: PropTypes.node.isRequired,
-  usLabel: PropTypes.string.isRequired,
-  usPlaceholder: PropTypes.string.isRequired
-};
-
-export { MediaUploadStep as default };
-//# sourceMappingURL=mediaUploadStep.mjs.map

package/build/upload/steps/mediaUploadStep/mediaUploadStep.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"mediaUploadStep.mjs","sources":["../../../../src/upload/steps/mediaUploadStep/mediaUploadStep.js"],"sourcesContent":["import { Upload as UploadIcon } from '@transferwise/icons';\nimport PropTypes from 'prop-types';\n\nimport Body from '../../../body';\nimport Button from '../../../button/Button';\nimport { Typography } from '../../../common';\nimport Title from '../../../title';\nimport { getSupportedSpotMimeTypes, requestMedia } from '../../utils';\n\nconst MediaUploadStep = ({\n  isComplete,\n  usAccept,\n  usButtonText,\n  usDisabled,\n  usHelpImage,\n  usLabel,\n  usPlaceholder,\n  fileDropped,\n}) => {\n  const getMediaFile = () => {\n    const allowedMimeTypes = getSupportedSpotMimeTypes(usAccept);\n\n    if (allowedMimeTypes.length === 0) {\n      throw new Error('provided mimeTypes not supported');\n    }\n\n    const mediaRequest = { allowedMimeTypes };\n    requestMedia(mediaRequest).then((file) => fileDropped(file));\n  };\n\n  const getImage = () => {\n    if (!usHelpImage) {\n      return (\n        <div className=\"circle circle-sm circle-inverse p-t-1\">\n          <UploadIcon size={24} />\n        </div>\n      );\n    }\n\n    if (typeof usHelpImage === 'string') {\n      return <img src={usHelpImage} alt={usLabel} className=\"thumbnail text-xs-center\" />;\n    }\n\n    return usHelpImage;\n  };\n\n  return (\n    <div>\n      <div className=\"droppable-default-card\" aria-hidden={isComplete}>\n        <div className=\"droppable-card-content\">\n          <div className=\"m-b-3\">{getImage()}</div>\n          {usLabel && (\n            <Title type={Typography.TITLE_BODY} className=\"m-b-1\">\n              {usLabel}\n            </Title>\n          )}\n          {usPlaceholder && (\n            <Body as=\"p\" type={Typography.BODY_LARGE} className=\"m-b-3\">{`${usPlaceholder}`}</Body>\n          )}\n          <Button disabled={usDisabled} onClick={getMediaFile}>\n            {usButtonText || <UploadIcon size={24} className=\"m-r-0\" />}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nMediaUploadStep.propTypes = {\n  fileDropped: PropTypes.func.isRequired,\n  isComplete: PropTypes.bool.isRequired,\n  usAccept: PropTypes.string.isRequired,\n  usButtonText: PropTypes.string.isRequired,\n  usDisabled: PropTypes.bool.isRequired,\n  usHelpImage: PropTypes.node.isRequired,\n  usLabel: PropTypes.string.isRequired,\n  usPlaceholder: PropTypes.string.isRequired,\n};\n\nexport default MediaUploadStep;\n"],"names":["MediaUploadStep","isComplete","usAccept","usButtonText","usDisabled","usHelpImage","usLabel","usPlaceholder","fileDropped","getMediaFile","allowedMimeTypes","getSupportedSpotMimeTypes","length","Error","mediaRequest","requestMedia","then","file","getImage","_jsx","className","children","UploadIcon","size","src","alt","_jsxs","Title","type","Typography","TITLE_BODY","Body","as","BODY_LARGE","Button","disabled","onClick","propTypes","PropTypes","func","isRequired","bool","string","node"],"mappings":"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"}

package/build/upload/steps/processingStep/processingStep.js

@@ -1,79 +0,0 @@
-'use strict';
-
-var componentsTheming = require('@wise/components-theming');
-var classNames = require('classnames');
-var PropTypes = require('prop-types');
-var Button = require('../../../button/Button.js');
-var ProcessIndicator = require('../../../processIndicator/ProcessIndicator.js');
-var Title = require('../../../title/Title.js');
-var jsxRuntime = require('react/jsx-runtime');
-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);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-
-const ProcessingStep = props => {
-  const {
-    isComplete,
-    isError,
-    isSuccess,
-    onAnimationCompleted,
-    onClear,
-    psButtonText,
-    psProcessingText,
-    psButtonDisabled
-  } = props;
-  const {
-    isModern
-  } = componentsTheming.useTheme();
-  let processStatus = status.Status.PROCESSING;
-  if (isError) {
-    processStatus = status.Status.FAILED;
-  }
-  if (isSuccess) {
-    processStatus = status.Status.SUCCEEDED;
-  }
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "droppable-processing-card droppable-card",
-    "aria-hidden": isComplete,
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "droppable-card-content",
-      children: [/*#__PURE__*/jsxRuntime.jsx(ProcessIndicator, {
-        size: size.Size.Small,
-        status: processStatus,
-        onAnimationCompleted: status => onAnimationCompleted(status)
-      }), /*#__PURE__*/jsxRuntime.jsx(Title, {
-        className: classNames__default.default({
-          'm-t-3': !isModern,
-          'm-b-3': !isModern,
-          'm-t-2': isModern,
-          'm-b-2': isModern
-        }),
-        type: typography.Typography.TITLE_BODY,
-        "aria-live": "polite",
-        children: psProcessingText
-      }), psButtonText && /*#__PURE__*/jsxRuntime.jsx(Button, {
-        disabled: psButtonDisabled,
-        onClick: event => onClear(event),
-        children: psButtonText
-      })]
-    })
-  });
-};
-ProcessingStep.propTypes = {
-  isComplete: PropTypes__default.default.bool.isRequired,
-  isError: PropTypes__default.default.bool.isRequired,
-  isSuccess: PropTypes__default.default.bool.isRequired,
-  onAnimationCompleted: PropTypes__default.default.func.isRequired,
-  onClear: PropTypes__default.default.func.isRequired,
-  psButtonText: PropTypes__default.default.string.isRequired,
-  psProcessingText: PropTypes__default.default.string.isRequired,
-  psButtonDisabled: PropTypes__default.default.bool.isRequired
-};
-
-module.exports = ProcessingStep;
-//# sourceMappingURL=processingStep.js.map

package/build/upload/steps/processingStep/processingStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"processingStep.js","sources":["../../../../src/upload/steps/processingStep/processingStep.js"],"sourcesContent":["import { useTheme } from '@wise/components-theming';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport Button from '../../../button';\nimport { Status, Size, Typography } from '../../../common';\nimport ProcessIndicator from '../../../processIndicator';\nimport Title from '../../../title';\n\nconst ProcessingStep = (props) => {\n  const {\n    isComplete,\n    isError,\n    isSuccess,\n    onAnimationCompleted,\n    onClear,\n    psButtonText,\n    psProcessingText,\n    psButtonDisabled,\n  } = props;\n\n  const { isModern } = useTheme();\n\n  let processStatus = Status.PROCESSING;\n  if (isError) {\n    processStatus = Status.FAILED;\n  }\n  if (isSuccess) {\n    processStatus = Status.SUCCEEDED;\n  }\n\n  return (\n    <div className=\"droppable-processing-card droppable-card\" aria-hidden={isComplete}>\n      <div className=\"droppable-card-content\">\n        <ProcessIndicator\n          size={Size.Small}\n          status={processStatus}\n          onAnimationCompleted={(status) => onAnimationCompleted(status)}\n        />\n        <Title\n          className={classNames({\n            'm-t-3': !isModern,\n            'm-b-3': !isModern,\n            'm-t-2': isModern,\n            'm-b-2': isModern,\n          })}\n          type={Typography.TITLE_BODY}\n          aria-live=\"polite\"\n        >\n          {psProcessingText}\n        </Title>\n        {psButtonText && (\n          <Button disabled={psButtonDisabled} onClick={(event) => onClear(event)}>\n            {psButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nProcessingStep.propTypes = {\n  isComplete: PropTypes.bool.isRequired,\n  isError: PropTypes.bool.isRequired,\n  isSuccess: PropTypes.bool.isRequired,\n  onAnimationCompleted: PropTypes.func.isRequired,\n  onClear: PropTypes.func.isRequired,\n  psButtonText: PropTypes.string.isRequired,\n  psProcessingText: PropTypes.string.isRequired,\n  psButtonDisabled: PropTypes.bool.isRequired,\n};\n\nexport default ProcessingStep;\n"],"names":["ProcessingStep","props","isComplete","isError","isSuccess","onAnimationCompleted","onClear","psButtonText","psProcessingText","psButtonDisabled","isModern","useTheme","processStatus","Status","PROCESSING","FAILED","SUCCEEDED","_jsx","className","children","_jsxs","ProcessIndicator","size","Size","Small","status","Title","classNames","type","Typography","TITLE_BODY","Button","disabled","onClick","event","propTypes","PropTypes","bool","isRequired","func","string"],"mappings":";;;;;;;;;;;;;;;;;;AASMA,MAAAA,cAAc,GAAIC,KAAK,IAAK;EAChC,MAAM;IACJC,UAAU;IACVC,OAAO;IACPC,SAAS;IACTC,oBAAoB;IACpBC,OAAO;IACPC,YAAY;IACZC,gBAAgB;AAChBC,IAAAA,gBAAAA;AACF,GAAC,GAAGR,KAAK,CAAA;EAET,MAAM;AAAES,IAAAA,QAAAA;GAAU,GAAGC,0BAAQ,EAAE,CAAA;AAE/B,EAAA,IAAIC,aAAa,GAAGC,aAAM,CAACC,UAAU,CAAA;AACrC,EAAA,IAAIX,OAAO,EAAE;IACXS,aAAa,GAAGC,aAAM,CAACE,MAAM,CAAA;AAC/B,GAAA;AACA,EAAA,IAAIX,SAAS,EAAE;IACbQ,aAAa,GAAGC,aAAM,CAACG,SAAS,CAAA;AAClC,GAAA;AAEA,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,0CAA0C;AAAC,IAAA,aAAA,EAAahB,UAAW;AAAAiB,IAAAA,QAAA,eAChFC,eAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;MAAAC,QAAA,EAAA,cACrCF,cAAA,CAACI,gBAAgB,EAAA;QACfC,IAAI,EAAEC,SAAI,CAACC,KAAM;AACjBC,QAAAA,MAAM,EAAEb,aAAc;AACtBP,QAAAA,oBAAoB,EAAGoB,MAAM,IAAKpB,oBAAoB,CAACoB,MAAM,CAAA;AAAE,OAChE,CAAC,eACFR,cAAA,CAACS,KAAK,EAAA;QACJR,SAAS,EAAES,2BAAU,CAAC;UACpB,OAAO,EAAE,CAACjB,QAAQ;UAClB,OAAO,EAAE,CAACA,QAAQ;AAClB,UAAA,OAAO,EAAEA,QAAQ;AACjB,UAAA,OAAO,EAAEA,QAAAA;AACX,SAAC,CAAE;QACHkB,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAC5B,QAAA,WAAA,EAAU,QAAQ;AAAAX,QAAAA,QAAA,EAEjBX,gBAAAA;AAAgB,OACZ,CAAC,EACPD,YAAY,iBACXU,cAAA,CAACc,MAAM,EAAA;AAACC,QAAAA,QAAQ,EAAEvB,gBAAiB;AAACwB,QAAAA,OAAO,EAAGC,KAAK,IAAK5B,OAAO,CAAC4B,KAAK,CAAE;AAAAf,QAAAA,QAAA,EACpEZ,YAAAA;AAAY,OACP,CACT,CAAA;KACE,CAAA;AAAC,GACH,CAAC,CAAA;AAEV,EAAC;AAEDP,cAAc,CAACmC,SAAS,GAAG;AACzBjC,EAAAA,UAAU,EAAEkC,0BAAS,CAACC,IAAI,CAACC,UAAU;AACrCnC,EAAAA,OAAO,EAAEiC,0BAAS,CAACC,IAAI,CAACC,UAAU;AAClClC,EAAAA,SAAS,EAAEgC,0BAAS,CAACC,IAAI,CAACC,UAAU;AACpCjC,EAAAA,oBAAoB,EAAE+B,0BAAS,CAACG,IAAI,CAACD,UAAU;AAC/ChC,EAAAA,OAAO,EAAE8B,0BAAS,CAACG,IAAI,CAACD,UAAU;AAClC/B,EAAAA,YAAY,EAAE6B,0BAAS,CAACI,MAAM,CAACF,UAAU;AACzC9B,EAAAA,gBAAgB,EAAE4B,0BAAS,CAACI,MAAM,CAACF,UAAU;AAC7C7B,EAAAA,gBAAgB,EAAE2B,0BAAS,CAACC,IAAI,CAACC,UAAAA;AACnC,CAAC;;;;"}

package/build/upload/steps/processingStep/processingStep.mjs

@@ -1,72 +0,0 @@
-import { useTheme } from '@wise/components-theming';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import Button from '../../../button/Button.mjs';
-import ProcessIndicator from '../../../processIndicator/ProcessIndicator.mjs';
-import Title from '../../../title/Title.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Status } from '../../../common/propsValues/status.mjs';
-import { Size } from '../../../common/propsValues/size.mjs';
-import { Typography } from '../../../common/propsValues/typography.mjs';
-
-const ProcessingStep = props => {
-  const {
-    isComplete,
-    isError,
-    isSuccess,
-    onAnimationCompleted,
-    onClear,
-    psButtonText,
-    psProcessingText,
-    psButtonDisabled
-  } = props;
-  const {
-    isModern
-  } = useTheme();
-  let processStatus = Status.PROCESSING;
-  if (isError) {
-    processStatus = Status.FAILED;
-  }
-  if (isSuccess) {
-    processStatus = Status.SUCCEEDED;
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: "droppable-processing-card droppable-card",
-    "aria-hidden": isComplete,
-    children: /*#__PURE__*/jsxs("div", {
-      className: "droppable-card-content",
-      children: [/*#__PURE__*/jsx(ProcessIndicator, {
-        size: Size.Small,
-        status: processStatus,
-        onAnimationCompleted: status => onAnimationCompleted(status)
-      }), /*#__PURE__*/jsx(Title, {
-        className: classNames({
-          'm-t-3': !isModern,
-          'm-b-3': !isModern,
-          'm-t-2': isModern,
-          'm-b-2': isModern
-        }),
-        type: Typography.TITLE_BODY,
-        "aria-live": "polite",
-        children: psProcessingText
-      }), psButtonText && /*#__PURE__*/jsx(Button, {
-        disabled: psButtonDisabled,
-        onClick: event => onClear(event),
-        children: psButtonText
-      })]
-    })
-  });
-};
-ProcessingStep.propTypes = {
-  isComplete: PropTypes.bool.isRequired,
-  isError: PropTypes.bool.isRequired,
-  isSuccess: PropTypes.bool.isRequired,
-  onAnimationCompleted: PropTypes.func.isRequired,
-  onClear: PropTypes.func.isRequired,
-  psButtonText: PropTypes.string.isRequired,
-  psProcessingText: PropTypes.string.isRequired,
-  psButtonDisabled: PropTypes.bool.isRequired
-};
-
-export { ProcessingStep as default };
-//# sourceMappingURL=processingStep.mjs.map

package/build/upload/steps/processingStep/processingStep.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"processingStep.mjs","sources":["../../../../src/upload/steps/processingStep/processingStep.js"],"sourcesContent":["import { useTheme } from '@wise/components-theming';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport Button from '../../../button';\nimport { Status, Size, Typography } from '../../../common';\nimport ProcessIndicator from '../../../processIndicator';\nimport Title from '../../../title';\n\nconst ProcessingStep = (props) => {\n  const {\n    isComplete,\n    isError,\n    isSuccess,\n    onAnimationCompleted,\n    onClear,\n    psButtonText,\n    psProcessingText,\n    psButtonDisabled,\n  } = props;\n\n  const { isModern } = useTheme();\n\n  let processStatus = Status.PROCESSING;\n  if (isError) {\n    processStatus = Status.FAILED;\n  }\n  if (isSuccess) {\n    processStatus = Status.SUCCEEDED;\n  }\n\n  return (\n    <div className=\"droppable-processing-card droppable-card\" aria-hidden={isComplete}>\n      <div className=\"droppable-card-content\">\n        <ProcessIndicator\n          size={Size.Small}\n          status={processStatus}\n          onAnimationCompleted={(status) => onAnimationCompleted(status)}\n        />\n        <Title\n          className={classNames({\n            'm-t-3': !isModern,\n            'm-b-3': !isModern,\n            'm-t-2': isModern,\n            'm-b-2': isModern,\n          })}\n          type={Typography.TITLE_BODY}\n          aria-live=\"polite\"\n        >\n          {psProcessingText}\n        </Title>\n        {psButtonText && (\n          <Button disabled={psButtonDisabled} onClick={(event) => onClear(event)}>\n            {psButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nProcessingStep.propTypes = {\n  isComplete: PropTypes.bool.isRequired,\n  isError: PropTypes.bool.isRequired,\n  isSuccess: PropTypes.bool.isRequired,\n  onAnimationCompleted: PropTypes.func.isRequired,\n  onClear: PropTypes.func.isRequired,\n  psButtonText: PropTypes.string.isRequired,\n  psProcessingText: PropTypes.string.isRequired,\n  psButtonDisabled: PropTypes.bool.isRequired,\n};\n\nexport default ProcessingStep;\n"],"names":["ProcessingStep","props","isComplete","isError","isSuccess","onAnimationCompleted","onClear","psButtonText","psProcessingText","psButtonDisabled","isModern","useTheme","processStatus","Status","PROCESSING","FAILED","SUCCEEDED","_jsx","className","children","_jsxs","ProcessIndicator","size","Size","Small","status","Title","classNames","type","Typography","TITLE_BODY","Button","disabled","onClick","event","propTypes","PropTypes","bool","isRequired","func","string"],"mappings":";;;;;;;;;;;AASMA,MAAAA,cAAc,GAAIC,KAAK,IAAK;EAChC,MAAM;IACJC,UAAU;IACVC,OAAO;IACPC,SAAS;IACTC,oBAAoB;IACpBC,OAAO;IACPC,YAAY;IACZC,gBAAgB;AAChBC,IAAAA,gBAAAA;AACF,GAAC,GAAGR,KAAK,CAAA;EAET,MAAM;AAAES,IAAAA,QAAAA;GAAU,GAAGC,QAAQ,EAAE,CAAA;AAE/B,EAAA,IAAIC,aAAa,GAAGC,MAAM,CAACC,UAAU,CAAA;AACrC,EAAA,IAAIX,OAAO,EAAE;IACXS,aAAa,GAAGC,MAAM,CAACE,MAAM,CAAA;AAC/B,GAAA;AACA,EAAA,IAAIX,SAAS,EAAE;IACbQ,aAAa,GAAGC,MAAM,CAACG,SAAS,CAAA;AAClC,GAAA;AAEA,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,0CAA0C;AAAC,IAAA,aAAA,EAAahB,UAAW;AAAAiB,IAAAA,QAAA,eAChFC,IAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;MAAAC,QAAA,EAAA,cACrCF,GAAA,CAACI,gBAAgB,EAAA;QACfC,IAAI,EAAEC,IAAI,CAACC,KAAM;AACjBC,QAAAA,MAAM,EAAEb,aAAc;AACtBP,QAAAA,oBAAoB,EAAGoB,MAAM,IAAKpB,oBAAoB,CAACoB,MAAM,CAAA;AAAE,OAChE,CAAC,eACFR,GAAA,CAACS,KAAK,EAAA;QACJR,SAAS,EAAES,UAAU,CAAC;UACpB,OAAO,EAAE,CAACjB,QAAQ;UAClB,OAAO,EAAE,CAACA,QAAQ;AAClB,UAAA,OAAO,EAAEA,QAAQ;AACjB,UAAA,OAAO,EAAEA,QAAAA;AACX,SAAC,CAAE;QACHkB,IAAI,EAAEC,UAAU,CAACC,UAAW;AAC5B,QAAA,WAAA,EAAU,QAAQ;AAAAX,QAAAA,QAAA,EAEjBX,gBAAAA;AAAgB,OACZ,CAAC,EACPD,YAAY,iBACXU,GAAA,CAACc,MAAM,EAAA;AAACC,QAAAA,QAAQ,EAAEvB,gBAAiB;AAACwB,QAAAA,OAAO,EAAGC,KAAK,IAAK5B,OAAO,CAAC4B,KAAK,CAAE;AAAAf,QAAAA,QAAA,EACpEZ,YAAAA;AAAY,OACP,CACT,CAAA;KACE,CAAA;AAAC,GACH,CAAC,CAAA;AAEV,EAAC;AAEDP,cAAc,CAACmC,SAAS,GAAG;AACzBjC,EAAAA,UAAU,EAAEkC,SAAS,CAACC,IAAI,CAACC,UAAU;AACrCnC,EAAAA,OAAO,EAAEiC,SAAS,CAACC,IAAI,CAACC,UAAU;AAClClC,EAAAA,SAAS,EAAEgC,SAAS,CAACC,IAAI,CAACC,UAAU;AACpCjC,EAAAA,oBAAoB,EAAE+B,SAAS,CAACG,IAAI,CAACD,UAAU;AAC/ChC,EAAAA,OAAO,EAAE8B,SAAS,CAACG,IAAI,CAACD,UAAU;AAClC/B,EAAAA,YAAY,EAAE6B,SAAS,CAACI,MAAM,CAACF,UAAU;AACzC9B,EAAAA,gBAAgB,EAAE4B,SAAS,CAACI,MAAM,CAACF,UAAU;AAC7C7B,EAAAA,gBAAgB,EAAE2B,SAAS,CAACC,IAAI,CAACC,UAAAA;AACnC,CAAC;;;;"}

package/build/upload/steps/uploadImageStep/uploadImageStep.js

@@ -1,106 +0,0 @@
-'use strict';
-
-var icons = require('@transferwise/icons');
-var PropTypes = require('prop-types');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-
-class UploadImageStep extends React.PureComponent {
-  constructor() {
-    super();
-    this.uploadInputRef = /*#__PURE__*/React.createRef();
-  }
-  onManualUpload = () => {
-    const {
-      fileDropped
-    } = this.props;
-    if (this.uploadInputRef && this.uploadInputRef.current) {
-      const file = this.uploadInputRef.current.files[0];
-      fileDropped(file);
-    }
-  };
-  getImage = () => {
-    const {
-      usHelpImage,
-      usLabel
-    } = this.props;
-    if (!usHelpImage) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "circle circle-sm circle-inverse p-t-1",
-        children: /*#__PURE__*/jsxRuntime.jsx(icons.Upload, {
-          size: 24
-        })
-      });
-    }
-    if (typeof usHelpImage === 'string') {
-      return /*#__PURE__*/jsxRuntime.jsx("img", {
-        src: usHelpImage,
-        alt: usLabel,
-        className: "thumbnail text-xs-center"
-      });
-    }
-    return usHelpImage;
-  };
-  render() {
-    const {
-      isComplete,
-      usAccept,
-      usButtonText,
-      usDisabled,
-      usLabel,
-      usPlaceholder
-    } = this.props;
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "droppable-default-card",
-        "aria-hidden": isComplete,
-        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "droppable-card-content",
-          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "m-b-3",
-            children: this.getImage()
-          }), usLabel && /*#__PURE__*/jsxRuntime.jsx("h4", {
-            className: "np-text-title-body m-b-1",
-            children: usLabel
-          }), usPlaceholder && /*#__PURE__*/jsxRuntime.jsx("p", {
-            className: "np-text-body-large m-b-3",
-            children: `${usPlaceholder}`
-          }), /*#__PURE__*/jsxRuntime.jsxs("label", {
-            className: `btn btn-primary btn-md ${usDisabled ? 'disabled' : ''}`,
-            children: [usButtonText ? /*#__PURE__*/jsxRuntime.jsx("span", {
-              children: usButtonText
-            }) : /*#__PURE__*/jsxRuntime.jsx(icons.Upload, {
-              size: 24,
-              className: "m-r-0"
-            }), /*#__PURE__*/jsxRuntime.jsx("input", {
-              ref: this.uploadInputRef,
-              type: "file",
-              accept: usAccept === '*' ? null : usAccept,
-              className: "tw-droppable-input hidden",
-              disabled: usDisabled,
-              name: "file-upload",
-              onChange: () => this.onManualUpload()
-            })]
-          })]
-        })
-      })
-    });
-  }
-}
-UploadImageStep.propTypes = {
-  fileDropped: PropTypes__default.default.func.isRequired,
-  isComplete: PropTypes__default.default.bool.isRequired,
-  usAccept: PropTypes__default.default.string.isRequired,
-  usButtonText: PropTypes__default.default.string.isRequired,
-  usDisabled: PropTypes__default.default.bool.isRequired,
-  usHelpImage: PropTypes__default.default.node.isRequired,
-  usLabel: PropTypes__default.default.string.isRequired,
-  usPlaceholder: PropTypes__default.default.string.isRequired
-};
-
-module.exports = UploadImageStep;
-//# sourceMappingURL=uploadImageStep.js.map

package/build/upload/steps/uploadImageStep/uploadImageStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"uploadImageStep.js","sources":["../../../../src/upload/steps/uploadImageStep/uploadImageStep.js"],"sourcesContent":["import { Upload as UploadIcon } from '@transferwise/icons';\nimport PropTypes from 'prop-types';\nimport { createRef, PureComponent } from 'react';\n\nclass UploadImageStep extends PureComponent {\n  constructor() {\n    super();\n    this.uploadInputRef = createRef();\n  }\n\n  onManualUpload = () => {\n    const { fileDropped } = this.props;\n    if (this.uploadInputRef && this.uploadInputRef.current) {\n      const file = this.uploadInputRef.current.files[0];\n      fileDropped(file);\n    }\n  };\n\n  getImage = () => {\n    const { usHelpImage, usLabel } = this.props;\n\n    if (!usHelpImage) {\n      return (\n        <div className=\"circle circle-sm circle-inverse p-t-1\">\n          <UploadIcon size={24} />\n        </div>\n      );\n    }\n\n    if (typeof usHelpImage === 'string') {\n      return <img src={usHelpImage} alt={usLabel} className=\"thumbnail text-xs-center\" />;\n    }\n\n    return usHelpImage;\n  };\n\n  render() {\n    const { isComplete, usAccept, usButtonText, usDisabled, usLabel, usPlaceholder } = this.props;\n\n    return (\n      <div>\n        <div className=\"droppable-default-card\" aria-hidden={isComplete}>\n          <div className=\"droppable-card-content\">\n            <div className=\"m-b-3\">{this.getImage()}</div>\n            {usLabel && <h4 className=\"np-text-title-body m-b-1\">{usLabel}</h4>}\n            {usPlaceholder && <p className=\"np-text-body-large m-b-3\">{`${usPlaceholder}`}</p>}\n            <label className={`btn btn-primary btn-md ${usDisabled ? 'disabled' : ''}`}>\n              {usButtonText ? (\n                <span>{usButtonText}</span>\n              ) : (\n                <UploadIcon size={24} className=\"m-r-0\" />\n              )}\n              <input\n                ref={this.uploadInputRef}\n                type=\"file\"\n                accept={usAccept === '*' ? null : usAccept}\n                className=\"tw-droppable-input hidden\"\n                disabled={usDisabled}\n                name=\"file-upload\"\n                onChange={() => this.onManualUpload()}\n              />\n            </label>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nUploadImageStep.propTypes = {\n  fileDropped: PropTypes.func.isRequired,\n  isComplete: PropTypes.bool.isRequired,\n  usAccept: PropTypes.string.isRequired,\n  usButtonText: PropTypes.string.isRequired,\n  usDisabled: PropTypes.bool.isRequired,\n  usHelpImage: PropTypes.node.isRequired,\n  usLabel: PropTypes.string.isRequired,\n  usPlaceholder: PropTypes.string.isRequired,\n};\n\nexport default UploadImageStep;\n"],"names":["UploadImageStep","PureComponent","constructor","uploadInputRef","createRef","onManualUpload","fileDropped","props","current","file","files","getImage","usHelpImage","usLabel","_jsx","className","children","UploadIcon","size","src","alt","render","isComplete","usAccept","usButtonText","usDisabled","usPlaceholder","_jsxs","ref","type","accept","disabled","name","onChange","propTypes","PropTypes","func","isRequired","bool","string","node"],"mappings":"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"}