@transferwise/components 46.119.4 → 46.120.0

package/build/upload/Upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","sources":["../../src/upload/Upload.tsx"],"sourcesContent":["import { Plus as PlusIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { Component } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { Size, Typography } from '../common';\nimport Title from '../title';\n\nimport messages from './Upload.messages';\nimport { UploadImageStep, ProcessingStep, CompleteStep } from './steps';\nimport { postData, asyncFileRead, isSizeValid, isTypeValid, getFileType } from './utils';\nimport { PostDataFetcher, PostDataHTTPOptions, ResponseError } from './utils/postData/postData';\n\nexport const MAX_SIZE_DEFAULT = 5000000;\n\nexport enum UploadStep {\n  UPLOAD_IMAGE_STEP = 'uploadImageStep',\n}\n\nexport interface UploadProps extends WrappedComponentProps {\n  animationDelay?: number;\n  csButtonText?: string;\n  csFailureText?: string;\n  csSuccessText?: string;\n  csTooLargeMessage?: string;\n  csWrongTypeMessage?: string;\n  httpOptions?: PostDataHTTPOptions & {\n    fileInputName?: string;\n    data?: Record<string, string | Blob>;\n  };\n  /**\n   * You can provide a fetcher function with the same interface as the global fetch function, which is used by default.\n   * `function fetcher(input: RequestInfo, init?: RequestInit): Promise<Response>`\n   */\n  fetcher?: PostDataFetcher;\n  /**\n   * Filesize expressed in B.<br />If set to `null`, no size limit will be applied.\n   * @default 5000000 (5 MB)\n   */\n  maxSize?: number | null;\n  psButtonText?: string;\n  psButtonDisabled?: boolean;\n  psProcessingText?: string;\n  size?: `${Size.SMALL | Size.MEDIUM | Size.LARGE}`;\n  /**\n   * You can provide multiple rules separated by comma, e.g.: \"application/pdf,image/*\".\n   * Using \"*\" will allow every file type to be uploaded.\n   */\n  usAccept?: string;\n  usButtonText?: string;\n  usButtonRetryText?: string;\n  usDisabled?: boolean;\n  usDropMessage?: string;\n  usHelpImage?: React.ReactNode;\n  usLabel?: string;\n  usPlaceholder?: string;\n  /**\n   * Override for the [InlineAlert icon's default, accessible name](/?path=/docs/other-statusicon-accessibility--docs)\n   * announced by the screen readers\n   * */\n  errorIconLabel?: string;\n  /** @deprecated Only a single variant exists, please remove this prop. */\n  uploadStep?: `${UploadStep}`;\n  onCancel?: () => void;\n  onFailure?: (error: unknown) => void;\n  onStart?: (file: File) => void;\n  onSuccess?: (response: string | Response, fileName: string) => void;\n}\n\ninterface UploadState {\n  fileName: string;\n  isDroppable: boolean;\n  isComplete: boolean;\n  isError: boolean;\n  isImage: boolean;\n  isProcessing: boolean;\n  isSuccess: boolean;\n  response: unknown;\n  uploadedImage: string | undefined;\n}\n\nexport class Upload extends Component<UploadProps, UploadState> {\n  declare props: UploadProps & Required<Pick<UploadProps, keyof typeof Upload.defaultProps>>;\n\n  static defaultProps = {\n    animationDelay: 300,\n    maxSize: MAX_SIZE_DEFAULT,\n    psButtonDisabled: false,\n    size: 'md',\n    usAccept: 'image/*',\n    usDisabled: false,\n    usLabel: '',\n  } satisfies Partial<UploadProps>;\n\n  dragCounter = 0;\n  timeouts = 0;\n\n  constructor(props: UploadProps) {\n    super(props);\n\n    this.state = {\n      fileName: '',\n      isDroppable: false,\n      isComplete: false,\n      isError: false,\n      isImage: false,\n      isProcessing: false,\n      isSuccess: false,\n      response: undefined,\n      uploadedImage: undefined,\n    };\n  }\n\n  getErrorMessage(status?: number) {\n    const { csFailureText, csTooLargeMessage, csWrongTypeMessage, maxSize, intl } = this.props;\n    switch (status) {\n      case 413:\n        return (\n          csTooLargeMessage ||\n          (typeof maxSize === 'number'\n            ? intl.formatMessage(messages.csTooLargeMessage, { maxSize: roundFileSize(maxSize) })\n            : intl.formatMessage(messages.csTooLargeNoLimitMessage))\n        );\n      case 415:\n        return csWrongTypeMessage || intl.formatMessage(messages.csWrongTypeMessage);\n      default:\n        return csFailureText || intl.formatMessage(messages.csFailureText);\n    }\n  }\n\n  onDragLeave(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    this.dragCounter -= 1;\n    if (this.dragCounter === 0) {\n      this.setState({ isDroppable: false });\n    }\n  }\n\n  onDragEnter(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    this.dragCounter += 1;\n    const { usDisabled } = this.props;\n    const { isProcessing } = this.state;\n    if (this.dragCounter === 1 && !usDisabled && !isProcessing) {\n      this.setState({ isDroppable: true });\n    }\n  }\n\n  async onDrop(event: React.DragEvent<HTMLDivElement>) {\n    const { isProcessing } = this.state;\n    event.preventDefault();\n    if (!isProcessing) {\n      this.reset();\n    }\n\n    if (event.dataTransfer?.files?.[0]) {\n      await this.fileDropped(event.dataTransfer.files[0]);\n    }\n  }\n\n  asyncPost = async (file: File) => {\n    const { httpOptions, fetcher } = this.props;\n    if (httpOptions == null) {\n      throw new Error('Cannot find HTTP options');\n    }\n\n    const { fileInputName = file.name, data = {} } = httpOptions;\n\n    const formData = new FormData();\n    formData.append(fileInputName, file);\n    Object.keys(data).forEach((key) => formData.append(key, data[key]));\n    return postData(httpOptions, formData, fetcher);\n  };\n\n  handleUploadComplete = (type: 'success' | 'error', response: unknown) => {\n    const { animationDelay, onSuccess, onFailure } = this.props;\n    const { fileName } = this.state;\n\n    window.clearTimeout(this.timeouts);\n    this.timeouts = window.setTimeout(() => {\n      this.setState(\n        {\n          isProcessing: false,\n          isComplete: true,\n        },\n        () => {\n          if (type === 'success') {\n            onSuccess?.(response as string | Response, fileName);\n          } else {\n            onFailure?.(response);\n          }\n        },\n      );\n    }, animationDelay);\n  };\n\n  asyncResponse = (response: unknown, type: 'success' | 'error') => {\n    this.setState(\n      {\n        response,\n        isError: type === 'error',\n        isSuccess: type === 'success',\n      },\n      () => this.handleUploadComplete(type, response),\n    );\n  };\n\n  handleOnClear: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.preventDefault();\n    const { onCancel } = this.props;\n    onCancel?.();\n\n    this.reset();\n  };\n\n  reset = () => {\n    this.dragCounter = 0;\n    window.clearTimeout(this.timeouts);\n    this.setState({\n      isComplete: false,\n      isError: false,\n      isProcessing: false,\n      isSuccess: false,\n    });\n  };\n\n  showDataImage = (dataUrl: string) => {\n    const { isImage } = this.state;\n    if (isImage) {\n      this.setState({\n        uploadedImage: dataUrl,\n      });\n    }\n  };\n\n  fileDropped = async (file: File) => {\n    const { httpOptions, maxSize, onStart, usDisabled, usAccept } = this.props;\n    const { isProcessing } = this.state;\n\n    if (usDisabled || isProcessing) {\n      return false;\n    }\n\n    if (!file) {\n      throw new Error('Could not retrieve file');\n    }\n\n    this.setState({\n      fileName: file.name,\n      isDroppable: false,\n      isProcessing: true,\n    });\n\n    onStart?.(file);\n\n    let file64 = null;\n\n    try {\n      file64 = await asyncFileRead(file);\n    } catch (error) {\n      this.asyncResponse(error, 'error');\n    }\n\n    if (!file64) {\n      return false;\n    }\n\n    this.setState({\n      isImage: getFileType(file, file64).includes('image'),\n    });\n\n    if (!isTypeValid(file, usAccept, file64)) {\n      this.asyncResponse(\n        new ResponseError(\n          new Response(null, {\n            status: 415,\n            statusText: 'Unsupported Media Type',\n          }),\n        ),\n        'error',\n      );\n      return false;\n    }\n\n    if (typeof maxSize === 'number' && !isSizeValid(file, maxSize)) {\n      this.asyncResponse(\n        new ResponseError(\n          new Response(null, {\n            status: 413,\n            statusText: 'Request Entity Too Large',\n          }),\n        ),\n        'error',\n      );\n      return false;\n    }\n\n    if (httpOptions) {\n      // Post the file to provided endpoint\n      let response;\n      try {\n        response = await this.asyncPost(file);\n      } catch (error) {\n        this.asyncResponse(error, 'error');\n        return false;\n      }\n      this.asyncResponse(response, 'success');\n      this.showDataImage(file64);\n      return true;\n    }\n    // Post on form submit. And return the encoded image.\n    this.showDataImage(file64);\n    this.asyncResponse(file64, 'success');\n    return true;\n  };\n\n  render() {\n    const {\n      maxSize,\n      usDropMessage,\n      usAccept,\n      usButtonText,\n      usButtonRetryText,\n      usDisabled,\n      usHelpImage,\n      usLabel,\n      usPlaceholder,\n      psButtonText,\n      psProcessingText,\n      psButtonDisabled,\n      csButtonText,\n      csSuccessText,\n      size,\n      intl,\n      errorIconLabel,\n    } = this.props;\n\n    const {\n      response,\n      fileName,\n      isComplete,\n      isDroppable,\n      isError,\n      isImage,\n      isProcessing,\n      isSuccess,\n      uploadedImage,\n    } = this.state;\n\n    const placeholder = ((): string => {\n      if (usPlaceholder) {\n        return usPlaceholder;\n      }\n\n      if (typeof maxSize === 'number') {\n        return intl.formatMessage(messages.usPlaceholder, { maxSize: roundFileSize(maxSize) });\n      }\n\n      return intl.formatMessage(messages.usPlaceholderNoLimit);\n    })();\n\n    return (\n      <div\n        className={clsx('droppable-area', {\n          droppable: true,\n          'tw-droppable-sm droppable-sm': size === 'sm',\n          'tw-droppable-md droppable-md': size === 'md' || !size,\n          'tw-droppable-lg droppable-lg': size === 'lg',\n          'droppable-dropping': isDroppable,\n          'droppable-processing': isProcessing,\n          'droppable-complete': isComplete && !isError,\n          'droppable-negative': isError && !isProcessing,\n        })}\n        onDragEnter={(event) => this.onDragEnter(event)}\n        onDragLeave={(event) => this.onDragLeave(event)}\n        onDrop={async (event) => this.onDrop(event)}\n        onDragOver={(event) => event.preventDefault()}\n      >\n        {!isProcessing && !isComplete && (\n          <UploadImageStep\n            fileDropped={async (file) => this.fileDropped(file)}\n            isComplete={isComplete}\n            usAccept={usAccept}\n            usButtonText={usButtonText || intl.formatMessage(messages.usButtonText)}\n            usDisabled={usDisabled}\n            usHelpImage={usHelpImage}\n            usLabel={usLabel}\n            usPlaceholder={placeholder}\n          />\n        )}\n\n        {(isSuccess || isComplete) && !isError && (\n          <CompleteStep\n            fileName={fileName}\n            isComplete={isComplete}\n            isImage={isImage}\n            csButtonText={csButtonText || intl.formatMessage(messages.csButtonText)}\n            csSuccessText={csSuccessText || intl.formatMessage(messages.csSuccessText)}\n            uploadedImage={uploadedImage}\n            onClear={(event) => this.handleOnClear(event)}\n          />\n        )}\n        {isError && !isProcessing && (\n          <UploadImageStep\n            fileDropped={async (file) => {\n              this.reset();\n              await this.fileDropped(file);\n            }}\n            isComplete={!isError}\n            usAccept={usAccept}\n            usButtonText={usButtonRetryText || intl.formatMessage(messages.retry)}\n            usDisabled={usDisabled}\n            usHelpImage={null}\n            usLabel={usLabel}\n            usPlaceholder={placeholder}\n            errorMessage={this.getErrorMessage(\n              response != null &&\n                typeof response === 'object' &&\n                'status' in response &&\n                typeof response.status === 'number'\n                ? response.status\n                : undefined,\n            )}\n            errorIconLabel={errorIconLabel}\n          />\n        )}\n        {isProcessing && (\n          <ProcessingStep\n            isComplete={isComplete}\n            isError={isError}\n            isSuccess={isSuccess}\n            psButtonText={psButtonText || intl.formatMessage(messages.psButtonText)}\n            psProcessingText={psProcessingText || intl.formatMessage(messages.psProcessingText)}\n            psButtonDisabled={psButtonDisabled}\n            onClear={(event) => this.handleOnClear(event)}\n          />\n        )}\n        {!isProcessing && (\n          <div className=\"droppable-dropping-card droppable-card\" aria-live=\"polite\">\n            <div className=\"droppable-card-content\">\n              <div className=\"circle circle-sm text-primary\">\n                <PlusIcon size=\"16\" />\n              </div>\n              <Title type={Typography.TITLE_BODY} className=\"m-t-3\">\n                {usDropMessage || intl.formatMessage(messages.usDropMessage)}\n              </Title>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default injectIntl(Upload);\n\nconst roundFileSize = (bytes: number) => {\n  const megabytes = bytes / 1000000;\n  if (megabytes >= 0.1) {\n    const isRound = Math.floor(megabytes) === megabytes;\n    return isRound ? `${megabytes}` : megabytes.toFixed(1);\n  }\n  if (megabytes >= 0.01) {\n    return megabytes.toFixed(2);\n  }\n  return megabytes.toFixed(3);\n};\n"],"names":["MAX_SIZE_DEFAULT","UploadStep","Upload","Component","defaultProps","animationDelay","maxSize","psButtonDisabled","size","usAccept","usDisabled","usLabel","dragCounter","timeouts","constructor","props","state","fileName","isDroppable","isComplete","isError","isImage","isProcessing","isSuccess","response","undefined","uploadedImage","getErrorMessage","status","csFailureText","csTooLargeMessage","csWrongTypeMessage","intl","formatMessage","messages","roundFileSize","csTooLargeNoLimitMessage","onDragLeave","event","preventDefault","setState","onDragEnter","onDrop","reset","dataTransfer","files","fileDropped","asyncPost","file","httpOptions","fetcher","Error","fileInputName","name","data","formData","FormData","append","Object","keys","forEach","key","postData","handleUploadComplete","type","onSuccess","onFailure","window","clearTimeout","setTimeout","asyncResponse","handleOnClear","onCancel","showDataImage","dataUrl","onStart","file64","asyncFileRead","error","getFileType","includes","isTypeValid","ResponseError","Response","statusText","isSizeValid","render","usDropMessage","usButtonText","usButtonRetryText","usHelpImage","usPlaceholder","psButtonText","psProcessingText","csButtonText","csSuccessText","errorIconLabel","placeholder","usPlaceholderNoLimit","_jsxs","className","clsx","droppable","onDragOver","children","_jsx","UploadImageStep","CompleteStep","onClear","retry","errorMessage","ProcessingStep","PlusIcon","Title","Typography","TITLE_BODY","injectIntl","bytes","megabytes","isRound","Math","floor","toFixed"],"mappings":"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"}
+{"version":3,"file":"Upload.js","sources":["../../src/upload/Upload.tsx"],"sourcesContent":["import { Plus as PlusIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { Component } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { Size, Typography } from '../common';\nimport Title from '../title';\n\nimport messages from './Upload.messages';\nimport { UploadImageStep, ProcessingStep, CompleteStep } from './steps';\nimport { postData, asyncFileRead, isSizeValid, isTypeValid, getFileType } from './utils';\nimport { PostDataFetcher, PostDataHTTPOptions, ResponseError } from './utils/postData/postData';\n\nexport const MAX_SIZE_DEFAULT = 5000000;\n\nexport enum UploadStep {\n  UPLOAD_IMAGE_STEP = 'uploadImageStep',\n}\n\nexport interface UploadProps extends WrappedComponentProps {\n  animationDelay?: number;\n  csButtonText?: string;\n  csFailureText?: string;\n  csSuccessText?: string;\n  csTooLargeMessage?: string;\n  csWrongTypeMessage?: string;\n  httpOptions?: PostDataHTTPOptions & {\n    fileInputName?: string;\n    data?: Record<string, string | Blob>;\n  };\n  /**\n   * You can provide a fetcher function with the same interface as the global fetch function, which is used by default.\n   * `function fetcher(input: RequestInfo, init?: RequestInit): Promise<Response>`\n   */\n  fetcher?: PostDataFetcher;\n  /**\n   * Filesize expressed in B.<br />If set to `null`, no size limit will be applied.\n   * @default 5000000 (5 MB)\n   */\n  maxSize?: number | null;\n  psButtonText?: string;\n  psButtonDisabled?: boolean;\n  psProcessingText?: string;\n  size?: `${Size.SMALL | Size.MEDIUM | Size.LARGE}`;\n  /**\n   * You can provide multiple rules separated by comma, e.g.: \"application/pdf,image/*\".\n   * Using \"*\" will allow every file type to be uploaded.\n   */\n  usAccept?: string;\n  usButtonText?: string;\n  usButtonRetryText?: string;\n  usDisabled?: boolean;\n  usDropMessage?: string;\n  usHelpImage?: React.ReactNode;\n  usLabel?: string;\n  usPlaceholder?: string;\n  /**\n   * Override for the [InlinePrompt icon's default, accessible name](/?path=/docs/other-statusicon-accessibility--docs)\n   * announced by the screen readers\n   * */\n  errorIconLabel?: string;\n  /** @deprecated Only a single variant exists, please remove this prop. */\n  uploadStep?: `${UploadStep}`;\n  onCancel?: () => void;\n  onFailure?: (error: unknown) => void;\n  onStart?: (file: File) => void;\n  onSuccess?: (response: string | Response, fileName: string) => void;\n}\n\ninterface UploadState {\n  fileName: string;\n  isDroppable: boolean;\n  isComplete: boolean;\n  isError: boolean;\n  isImage: boolean;\n  isProcessing: boolean;\n  isSuccess: boolean;\n  response: unknown;\n  uploadedImage: string | undefined;\n}\n\nexport class Upload extends Component<UploadProps, UploadState> {\n  declare props: UploadProps & Required<Pick<UploadProps, keyof typeof Upload.defaultProps>>;\n\n  static defaultProps = {\n    animationDelay: 300,\n    maxSize: MAX_SIZE_DEFAULT,\n    psButtonDisabled: false,\n    size: 'md',\n    usAccept: 'image/*',\n    usDisabled: false,\n    usLabel: '',\n  } satisfies Partial<UploadProps>;\n\n  dragCounter = 0;\n  timeouts = 0;\n\n  constructor(props: UploadProps) {\n    super(props);\n\n    this.state = {\n      fileName: '',\n      isDroppable: false,\n      isComplete: false,\n      isError: false,\n      isImage: false,\n      isProcessing: false,\n      isSuccess: false,\n      response: undefined,\n      uploadedImage: undefined,\n    };\n  }\n\n  getErrorMessage(status?: number) {\n    const { csFailureText, csTooLargeMessage, csWrongTypeMessage, maxSize, intl } = this.props;\n    switch (status) {\n      case 413:\n        return (\n          csTooLargeMessage ||\n          (typeof maxSize === 'number'\n            ? intl.formatMessage(messages.csTooLargeMessage, { maxSize: roundFileSize(maxSize) })\n            : intl.formatMessage(messages.csTooLargeNoLimitMessage))\n        );\n      case 415:\n        return csWrongTypeMessage || intl.formatMessage(messages.csWrongTypeMessage);\n      default:\n        return csFailureText || intl.formatMessage(messages.csFailureText);\n    }\n  }\n\n  onDragLeave(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    this.dragCounter -= 1;\n    if (this.dragCounter === 0) {\n      this.setState({ isDroppable: false });\n    }\n  }\n\n  onDragEnter(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    this.dragCounter += 1;\n    const { usDisabled } = this.props;\n    const { isProcessing } = this.state;\n    if (this.dragCounter === 1 && !usDisabled && !isProcessing) {\n      this.setState({ isDroppable: true });\n    }\n  }\n\n  async onDrop(event: React.DragEvent<HTMLDivElement>) {\n    const { isProcessing } = this.state;\n    event.preventDefault();\n    if (!isProcessing) {\n      this.reset();\n    }\n\n    if (event.dataTransfer?.files?.[0]) {\n      await this.fileDropped(event.dataTransfer.files[0]);\n    }\n  }\n\n  asyncPost = async (file: File) => {\n    const { httpOptions, fetcher } = this.props;\n    if (httpOptions == null) {\n      throw new Error('Cannot find HTTP options');\n    }\n\n    const { fileInputName = file.name, data = {} } = httpOptions;\n\n    const formData = new FormData();\n    formData.append(fileInputName, file);\n    Object.keys(data).forEach((key) => formData.append(key, data[key]));\n    return postData(httpOptions, formData, fetcher);\n  };\n\n  handleUploadComplete = (type: 'success' | 'error', response: unknown) => {\n    const { animationDelay, onSuccess, onFailure } = this.props;\n    const { fileName } = this.state;\n\n    window.clearTimeout(this.timeouts);\n    this.timeouts = window.setTimeout(() => {\n      this.setState(\n        {\n          isProcessing: false,\n          isComplete: true,\n        },\n        () => {\n          if (type === 'success') {\n            onSuccess?.(response as string | Response, fileName);\n          } else {\n            onFailure?.(response);\n          }\n        },\n      );\n    }, animationDelay);\n  };\n\n  asyncResponse = (response: unknown, type: 'success' | 'error') => {\n    this.setState(\n      {\n        response,\n        isError: type === 'error',\n        isSuccess: type === 'success',\n      },\n      () => this.handleUploadComplete(type, response),\n    );\n  };\n\n  handleOnClear: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.preventDefault();\n    const { onCancel } = this.props;\n    onCancel?.();\n\n    this.reset();\n  };\n\n  reset = () => {\n    this.dragCounter = 0;\n    window.clearTimeout(this.timeouts);\n    this.setState({\n      isComplete: false,\n      isError: false,\n      isProcessing: false,\n      isSuccess: false,\n    });\n  };\n\n  showDataImage = (dataUrl: string) => {\n    const { isImage } = this.state;\n    if (isImage) {\n      this.setState({\n        uploadedImage: dataUrl,\n      });\n    }\n  };\n\n  fileDropped = async (file: File) => {\n    const { httpOptions, maxSize, onStart, usDisabled, usAccept } = this.props;\n    const { isProcessing } = this.state;\n\n    if (usDisabled || isProcessing) {\n      return false;\n    }\n\n    if (!file) {\n      throw new Error('Could not retrieve file');\n    }\n\n    this.setState({\n      fileName: file.name,\n      isDroppable: false,\n      isProcessing: true,\n    });\n\n    onStart?.(file);\n\n    let file64 = null;\n\n    try {\n      file64 = await asyncFileRead(file);\n    } catch (error) {\n      this.asyncResponse(error, 'error');\n    }\n\n    if (!file64) {\n      return false;\n    }\n\n    this.setState({\n      isImage: getFileType(file, file64).includes('image'),\n    });\n\n    if (!isTypeValid(file, usAccept, file64)) {\n      this.asyncResponse(\n        new ResponseError(\n          new Response(null, {\n            status: 415,\n            statusText: 'Unsupported Media Type',\n          }),\n        ),\n        'error',\n      );\n      return false;\n    }\n\n    if (typeof maxSize === 'number' && !isSizeValid(file, maxSize)) {\n      this.asyncResponse(\n        new ResponseError(\n          new Response(null, {\n            status: 413,\n            statusText: 'Request Entity Too Large',\n          }),\n        ),\n        'error',\n      );\n      return false;\n    }\n\n    if (httpOptions) {\n      // Post the file to provided endpoint\n      let response;\n      try {\n        response = await this.asyncPost(file);\n      } catch (error) {\n        this.asyncResponse(error, 'error');\n        return false;\n      }\n      this.asyncResponse(response, 'success');\n      this.showDataImage(file64);\n      return true;\n    }\n    // Post on form submit. And return the encoded image.\n    this.showDataImage(file64);\n    this.asyncResponse(file64, 'success');\n    return true;\n  };\n\n  render() {\n    const {\n      maxSize,\n      usDropMessage,\n      usAccept,\n      usButtonText,\n      usButtonRetryText,\n      usDisabled,\n      usHelpImage,\n      usLabel,\n      usPlaceholder,\n      psButtonText,\n      psProcessingText,\n      psButtonDisabled,\n      csButtonText,\n      csSuccessText,\n      size,\n      intl,\n      errorIconLabel,\n    } = this.props;\n\n    const {\n      response,\n      fileName,\n      isComplete,\n      isDroppable,\n      isError,\n      isImage,\n      isProcessing,\n      isSuccess,\n      uploadedImage,\n    } = this.state;\n\n    const placeholder = ((): string => {\n      if (usPlaceholder) {\n        return usPlaceholder;\n      }\n\n      if (typeof maxSize === 'number') {\n        return intl.formatMessage(messages.usPlaceholder, { maxSize: roundFileSize(maxSize) });\n      }\n\n      return intl.formatMessage(messages.usPlaceholderNoLimit);\n    })();\n\n    return (\n      <div\n        className={clsx('droppable-area', {\n          droppable: true,\n          'tw-droppable-sm droppable-sm': size === 'sm',\n          'tw-droppable-md droppable-md': size === 'md' || !size,\n          'tw-droppable-lg droppable-lg': size === 'lg',\n          'droppable-dropping': isDroppable,\n          'droppable-processing': isProcessing,\n          'droppable-complete': isComplete && !isError,\n          'droppable-negative': isError && !isProcessing,\n        })}\n        onDragEnter={(event) => this.onDragEnter(event)}\n        onDragLeave={(event) => this.onDragLeave(event)}\n        onDrop={async (event) => this.onDrop(event)}\n        onDragOver={(event) => event.preventDefault()}\n      >\n        {!isProcessing && !isComplete && (\n          <UploadImageStep\n            fileDropped={async (file) => this.fileDropped(file)}\n            isComplete={isComplete}\n            usAccept={usAccept}\n            usButtonText={usButtonText || intl.formatMessage(messages.usButtonText)}\n            usDisabled={usDisabled}\n            usHelpImage={usHelpImage}\n            usLabel={usLabel}\n            usPlaceholder={placeholder}\n          />\n        )}\n\n        {(isSuccess || isComplete) && !isError && (\n          <CompleteStep\n            fileName={fileName}\n            isComplete={isComplete}\n            isImage={isImage}\n            csButtonText={csButtonText || intl.formatMessage(messages.csButtonText)}\n            csSuccessText={csSuccessText || intl.formatMessage(messages.csSuccessText)}\n            uploadedImage={uploadedImage}\n            onClear={(event) => this.handleOnClear(event)}\n          />\n        )}\n        {isError && !isProcessing && (\n          <UploadImageStep\n            fileDropped={async (file) => {\n              this.reset();\n              await this.fileDropped(file);\n            }}\n            isComplete={!isError}\n            usAccept={usAccept}\n            usButtonText={usButtonRetryText || intl.formatMessage(messages.retry)}\n            usDisabled={usDisabled}\n            usHelpImage={null}\n            usLabel={usLabel}\n            usPlaceholder={placeholder}\n            errorMessage={this.getErrorMessage(\n              response != null &&\n                typeof response === 'object' &&\n                'status' in response &&\n                typeof response.status === 'number'\n                ? response.status\n                : undefined,\n            )}\n            errorIconLabel={errorIconLabel}\n          />\n        )}\n        {isProcessing && (\n          <ProcessingStep\n            isComplete={isComplete}\n            isError={isError}\n            isSuccess={isSuccess}\n            psButtonText={psButtonText || intl.formatMessage(messages.psButtonText)}\n            psProcessingText={psProcessingText || intl.formatMessage(messages.psProcessingText)}\n            psButtonDisabled={psButtonDisabled}\n            onClear={(event) => this.handleOnClear(event)}\n          />\n        )}\n        {!isProcessing && (\n          <div className=\"droppable-dropping-card droppable-card\" aria-live=\"polite\">\n            <div className=\"droppable-card-content\">\n              <div className=\"circle circle-sm text-primary\">\n                <PlusIcon size=\"16\" />\n              </div>\n              <Title type={Typography.TITLE_BODY} className=\"m-t-3\">\n                {usDropMessage || intl.formatMessage(messages.usDropMessage)}\n              </Title>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default injectIntl(Upload);\n\nconst roundFileSize = (bytes: number) => {\n  const megabytes = bytes / 1000000;\n  if (megabytes >= 0.1) {\n    const isRound = Math.floor(megabytes) === megabytes;\n    return isRound ? `${megabytes}` : megabytes.toFixed(1);\n  }\n  if (megabytes >= 0.01) {\n    return megabytes.toFixed(2);\n  }\n  return megabytes.toFixed(3);\n};\n"],"names":["MAX_SIZE_DEFAULT","UploadStep","Upload","Component","defaultProps","animationDelay","maxSize","psButtonDisabled","size","usAccept","usDisabled","usLabel","dragCounter","timeouts","constructor","props","state","fileName","isDroppable","isComplete","isError","isImage","isProcessing","isSuccess","response","undefined","uploadedImage","getErrorMessage","status","csFailureText","csTooLargeMessage","csWrongTypeMessage","intl","formatMessage","messages","roundFileSize","csTooLargeNoLimitMessage","onDragLeave","event","preventDefault","setState","onDragEnter","onDrop","reset","dataTransfer","files","fileDropped","asyncPost","file","httpOptions","fetcher","Error","fileInputName","name","data","formData","FormData","append","Object","keys","forEach","key","postData","handleUploadComplete","type","onSuccess","onFailure","window","clearTimeout","setTimeout","asyncResponse","handleOnClear","onCancel","showDataImage","dataUrl","onStart","file64","asyncFileRead","error","getFileType","includes","isTypeValid","ResponseError","Response","statusText","isSizeValid","render","usDropMessage","usButtonText","usButtonRetryText","usHelpImage","usPlaceholder","psButtonText","psProcessingText","csButtonText","csSuccessText","errorIconLabel","placeholder","usPlaceholderNoLimit","_jsxs","className","clsx","droppable","onDragOver","children","_jsx","UploadImageStep","CompleteStep","onClear","retry","errorMessage","ProcessingStep","PlusIcon","Title","Typography","TITLE_BODY","injectIntl","bytes","megabytes","isRound","Math","floor","toFixed"],"mappings":"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"}

package/build/upload/Upload.messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.messages.js","sources":["../../src/upload/Upload.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  csButtonText: {\n    id: 'neptune.Upload.csButtonText',\n    defaultMessage: 'Upload another file?',\n  },\n  csFailureText: {\n    id: 'neptune.Upload.csFailureText',\n    defaultMessage: 'Upload failed. Please, try again',\n  },\n  csSuccessText: {\n    id: 'neptune.Upload.csSuccessText',\n    defaultMessage: 'Upload complete!',\n  },\n  csTooLargeMessage: {\n    id: 'neptune.Upload.csTooLargeMessage',\n    defaultMessage: 'Please provide a file smaller than {maxSize}MB',\n  },\n  csTooLargeNoLimitMessage: {\n    id: 'neptune.Upload.csTooLargeNoLimitMessage',\n    defaultMessage: 'Please provide a smaller file',\n  },\n  csWrongTypeMessage: {\n    id: 'neptune.Upload.csWrongTypeMessage',\n    defaultMessage: 'File type not supported. Please try again with a different file',\n  },\n  psButtonText: {\n    id: 'neptune.Upload.psButtonText',\n    defaultMessage: 'Cancel',\n  },\n  psProcessingText: {\n    id: 'neptune.Upload.psProcessingText',\n    defaultMessage: 'Uploading...',\n  },\n  usButtonText: {\n    id: 'neptune.Upload.usButtonText',\n    defaultMessage: 'Or select a file',\n  },\n  usDropMessage: {\n    id: 'neptune.Upload.usDropMessage',\n    defaultMessage: 'Drop file to start upload',\n  },\n  usPlaceholder: {\n    id: 'neptune.Upload.usPlaceholder',\n    defaultMessage: 'Drag and drop a file less than {maxSize}MB',\n  },\n  usPlaceholderNoLimit: {\n    id: 'neptune.Upload.usPlaceholderNoLimit',\n    defaultMessage: 'Drag and drop a file',\n  },\n  retry: {\n    id: 'neptune.Upload.retry',\n    defaultMessage: 'Retry',\n  },\n});\n"],"names":["defineMessages","csButtonText","id","csFailureText","csSuccessText","csTooLargeMessage","csTooLargeNoLimitMessage","csWrongTypeMessage","psButtonText","psProcessingText","usButtonText","usDropMessage","usPlaceholder","usPlaceholderNoLimit","retry"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,YAAY,EAAE;IACZC,EAAE,EAAA;GAEH;AACDC,EAAAA,aAAa,EAAE;IACbD,EAAE,EAAA;GAEH;AACDE,EAAAA,aAAa,EAAE;IACbF,EAAE,EAAA;GAEH;AACDG,EAAAA,iBAAiB,EAAE;IACjBH,EAAE,EAAA;GAEH;AACDI,EAAAA,wBAAwB,EAAE;IACxBJ,EAAE,EAAA;GAEH;AACDK,EAAAA,kBAAkB,EAAE;IAClBL,EAAE,EAAA;GAEH;AACDM,EAAAA,YAAY,EAAE;IACZN,EAAE,EAAA;GAEH;AACDO,EAAAA,gBAAgB,EAAE;IAChBP,EAAE,EAAA;GAEH;AACDQ,EAAAA,YAAY,EAAE;IACZR,EAAE,EAAA;GAEH;AACDS,EAAAA,aAAa,EAAE;IACbT,EAAE,EAAA;GAEH;AACDU,EAAAA,aAAa,EAAE;IACbV,EAAE,EAAA;GAEH;AACDW,EAAAA,oBAAoB,EAAE;IACpBX,EAAE,EAAA;GAEH;AACDY,EAAAA,KAAK,EAAE;IACLZ,EAAE,EAAA;AAEH;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"Upload.messages.js","sources":["../../src/upload/Upload.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  csButtonText: {\n    id: 'neptune.Upload.csButtonText',\n    defaultMessage: 'Upload another file?',\n  },\n  csFailureText: {\n    id: 'neptune.Upload.csFailureText',\n    defaultMessage: 'Upload failed. Please, try again',\n  },\n  csSuccessText: {\n    id: 'neptune.Upload.csSuccessText',\n    defaultMessage: 'Upload complete!',\n  },\n  csTooLargeMessage: {\n    id: 'neptune.Upload.csTooLargeMessage',\n    defaultMessage: 'Please provide a file smaller than {maxSize}MB',\n  },\n  csTooLargeNoLimitMessage: {\n    id: 'neptune.Upload.csTooLargeNoLimitMessage',\n    defaultMessage: 'Please provide a smaller file',\n  },\n  csWrongTypeMessage: {\n    id: 'neptune.Upload.csWrongTypeMessage',\n    defaultMessage: 'File type not supported. Please try again with a different file',\n  },\n  psButtonText: {\n    id: 'neptune.Upload.psButtonText',\n    defaultMessage: 'Cancel',\n  },\n  psProcessingText: {\n    id: 'neptune.Upload.psProcessingText',\n    defaultMessage: 'Uploading...',\n  },\n  usButtonText: {\n    id: 'neptune.Upload.usButtonText',\n    defaultMessage: 'Or select a file',\n  },\n  usDropMessage: {\n    id: 'neptune.Upload.usDropMessage',\n    defaultMessage: 'Drop file to start upload',\n  },\n  usPlaceholder: {\n    id: 'neptune.Upload.usPlaceholder',\n    defaultMessage: 'Drag and drop a file less than {maxSize}MB',\n  },\n  usPlaceholderNoLimit: {\n    id: 'neptune.Upload.usPlaceholderNoLimit',\n    defaultMessage: 'Drag and drop a file',\n  },\n  retry: {\n    id: 'neptune.Upload.retry',\n    defaultMessage: 'Retry',\n  },\n});\n"],"names":["defineMessages","csButtonText","id","csFailureText","csSuccessText","csTooLargeMessage","csTooLargeNoLimitMessage","csWrongTypeMessage","psButtonText","psProcessingText","usButtonText","usDropMessage","usPlaceholder","usPlaceholderNoLimit","retry"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,YAAY,EAAE;IACZC,EAAE,EAAA;GAEH;AACDC,EAAAA,aAAa,EAAE;IACbD,EAAE,EAAA;GAEH;AACDE,EAAAA,aAAa,EAAE;IACbF,EAAE,EAAA;GAEH;AACDG,EAAAA,iBAAiB,EAAE;IACjBH,EAAE,EAAA;GAEH;AACDI,EAAAA,wBAAwB,EAAE;IACxBJ,EAAE,EAAA;GAEH;AACDK,EAAAA,kBAAkB,EAAE;IAClBL,EAAE,EAAA;GAEH;AACDM,EAAAA,YAAY,EAAE;IACZN,EAAE,EAAA;GAEH;AACDO,EAAAA,gBAAgB,EAAE;IAChBP,EAAE,EAAA;GAEH;AACDQ,EAAAA,YAAY,EAAE;IACZR,EAAE,EAAA;GAEH;AACDS,EAAAA,aAAa,EAAE;IACbT,EAAE,EAAA;GAEH;AACDU,EAAAA,aAAa,EAAE;IACbV,EAAE,EAAA;GAEH;AACDW,EAAAA,oBAAoB,EAAE;IACpBX,EAAE,EAAA;GAEH;AACDY,EAAAA,KAAK,EAAE;IACLZ,EAAE,EAAA;AAEJ;AACF,CAAC,CAAC;;;;"}

