@transferwise/components 46.45.0 → 46.46.1

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

@@ -0,0 +1,63 @@
+import { Document } from '@transferwise/icons';
+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';
+
+function CompleteStep({
+  csButtonText,
+  csFailureText,
+  csSuccessText,
+  fileName,
+  isComplete,
+  isError,
+  isImage,
+  onClear,
+  uploadedImage
+}) {
+  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: [/*#__PURE__*/jsx(StatusIcon, {
+            size: Size.LARGE,
+            sentiment: Sentiment.NEGATIVE
+          }), csFailureText && /*#__PURE__*/jsx("p", {
+            className: "m-t-2 m-b-0",
+            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, {
+        className: isError ? 'm-t-2' : 'm-t-1',
+        onClick: onClear,
+        children: csButtonText
+      })]
+    })
+  });
+}
+
+export { CompleteStep as default };
+//# sourceMappingURL=completeStep.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"completeStep.mjs","sources":["../../../../src/upload/steps/completeStep/completeStep.tsx"],"sourcesContent":["import { Document as DocumentIcon } from '@transferwise/icons';\n\nimport { Typography } from '../../..';\nimport Body from '../../../body';\nimport Button from '../../../button';\nimport { Sentiment, Size } from '../../../common';\nimport StatusIcon from '../../../statusIcon';\nimport Title from '../../../title';\n\nexport interface CompleteStepProps {\n  csButtonText: string;\n  csSuccessText: string;\n  csFailureText: string;\n  fileName: string;\n  isComplete: boolean;\n  isError: boolean;\n  isImage: boolean;\n  uploadedImage?: string;\n  onClear: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport default function CompleteStep({\n  csButtonText,\n  csFailureText,\n  csSuccessText,\n  fileName,\n  isComplete,\n  isError,\n  isImage,\n  onClear,\n  uploadedImage,\n}: CompleteStepProps) {\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              <StatusIcon size={Size.LARGE} sentiment={Sentiment.NEGATIVE} />\n              {csFailureText && <p className=\"m-t-2 m-b-0\">{csFailureText}</p>}\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 className={isError ? 'm-t-2' : 'm-t-1'} onClick={onClear}>\n            {csButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CompleteStep","csButtonText","csFailureText","csSuccessText","fileName","isComplete","isError","isImage","onClear","uploadedImage","_jsx","className","children","_jsxs","_Fragment","StatusIcon","size","Size","LARGE","sentiment","Sentiment","NEGATIVE","src","alt","DocumentIcon","Body","as","Title","type","Typography","TITLE_BODY","Button","onClick"],"mappings":";;;;;;;;;;AAqBwB,SAAAA,YAAYA,CAAC;EACnCC,YAAY;EACZC,aAAa;EACbC,aAAa;EACbC,QAAQ;EACRC,UAAU;EACVC,OAAO;EACPC,OAAO;EACPC,OAAO;AACPC,EAAAA,aAAAA;AACkB,CAAA,EAAA;AAClB,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,wCAAwC;AAAC,IAAA,aAAA,EAAa,CAACN,UAAW;AAAAO,IAAAA,QAAA,eAC/EC,IAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;AAAAC,MAAAA,QAAA,gBACrCF,GAAA,CAAA,KAAA,EAAA;AACEC,QAAAA,SAAS,EAAC,8DAA8D;AACxE,QAAA,WAAA,EAAU,QAAQ;AAAAC,QAAAA,QAAA,EAEjBN,OAAO,gBACNO,IAAA,CAAAC,QAAA,EAAA;UAAAF,QAAA,EAAA,cACEF,GAAA,CAACK,UAAU,EAAA;YAACC,IAAI,EAAEC,IAAI,CAACC,KAAM;YAACC,SAAS,EAAEC,SAAS,CAACC,QAAAA;AAAS,WAC5D,CAAA,EAACnB,aAAa,iBAAIQ,GAAA,CAAA,GAAA,EAAA;AAAGC,YAAAA,SAAS,EAAC,aAAa;AAAAC,YAAAA,QAAA,EAAEV,aAAAA;AAAa,WAAI,CAAC,CAAA;AAAA,SAClE,CAAG,gBAEHW,IAAA,CAAAC,QAAA,EAAA;AAAAF,UAAAA,QAAA,EACGL,CAAAA,OAAO,IAAIE,aAAa,gBACvBC,GAAA,CAAA,KAAA,EAAA;AAAKY,YAAAA,GAAG,EAAEb,aAAc;AAACc,YAAAA,GAAG,EAAC,IAAI;AAACZ,YAAAA,SAAS,EAAC,YAAA;AAAY,WAAA,CAAG,gBAE3DD,GAAA,CAACc,QAAY,EAAA,EAAA,CACd,EAEApB,QAAQ,iBACPM,GAAA,CAACe,IAAI,EAAA;AAACC,YAAAA,EAAE,EAAC,GAAG;AAACf,YAAAA,SAAS,EAAC,OAAO;AAAAC,YAAAA,QAAA,EAC3BR,QAAAA;AAAQ,WACL,CACP,EACAD,aAAa,iBACZO,GAAA,CAACiB,KAAK,EAAA;AAAChB,YAAAA,SAAS,EAAC,eAAe;YAACiB,IAAI,EAAEC,UAAU,CAACC,UAAW;AAAAlB,YAAAA,QAAA,EAC1DT,aAAAA;AAAa,WACT,CACR,CAAA;SACH,CAAA;AACD,OACE,CACL,EAACF,YAAY,iBACXS,GAAA,CAACqB,MAAM,EAAA;AAACpB,QAAAA,SAAS,EAAEL,OAAO,GAAG,OAAO,GAAG,OAAQ;AAAC0B,QAAAA,OAAO,EAAExB,OAAQ;AAAAI,QAAAA,QAAA,EAC9DX,YAAAA;AAAY,OACP,CACT,CAAA;KACE,CAAA;AACP,GAAK,CAAC,CAAA;AAEV;;;;"}

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

