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

package/build/index.js

@@ -12819,9 +12819,6 @@ const ProcessingStep = props => {
     psProcessingText,
     psButtonDisabled
   } = props;
-  const {
-    isModern
-  } = componentsTheming.useTheme();
   let processStatus = exports.Status.PROCESSING;
   if (isError) {
     processStatus = exports.Status.FAILED;
@@ -12829,22 +12826,21 @@ const ProcessingStep = props => {
   if (isSuccess) {
     processStatus = exports.Status.SUCCEEDED;
   }
+  React.useEffect(() => {
+    if (processStatus !== exports.Status.PROCESSING) {
+      onAnimationCompleted(processStatus);
+    }
+  }, [processStatus, onAnimationCompleted]);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "droppable-processing-card droppable-card",
     "aria-hidden": isComplete,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "droppable-card-content",
       children: [/*#__PURE__*/jsxRuntime.jsx(ProcessIndicator$1, {
-        size: exports.Size.Small,
-        status: processStatus,
-        onAnimationCompleted: status => onAnimationCompleted(status)
+        size: exports.Size.SMALL,
+        status: processStatus
       }), /*#__PURE__*/jsxRuntime.jsx(Title, {
-        className: classNames__default.default({
-          'm-t-3': !isModern,
-          'm-b-3': !isModern,
-          'm-t-2': isModern,
-          'm-b-2': isModern
-        }),
+        className: "m-t-2 m-b-2",
         type: exports.Typography.TITLE_BODY,
         "aria-live": "polite",
         children: psProcessingText
@@ -13031,31 +13027,24 @@ class Upload extends React.Component {
       fileName
     } = this.state;
     // Success.
-    const {
-      animationDelay
-    } = this.props;
     if (isProcessing && status === exports.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 === exports.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 => {
@@ -13323,7 +13312,7 @@ Upload.propTypes = {
   uploadStep: PropTypes__default.default.oneOf(['uploadImageStep', 'mediaUploadStep'])
 };
 Upload.defaultProps = {
-  animationDelay: 700,
+  animationDelay: 0,
   csButtonText: undefined,
   csFailureText: undefined,
   csSuccessText: undefined,