package/build/upload/Upload.messages.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.messages.mjs","sources":["../../src/upload/Upload.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  csButtonText: {\n    id: 'neptune.Upload.csButtonText',\n    defaultMessage: 'Upload another file?',\n  },\n  csFailureText: {\n    id: 'neptune.Upload.csFailureText',\n    defaultMessage: 'Upload failed. Please, try again',\n  },\n  csSuccessText: {\n    id: 'neptune.Upload.csSuccessText',\n    defaultMessage: 'Upload complete!',\n  },\n  csTooLargeMessage: {\n    id: 'neptune.Upload.csTooLargeMessage',\n    defaultMessage: 'Please provide a file smaller than {maxSize}MB',\n  },\n  csTooLargeNoLimitMessage: {\n    id: 'neptune.Upload.csTooLargeNoLimitMessage',\n    defaultMessage: 'Please provide a smaller file',\n  },\n  csWrongTypeMessage: {\n    id: 'neptune.Upload.csWrongTypeMessage',\n    defaultMessage: 'File type not supported. Please try again with a different file',\n  },\n  psButtonText: {\n    id: 'neptune.Upload.psButtonText',\n    defaultMessage: 'Cancel',\n  },\n  psProcessingText: {\n    id: 'neptune.Upload.psProcessingText',\n    defaultMessage: 'Uploading...',\n  },\n  usButtonText: {\n    id: 'neptune.Upload.usButtonText',\n    defaultMessage: 'Or select a file',\n  },\n  usDropMessage: {\n    id: 'neptune.Upload.usDropMessage',\n    defaultMessage: 'Drop file to start upload',\n  },\n  usPlaceholder: {\n    id: 'neptune.Upload.usPlaceholder',\n    defaultMessage: 'Drag and drop a file less than {maxSize}MB',\n  },\n  usPlaceholderNoLimit: {\n    id: 'neptune.Upload.usPlaceholderNoLimit',\n    defaultMessage: 'Drag and drop a file',\n  },\n  retry: {\n    id: 'neptune.Upload.retry',\n    defaultMessage: 'Retry',\n  },\n});\n"],"names":["defineMessages","csButtonText","id","csFailureText","csSuccessText","csTooLargeMessage","csTooLargeNoLimitMessage","csWrongTypeMessage","psButtonText","psProcessingText","usButtonText","usDropMessage","usPlaceholder","usPlaceholderNoLimit","retry"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,YAAY,EAAE;IACZC,EAAE,EAAA;GAEH;AACDC,EAAAA,aAAa,EAAE;IACbD,EAAE,EAAA;GAEH;AACDE,EAAAA,aAAa,EAAE;IACbF,EAAE,EAAA;GAEH;AACDG,EAAAA,iBAAiB,EAAE;IACjBH,EAAE,EAAA;GAEH;AACDI,EAAAA,wBAAwB,EAAE;IACxBJ,EAAE,EAAA;GAEH;AACDK,EAAAA,kBAAkB,EAAE;IAClBL,EAAE,EAAA;GAEH;AACDM,EAAAA,YAAY,EAAE;IACZN,EAAE,EAAA;GAEH;AACDO,EAAAA,gBAAgB,EAAE;IAChBP,EAAE,EAAA;GAEH;AACDQ,EAAAA,YAAY,EAAE;IACZR,EAAE,EAAA;GAEH;AACDS,EAAAA,aAAa,EAAE;IACbT,EAAE,EAAA;GAEH;AACDU,EAAAA,aAAa,EAAE;IACbV,EAAE,EAAA;GAEH;AACDW,EAAAA,oBAAoB,EAAE;IACpBX,EAAE,EAAA;GAEH;AACDY,EAAAA,KAAK,EAAE;IACLZ,EAAE,EAAA;AAEH;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"Upload.messages.mjs","sources":["../../src/upload/Upload.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  csButtonText: {\n    id: 'neptune.Upload.csButtonText',\n    defaultMessage: 'Upload another file?',\n  },\n  csFailureText: {\n    id: 'neptune.Upload.csFailureText',\n    defaultMessage: 'Upload failed. Please, try again',\n  },\n  csSuccessText: {\n    id: 'neptune.Upload.csSuccessText',\n    defaultMessage: 'Upload complete!',\n  },\n  csTooLargeMessage: {\n    id: 'neptune.Upload.csTooLargeMessage',\n    defaultMessage: 'Please provide a file smaller than {maxSize}MB',\n  },\n  csTooLargeNoLimitMessage: {\n    id: 'neptune.Upload.csTooLargeNoLimitMessage',\n    defaultMessage: 'Please provide a smaller file',\n  },\n  csWrongTypeMessage: {\n    id: 'neptune.Upload.csWrongTypeMessage',\n    defaultMessage: 'File type not supported. Please try again with a different file',\n  },\n  psButtonText: {\n    id: 'neptune.Upload.psButtonText',\n    defaultMessage: 'Cancel',\n  },\n  psProcessingText: {\n    id: 'neptune.Upload.psProcessingText',\n    defaultMessage: 'Uploading...',\n  },\n  usButtonText: {\n    id: 'neptune.Upload.usButtonText',\n    defaultMessage: 'Or select a file',\n  },\n  usDropMessage: {\n    id: 'neptune.Upload.usDropMessage',\n    defaultMessage: 'Drop file to start upload',\n  },\n  usPlaceholder: {\n    id: 'neptune.Upload.usPlaceholder',\n    defaultMessage: 'Drag and drop a file less than {maxSize}MB',\n  },\n  usPlaceholderNoLimit: {\n    id: 'neptune.Upload.usPlaceholderNoLimit',\n    defaultMessage: 'Drag and drop a file',\n  },\n  retry: {\n    id: 'neptune.Upload.retry',\n    defaultMessage: 'Retry',\n  },\n});\n"],"names":["defineMessages","csButtonText","id","csFailureText","csSuccessText","csTooLargeMessage","csTooLargeNoLimitMessage","csWrongTypeMessage","psButtonText","psProcessingText","usButtonText","usDropMessage","usPlaceholder","usPlaceholderNoLimit","retry"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,YAAY,EAAE;IACZC,EAAE,EAAA;GAEH;AACDC,EAAAA,aAAa,EAAE;IACbD,EAAE,EAAA;GAEH;AACDE,EAAAA,aAAa,EAAE;IACbF,EAAE,EAAA;GAEH;AACDG,EAAAA,iBAAiB,EAAE;IACjBH,EAAE,EAAA;GAEH;AACDI,EAAAA,wBAAwB,EAAE;IACxBJ,EAAE,EAAA;GAEH;AACDK,EAAAA,kBAAkB,EAAE;IAClBL,EAAE,EAAA;GAEH;AACDM,EAAAA,YAAY,EAAE;IACZN,EAAE,EAAA;GAEH;AACDO,EAAAA,gBAAgB,EAAE;IAChBP,EAAE,EAAA;GAEH;AACDQ,EAAAA,YAAY,EAAE;IACZR,EAAE,EAAA;GAEH;AACDS,EAAAA,aAAa,EAAE;IACbT,EAAE,EAAA;GAEH;AACDU,EAAAA,aAAa,EAAE;IACbV,EAAE,EAAA;GAEH;AACDW,EAAAA,oBAAoB,EAAE;IACpBX,EAAE,EAAA;GAEH;AACDY,EAAAA,KAAK,EAAE;IACLZ,EAAE,EAAA;AAEJ;AACF,CAAC,CAAC;;;;"}