@@ -0,0 +1,50 @@
+'use strict';
+
+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 typography = require('../../../common/propsValues/typography.js');
+
+function ProcessingStep({
+  isComplete,
+  isError,
+  isSuccess,
+  onAnimationCompleted,
+  onClear,
+  psButtonText,
+  psProcessingText,
+  psButtonDisabled
+}) {
+  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, {
+        status: processStatus,
+        onAnimationCompleted: status => onAnimationCompleted(status)
+      }), /*#__PURE__*/jsxRuntime.jsx(Title, {
+        className: "m-y-2",
+        type: typography.Typography.TITLE_BODY,
+        "aria-live": "polite",
+        children: psProcessingText
+      }), psButtonText && /*#__PURE__*/jsxRuntime.jsx(Button, {
+        disabled: psButtonDisabled,
+        onClick: onClear,
+        children: psButtonText
+      })]
+    })
+  });
+}
+
+module.exports = ProcessingStep;
+//# sourceMappingURL=processingStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processingStep.js","sources":["../../../../src/upload/steps/processingStep/processingStep.tsx"],"sourcesContent":["import Button from '../../../button';\nimport { Status, Typography } from '../../../common';\nimport ProcessIndicator, { ProcessIndicatorStatus } from '../../../processIndicator';\nimport Title from '../../../title';\n\nexport interface ProcessingStepProps {\n  isComplete: boolean;\n  isError: boolean;\n  isSuccess: boolean;\n  onAnimationCompleted: (status: ProcessIndicatorStatus) => void;\n  onClear: React.MouseEventHandler<HTMLButtonElement>;\n  psButtonText: string;\n  psProcessingText: string;\n  psButtonDisabled: boolean;\n}\n\nexport default function ProcessingStep({\n  isComplete,\n  isError,\n  isSuccess,\n  onAnimationCompleted,\n  onClear,\n  psButtonText,\n  psProcessingText,\n  psButtonDisabled,\n}: ProcessingStepProps) {\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          status={processStatus}\n          onAnimationCompleted={(status) => onAnimationCompleted(status)}\n        />\n        <Title className=\"m-y-2\" type={Typography.TITLE_BODY} aria-live=\"polite\">\n          {psProcessingText}\n        </Title>\n        {psButtonText && (\n          <Button disabled={psButtonDisabled} onClick={onClear}>\n            {psButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ProcessingStep","isComplete","isError","isSuccess","onAnimationCompleted","onClear","psButtonText","psProcessingText","psButtonDisabled","processStatus","Status","PROCESSING","FAILED","SUCCEEDED","_jsx","className","children","_jsxs","ProcessIndicator","status","Title","type","Typography","TITLE_BODY","Button","disabled","onClick"],"mappings":";;;;;;;;;AAgBwB,SAAAA,cAAcA,CAAC;EACrCC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,oBAAoB;EACpBC,OAAO;EACPC,YAAY;EACZC,gBAAgB;AAChBC,EAAAA,gBAAAA;AACoB,CAAA,EAAA;AACpB,EAAA,IAAIC,aAAa,GAAGC,aAAM,CAACC,UAAU,CAAA;AACrC,EAAA,IAAIT,OAAO,EAAE;IACXO,aAAa,GAAGC,aAAM,CAACE,MAAM,CAAA;AAC/B,GAAA;AACA,EAAA,IAAIT,SAAS,EAAE;IACbM,aAAa,GAAGC,aAAM,CAACG,SAAS,CAAA;AAClC,GAAA;AAEA,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,0CAA0C;AAAC,IAAA,aAAA,EAAad,UAAW;AAAAe,IAAAA,QAAA,eAChFC,eAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;MAAAC,QAAA,EAAA,cACrCF,cAAA,CAACI,gBAAgB,EAAA;AACfC,QAAAA,MAAM,EAAEV,aAAc;AACtBL,QAAAA,oBAAoB,EAAGe,MAAM,IAAKf,oBAAoB,CAACe,MAAM,CAAA;AAAE,OAEjE,CAAA,eAAAL,cAAA,CAACM,KAAK,EAAA;AAACL,QAAAA,SAAS,EAAC,OAAO;QAACM,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAAC,QAAA,WAAA,EAAU,QAAQ;AAAAP,QAAAA,QAAA,EACrET,gBAAAA;AAAgB,OACZ,CACP,EAACD,YAAY,iBACXQ,cAAA,CAACU,MAAM,EAAA;AAACC,QAAAA,QAAQ,EAAEjB,gBAAiB;AAACkB,QAAAA,OAAO,EAAErB,OAAQ;AAAAW,QAAAA,QAAA,EAClDV,YAAAA;AAAY,OACP,CACT,CAAA;KACE,CAAA;AACP,GAAK,CAAC,CAAA;AAEV;;;;"}

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

