@transferwise/components 0.0.0-experimental-0df7ed4 → 0.0.0-experimental-75135c1

package/build/index.esm.js

@@ -12786,9 +12786,6 @@ const ProcessingStep = props => {
     psProcessingText,
     psButtonDisabled
   } = props;
-  const {
-    isModern
-  } = useTheme();
   let processStatus = Status.PROCESSING;
   if (isError) {
     processStatus = Status.FAILED;
@@ -12796,22 +12793,21 @@ const ProcessingStep = props => {
   if (isSuccess) {
     processStatus = Status.SUCCEEDED;
   }
+  useEffect(() => {
+    if (processStatus !== Status.PROCESSING) {
+      onAnimationCompleted(processStatus);
+    }
+  }, [processStatus, onAnimationCompleted]);
   return /*#__PURE__*/jsx("div", {
     className: "droppable-processing-card droppable-card",
     "aria-hidden": isComplete,
     children: /*#__PURE__*/jsxs("div", {
       className: "droppable-card-content",
       children: [/*#__PURE__*/jsx(ProcessIndicator$1, {
-        size: Size.Small,
-        status: processStatus,
-        onAnimationCompleted: status => onAnimationCompleted(status)
+        size: Size.SMALL,
+        status: processStatus
       }), /*#__PURE__*/jsx(Title, {
-        className: classNames({
-          'm-t-3': !isModern,
-          'm-b-3': !isModern,
-          'm-t-2': isModern,
-          'm-b-2': isModern
-        }),
+        className: "m-t-2 m-b-2",
         type: Typography.TITLE_BODY,
         "aria-live": "polite",
         children: psProcessingText
@@ -12998,31 +12994,24 @@ class Upload extends Component {
       fileName
     } = this.state;
     // Success.
-    const {
-      animationDelay
-    } = this.props;
     if (isProcessing && status === Status.SUCCEEDED) {
       const {
         onSuccess
       } = this.props;
-      this.timeouts = setTimeout(() => {
-        this.setState({
-          isProcessing: false,
-          isComplete: true
-        }, () => onSuccess ? onSuccess(response, fileName) : {});
-      }, animationDelay);
+      this.setState({
+        isProcessing: false,
+        isComplete: true
+      }, () => onSuccess ? onSuccess(response, fileName) : {});
     }
     // Failure.
     if (isProcessing && status === Status.FAILED) {
       const {
         onFailure
       } = this.props;
-      this.timeouts = setTimeout(() => {
-        this.setState({
-          isProcessing: false,
-          isComplete: true
-        }, () => onFailure ? onFailure(response) : {});
-      }, animationDelay);
+      this.setState({
+        isProcessing: false,
+        isComplete: true
+      }, () => onFailure ? onFailure(response) : {});
     }
   };
   asyncPost = file => {
@@ -13290,7 +13279,7 @@ Upload.propTypes = {
   uploadStep: PropTypes.oneOf(['uploadImageStep', 'mediaUploadStep'])
 };
 Upload.defaultProps = {
-  animationDelay: 700,
+  animationDelay: 0,
   csButtonText: undefined,
   csFailureText: undefined,
   csSuccessText: undefined,