package/build/upload/Upload.mjs

@@ -2,25 +2,7 @@ import { Plus } from '@transferwise/icons';
 import { clsx } from 'clsx';
 import { Component } from 'react';
 import { injectIntl } from 'react-intl';
-import '../common/theme.mjs';
-import '../common/direction.mjs';
-import '../common/propsValues/control.mjs';
-import '../common/propsValues/breakpoint.mjs';
-import '../common/propsValues/size.mjs';
 import { Typography } from '../common/propsValues/typography.mjs';
-import '../common/propsValues/width.mjs';
-import '../common/propsValues/type.mjs';
-import '../common/propsValues/dateMode.mjs';
-import '../common/propsValues/monthFormat.mjs';
-import '../common/propsValues/position.mjs';
-import '../common/propsValues/layouts.mjs';
-import '../common/propsValues/status.mjs';
-import '../common/propsValues/sentiment.mjs';
-import '../common/propsValues/profileType.mjs';
-import '../common/propsValues/variant.mjs';
-import '../common/propsValues/scroll.mjs';
-import '../common/propsValues/markdownNodeType.mjs';
-import '../common/fileType.mjs';
 import '../common/closeButton/CloseButton.messages.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import Title from '../title/Title.mjs';
@@ -35,10 +17,10 @@ import { isTypeValid } from './utils/isTypeValid/isTypeValid.mjs';
 import { getFileType } from './utils/getFileType/getFileType.mjs';
 
 const MAX_SIZE_DEFAULT = 5000000;