@@ -0,0 +1,48 @@
+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 { Typography } from '../../../common/propsValues/typography.mjs';
+
+function ProcessingStep({
+  isComplete,
+  isError,
+  isSuccess,
+  onAnimationCompleted,
+  onClear,
+  psButtonText,
+  psProcessingText,
+  psButtonDisabled
+}) {
+  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, {
+        status: processStatus,
+        onAnimationCompleted: status => onAnimationCompleted(status)
+      }), /*#__PURE__*/jsx(Title, {
+        className: "m-y-2",
+        type: Typography.TITLE_BODY,
+        "aria-live": "polite",
+        children: psProcessingText
+      }), psButtonText && /*#__PURE__*/jsx(Button, {
+        disabled: psButtonDisabled,
+        onClick: onClear,
+        children: psButtonText
+      })]
+    })
+  });
+}
+
+export { ProcessingStep as default };
+//# sourceMappingURL=processingStep.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processingStep.mjs","sources":["../../../../src/upload/steps/processingStep/processingStep.tsx"],"sourcesContent":["import Button from '../../../button';\nimport { Status, Typography } from '../../../common';\nimport ProcessIndicator, { ProcessIndicatorStatus } from '../../../processIndicator';\nimport Title from '../../../title';\n\nexport interface ProcessingStepProps {\n  isComplete: boolean;\n  isError: boolean;\n  isSuccess: boolean;\n  onAnimationCompleted: (status: ProcessIndicatorStatus) => void;\n  onClear: React.MouseEventHandler<HTMLButtonElement>;\n  psButtonText: string;\n  psProcessingText: string;\n  psButtonDisabled: boolean;\n}\n\nexport default function ProcessingStep({\n  isComplete,\n  isError,\n  isSuccess,\n  onAnimationCompleted,\n  onClear,\n  psButtonText,\n  psProcessingText,\n  psButtonDisabled,\n}: ProcessingStepProps) {\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          status={processStatus}\n          onAnimationCompleted={(status) => onAnimationCompleted(status)}\n        />\n        <Title className=\"m-y-2\" type={Typography.TITLE_BODY} aria-live=\"polite\">\n          {psProcessingText}\n        </Title>\n        {psButtonText && (\n          <Button disabled={psButtonDisabled} onClick={onClear}>\n            {psButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ProcessingStep","isComplete","isError","isSuccess","onAnimationCompleted","onClear","psButtonText","psProcessingText","psButtonDisabled","processStatus","Status","PROCESSING","FAILED","SUCCEEDED","_jsx","className","children","_jsxs","ProcessIndicator","status","Title","type","Typography","TITLE_BODY","Button","disabled","onClick"],"mappings":";;;;;;;AAgBwB,SAAAA,cAAcA,CAAC;EACrCC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,oBAAoB;EACpBC,OAAO;EACPC,YAAY;EACZC,gBAAgB;AAChBC,EAAAA,gBAAAA;AACoB,CAAA,EAAA;AACpB,EAAA,IAAIC,aAAa,GAAGC,MAAM,CAACC,UAAU,CAAA;AACrC,EAAA,IAAIT,OAAO,EAAE;IACXO,aAAa,GAAGC,MAAM,CAACE,MAAM,CAAA;AAC/B,GAAA;AACA,EAAA,IAAIT,SAAS,EAAE;IACbM,aAAa,GAAGC,MAAM,CAACG,SAAS,CAAA;AAClC,GAAA;AAEA,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,0CAA0C;AAAC,IAAA,aAAA,EAAad,UAAW;AAAAe,IAAAA,QAAA,eAChFC,IAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;MAAAC,QAAA,EAAA,cACrCF,GAAA,CAACI,gBAAgB,EAAA;AACfC,QAAAA,MAAM,EAAEV,aAAc;AACtBL,QAAAA,oBAAoB,EAAGe,MAAM,IAAKf,oBAAoB,CAACe,MAAM,CAAA;AAAE,OAEjE,CAAA,eAAAL,GAAA,CAACM,KAAK,EAAA;AAACL,QAAAA,SAAS,EAAC,OAAO;QAACM,IAAI,EAAEC,UAAU,CAACC,UAAW;AAAC,QAAA,WAAA,EAAU,QAAQ;AAAAP,QAAAA,QAAA,EACrET,gBAAAA;AAAgB,OACZ,CACP,EAACD,YAAY,iBACXQ,GAAA,CAACU,MAAM,EAAA;AAACC,QAAAA,QAAQ,EAAEjB,gBAAiB;AAACkB,QAAAA,OAAO,EAAErB,OAAQ;AAAAW,QAAAA,QAAA,EAClDV,YAAAA;AAAY,OACP,CACT,CAAA;KACE,CAAA;AACP,GAAK,CAAC,CAAA;AAEV;;;;"}

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

@@ -0,0 +1,88 @@
+'use strict';
+
+var icons = require('@transferwise/icons');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+class UploadImageStep extends React.PureComponent {
+  uploadInputRef = /*#__PURE__*/React.createRef();
+  onManualUpload = () => {
+    const {
+      fileDropped
+    } = this.props;
+    const file = this.uploadInputRef.current?.files?.[0];
+    if (file != null) {
+      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: String(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 === '*' ? undefined : usAccept,
+              className: "tw-droppable-input hidden",
+              disabled: usDisabled,
+              name: "file-upload",
+              onChange: () => this.onManualUpload()
+            })]
+          })]
+        })
+      })
+    });
+  }
+}
+
+module.exports = UploadImageStep;
+//# sourceMappingURL=uploadImageStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"uploadImageStep.js","sources":["../../../../src/upload/steps/uploadImageStep/uploadImageStep.tsx"],"sourcesContent":["import { Upload as UploadIcon } from '@transferwise/icons';\nimport { createRef, PureComponent } from 'react';\n\nexport interface UploadImageStepProps {\n  fileDropped: (file: File) => void;\n  isComplete: boolean;\n  usAccept: string;\n  usButtonText: string;\n  usDisabled: boolean;\n  usHelpImage: React.ReactNode;\n  usLabel: string;\n  usPlaceholder: string;\n}\n\nexport default class UploadImageStep extends PureComponent<UploadImageStepProps> {\n  uploadInputRef = createRef<HTMLInputElement>();\n\n  onManualUpload = () => {\n    const { fileDropped } = this.props;\n    const file = this.uploadInputRef.current?.files?.[0];\n    if (file != null) {\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\">{String(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 === '*' ? undefined : 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"],"names":["UploadImageStep","PureComponent","uploadInputRef","createRef","onManualUpload","fileDropped","props","file","current","files","getImage","usHelpImage","usLabel","_jsx","className","children","UploadIcon","size","src","alt","render","isComplete","usAccept","usButtonText","usDisabled","usPlaceholder","_jsxs","String","ref","type","accept","undefined","disabled","name","onChange"],"mappings":";;;;;;AAcqB,MAAAA,eAAgB,SAAQC,mBAAmC,CAAA;EAC9EC,cAAc,gBAAGC,eAAS,EAAoB,CAAA;EAE9CC,cAAc,GAAGA,MAAK;IACpB,MAAM;AAAEC,MAAAA,WAAAA;KAAa,GAAG,IAAI,CAACC,KAAK,CAAA;IAClC,MAAMC,IAAI,GAAG,IAAI,CAACL,cAAc,CAACM,OAAO,EAAEC,KAAK,GAAG,CAAC,CAAC,CAAA;IACpD,IAAIF,IAAI,IAAI,IAAI,EAAE;MAChBF,WAAW,CAACE,IAAI,CAAC,CAAA;AACnB,KAAA;GACD,CAAA;EAEDG,QAAQ,GAAGA,MAAK;IACd,MAAM;MAAEC,WAAW;AAAEC,MAAAA,OAAAA;KAAS,GAAG,IAAI,CAACN,KAAK,CAAA;IAE3C,IAAI,CAACK,WAAW,EAAE;AAChB,MAAA,oBACEE,cAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,uCAAuC;QAAAC,QAAA,eACpDF,cAAA,CAACG,YAAU,EAAA;AAACC,UAAAA,IAAI,EAAE,EAAA;SACpB,CAAA;AAAA,OAAK,CAAC,CAAA;AAEV,KAAA;AAEA,IAAA,IAAI,OAAON,WAAW,KAAK,QAAQ,EAAE;AACnC,MAAA,oBAAOE,cAAA,CAAA,KAAA,EAAA;AAAKK,QAAAA,GAAG,EAAEP,WAAY;AAACQ,QAAAA,GAAG,EAAEP,OAAQ;AAACE,QAAAA,SAAS,EAAC,0BAAA;AAA0B,QAAG,CAAA;AACrF,KAAA;AAEA,IAAA,OAAOH,WAAW,CAAA;GACnB,CAAA;AAEDS,EAAAA,MAAMA,GAAA;IACJ,MAAM;MAAEC,UAAU;MAAEC,QAAQ;MAAEC,YAAY;MAAEC,UAAU;MAAEZ,OAAO;AAAEa,MAAAA,aAAAA;KAAe,GAAG,IAAI,CAACnB,KAAK,CAAA;AAE7F,IAAA,oBACEO,cAAA,CAAA,KAAA,EAAA;AAAAE,MAAAA,QAAA,eACEF,cAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,wBAAwB;AAAC,QAAA,aAAA,EAAaO,UAAW;AAAAN,QAAAA,QAAA,eAC9DW,eAAA,CAAA,KAAA,EAAA;AAAKZ,UAAAA,SAAS,EAAC,wBAAwB;AAAAC,UAAAA,QAAA,gBACrCF,cAAA,CAAA,KAAA,EAAA;AAAKC,YAAAA,SAAS,EAAC,OAAO;AAAAC,YAAAA,QAAA,EAAE,IAAI,CAACL,QAAQ,EAAA;AAAE,WAAM,CAC7C,EAACE,OAAO,iBAAIC,cAAA,CAAA,IAAA,EAAA;AAAIC,YAAAA,SAAS,EAAC,0BAA0B;AAAAC,YAAAA,QAAA,EAAEH,OAAAA;AAAO,WAAK,CAAC,EAClEa,aAAa,iBAAIZ,cAAA,CAAA,GAAA,EAAA;AAAGC,YAAAA,SAAS,EAAC,0BAA0B;YAAAC,QAAA,EAAEY,MAAM,CAACF,aAAa,CAAA;WAAK,CAAC,eACrFC,eAAA,CAAA,OAAA,EAAA;AAAOZ,YAAAA,SAAS,GAA4BU,uBAAAA,EAAAA,UAAU,GAAG,UAAU,GAAG,EAAE,CAAG,CAAA;YAAAT,QAAA,EAAA,CACxEQ,YAAY,gBACXV,cAAA,CAAA,MAAA,EAAA;AAAAE,cAAAA,QAAA,EAAOQ,YAAAA;AAAY,aAAO,CAAC,gBAE3BV,cAAA,CAACG,YAAU,EAAA;AAACC,cAAAA,IAAI,EAAE,EAAG;AAACH,cAAAA,SAAS,EAAC,OAAA;aAAO,CACxC,eACDD,cAAA,CAAA,OAAA,EAAA;cACEe,GAAG,EAAE,IAAI,CAAC1B,cAAe;AACzB2B,cAAAA,IAAI,EAAC,MAAM;AACXC,cAAAA,MAAM,EAAER,QAAQ,KAAK,GAAG,GAAGS,SAAS,GAAGT,QAAS;AAChDR,cAAAA,SAAS,EAAC,2BAA2B;AACrCkB,cAAAA,QAAQ,EAAER,UAAW;AACrBS,cAAAA,IAAI,EAAC,aAAa;AAClBC,cAAAA,QAAQ,EAAEA,MAAM,IAAI,CAAC9B,cAAc,EAAE;AAAC,aAE1C,CAAA,CAAA;AAAA,WAAO,CACT,CAAA;SAAK,CAAA;OACF,CAAA;AACP,KAAK,CAAC,CAAA;AAEV,GAAA;AACD;;;;"}

package/build/upload/steps/uploadImageStep/uploadImageStep.mjs