-var UploadStep;
-(function (UploadStep) {
+let UploadStep = /*#__PURE__*/function (UploadStep) {
   UploadStep["UPLOAD_IMAGE_STEP"] = "uploadImageStep";
-})(UploadStep || (UploadStep = {}));
+  return UploadStep;
+}({});
 class Upload extends Component {
   static defaultProps = {
     animationDelay: 300,

package/build/upload/Upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.mjs","sources":["../../src/upload/Upload.tsx"],"sourcesContent":["import { Plus as PlusIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { Component } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { Size, Typography } from '../common';\nimport Title from '../title';\n\nimport messages from './Upload.messages';\nimport { UploadImageStep, ProcessingStep, CompleteStep } from './steps';\nimport { postData, asyncFileRead, isSizeValid, isTypeValid, getFileType } from './utils';\nimport { PostDataFetcher, PostDataHTTPOptions, ResponseError } from './utils/postData/postData';\n\nexport const MAX_SIZE_DEFAULT = 5000000;\n\nexport enum UploadStep {\n  UPLOAD_IMAGE_STEP = 'uploadImageStep',\n}\n\nexport interface UploadProps extends WrappedComponentProps {\n  animationDelay?: number;\n  csButtonText?: string;\n  csFailureText?: string;\n  csSuccessText?: string;\n  csTooLargeMessage?: string;\n  csWrongTypeMessage?: string;\n  httpOptions?: PostDataHTTPOptions & {\n    fileInputName?: string;\n    data?: Record<string, string | Blob>;\n  };\n  /**\n   * You can provide a fetcher function with the same interface as the global fetch function, which is used by default.\n   * `function fetcher(input: RequestInfo, init?: RequestInit): Promise<Response>`\n   */\n  fetcher?: PostDataFetcher;\n  /**\n   * Filesize expressed in B.<br />If set to `null`, no size limit will be applied.\n   * @default 5000000 (5 MB)\n   */\n  maxSize?: number | null;\n  psButtonText?: string;\n  psButtonDisabled?: boolean;\n  psProcessingText?: string;\n  size?: `${Size.SMALL | Size.MEDIUM | Size.LARGE}`;\n  /**\n   * You can provide multiple rules separated by comma, e.g.: \"application/pdf,image/*\".\n   * Using \"*\" will allow every file type to be uploaded.\n   */\n  usAccept?: string;\n  usButtonText?: string;\n  usButtonRetryText?: string;\n  usDisabled?: boolean;\n  usDropMessage?: string;\n  usHelpImage?: React.ReactNode;\n  usLabel?: string;\n  usPlaceholder?: string;\n  /**\n   * Override for the [InlineAlert icon's default, accessible name](/?path=/docs/other-statusicon-accessibility--docs)\n   * announced by the screen readers\n   * */\n  errorIconLabel?: string;\n  /** @deprecated Only a single variant exists, please remove this prop. */\n  uploadStep?: `${UploadStep}`;\n  onCancel?: () => void;\n  onFailure?: (error: unknown) => void;\n  onStart?: (file: File) => void;\n  onSuccess?: (response: string | Response, fileName: string) => void;\n}\n\ninterface UploadState {\n  fileName: string;\n  isDroppable: boolean;\n  isComplete: boolean;\n  isError: boolean;\n  isImage: boolean;\n  isProcessing: boolean;\n  isSuccess: boolean;\n  response: unknown;\n  uploadedImage: string | undefined;\n}\n\nexport class Upload extends Component<UploadProps, UploadState> {\n  declare props: UploadProps & Required<Pick<UploadProps, keyof typeof Upload.defaultProps>>;\n\n  static defaultProps = {\n    animationDelay: 300,\n    maxSize: MAX_SIZE_DEFAULT,\n    psButtonDisabled: false,\n    size: 'md',\n    usAccept: 'image/*',\n    usDisabled: false,\n    usLabel: '',\n  } satisfies Partial<UploadProps>;\n\n  dragCounter = 0;\n  timeouts = 0;\n\n  constructor(props: UploadProps) {\n    super(props);\n\n    this.state = {\n      fileName: '',\n      isDroppable: false,\n      isComplete: false,\n      isError: false,\n      isImage: false,\n      isProcessing: false,\n      isSuccess: false,\n      response: undefined,\n      uploadedImage: undefined,\n    };\n  }\n\n  getErrorMessage(status?: number) {\n    const { csFailureText, csTooLargeMessage, csWrongTypeMessage, maxSize, intl } = this.props;\n    switch (status) {\n      case 413:\n        return (\n          csTooLargeMessage ||\n          (typeof maxSize === 'number'\n            ? intl.formatMessage(messages.csTooLargeMessage, { maxSize: roundFileSize(maxSize) })\n            : intl.formatMessage(messages.csTooLargeNoLimitMessage))\n        );\n      case 415:\n        return csWrongTypeMessage || intl.formatMessage(messages.csWrongTypeMessage);\n      default:\n        return csFailureText || intl.formatMessage(messages.csFailureText);\n    }\n  }\n\n  onDragLeave(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    this.dragCounter -= 1;\n    if (this.dragCounter === 0) {\n      this.setState({ isDroppable: false });\n    }\n  }\n\n  onDragEnter(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    this.dragCounter += 1;\n    const { usDisabled } = this.props;\n    const { isProcessing } = this.state;\n    if (this.dragCounter === 1 && !usDisabled && !isProcessing) {\n      this.setState({ isDroppable: true });\n    }\n  }\n\n  async onDrop(event: React.DragEvent<HTMLDivElement>) {\n    const { isProcessing } = this.state;\n    event.preventDefault();\n    if (!isProcessing) {\n      this.reset();\n    }\n\n    if (event.dataTransfer?.files?.[0]) {\n      await this.fileDropped(event.dataTransfer.files[0]);\n    }\n  }\n\n  asyncPost = async (file: File) => {\n    const { httpOptions, fetcher } = this.props;\n    if (httpOptions == null) {\n      throw new Error('Cannot find HTTP options');\n    }\n\n    const { fileInputName = file.name, data = {} } = httpOptions;\n\n    const formData = new FormData();\n    formData.append(fileInputName, file);\n    Object.keys(data).forEach((key) => formData.append(key, data[key]));\n    return postData(httpOptions, formData, fetcher);\n  };\n\n  handleUploadComplete = (type: 'success' | 'error', response: unknown) => {\n    const { animationDelay, onSuccess, onFailure } = this.props;\n    const { fileName } = this.state;\n\n    window.clearTimeout(this.timeouts);\n    this.timeouts = window.setTimeout(() => {\n      this.setState(\n        {\n          isProcessing: false,\n          isComplete: true,\n        },\n        () => {\n          if (type === 'success') {\n            onSuccess?.(response as string | Response, fileName);\n          } else {\n            onFailure?.(response);\n          }\n        },\n      );\n    }, animationDelay);\n  };\n\n  asyncResponse = (response: unknown, type: 'success' | 'error') => {\n    this.setState(\n      {\n        response,\n        isError: type === 'error',\n        isSuccess: type === 'success',\n      },\n      () => this.handleUploadComplete(type, response),\n    );\n  };\n\n  handleOnClear: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.preventDefault();\n    const { onCancel } = this.props;\n    onCancel?.();\n\n    this.reset();\n  };\n\n  reset = () => {\n    this.dragCounter = 0;\n    window.clearTimeout(this.timeouts);\n    this.setState({\n      isComplete: false,\n      isError: false,\n      isProcessing: false,\n      isSuccess: false,\n    });\n  };\n\n  showDataImage = (dataUrl: string) => {\n    const { isImage } = this.state;\n    if (isImage) {\n      this.setState({\n        uploadedImage: dataUrl,\n      });\n    }\n  };\n\n  fileDropped = async (file: File) => {\n    const { httpOptions, maxSize, onStart, usDisabled, usAccept } = this.props;\n    const { isProcessing } = this.state;\n\n    if (usDisabled || isProcessing) {\n      return false;\n    }\n\n    if (!file) {\n      throw new Error('Could not retrieve file');\n    }\n\n    this.setState({\n      fileName: file.name,\n      isDroppable: false,\n      isProcessing: true,\n    });\n\n    onStart?.(file);\n\n    let file64 = null;\n\n    try {\n      file64 = await asyncFileRead(file);\n    } catch (error) {\n      this.asyncResponse(error, 'error');\n    }\n\n    if (!file64) {\n      return false;\n    }\n\n    this.setState({\n      isImage: getFileType(file, file64).includes('image'),\n    });\n\n    if (!isTypeValid(file, usAccept, file64)) {\n      this.asyncResponse(\n        new ResponseError(\n          new Response(null, {\n            status: 415,\n            statusText: 'Unsupported Media Type',\n          }),\n        ),\n        'error',\n      );\n      return false;\n    }\n\n    if (typeof maxSize === 'number' && !isSizeValid(file, maxSize)) {\n      this.asyncResponse(\n        new ResponseError(\n          new Response(null, {\n            status: 413,\n            statusText: 'Request Entity Too Large',\n          }),\n        ),\n        'error',\n      );\n      return false;\n    }\n\n    if (httpOptions) {\n      // Post the file to provided endpoint\n      let response;\n      try {\n        response = await this.asyncPost(file);\n      } catch (error) {\n        this.asyncResponse(error, 'error');\n        return false;\n      }\n      this.asyncResponse(response, 'success');\n      this.showDataImage(file64);\n      return true;\n    }\n    // Post on form submit. And return the encoded image.\n    this.showDataImage(file64);\n    this.asyncResponse(file64, 'success');\n    return true;\n  };\n\n  render() {\n    const {\n      maxSize,\n      usDropMessage,\n      usAccept,\n      usButtonText,\n      usButtonRetryText,\n      usDisabled,\n      usHelpImage,\n      usLabel,\n      usPlaceholder,\n      psButtonText,\n      psProcessingText,\n      psButtonDisabled,\n      csButtonText,\n      csSuccessText,\n      size,\n      intl,\n      errorIconLabel,\n    } = this.props;\n\n    const {\n      response,\n      fileName,\n      isComplete,\n      isDroppable,\n      isError,\n      isImage,\n      isProcessing,\n      isSuccess,\n      uploadedImage,\n    } = this.state;\n\n    const placeholder = ((): string => {\n      if (usPlaceholder) {\n        return usPlaceholder;\n      }\n\n      if (typeof maxSize === 'number') {\n        return intl.formatMessage(messages.usPlaceholder, { maxSize: roundFileSize(maxSize) });\n      }\n\n      return intl.formatMessage(messages.usPlaceholderNoLimit);\n    })();\n\n    return (\n      <div\n        className={clsx('droppable-area', {\n          droppable: true,\n          'tw-droppable-sm droppable-sm': size === 'sm',\n          'tw-droppable-md droppable-md': size === 'md' || !size,\n          'tw-droppable-lg droppable-lg': size === 'lg',\n          'droppable-dropping': isDroppable,\n          'droppable-processing': isProcessing,\n          'droppable-complete': isComplete && !isError,\n          'droppable-negative': isError && !isProcessing,\n        })}\n        onDragEnter={(event) => this.onDragEnter(event)}\n        onDragLeave={(event) => this.onDragLeave(event)}\n        onDrop={async (event) => this.onDrop(event)}\n        onDragOver={(event) => event.preventDefault()}\n      >\n        {!isProcessing && !isComplete && (\n          <UploadImageStep\n            fileDropped={async (file) => this.fileDropped(file)}\n            isComplete={isComplete}\n            usAccept={usAccept}\n            usButtonText={usButtonText || intl.formatMessage(messages.usButtonText)}\n            usDisabled={usDisabled}\n            usHelpImage={usHelpImage}\n            usLabel={usLabel}\n            usPlaceholder={placeholder}\n          />\n        )}\n\n        {(isSuccess || isComplete) && !isError && (\n          <CompleteStep\n            fileName={fileName}\n            isComplete={isComplete}\n            isImage={isImage}\n            csButtonText={csButtonText || intl.formatMessage(messages.csButtonText)}\n            csSuccessText={csSuccessText || intl.formatMessage(messages.csSuccessText)}\n            uploadedImage={uploadedImage}\n            onClear={(event) => this.handleOnClear(event)}\n          />\n        )}\n        {isError && !isProcessing && (\n          <UploadImageStep\n            fileDropped={async (file) => {\n              this.reset();\n              await this.fileDropped(file);\n            }}\n            isComplete={!isError}\n            usAccept={usAccept}\n            usButtonText={usButtonRetryText || intl.formatMessage(messages.retry)}\n            usDisabled={usDisabled}\n            usHelpImage={null}\n            usLabel={usLabel}\n            usPlaceholder={placeholder}\n            errorMessage={this.getErrorMessage(\n              response != null &&\n                typeof response === 'object' &&\n                'status' in response &&\n                typeof response.status === 'number'\n                ? response.status\n                : undefined,\n            )}\n            errorIconLabel={errorIconLabel}\n          />\n        )}\n        {isProcessing && (\n          <ProcessingStep\n            isComplete={isComplete}\n            isError={isError}\n            isSuccess={isSuccess}\n            psButtonText={psButtonText || intl.formatMessage(messages.psButtonText)}\n            psProcessingText={psProcessingText || intl.formatMessage(messages.psProcessingText)}\n            psButtonDisabled={psButtonDisabled}\n            onClear={(event) => this.handleOnClear(event)}\n          />\n        )}\n        {!isProcessing && (\n          <div className=\"droppable-dropping-card droppable-card\" aria-live=\"polite\">\n            <div className=\"droppable-card-content\">\n              <div className=\"circle circle-sm text-primary\">\n                <PlusIcon size=\"16\" />\n              </div>\n              <Title type={Typography.TITLE_BODY} className=\"m-t-3\">\n                {usDropMessage || intl.formatMessage(messages.usDropMessage)}\n              </Title>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default injectIntl(Upload);\n\nconst roundFileSize = (bytes: number) => {\n  const megabytes = bytes / 1000000;\n  if (megabytes >= 0.1) {\n    const isRound = Math.floor(megabytes) === megabytes;\n    return isRound ? `${megabytes}` : megabytes.toFixed(1);\n  }\n  if (megabytes >= 0.01) {\n    return megabytes.toFixed(2);\n  }\n  return megabytes.toFixed(3);\n};\n"],"names":["MAX_SIZE_DEFAULT","UploadStep","Upload","Component","defaultProps","animationDelay","maxSize","psButtonDisabled","size","usAccept","usDisabled","usLabel","dragCounter","timeouts","constructor","props","state","fileName","isDroppable","isComplete","isError","isImage","isProcessing","isSuccess","response","undefined","uploadedImage","getErrorMessage","status","csFailureText","csTooLargeMessage","csWrongTypeMessage","intl","formatMessage","messages","roundFileSize","csTooLargeNoLimitMessage","onDragLeave","event","preventDefault","setState","onDragEnter","onDrop","reset","dataTransfer","files","fileDropped","asyncPost","file","httpOptions","fetcher","Error","fileInputName","name","data","formData","FormData","append","Object","keys","forEach","key","postData","handleUploadComplete","type","onSuccess","onFailure","window","clearTimeout","setTimeout","asyncResponse","handleOnClear","onCancel","showDataImage","dataUrl","onStart","file64","asyncFileRead","error","getFileType","includes","isTypeValid","ResponseError","Response","statusText","isSizeValid","render","usDropMessage","usButtonText","usButtonRetryText","usHelpImage","usPlaceholder","psButtonText","psProcessingText","csButtonText","csSuccessText","errorIconLabel","placeholder","usPlaceholderNoLimit","_jsxs","className","clsx","droppable","onDragOver","children","_jsx","UploadImageStep","CompleteStep","onClear","retry","errorMessage","ProcessingStep","PlusIcon","Title","Typography","TITLE_BODY","injectIntl","bytes","megabytes","isRound","Math","floor","toFixed"],"mappings":"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"}
+{"version":3,"file":"Upload.mjs","sources":["../../src/upload/Upload.tsx"],"sourcesContent":["import { Plus as PlusIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { Component } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { Size, Typography } from '../common';\nimport Title from '../title';\n\nimport messages from './Upload.messages';\nimport { UploadImageStep, ProcessingStep, CompleteStep } from './steps';\nimport { postData, asyncFileRead, isSizeValid, isTypeValid, getFileType } from './utils';\nimport { PostDataFetcher, PostDataHTTPOptions, ResponseError } from './utils/postData/postData';\n\nexport const MAX_SIZE_DEFAULT = 5000000;\n\nexport enum UploadStep {\n  UPLOAD_IMAGE_STEP = 'uploadImageStep',\n}\n\nexport interface UploadProps extends WrappedComponentProps {\n  animationDelay?: number;\n  csButtonText?: string;\n  csFailureText?: string;\n  csSuccessText?: string;\n  csTooLargeMessage?: string;\n  csWrongTypeMessage?: string;\n  httpOptions?: PostDataHTTPOptions & {\n    fileInputName?: string;\n    data?: Record<string, string | Blob>;\n  };\n  /**\n   * You can provide a fetcher function with the same interface as the global fetch function, which is used by default.\n   * `function fetcher(input: RequestInfo, init?: RequestInit): Promise<Response>`\n   */\n  fetcher?: PostDataFetcher;\n  /**\n   * Filesize expressed in B.<br />If set to `null`, no size limit will be applied.\n   * @default 5000000 (5 MB)\n   */\n  maxSize?: number | null;\n  psButtonText?: string;\n  psButtonDisabled?: boolean;\n  psProcessingText?: string;\n  size?: `${Size.SMALL | Size.MEDIUM | Size.LARGE}`;\n  /**\n   * You can provide multiple rules separated by comma, e.g.: \"application/pdf,image/*\".\n   * Using \"*\" will allow every file type to be uploaded.\n   */\n  usAccept?: string;\n  usButtonText?: string;\n  usButtonRetryText?: string;\n  usDisabled?: boolean;\n  usDropMessage?: string;\n  usHelpImage?: React.ReactNode;\n  usLabel?: string;\n  usPlaceholder?: string;\n  /**\n   * Override for the [InlinePrompt icon's default, accessible name](/?path=/docs/other-statusicon-accessibility--docs)\n   * announced by the screen readers\n   * */\n  errorIconLabel?: string;\n  /** @deprecated Only a single variant exists, please remove this prop. */\n  uploadStep?: `${UploadStep}`;\n  onCancel?: () => void;\n  onFailure?: (error: unknown) => void;\n  onStart?: (file: File) => void;\n  onSuccess?: (response: string | Response, fileName: string) => void;\n}\n\ninterface UploadState {\n  fileName: string;\n  isDroppable: boolean;\n  isComplete: boolean;\n  isError: boolean;\n  isImage: boolean;\n  isProcessing: boolean;\n  isSuccess: boolean;\n  response: unknown;\n  uploadedImage: string | undefined;\n}\n\nexport class Upload extends Component<UploadProps, UploadState> {\n  declare props: UploadProps & Required<Pick<UploadProps, keyof typeof Upload.defaultProps>>;\n\n  static defaultProps = {\n    animationDelay: 300,\n    maxSize: MAX_SIZE_DEFAULT,\n    psButtonDisabled: false,\n    size: 'md',\n    usAccept: 'image/*',\n    usDisabled: false,\n    usLabel: '',\n  } satisfies Partial<UploadProps>;\n\n  dragCounter = 0;\n  timeouts = 0;\n\n  constructor(props: UploadProps) {\n    super(props);\n\n    this.state = {\n      fileName: '',\n      isDroppable: false,\n      isComplete: false,\n      isError: false,\n      isImage: false,\n      isProcessing: false,\n      isSuccess: false,\n      response: undefined,\n      uploadedImage: undefined,\n    };\n  }\n\n  getErrorMessage(status?: number) {\n    const { csFailureText, csTooLargeMessage, csWrongTypeMessage, maxSize, intl } = this.props;\n    switch (status) {\n      case 413:\n        return (\n          csTooLargeMessage ||\n          (typeof maxSize === 'number'\n            ? intl.formatMessage(messages.csTooLargeMessage, { maxSize: roundFileSize(maxSize) })\n            : intl.formatMessage(messages.csTooLargeNoLimitMessage))\n        );\n      case 415:\n        return csWrongTypeMessage || intl.formatMessage(messages.csWrongTypeMessage);\n      default:\n        return csFailureText || intl.formatMessage(messages.csFailureText);\n    }\n  }\n\n  onDragLeave(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    this.dragCounter -= 1;\n    if (this.dragCounter === 0) {\n      this.setState({ isDroppable: false });\n    }\n  }\n\n  onDragEnter(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    this.dragCounter += 1;\n    const { usDisabled } = this.props;\n    const { isProcessing } = this.state;\n    if (this.dragCounter === 1 && !usDisabled && !isProcessing) {\n      this.setState({ isDroppable: true });\n    }\n  }\n\n  async onDrop(event: React.DragEvent<HTMLDivElement>) {\n    const { isProcessing } = this.state;\n    event.preventDefault();\n    if (!isProcessing) {\n      this.reset();\n    }\n\n    if (event.dataTransfer?.files?.[0]) {\n      await this.fileDropped(event.dataTransfer.files[0]);\n    }\n  }\n\n  asyncPost = async (file: File) => {\n    const { httpOptions, fetcher } = this.props;\n    if (httpOptions == null) {\n      throw new Error('Cannot find HTTP options');\n    }\n\n    const { fileInputName = file.name, data = {} } = httpOptions;\n\n    const formData = new FormData();\n    formData.append(fileInputName, file);\n    Object.keys(data).forEach((key) => formData.append(key, data[key]));\n    return postData(httpOptions, formData, fetcher);\n  };\n\n  handleUploadComplete = (type: 'success' | 'error', response: unknown) => {\n    const { animationDelay, onSuccess, onFailure } = this.props;\n    const { fileName } = this.state;\n\n    window.clearTimeout(this.timeouts);\n    this.timeouts = window.setTimeout(() => {\n      this.setState(\n        {\n          isProcessing: false,\n          isComplete: true,\n        },\n        () => {\n          if (type === 'success') {\n            onSuccess?.(response as string | Response, fileName);\n          } else {\n            onFailure?.(response);\n          }\n        },\n      );\n    }, animationDelay);\n  };\n\n  asyncResponse = (response: unknown, type: 'success' | 'error') => {\n    this.setState(\n      {\n        response,\n        isError: type === 'error',\n        isSuccess: type === 'success',\n      },\n      () => this.handleUploadComplete(type, response),\n    );\n  };\n\n  handleOnClear: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.preventDefault();\n    const { onCancel } = this.props;\n    onCancel?.();\n\n    this.reset();\n  };\n\n  reset = () => {\n    this.dragCounter = 0;\n    window.clearTimeout(this.timeouts);\n    this.setState({\n      isComplete: false,\n      isError: false,\n      isProcessing: false,\n      isSuccess: false,\n    });\n  };\n\n  showDataImage = (dataUrl: string) => {\n    const { isImage } = this.state;\n    if (isImage) {\n      this.setState({\n        uploadedImage: dataUrl,\n      });\n    }\n  };\n\n  fileDropped = async (file: File) => {\n    const { httpOptions, maxSize, onStart, usDisabled, usAccept } = this.props;\n    const { isProcessing } = this.state;\n\n    if (usDisabled || isProcessing) {\n      return false;\n    }\n\n    if (!file) {\n      throw new Error('Could not retrieve file');\n    }\n\n    this.setState({\n      fileName: file.name,\n      isDroppable: false,\n      isProcessing: true,\n    });\n\n    onStart?.(file);\n\n    let file64 = null;\n\n    try {\n      file64 = await asyncFileRead(file);\n    } catch (error) {\n      this.asyncResponse(error, 'error');\n    }\n\n    if (!file64) {\n      return false;\n    }\n\n    this.setState({\n      isImage: getFileType(file, file64).includes('image'),\n    });\n\n    if (!isTypeValid(file, usAccept, file64)) {\n      this.asyncResponse(\n        new ResponseError(\n          new Response(null, {\n            status: 415,\n            statusText: 'Unsupported Media Type',\n          }),\n        ),\n        'error',\n      );\n      return false;\n    }\n\n    if (typeof maxSize === 'number' && !isSizeValid(file, maxSize)) {\n      this.asyncResponse(\n        new ResponseError(\n          new Response(null, {\n            status: 413,\n            statusText: 'Request Entity Too Large',\n          }),\n        ),\n        'error',\n      );\n      return false;\n    }\n\n    if (httpOptions) {\n      // Post the file to provided endpoint\n      let response;\n      try {\n        response = await this.asyncPost(file);\n      } catch (error) {\n        this.asyncResponse(error, 'error');\n        return false;\n      }\n      this.asyncResponse(response, 'success');\n      this.showDataImage(file64);\n      return true;\n    }\n    // Post on form submit. And return the encoded image.\n    this.showDataImage(file64);\n    this.asyncResponse(file64, 'success');\n    return true;\n  };\n\n  render() {\n    const {\n      maxSize,\n      usDropMessage,\n      usAccept,\n      usButtonText,\n      usButtonRetryText,\n      usDisabled,\n      usHelpImage,\n      usLabel,\n      usPlaceholder,\n      psButtonText,\n      psProcessingText,\n      psButtonDisabled,\n      csButtonText,\n      csSuccessText,\n      size,\n      intl,\n      errorIconLabel,\n    } = this.props;\n\n    const {\n      response,\n      fileName,\n      isComplete,\n      isDroppable,\n      isError,\n      isImage,\n      isProcessing,\n      isSuccess,\n      uploadedImage,\n    } = this.state;\n\n    const placeholder = ((): string => {\n      if (usPlaceholder) {\n        return usPlaceholder;\n      }\n\n      if (typeof maxSize === 'number') {\n        return intl.formatMessage(messages.usPlaceholder, { maxSize: roundFileSize(maxSize) });\n      }\n\n      return intl.formatMessage(messages.usPlaceholderNoLimit);\n    })();\n\n    return (\n      <div\n        className={clsx('droppable-area', {\n          droppable: true,\n          'tw-droppable-sm droppable-sm': size === 'sm',\n          'tw-droppable-md droppable-md': size === 'md' || !size,\n          'tw-droppable-lg droppable-lg': size === 'lg',\n          'droppable-dropping': isDroppable,\n          'droppable-processing': isProcessing,\n          'droppable-complete': isComplete && !isError,\n          'droppable-negative': isError && !isProcessing,\n        })}\n        onDragEnter={(event) => this.onDragEnter(event)}\n        onDragLeave={(event) => this.onDragLeave(event)}\n        onDrop={async (event) => this.onDrop(event)}\n        onDragOver={(event) => event.preventDefault()}\n      >\n        {!isProcessing && !isComplete && (\n          <UploadImageStep\n            fileDropped={async (file) => this.fileDropped(file)}\n            isComplete={isComplete}\n            usAccept={usAccept}\n            usButtonText={usButtonText || intl.formatMessage(messages.usButtonText)}\n            usDisabled={usDisabled}\n            usHelpImage={usHelpImage}\n            usLabel={usLabel}\n            usPlaceholder={placeholder}\n          />\n        )}\n\n        {(isSuccess || isComplete) && !isError && (\n          <CompleteStep\n            fileName={fileName}\n            isComplete={isComplete}\n            isImage={isImage}\n            csButtonText={csButtonText || intl.formatMessage(messages.csButtonText)}\n            csSuccessText={csSuccessText || intl.formatMessage(messages.csSuccessText)}\n            uploadedImage={uploadedImage}\n            onClear={(event) => this.handleOnClear(event)}\n          />\n        )}\n        {isError && !isProcessing && (\n          <UploadImageStep\n            fileDropped={async (file) => {\n              this.reset();\n              await this.fileDropped(file);\n            }}\n            isComplete={!isError}\n            usAccept={usAccept}\n            usButtonText={usButtonRetryText || intl.formatMessage(messages.retry)}\n            usDisabled={usDisabled}\n            usHelpImage={null}\n            usLabel={usLabel}\n            usPlaceholder={placeholder}\n            errorMessage={this.getErrorMessage(\n              response != null &&\n                typeof response === 'object' &&\n                'status' in response &&\n                typeof response.status === 'number'\n                ? response.status\n                : undefined,\n            )}\n            errorIconLabel={errorIconLabel}\n          />\n        )}\n        {isProcessing && (\n          <ProcessingStep\n            isComplete={isComplete}\n            isError={isError}\n            isSuccess={isSuccess}\n            psButtonText={psButtonText || intl.formatMessage(messages.psButtonText)}\n            psProcessingText={psProcessingText || intl.formatMessage(messages.psProcessingText)}\n            psButtonDisabled={psButtonDisabled}\n            onClear={(event) => this.handleOnClear(event)}\n          />\n        )}\n        {!isProcessing && (\n          <div className=\"droppable-dropping-card droppable-card\" aria-live=\"polite\">\n            <div className=\"droppable-card-content\">\n              <div className=\"circle circle-sm text-primary\">\n                <PlusIcon size=\"16\" />\n              </div>\n              <Title type={Typography.TITLE_BODY} className=\"m-t-3\">\n                {usDropMessage || intl.formatMessage(messages.usDropMessage)}\n              </Title>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default injectIntl(Upload);\n\nconst roundFileSize = (bytes: number) => {\n  const megabytes = bytes / 1000000;\n  if (megabytes >= 0.1) {\n    const isRound = Math.floor(megabytes) === megabytes;\n    return isRound ? `${megabytes}` : megabytes.toFixed(1);\n  }\n  if (megabytes >= 0.01) {\n    return megabytes.toFixed(2);\n  }\n  return megabytes.toFixed(3);\n};\n"],"names":["MAX_SIZE_DEFAULT","UploadStep","Upload","Component","defaultProps","animationDelay","maxSize","psButtonDisabled","size","usAccept","usDisabled","usLabel","dragCounter","timeouts","constructor","props","state","fileName","isDroppable","isComplete","isError","isImage","isProcessing","isSuccess","response","undefined","uploadedImage","getErrorMessage","status","csFailureText","csTooLargeMessage","csWrongTypeMessage","intl","formatMessage","messages","roundFileSize","csTooLargeNoLimitMessage","onDragLeave","event","preventDefault","setState","onDragEnter","onDrop","reset","dataTransfer","files","fileDropped","asyncPost","file","httpOptions","fetcher","Error","fileInputName","name","data","formData","FormData","append","Object","keys","forEach","key","postData","handleUploadComplete","type","onSuccess","onFailure","window","clearTimeout","setTimeout","asyncResponse","handleOnClear","onCancel","showDataImage","dataUrl","onStart","file64","asyncFileRead","error","getFileType","includes","isTypeValid","ResponseError","Response","statusText","isSizeValid","render","usDropMessage","usButtonText","usButtonRetryText","usHelpImage","usPlaceholder","psButtonText","psProcessingText","csButtonText","csSuccessText","errorIconLabel","placeholder","usPlaceholderNoLimit","_jsxs","className","clsx","droppable","onDragOver","children","_jsx","UploadImageStep","CompleteStep","onClear","retry","errorMessage","ProcessingStep","PlusIcon","Title","Typography","TITLE_BODY","injectIntl","bytes","megabytes","isRound","Math","floor","toFixed"],"mappings":"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"}

package/build/upload/steps/completeStep/completeStep.js

@@ -3,25 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var icons = require('@transferwise/icons');
-require('../../../common/theme.js');
-require('../../../common/direction.js');
-require('../../../common/propsValues/control.js');
-require('../../../common/propsValues/breakpoint.js');
-require('../../../common/propsValues/size.js');
 var typography = require('../../../common/propsValues/typography.js');
-require('../../../common/propsValues/width.js');
-require('../../../common/propsValues/type.js');
-require('../../../common/propsValues/dateMode.js');
-require('../../../common/propsValues/monthFormat.js');
-require('../../../common/propsValues/position.js');
-require('../../../common/propsValues/layouts.js');
-require('../../../common/propsValues/status.js');
-require('../../../common/propsValues/sentiment.js');
-require('../../../common/propsValues/profileType.js');
-require('../../../common/propsValues/variant.js');
-require('../../../common/propsValues/scroll.js');
-require('../../../common/propsValues/markdownNodeType.js');
-require('../../../common/fileType.js');
 require('clsx');
 require('react');
 require('react-intl');

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

@@ -1 +1 @@
-{"version":3,"file":"completeStep.js","sources":["../../../../src/upload/steps/completeStep/completeStep.tsx"],"sourcesContent":["import { Document as DocumentIcon } from '@transferwise/icons';\n\nimport { Typography } from '../../../common';\nimport Body from '../../../body';\nimport Button from '../../../button';\nimport Title from '../../../title';\n\nexport interface CompleteStepProps {\n  csButtonText: string;\n  csSuccessText: string;\n  fileName: string;\n  isComplete: boolean;\n  isImage: boolean;\n  uploadedImage?: string;\n  onClear: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport default function CompleteStep({\n  csButtonText,\n  csSuccessText,\n  fileName,\n  isComplete,\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          {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        </div>\n        {csButtonText && (\n          <Button v2 className=\"m-t-1\" onClick={onClear}>\n            {csButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CompleteStep","csButtonText","csSuccessText","fileName","isComplete","isImage","onClear","uploadedImage","_jsx","className","children","_jsxs","src","alt","DocumentIcon","Body","as","Title","type","Typography","TITLE_BODY","Button","v2","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBc,SAAUA,YAAYA,CAAC;EACnCC,YAAY;EACZC,aAAa;EACbC,QAAQ;EACRC,UAAU;EACVC,OAAO;EACPC,OAAO;AACPC,EAAAA;AAAa,CACK,EAAA;AAClB,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,wCAAwC;AAAC,IAAA,aAAA,EAAa,CAACL,UAAW;AAAAM,IAAAA,QAAA,eAC/EC,eAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;AAAAC,MAAAA,QAAA,gBACrCC,eAAA,CAAA,KAAA,EAAA;AACEF,QAAAA,SAAS,EAAC,8DAA8D;AACxE,QAAA,WAAA,EAAU,QAAQ;AAAAC,QAAAA,QAAA,EAAA,CAEjBL,OAAO,IAAIE,aAAa,gBACvBC,cAAA,CAAA,KAAA,EAAA;AAAKI,UAAAA,GAAG,EAAEL,aAAc;AAACM,UAAAA,GAAG,EAAC,IAAI;AAACJ,UAAAA,SAAS,EAAC;AAAY,SAAA,CAAG,gBAE3DD,cAAA,CAACM,cAAY,EAAA,EAAA,CACd,EAEAX,QAAQ,iBACPK,cAAA,CAACO,YAAI,EAAA;AAACC,UAAAA,EAAE,EAAC,GAAG;AAACP,UAAAA,SAAS,EAAC,OAAO;AAAAC,UAAAA,QAAA,EAC3BP;AAAQ,SACL,CACP,EACAD,aAAa,iBACZM,cAAA,CAACS,aAAK,EAAA;AAACR,UAAAA,SAAS,EAAC,eAAe;UAACS,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAAAV,UAAAA,QAAA,EAC1DR;AAAa,SACT,CACR;AAAA,OACE,CACL,EAACD,YAAY,iBACXO,cAAA,CAACa,uBAAM,EAAA;QAACC,EAAE,EAAA,IAAA;AAACb,QAAAA,SAAS,EAAC,OAAO;AAACc,QAAAA,OAAO,EAAEjB,OAAQ;AAAAI,QAAAA,QAAA,EAC3CT;AAAY,OACP,CACT;KACE;AACP,GAAK,CAAC;AAEV;;;;"}
+{"version":3,"file":"completeStep.js","sources":["../../../../src/upload/steps/completeStep/completeStep.tsx"],"sourcesContent":["import { Document as DocumentIcon } from '@transferwise/icons';\n\nimport { Typography } from '../../../common';\nimport Body from '../../../body';\nimport Button from '../../../button';\nimport Title from '../../../title';\n\nexport interface CompleteStepProps {\n  csButtonText: string;\n  csSuccessText: string;\n  fileName: string;\n  isComplete: boolean;\n  isImage: boolean;\n  uploadedImage?: string;\n  onClear: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport default function CompleteStep({\n  csButtonText,\n  csSuccessText,\n  fileName,\n  isComplete,\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          {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        </div>\n        {csButtonText && (\n          <Button v2 className=\"m-t-1\" onClick={onClear}>\n            {csButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CompleteStep","csButtonText","csSuccessText","fileName","isComplete","isImage","onClear","uploadedImage","_jsx","className","children","_jsxs","src","alt","DocumentIcon","Body","as","Title","type","Typography","TITLE_BODY","Button","v2","onClick"],"mappings":";;;;;;;;;;;;;;;AAiBe,SAASA,YAAYA,CAAC;EACnCC,YAAY;EACZC,aAAa;EACbC,QAAQ;EACRC,UAAU;EACVC,OAAO;EACPC,OAAO;AACPC,EAAAA;AACiB,CAAC,EAAE;AACpB,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,wCAAwC;AAAC,IAAA,aAAA,EAAa,CAACL,UAAW;AAAAM,IAAAA,QAAA,eAC/EC,eAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;AAAAC,MAAAA,QAAA,gBACrCC,eAAA,CAAA,KAAA,EAAA;AACEF,QAAAA,SAAS,EAAC,8DAA8D;AACxE,QAAA,WAAA,EAAU,QAAQ;AAAAC,QAAAA,QAAA,EAAA,CAEjBL,OAAO,IAAIE,aAAa,gBACvBC,cAAA,CAAA,KAAA,EAAA;AAAKI,UAAAA,GAAG,EAAEL,aAAc;AAACM,UAAAA,GAAG,EAAC,IAAI;AAACJ,UAAAA,SAAS,EAAC;AAAY,SAAE,CAAC,gBAE3DD,cAAA,CAACM,cAAY,EAAA,EAAE,CAChB,EAEAX,QAAQ,iBACPK,cAAA,CAACO,YAAI,EAAA;AAACC,UAAAA,EAAE,EAAC,GAAG;AAACP,UAAAA,SAAS,EAAC,OAAO;AAAAC,UAAAA,QAAA,EAC3BP;AAAQ,SACL,CACP,EACAD,aAAa,iBACZM,cAAA,CAACS,aAAK,EAAA;AAACR,UAAAA,SAAS,EAAC,eAAe;UAACS,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAAAV,UAAAA,QAAA,EAC1DR;AAAa,SACT,CACR;AAAA,OACE,CAAC,EACLD,YAAY,iBACXO,cAAA,CAACa,uBAAM,EAAA;QAACC,EAAE,EAAA,IAAA;AAACb,QAAAA,SAAS,EAAC,OAAO;AAACc,QAAAA,OAAO,EAAEjB,OAAQ;AAAAI,QAAAA,QAAA,EAC3CT;AAAY,OACP,CACT;KACE;AAAC,GACH,CAAC;AAEV;;;;"}

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

@@ -1,23 +1,5 @@
 import { Document } from '@transferwise/icons';
-import '../../../common/theme.mjs';
-import '../../../common/direction.mjs';
-import '../../../common/propsValues/control.mjs';
-import '../../../common/propsValues/breakpoint.mjs';
-import '../../../common/propsValues/size.mjs';
 import { Typography } from '../../../common/propsValues/typography.mjs';
-import '../../../common/propsValues/width.mjs';
-import '../../../common/propsValues/type.mjs';
-import '../../../common/propsValues/dateMode.mjs';
-import '../../../common/propsValues/monthFormat.mjs';
-import '../../../common/propsValues/position.mjs';
-import '../../../common/propsValues/layouts.mjs';
-import '../../../common/propsValues/status.mjs';
-import '../../../common/propsValues/sentiment.mjs';
-import '../../../common/propsValues/profileType.mjs';
-import '../../../common/propsValues/variant.mjs';
-import '../../../common/propsValues/scroll.mjs';
-import '../../../common/propsValues/markdownNodeType.mjs';
-import '../../../common/fileType.mjs';
 import 'clsx';
 import 'react';
 import 'react-intl';

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

@@ -1 +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 '../../../common';\nimport Body from '../../../body';\nimport Button from '../../../button';\nimport Title from '../../../title';\n\nexport interface CompleteStepProps {\n  csButtonText: string;\n  csSuccessText: string;\n  fileName: string;\n  isComplete: boolean;\n  isImage: boolean;\n  uploadedImage?: string;\n  onClear: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport default function CompleteStep({\n  csButtonText,\n  csSuccessText,\n  fileName,\n  isComplete,\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          {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        </div>\n        {csButtonText && (\n          <Button v2 className=\"m-t-1\" onClick={onClear}>\n            {csButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CompleteStep","csButtonText","csSuccessText","fileName","isComplete","isImage","onClear","uploadedImage","_jsx","className","children","_jsxs","src","alt","DocumentIcon","Body","as","Title","type","Typography","TITLE_BODY","Button","v2","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBc,SAAUA,YAAYA,CAAC;EACnCC,YAAY;EACZC,aAAa;EACbC,QAAQ;EACRC,UAAU;EACVC,OAAO;EACPC,OAAO;AACPC,EAAAA;AAAa,CACK,EAAA;AAClB,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,wCAAwC;AAAC,IAAA,aAAA,EAAa,CAACL,UAAW;AAAAM,IAAAA,QAAA,eAC/EC,IAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;AAAAC,MAAAA,QAAA,gBACrCC,IAAA,CAAA,KAAA,EAAA;AACEF,QAAAA,SAAS,EAAC,8DAA8D;AACxE,QAAA,WAAA,EAAU,QAAQ;AAAAC,QAAAA,QAAA,EAAA,CAEjBL,OAAO,IAAIE,aAAa,gBACvBC,GAAA,CAAA,KAAA,EAAA;AAAKI,UAAAA,GAAG,EAAEL,aAAc;AAACM,UAAAA,GAAG,EAAC,IAAI;AAACJ,UAAAA,SAAS,EAAC;AAAY,SAAA,CAAG,gBAE3DD,GAAA,CAACM,QAAY,EAAA,EAAA,CACd,EAEAX,QAAQ,iBACPK,GAAA,CAACO,IAAI,EAAA;AAACC,UAAAA,EAAE,EAAC,GAAG;AAACP,UAAAA,SAAS,EAAC,OAAO;AAAAC,UAAAA,QAAA,EAC3BP;AAAQ,SACL,CACP,EACAD,aAAa,iBACZM,GAAA,CAACS,KAAK,EAAA;AAACR,UAAAA,SAAS,EAAC,eAAe;UAACS,IAAI,EAAEC,UAAU,CAACC,UAAW;AAAAV,UAAAA,QAAA,EAC1DR;AAAa,SACT,CACR;AAAA,OACE,CACL,EAACD,YAAY,iBACXO,GAAA,CAACa,MAAM,EAAA;QAACC,EAAE,EAAA,IAAA;AAACb,QAAAA,SAAS,EAAC,OAAO;AAACc,QAAAA,OAAO,EAAEjB,OAAQ;AAAAI,QAAAA,QAAA,EAC3CT;AAAY,OACP,CACT;KACE;AACP,GAAK,CAAC;AAEV;;;;"}
+{"version":3,"file":"completeStep.mjs","sources":["../../../../src/upload/steps/completeStep/completeStep.tsx"],"sourcesContent":["import { Document as DocumentIcon } from '@transferwise/icons';\n\nimport { Typography } from '../../../common';\nimport Body from '../../../body';\nimport Button from '../../../button';\nimport Title from '../../../title';\n\nexport interface CompleteStepProps {\n  csButtonText: string;\n  csSuccessText: string;\n  fileName: string;\n  isComplete: boolean;\n  isImage: boolean;\n  uploadedImage?: string;\n  onClear: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport default function CompleteStep({\n  csButtonText,\n  csSuccessText,\n  fileName,\n  isComplete,\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          {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        </div>\n        {csButtonText && (\n          <Button v2 className=\"m-t-1\" onClick={onClear}>\n            {csButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CompleteStep","csButtonText","csSuccessText","fileName","isComplete","isImage","onClear","uploadedImage","_jsx","className","children","_jsxs","src","alt","DocumentIcon","Body","as","Title","type","Typography","TITLE_BODY","Button","v2","onClick"],"mappings":";;;;;;;;;;;AAiBe,SAASA,YAAYA,CAAC;EACnCC,YAAY;EACZC,aAAa;EACbC,QAAQ;EACRC,UAAU;EACVC,OAAO;EACPC,OAAO;AACPC,EAAAA;AACiB,CAAC,EAAE;AACpB,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,wCAAwC;AAAC,IAAA,aAAA,EAAa,CAACL,UAAW;AAAAM,IAAAA,QAAA,eAC/EC,IAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;AAAAC,MAAAA,QAAA,gBACrCC,IAAA,CAAA,KAAA,EAAA;AACEF,QAAAA,SAAS,EAAC,8DAA8D;AACxE,QAAA,WAAA,EAAU,QAAQ;AAAAC,QAAAA,QAAA,EAAA,CAEjBL,OAAO,IAAIE,aAAa,gBACvBC,GAAA,CAAA,KAAA,EAAA;AAAKI,UAAAA,GAAG,EAAEL,aAAc;AAACM,UAAAA,GAAG,EAAC,IAAI;AAACJ,UAAAA,SAAS,EAAC;AAAY,SAAE,CAAC,gBAE3DD,GAAA,CAACM,QAAY,EAAA,EAAE,CAChB,EAEAX,QAAQ,iBACPK,GAAA,CAACO,IAAI,EAAA;AAACC,UAAAA,EAAE,EAAC,GAAG;AAACP,UAAAA,SAAS,EAAC,OAAO;AAAAC,UAAAA,QAAA,EAC3BP;AAAQ,SACL,CACP,EACAD,aAAa,iBACZM,GAAA,CAACS,KAAK,EAAA;AAACR,UAAAA,SAAS,EAAC,eAAe;UAACS,IAAI,EAAEC,UAAU,CAACC,UAAW;AAAAV,UAAAA,QAAA,EAC1DR;AAAa,SACT,CACR;AAAA,OACE,CAAC,EACLD,YAAY,iBACXO,GAAA,CAACa,MAAM,EAAA;QAACC,EAAE,EAAA,IAAA;AAACb,QAAAA,SAAS,EAAC,OAAO;AAACc,QAAAA,OAAO,EAAEjB,OAAQ;AAAAI,QAAAA,QAAA,EAC3CT;AAAY,OACP,CACT;KACE;AAAC,GACH,CAAC;AAEV;;;;"}

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

@@ -3,25 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Button_resolver = require('../../../button/Button.resolver.js');
-require('../../../common/theme.js');
-require('../../../common/direction.js');
-require('../../../common/propsValues/control.js');
-require('../../../common/propsValues/breakpoint.js');
-require('../../../common/propsValues/size.js');
 var typography = require('../../../common/propsValues/typography.js');
-require('../../../common/propsValues/width.js');
-require('../../../common/propsValues/type.js');
-require('../../../common/propsValues/dateMode.js');
-require('../../../common/propsValues/monthFormat.js');
-require('../../../common/propsValues/position.js');
-require('../../../common/propsValues/layouts.js');
 var status = require('../../../common/propsValues/status.js');
-require('../../../common/propsValues/sentiment.js');
-require('../../../common/propsValues/profileType.js');
-require('../../../common/propsValues/variant.js');
-require('../../../common/propsValues/scroll.js');
-require('../../../common/propsValues/markdownNodeType.js');
-require('../../../common/fileType.js');
 require('@transferwise/icons');
 require('clsx');
 require('react');

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

@@ -1 +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 from '../../../processIndicator';\nimport Title from '../../../title';\n\nexport interface ProcessingStepProps {\n  isComplete: boolean;\n  isError: boolean;\n  isSuccess: boolean;\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  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 status={processStatus} />\n        <Title className=\"m-y-2\" type={Typography.TITLE_BODY} aria-live=\"polite\">\n          {psProcessingText}\n        </Title>\n        {psButtonText && (\n          <Button v2 disabled={psButtonDisabled} onClick={onClear}>\n            {psButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ProcessingStep","isComplete","isError","isSuccess","onClear","psButtonText","psProcessingText","psButtonDisabled","processStatus","Status","PROCESSING","FAILED","SUCCEEDED","_jsx","className","children","_jsxs","ProcessIndicator","status","Title","type","Typography","TITLE_BODY","Button","v2","disabled","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAec,SAAUA,cAAcA,CAAC;EACrCC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,OAAO;EACPC,YAAY;EACZC,gBAAgB;AAChBC,EAAAA;AAAgB,CACI,EAAA;AACpB,EAAA,IAAIC,aAAa,GAAGC,aAAM,CAACC,UAAU;AACrC,EAAA,IAAIR,OAAO,EAAE;IACXM,aAAa,GAAGC,aAAM,CAACE,MAAM;AAC/B,EAAA;AACA,EAAA,IAAIR,SAAS,EAAE;IACbK,aAAa,GAAGC,aAAM,CAACG,SAAS;AAClC,EAAA;AAEA,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,0CAA0C;AAAC,IAAA,aAAA,EAAab,UAAW;AAAAc,IAAAA,QAAA,eAChFC,eAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;MAAAC,QAAA,EAAA,cACrCF,cAAA,CAACI,wBAAgB,EAAA;AAACC,QAAAA,MAAM,EAAEV;AAAc,OAAA,CACxC,eAAAK,cAAA,CAACM,aAAK,EAAA;AAACL,QAAAA,SAAS,EAAC,OAAO;QAACM,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAAC,QAAA,WAAA,EAAU,QAAQ;AAAAP,QAAAA,QAAA,EACrET;AAAgB,OACZ,CACP,EAACD,YAAY,iBACXQ,cAAA,CAACU,uBAAM,EAAA;QAACC,EAAE,EAAA,IAAA;AAACC,QAAAA,QAAQ,EAAElB,gBAAiB;AAACmB,QAAAA,OAAO,EAAEtB,OAAQ;AAAAW,QAAAA,QAAA,EACrDV;AAAY,OACP,CACT;KACE;AACP,GAAK,CAAC;AAEV;;;;"}
+{"version":3,"file":"processingStep.js","sources":["../../../../src/upload/steps/processingStep/processingStep.tsx"],"sourcesContent":["import Button from '../../../button';\nimport { Status, Typography } from '../../../common';\nimport ProcessIndicator from '../../../processIndicator';\nimport Title from '../../../title';\n\nexport interface ProcessingStepProps {\n  isComplete: boolean;\n  isError: boolean;\n  isSuccess: boolean;\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  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 status={processStatus} />\n        <Title className=\"m-y-2\" type={Typography.TITLE_BODY} aria-live=\"polite\">\n          {psProcessingText}\n        </Title>\n        {psButtonText && (\n          <Button v2 disabled={psButtonDisabled} onClick={onClear}>\n            {psButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ProcessingStep","isComplete","isError","isSuccess","onClear","psButtonText","psProcessingText","psButtonDisabled","processStatus","Status","PROCESSING","FAILED","SUCCEEDED","_jsx","className","children","_jsxs","ProcessIndicator","status","Title","type","Typography","TITLE_BODY","Button","v2","disabled","onClick"],"mappings":";;;;;;;;;;;;;;;;AAee,SAASA,cAAcA,CAAC;EACrCC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,OAAO;EACPC,YAAY;EACZC,gBAAgB;AAChBC,EAAAA;AACmB,CAAC,EAAE;AACtB,EAAA,IAAIC,aAAa,GAAGC,aAAM,CAACC,UAAU;AACrC,EAAA,IAAIR,OAAO,EAAE;IACXM,aAAa,GAAGC,aAAM,CAACE,MAAM;AAC/B,EAAA;AACA,EAAA,IAAIR,SAAS,EAAE;IACbK,aAAa,GAAGC,aAAM,CAACG,SAAS;AAClC,EAAA;AAEA,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,0CAA0C;AAAC,IAAA,aAAA,EAAab,UAAW;AAAAc,IAAAA,QAAA,eAChFC,eAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;MAAAC,QAAA,EAAA,cACrCF,cAAA,CAACI,wBAAgB,EAAA;AAACC,QAAAA,MAAM,EAAEV;AAAc,OAAE,CAAC,eAC3CK,cAAA,CAACM,aAAK,EAAA;AAACL,QAAAA,SAAS,EAAC,OAAO;QAACM,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAAC,QAAA,WAAA,EAAU,QAAQ;AAAAP,QAAAA,QAAA,EACrET;AAAgB,OACZ,CAAC,EACPD,YAAY,iBACXQ,cAAA,CAACU,uBAAM,EAAA;QAACC,EAAE,EAAA,IAAA;AAACC,QAAAA,QAAQ,EAAElB,gBAAiB;AAACmB,QAAAA,OAAO,EAAEtB,OAAQ;AAAAW,QAAAA,QAAA,EACrDV;AAAY,OACP,CACT;KACE;AAAC,GACH,CAAC;AAEV;;;;"}

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

@@ -1,23 +1,6 @@
 import Button from '../../../button/Button.resolver.mjs';
-import '../../../common/theme.mjs';
-import '../../../common/direction.mjs';
-import '../../../common/propsValues/control.mjs';
-import '../../../common/propsValues/breakpoint.mjs';
-import '../../../common/propsValues/size.mjs';
 import { Typography } from '../../../common/propsValues/typography.mjs';
-import '../../../common/propsValues/width.mjs';
-import '../../../common/propsValues/type.mjs';
-import '../../../common/propsValues/dateMode.mjs';
-import '../../../common/propsValues/monthFormat.mjs';
-import '../../../common/propsValues/position.mjs';
-import '../../../common/propsValues/layouts.mjs';
 import { Status } from '../../../common/propsValues/status.mjs';
-import '../../../common/propsValues/sentiment.mjs';
-import '../../../common/propsValues/profileType.mjs';
-import '../../../common/propsValues/variant.mjs';
-import '../../../common/propsValues/scroll.mjs';
-import '../../../common/propsValues/markdownNodeType.mjs';
-import '../../../common/fileType.mjs';
 import '@transferwise/icons';
 import 'clsx';
 import 'react';

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

@@ -1 +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 from '../../../processIndicator';\nimport Title from '../../../title';\n\nexport interface ProcessingStepProps {\n  isComplete: boolean;\n  isError: boolean;\n  isSuccess: boolean;\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  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 status={processStatus} />\n        <Title className=\"m-y-2\" type={Typography.TITLE_BODY} aria-live=\"polite\">\n          {psProcessingText}\n        </Title>\n        {psButtonText && (\n          <Button v2 disabled={psButtonDisabled} onClick={onClear}>\n            {psButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ProcessingStep","isComplete","isError","isSuccess","onClear","psButtonText","psProcessingText","psButtonDisabled","processStatus","Status","PROCESSING","FAILED","SUCCEEDED","_jsx","className","children","_jsxs","ProcessIndicator","status","Title","type","Typography","TITLE_BODY","Button","v2","disabled","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAec,SAAUA,cAAcA,CAAC;EACrCC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,OAAO;EACPC,YAAY;EACZC,gBAAgB;AAChBC,EAAAA;AAAgB,CACI,EAAA;AACpB,EAAA,IAAIC,aAAa,GAAGC,MAAM,CAACC,UAAU;AACrC,EAAA,IAAIR,OAAO,EAAE;IACXM,aAAa,GAAGC,MAAM,CAACE,MAAM;AAC/B,EAAA;AACA,EAAA,IAAIR,SAAS,EAAE;IACbK,aAAa,GAAGC,MAAM,CAACG,SAAS;AAClC,EAAA;AAEA,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,0CAA0C;AAAC,IAAA,aAAA,EAAab,UAAW;AAAAc,IAAAA,QAAA,eAChFC,IAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;MAAAC,QAAA,EAAA,cACrCF,GAAA,CAACI,gBAAgB,EAAA;AAACC,QAAAA,MAAM,EAAEV;AAAc,OAAA,CACxC,eAAAK,GAAA,CAACM,KAAK,EAAA;AAACL,QAAAA,SAAS,EAAC,OAAO;QAACM,IAAI,EAAEC,UAAU,CAACC,UAAW;AAAC,QAAA,WAAA,EAAU,QAAQ;AAAAP,QAAAA,QAAA,EACrET;AAAgB,OACZ,CACP,EAACD,YAAY,iBACXQ,GAAA,CAACU,MAAM,EAAA;QAACC,EAAE,EAAA,IAAA;AAACC,QAAAA,QAAQ,EAAElB,gBAAiB;AAACmB,QAAAA,OAAO,EAAEtB,OAAQ;AAAAW,QAAAA,QAAA,EACrDV;AAAY,OACP,CACT;KACE;AACP,GAAK,CAAC;AAEV;;;;"}
+{"version":3,"file":"processingStep.mjs","sources":["../../../../src/upload/steps/processingStep/processingStep.tsx"],"sourcesContent":["import Button from '../../../button';\nimport { Status, Typography } from '../../../common';\nimport ProcessIndicator from '../../../processIndicator';\nimport Title from '../../../title';\n\nexport interface ProcessingStepProps {\n  isComplete: boolean;\n  isError: boolean;\n  isSuccess: boolean;\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  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 status={processStatus} />\n        <Title className=\"m-y-2\" type={Typography.TITLE_BODY} aria-live=\"polite\">\n          {psProcessingText}\n        </Title>\n        {psButtonText && (\n          <Button v2 disabled={psButtonDisabled} onClick={onClear}>\n            {psButtonText}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ProcessingStep","isComplete","isError","isSuccess","onClear","psButtonText","psProcessingText","psButtonDisabled","processStatus","Status","PROCESSING","FAILED","SUCCEEDED","_jsx","className","children","_jsxs","ProcessIndicator","status","Title","type","Typography","TITLE_BODY","Button","v2","disabled","onClick"],"mappings":";;;;;;;;;;;;AAee,SAASA,cAAcA,CAAC;EACrCC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,OAAO;EACPC,YAAY;EACZC,gBAAgB;AAChBC,EAAAA;AACmB,CAAC,EAAE;AACtB,EAAA,IAAIC,aAAa,GAAGC,MAAM,CAACC,UAAU;AACrC,EAAA,IAAIR,OAAO,EAAE;IACXM,aAAa,GAAGC,MAAM,CAACE,MAAM;AAC/B,EAAA;AACA,EAAA,IAAIR,SAAS,EAAE;IACbK,aAAa,GAAGC,MAAM,CAACG,SAAS;AAClC,EAAA;AAEA,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,0CAA0C;AAAC,IAAA,aAAA,EAAab,UAAW;AAAAc,IAAAA,QAAA,eAChFC,IAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,wBAAwB;MAAAC,QAAA,EAAA,cACrCF,GAAA,CAACI,gBAAgB,EAAA;AAACC,QAAAA,MAAM,EAAEV;AAAc,OAAE,CAAC,eAC3CK,GAAA,CAACM,KAAK,EAAA;AAACL,QAAAA,SAAS,EAAC,OAAO;QAACM,IAAI,EAAEC,UAAU,CAACC,UAAW;AAAC,QAAA,WAAA,EAAU,QAAQ;AAAAP,QAAAA,QAAA,EACrET;AAAgB,OACZ,CAAC,EACPD,YAAY,iBACXQ,GAAA,CAACU,MAAM,EAAA;QAACC,EAAE,EAAA,IAAA;AAACC,QAAAA,QAAQ,EAAElB,gBAAiB;AAACmB,QAAAA,OAAO,EAAEtB,OAAQ;AAAAW,QAAAA,QAAA,EACrDV;AAAY,OACP,CACT;KACE;AAAC,GACH,CAAC;AAEV;;;;"}

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

@@ -5,30 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var icons = require('@transferwise/icons');
 var React = require('react');
 var StatusIcon = require('../../../statusIcon/StatusIcon.js');
-require('../../../common/theme.js');
-require('../../../common/direction.js');
-require('../../../common/propsValues/control.js');
-require('../../../common/propsValues/breakpoint.js');
 var size = require('../../../common/propsValues/size.js');
-require('../../../common/propsValues/typography.js');
-require('../../../common/propsValues/width.js');
-require('../../../common/propsValues/type.js');
-require('../../../common/propsValues/dateMode.js');
-require('../../../common/propsValues/monthFormat.js');
-require('../../../common/propsValues/position.js');
-require('../../../common/propsValues/layouts.js');
-require('../../../common/propsValues/status.js');
 var sentiment = require('../../../common/propsValues/sentiment.js');
-require('../../../common/propsValues/profileType.js');
-require('../../../common/propsValues/variant.js');
-require('../../../common/propsValues/scroll.js');
-require('../../../common/propsValues/markdownNodeType.js');
-require('../../../common/fileType.js');
 require('clsx');
 require('react-intl');
 require('../../../common/closeButton/CloseButton.messages.js');
 var jsxRuntime = require('react/jsx-runtime');
-var InlineAlert = require('../../../inlineAlert/InlineAlert.js');
+var InlinePrompt = require('../../../prompt/InlinePrompt/InlinePrompt.js');
 
 class UploadImageStep extends React.PureComponent {
   uploadInputRef = /*#__PURE__*/React.createRef();
@@ -131,9 +114,10 @@ class UploadImageStep extends React.PureComponent {
           className: "upload-error-message",
           children: /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "m-t-3 has-error",
-            children: /*#__PURE__*/jsxRuntime.jsx(InlineAlert.default, {
-              type: sentiment.Sentiment.NEGATIVE,
-              iconLabel: errorIconLabel,
+            children: /*#__PURE__*/jsxRuntime.jsx(InlinePrompt.InlinePrompt, {
+              sentiment: sentiment.Sentiment.NEGATIVE,
+              mediaLabel: errorIconLabel,
+              width: "full",
               children: errorMessage
             })
           })