@@ -0,0 +1,86 @@
+import { Upload } from '@transferwise/icons';
+import { PureComponent, createRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+class UploadImageStep extends PureComponent {
+  uploadInputRef = /*#__PURE__*/createRef();
+  onManualUpload = () => {
+    const {
+      fileDropped
+    } = this.props;
+    const file = this.uploadInputRef.current?.files?.[0];
+    if (file != null) {
+      fileDropped(file);
+    }
+  };
+  getImage = () => {
+    const {
+      usHelpImage,
+      usLabel
+    } = this.props;
+    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;
+  };
+  render() {
+    const {
+      isComplete,
+      usAccept,
+      usButtonText,
+      usDisabled,
+      usLabel,
+      usPlaceholder
+    } = this.props;
+    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: this.getImage()
+          }), usLabel && /*#__PURE__*/jsx("h4", {
+            className: "np-text-title-body m-b-1",
+            children: usLabel
+          }), usPlaceholder && /*#__PURE__*/jsx("p", {
+            className: "np-text-body-large m-b-3",
+            children: String(usPlaceholder)
+          }), /*#__PURE__*/jsxs("label", {
+            className: `btn btn-primary btn-md ${usDisabled ? 'disabled' : ''}`,
+            children: [usButtonText ? /*#__PURE__*/jsx("span", {
+              children: usButtonText
+            }) : /*#__PURE__*/jsx(Upload, {
+              size: 24,
+              className: "m-r-0"
+            }), /*#__PURE__*/jsx("input", {
+              ref: this.uploadInputRef,
+              type: "file",
+              accept: usAccept === '*' ? undefined : usAccept,
+              className: "tw-droppable-input hidden",
+              disabled: usDisabled,
+              name: "file-upload",
+              onChange: () => this.onManualUpload()
+            })]
+          })]
+        })
+      })
+    });
+  }
+}
+
+export { UploadImageStep as default };
+//# sourceMappingURL=uploadImageStep.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"uploadImageStep.mjs","sources":["../../../../src/upload/steps/uploadImageStep/uploadImageStep.tsx"],"sourcesContent":["import { Upload as UploadIcon } from '@transferwise/icons';\nimport { createRef, PureComponent } from 'react';\n\nexport interface UploadImageStepProps {\n  fileDropped: (file: File) => void;\n  isComplete: boolean;\n  usAccept: string;\n  usButtonText: string;\n  usDisabled: boolean;\n  usHelpImage: React.ReactNode;\n  usLabel: string;\n  usPlaceholder: string;\n}\n\nexport default class UploadImageStep extends PureComponent<UploadImageStepProps> {\n  uploadInputRef = createRef<HTMLInputElement>();\n\n  onManualUpload = () => {\n    const { fileDropped } = this.props;\n    const file = this.uploadInputRef.current?.files?.[0];\n    if (file != null) {\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\">{String(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 === '*' ? undefined : 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"],"names":["UploadImageStep","PureComponent","uploadInputRef","createRef","onManualUpload","fileDropped","props","file","current","files","getImage","usHelpImage","usLabel","_jsx","className","children","UploadIcon","size","src","alt","render","isComplete","usAccept","usButtonText","usDisabled","usPlaceholder","_jsxs","String","ref","type","accept","undefined","disabled","name","onChange"],"mappings":";;;;AAcqB,MAAAA,eAAgB,SAAQC,aAAmC,CAAA;EAC9EC,cAAc,gBAAGC,SAAS,EAAoB,CAAA;EAE9CC,cAAc,GAAGA,MAAK;IACpB,MAAM;AAAEC,MAAAA,WAAAA;KAAa,GAAG,IAAI,CAACC,KAAK,CAAA;IAClC,MAAMC,IAAI,GAAG,IAAI,CAACL,cAAc,CAACM,OAAO,EAAEC,KAAK,GAAG,CAAC,CAAC,CAAA;IACpD,IAAIF,IAAI,IAAI,IAAI,EAAE;MAChBF,WAAW,CAACE,IAAI,CAAC,CAAA;AACnB,KAAA;GACD,CAAA;EAEDG,QAAQ,GAAGA,MAAK;IACd,MAAM;MAAEC,WAAW;AAAEC,MAAAA,OAAAA;KAAS,GAAG,IAAI,CAACN,KAAK,CAAA;IAE3C,IAAI,CAACK,WAAW,EAAE;AAChB,MAAA,oBACEE,GAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,uCAAuC;QAAAC,QAAA,eACpDF,GAAA,CAACG,MAAU,EAAA;AAACC,UAAAA,IAAI,EAAE,EAAA;SACpB,CAAA;AAAA,OAAK,CAAC,CAAA;AAEV,KAAA;AAEA,IAAA,IAAI,OAAON,WAAW,KAAK,QAAQ,EAAE;AACnC,MAAA,oBAAOE,GAAA,CAAA,KAAA,EAAA;AAAKK,QAAAA,GAAG,EAAEP,WAAY;AAACQ,QAAAA,GAAG,EAAEP,OAAQ;AAACE,QAAAA,SAAS,EAAC,0BAAA;AAA0B,QAAG,CAAA;AACrF,KAAA;AAEA,IAAA,OAAOH,WAAW,CAAA;GACnB,CAAA;AAEDS,EAAAA,MAAMA,GAAA;IACJ,MAAM;MAAEC,UAAU;MAAEC,QAAQ;MAAEC,YAAY;MAAEC,UAAU;MAAEZ,OAAO;AAAEa,MAAAA,aAAAA;KAAe,GAAG,IAAI,CAACnB,KAAK,CAAA;AAE7F,IAAA,oBACEO,GAAA,CAAA,KAAA,EAAA;AAAAE,MAAAA,QAAA,eACEF,GAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,wBAAwB;AAAC,QAAA,aAAA,EAAaO,UAAW;AAAAN,QAAAA,QAAA,eAC9DW,IAAA,CAAA,KAAA,EAAA;AAAKZ,UAAAA,SAAS,EAAC,wBAAwB;AAAAC,UAAAA,QAAA,gBACrCF,GAAA,CAAA,KAAA,EAAA;AAAKC,YAAAA,SAAS,EAAC,OAAO;AAAAC,YAAAA,QAAA,EAAE,IAAI,CAACL,QAAQ,EAAA;AAAE,WAAM,CAC7C,EAACE,OAAO,iBAAIC,GAAA,CAAA,IAAA,EAAA;AAAIC,YAAAA,SAAS,EAAC,0BAA0B;AAAAC,YAAAA,QAAA,EAAEH,OAAAA;AAAO,WAAK,CAAC,EAClEa,aAAa,iBAAIZ,GAAA,CAAA,GAAA,EAAA;AAAGC,YAAAA,SAAS,EAAC,0BAA0B;YAAAC,QAAA,EAAEY,MAAM,CAACF,aAAa,CAAA;WAAK,CAAC,eACrFC,IAAA,CAAA,OAAA,EAAA;AAAOZ,YAAAA,SAAS,GAA4BU,uBAAAA,EAAAA,UAAU,GAAG,UAAU,GAAG,EAAE,CAAG,CAAA;YAAAT,QAAA,EAAA,CACxEQ,YAAY,gBACXV,GAAA,CAAA,MAAA,EAAA;AAAAE,cAAAA,QAAA,EAAOQ,YAAAA;AAAY,aAAO,CAAC,gBAE3BV,GAAA,CAACG,MAAU,EAAA;AAACC,cAAAA,IAAI,EAAE,EAAG;AAACH,cAAAA,SAAS,EAAC,OAAA;aAAO,CACxC,eACDD,GAAA,CAAA,OAAA,EAAA;cACEe,GAAG,EAAE,IAAI,CAAC1B,cAAe;AACzB2B,cAAAA,IAAI,EAAC,MAAM;AACXC,cAAAA,MAAM,EAAER,QAAQ,KAAK,GAAG,GAAGS,SAAS,GAAGT,QAAS;AAChDR,cAAAA,SAAS,EAAC,2BAA2B;AACrCkB,cAAAA,QAAQ,EAAER,UAAW;AACrBS,cAAAA,IAAI,EAAC,aAAa;AAClBC,cAAAA,QAAQ,EAAEA,MAAM,IAAI,CAAC9B,cAAc,EAAE;AAAC,aAE1C,CAAA,CAAA;AAAA,WAAO,CACT,CAAA;SAAK,CAAA;OACF,CAAA;AACP,KAAK,CAAC,CAAA;AAEV,GAAA;AACD;;;;"}

package/build/upload/utils/asyncFileRead/asyncFileRead.js

@@ -0,0 +1,17 @@
+'use strict';
+
+async function asyncFileRead(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.addEventListener('load', () => {
+      resolve(reader.result);
+    });
+    reader.addEventListener('error', () => {
+      reject(reader.error ?? new Error('Cannot read file'));
+    });
+    reader.readAsDataURL(file);
+  });
+}
+
+exports.asyncFileRead = asyncFileRead;
+//# sourceMappingURL=asyncFileRead.js.map

package/build/upload/utils/asyncFileRead/asyncFileRead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asyncFileRead.js","sources":["../../../../src/upload/utils/asyncFileRead/asyncFileRead.ts"],"sourcesContent":["export async function asyncFileRead(file: Blob) {\n  return new Promise<string>((resolve, reject) => {\n    const reader = new FileReader();\n    reader.addEventListener('load', () => {\n      resolve(reader.result as string);\n    });\n    reader.addEventListener('error', () => {\n      reject(reader.error ?? new Error('Cannot read file'));\n    });\n    reader.readAsDataURL(file);\n  });\n}\n"],"names":["asyncFileRead","file","Promise","resolve","reject","reader","FileReader","addEventListener","result","error","Error","readAsDataURL"],"mappings":";;AAAO,eAAeA,aAAaA,CAACC,IAAU,EAAA;AAC5C,EAAA,OAAO,IAAIC,OAAO,CAAS,CAACC,OAAO,EAAEC,MAAM,KAAI;AAC7C,IAAA,MAAMC,MAAM,GAAG,IAAIC,UAAU,EAAE,CAAA;AAC/BD,IAAAA,MAAM,CAACE,gBAAgB,CAAC,MAAM,EAAE,MAAK;AACnCJ,MAAAA,OAAO,CAACE,MAAM,CAACG,MAAgB,CAAC,CAAA;AAClC,KAAC,CAAC,CAAA;AACFH,IAAAA,MAAM,CAACE,gBAAgB,CAAC,OAAO,EAAE,MAAK;MACpCH,MAAM,CAACC,MAAM,CAACI,KAAK,IAAI,IAAIC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAA;AACvD,KAAC,CAAC,CAAA;AACFL,IAAAA,MAAM,CAACM,aAAa,CAACV,IAAI,CAAC,CAAA;AAC5B,GAAC,CAAC,CAAA;AACJ;;;;"}

package/build/upload/utils/asyncFileRead/asyncFileRead.mjs

@@ -0,0 +1,15 @@
+async function asyncFileRead(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.addEventListener('load', () => {
+      resolve(reader.result);
+    });
+    reader.addEventListener('error', () => {
+      reject(reader.error ?? new Error('Cannot read file'));
+    });
+    reader.readAsDataURL(file);
+  });
+}
+
+export { asyncFileRead };
+//# sourceMappingURL=asyncFileRead.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"asyncFileRead.mjs","sources":["../../../../src/upload/utils/asyncFileRead/asyncFileRead.ts"],"sourcesContent":["export async function asyncFileRead(file: Blob) {\n  return new Promise<string>((resolve, reject) => {\n    const reader = new FileReader();\n    reader.addEventListener('load', () => {\n      resolve(reader.result as string);\n    });\n    reader.addEventListener('error', () => {\n      reject(reader.error ?? new Error('Cannot read file'));\n    });\n    reader.readAsDataURL(file);\n  });\n}\n"],"names":["asyncFileRead","file","Promise","resolve","reject","reader","FileReader","addEventListener","result","error","Error","readAsDataURL"],"mappings":"AAAO,eAAeA,aAAaA,CAACC,IAAU,EAAA;AAC5C,EAAA,OAAO,IAAIC,OAAO,CAAS,CAACC,OAAO,EAAEC,MAAM,KAAI;AAC7C,IAAA,MAAMC,MAAM,GAAG,IAAIC,UAAU,EAAE,CAAA;AAC/BD,IAAAA,MAAM,CAACE,gBAAgB,CAAC,MAAM,EAAE,MAAK;AACnCJ,MAAAA,OAAO,CAACE,MAAM,CAACG,MAAgB,CAAC,CAAA;AAClC,KAAC,CAAC,CAAA;AACFH,IAAAA,MAAM,CAACE,gBAAgB,CAAC,OAAO,EAAE,MAAK;MACpCH,MAAM,CAACC,MAAM,CAACI,KAAK,IAAI,IAAIC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAA;AACvD,KAAC,CAAC,CAAA;AACFL,IAAAA,MAAM,CAACM,aAAa,CAACV,IAAI,CAAC,CAAA;AAC5B,GAAC,CAAC,CAAA;AACJ;;;;"}

package/build/upload/utils/getFileType/getFileType.js

@@ -0,0 +1,18 @@
+'use strict';
+
+function getFileType(file, file64) {
+  if (file.type) {
+    return file.type;
+  }
+  if (file64) {
+    const regex = /^data:([a-z]+\/[a-z]+);/;
+    const typeFromEncoded = regex.exec(file64);
+    if (typeFromEncoded?.[1]) {
+      return typeFromEncoded[1];
+    }
+  }
+  return '';
+}
+
+exports.getFileType = getFileType;
+//# sourceMappingURL=getFileType.js.map

package/build/upload/utils/getFileType/getFileType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFileType.js","sources":["../../../../src/upload/utils/getFileType/getFileType.ts"],"sourcesContent":["export function getFileType(file: Blob, file64?: string) {\n  if (file.type) {\n    return file.type;\n  }\n\n  if (file64) {\n    const regex = /^data:([a-z]+\\/[a-z]+);/;\n    const typeFromEncoded = regex.exec(file64);\n\n    if (typeFromEncoded?.[1]) {\n      return typeFromEncoded[1];\n    }\n  }\n\n  return '';\n}\n"],"names":["getFileType","file","file64","type","regex","typeFromEncoded","exec"],"mappings":";;AAAgB,SAAAA,WAAWA,CAACC,IAAU,EAAEC,MAAe,EAAA;EACrD,IAAID,IAAI,CAACE,IAAI,EAAE;IACb,OAAOF,IAAI,CAACE,IAAI,CAAA;AAClB,GAAA;AAEA,EAAA,IAAID,MAAM,EAAE;IACV,MAAME,KAAK,GAAG,yBAAyB,CAAA;AACvC,IAAA,MAAMC,eAAe,GAAGD,KAAK,CAACE,IAAI,CAACJ,MAAM,CAAC,CAAA;AAE1C,IAAA,IAAIG,eAAe,GAAG,CAAC,CAAC,EAAE;MACxB,OAAOA,eAAe,CAAC,CAAC,CAAC,CAAA;AAC3B,KAAA;AACF,GAAA;AAEA,EAAA,OAAO,EAAE,CAAA;AACX;;;;"}

package/build/upload/utils/getFileType/getFileType.mjs

@@ -0,0 +1,16 @@
+function getFileType(file, file64) {
+  if (file.type) {
+    return file.type;
+  }
+  if (file64) {
+    const regex = /^data:([a-z]+\/[a-z]+);/;
+    const typeFromEncoded = regex.exec(file64);
+    if (typeFromEncoded?.[1]) {
+      return typeFromEncoded[1];
+    }
+  }
+  return '';
+}
+
+export { getFileType };
+//# sourceMappingURL=getFileType.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getFileType.mjs","sources":["../../../../src/upload/utils/getFileType/getFileType.ts"],"sourcesContent":["export function getFileType(file: Blob, file64?: string) {\n  if (file.type) {\n    return file.type;\n  }\n\n  if (file64) {\n    const regex = /^data:([a-z]+\\/[a-z]+);/;\n    const typeFromEncoded = regex.exec(file64);\n\n    if (typeFromEncoded?.[1]) {\n      return typeFromEncoded[1];\n    }\n  }\n\n  return '';\n}\n"],"names":["getFileType","file","file64","type","regex","typeFromEncoded","exec"],"mappings":"AAAgB,SAAAA,WAAWA,CAACC,IAAU,EAAEC,MAAe,EAAA;EACrD,IAAID,IAAI,CAACE,IAAI,EAAE;IACb,OAAOF,IAAI,CAACE,IAAI,CAAA;AAClB,GAAA;AAEA,EAAA,IAAID,MAAM,EAAE;IACV,MAAME,KAAK,GAAG,yBAAyB,CAAA;AACvC,IAAA,MAAMC,eAAe,GAAGD,KAAK,CAACE,IAAI,CAACJ,MAAM,CAAC,CAAA;AAE1C,IAAA,IAAIG,eAAe,GAAG,CAAC,CAAC,EAAE;MACxB,OAAOA,eAAe,CAAC,CAAC,CAAC,CAAA;AAC3B,KAAA;AACF,GAAA;AAEA,EAAA,OAAO,EAAE,CAAA;AACX;;;;"}

package/build/upload/utils/isSizeValid/isSizeValid.js

@@ -0,0 +1,8 @@
+'use strict';
+
+function isSizeValid(file, maxSize) {
+  return Number.isInteger(maxSize) && file.size <= maxSize;
+}
+
+exports.isSizeValid = isSizeValid;
+//# sourceMappingURL=isSizeValid.js.map

package/build/upload/utils/isSizeValid/isSizeValid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isSizeValid.js","sources":["../../../../src/upload/utils/isSizeValid/isSizeValid.ts"],"sourcesContent":["export function isSizeValid(file: Blob, maxSize: number) {\n  return Number.isInteger(maxSize) && file.size <= maxSize;\n}\n"],"names":["isSizeValid","file","maxSize","Number","isInteger","size"],"mappings":";;AAAgB,SAAAA,WAAWA,CAACC,IAAU,EAAEC,OAAe,EAAA;EACrD,OAAOC,MAAM,CAACC,SAAS,CAACF,OAAO,CAAC,IAAID,IAAI,CAACI,IAAI,IAAIH,OAAO,CAAA;AAC1D;;;;"}

package/build/upload/utils/isSizeValid/isSizeValid.mjs

@@ -0,0 +1,6 @@
+function isSizeValid(file, maxSize) {
+  return Number.isInteger(maxSize) && file.size <= maxSize;
+}
+
+export { isSizeValid };
+//# sourceMappingURL=isSizeValid.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isSizeValid.mjs","sources":["../../../../src/upload/utils/isSizeValid/isSizeValid.ts"],"sourcesContent":["export function isSizeValid(file: Blob, maxSize: number) {\n  return Number.isInteger(maxSize) && file.size <= maxSize;\n}\n"],"names":["isSizeValid","file","maxSize","Number","isInteger","size"],"mappings":"AAAgB,SAAAA,WAAWA,CAACC,IAAU,EAAEC,OAAe,EAAA;EACrD,OAAOC,MAAM,CAACC,SAAS,CAACF,OAAO,CAAC,IAAID,IAAI,CAACI,IAAI,IAAIH,OAAO,CAAA;AAC1D;;;;"}

package/build/upload/utils/isTypeValid/isTypeValid.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var getFileType = require('../getFileType/getFileType.js');
+
+function isTypeValid(file, rule, file64) {
+  if (!rule) {
+    return false;
+  }
+  const allowedTypes = rule.replace(/\s/g, '').split(',');
+  const fileType = getFileType.getFileType(file, file64);
+  if (rule === '*' || allowedTypes.includes(fileType)) {
+    return true;
+  }
+  return allowedTypes.some(type => {
+    const [typeAllowed, extensionAllowed] = type.split('/');
+    return extensionAllowed === '*' && fileType.includes(typeAllowed);
+  });
+}
+
+exports.isTypeValid = isTypeValid;
+//# sourceMappingURL=isTypeValid.js.map

package/build/upload/utils/isTypeValid/isTypeValid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isTypeValid.js","sources":["../../../../src/upload/utils/isTypeValid/isTypeValid.ts"],"sourcesContent":["import { getFileType } from '../getFileType';\n\nexport function isTypeValid(file: Blob, rule: string, file64?: string) {\n  if (!rule) {\n    return false;\n  }\n\n  const allowedTypes = rule.replace(/\\s/g, '').split(',');\n  const fileType = getFileType(file, file64);\n\n  if (rule === '*' || allowedTypes.includes(fileType)) {\n    return true;\n  }\n\n  return allowedTypes.some((type) => {\n    const [typeAllowed, extensionAllowed] = type.split('/');\n    return extensionAllowed === '*' && fileType.includes(typeAllowed);\n  });\n}\n"],"names":["isTypeValid","file","rule","file64","allowedTypes","replace","split","fileType","getFileType","includes","some","type","typeAllowed","extensionAllowed"],"mappings":";;;;SAEgBA,WAAWA,CAACC,IAAU,EAAEC,IAAY,EAAEC,MAAe,EAAA;EACnE,IAAI,CAACD,IAAI,EAAE;AACT,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AAEA,EAAA,MAAME,YAAY,GAAGF,IAAI,CAACG,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAAA;AACvD,EAAA,MAAMC,QAAQ,GAAGC,uBAAW,CAACP,IAAI,EAAEE,MAAM,CAAC,CAAA;EAE1C,IAAID,IAAI,KAAK,GAAG,IAAIE,YAAY,CAACK,QAAQ,CAACF,QAAQ,CAAC,EAAE;AACnD,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,OAAOH,YAAY,CAACM,IAAI,CAAEC,IAAI,IAAI;IAChC,MAAM,CAACC,WAAW,EAAEC,gBAAgB,CAAC,GAAGF,IAAI,CAACL,KAAK,CAAC,GAAG,CAAC,CAAA;IACvD,OAAOO,gBAAgB,KAAK,GAAG,IAAIN,QAAQ,CAACE,QAAQ,CAACG,WAAW,CAAC,CAAA;AACnE,GAAC,CAAC,CAAA;AACJ;;;;"}

package/build/upload/utils/isTypeValid/isTypeValid.mjs

@@ -0,0 +1,19 @@
+import { getFileType } from '../getFileType/getFileType.mjs';
+
+function isTypeValid(file, rule, file64) {
+  if (!rule) {
+    return false;
+  }
+  const allowedTypes = rule.replace(/\s/g, '').split(',');
+  const fileType = getFileType(file, file64);
+  if (rule === '*' || allowedTypes.includes(fileType)) {
+    return true;
+  }
+  return allowedTypes.some(type => {
+    const [typeAllowed, extensionAllowed] = type.split('/');
+    return extensionAllowed === '*' && fileType.includes(typeAllowed);
+  });
+}
+
+export { isTypeValid };
+//# sourceMappingURL=isTypeValid.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isTypeValid.mjs","sources":["../../../../src/upload/utils/isTypeValid/isTypeValid.ts"],"sourcesContent":["import { getFileType } from '../getFileType';\n\nexport function isTypeValid(file: Blob, rule: string, file64?: string) {\n  if (!rule) {\n    return false;\n  }\n\n  const allowedTypes = rule.replace(/\\s/g, '').split(',');\n  const fileType = getFileType(file, file64);\n\n  if (rule === '*' || allowedTypes.includes(fileType)) {\n    return true;\n  }\n\n  return allowedTypes.some((type) => {\n    const [typeAllowed, extensionAllowed] = type.split('/');\n    return extensionAllowed === '*' && fileType.includes(typeAllowed);\n  });\n}\n"],"names":["isTypeValid","file","rule","file64","allowedTypes","replace","split","fileType","getFileType","includes","some","type","typeAllowed","extensionAllowed"],"mappings":";;SAEgBA,WAAWA,CAACC,IAAU,EAAEC,IAAY,EAAEC,MAAe,EAAA;EACnE,IAAI,CAACD,IAAI,EAAE;AACT,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AAEA,EAAA,MAAME,YAAY,GAAGF,IAAI,CAACG,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAAA;AACvD,EAAA,MAAMC,QAAQ,GAAGC,WAAW,CAACP,IAAI,EAAEE,MAAM,CAAC,CAAA;EAE1C,IAAID,IAAI,KAAK,GAAG,IAAIE,YAAY,CAACK,QAAQ,CAACF,QAAQ,CAAC,EAAE;AACnD,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,OAAOH,YAAY,CAACM,IAAI,CAAEC,IAAI,IAAI;IAChC,MAAM,CAACC,WAAW,EAAEC,gBAAgB,CAAC,GAAGF,IAAI,CAACL,KAAK,CAAC,GAAG,CAAC,CAAA;IACvD,OAAOO,gBAAgB,KAAK,GAAG,IAAIN,QAAQ,CAACE,QAAQ,CAACG,WAAW,CAAC,CAAA;AACnE,GAAC,CAAC,CAAA;AACJ;;;;"}

package/build/upload/utils/postData/postData.js

@@ -0,0 +1,31 @@
+'use strict';
+
+class ResponseError extends Error {
+  response;
+  status;
+  constructor(response, message) {
+    super(message);
+    this.name = 'ResponseError';
+    this.response = response;
+    this.status = response.status;
+  }
+}
+async function postData({
+  url,
+  method = 'POST',
+  ...httpOptions
+}, data, fetcher = fetch) {
+  const response = await fetcher(url, {
+    method,
+    body: data,
+    ...httpOptions
+  });
+  if (!response.ok) {
+    throw new ResponseError(response, response.statusText);
+  }
+  return response;
+}
+
+exports.ResponseError = ResponseError;
+exports.postData = postData;
+//# sourceMappingURL=postData.js.map

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

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

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

@@ -0,0 +1,28 @@
+class ResponseError extends Error {
+  response;
+  status;
+  constructor(response, message) {
+    super(message);
+    this.name = 'ResponseError';
+    this.response = response;
+    this.status = response.status;
+  }
+}
+async function postData({
+  url,
+  method = 'POST',
+  ...httpOptions
+}, data, fetcher = fetch) {
+  const response = await fetcher(url, {
+    method,
+    body: data,
+    ...httpOptions
+  });
+  if (!response.ok) {
+    throw new ResponseError(response, response.statusText);
+  }
+  return response;
+}
+
+export { ResponseError, postData };
+//# sourceMappingURL=postData.mjs.map