@transferwise/components 46.97.5 → 46.98.1

package/build/types/moneyInput/MoneyInput.messages.d.ts

@@ -3,6 +3,11 @@ declare const _default: {
         id: string;
         defaultMessage: string;
     };
+    searchPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     selectCurrencyLabel: {
         id: string;
         defaultMessage: string;

package/build/types/moneyInput/MoneyInput.messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoneyInput.messages.d.ts","sourceRoot":"","sources":["../../../src/moneyInput/MoneyInput.messages.ts"],"names":[],"mappings":";;;;;;;;;;;AAEA,wBAUG"}
+{"version":3,"file":"MoneyInput.messages.d.ts","sourceRoot":"","sources":["../../../src/moneyInput/MoneyInput.messages.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAEA,wBAeG"}

package/build/types/phoneNumberInput/PhoneNumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberInput.d.ts","sourceRoot":"","sources":["../../../src/phoneNumberInput/PhoneNumberInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEnE,OAAO,EAAyC,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAmBhG,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACvD,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACvC;AAKD,QAAA,MAAM,gBAAgB,GAAI,gMAevB,qBAAqB,gCA2JvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"PhoneNumberInput.d.ts","sourceRoot":"","sources":["../../../src/phoneNumberInput/PhoneNumberInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEnE,OAAO,EAAyC,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAkBhG,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACvD,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACvC;AAKD,QAAA,MAAM,gBAAgB,GAAI,gMAevB,qBAAqB,gCA4LvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/build/types/phoneNumberInput/PhoneNumberInput.messages.d.ts

@@ -3,6 +3,14 @@ declare const _default: {
         id: string;
         defaultMessage: string;
     };
+    countryCodeLabel: {
+        id: string;
+        defaultMessage: string;
+    };
+    phoneNumberLabel: {
+        id: string;
+        defaultMessage: string;
+    };
 };
 export default _default;
 //# sourceMappingURL=PhoneNumberInput.messages.d.ts.map

package/build/types/phoneNumberInput/PhoneNumberInput.messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberInput.messages.d.ts","sourceRoot":"","sources":["../../../src/phoneNumberInput/PhoneNumberInput.messages.ts"],"names":[],"mappings":";;;;;;AAEA,wBAKG"}
+{"version":3,"file":"PhoneNumberInput.messages.d.ts","sourceRoot":"","sources":["../../../src/phoneNumberInput/PhoneNumberInput.messages.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA,wBAaG"}

package/build/types/test-utils/fake-data.d.ts

@@ -1,4 +1,6 @@
+export declare const lorem5 = "Lorem ipsum dolor sit amet.";
 export declare const lorem10 = "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iste, architecto?";
+export declare const lorem20 = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum non explicabo doloribus rerum saepe ut beatae adipisci rem vero optio.";
 export declare const lorem40 = "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo esse quod et iure deserunt facilis similique voluptatem reprehenderit mollitia inventore, ab voluptate dignissimos autem repellat accusamus perferendis sed pariatur tempore possimus ipsam praesentium ipsum? Nesciunt cumque repellendus impedit aliquam! Error?";
 export declare const lorem100 = "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsum quisquam fuga dolore veritatis assumenda rerum, non, sint aliquam, excepturi architecto temporibus quis? Quo, deleniti nobis, illo necessitatibus accusamus commodi error fuga culpa sequi, incidunt voluptatum tempore quisquam quos eos modi impedit sit! Eveniet libero optio assumenda rem accusantium quod quas, recusandae, incidunt mollitia harum dolorum. Dolor porro hic mollitia accusantium vel commodi, ipsam a suscipit iusto placeat numquam excepturi amet nostrum aliquid aperiam sequi deleniti asperiores fugit cumque ipsa voluptatem culpa non libero iste. Placeat rem dolore quisquam aperiam, eligendi facere quos minima totam a ut corporis culpa! Veniam, illo!";
 export declare const lorem500 = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi commodi eos placeat aut quidem et error ex qui. Reprehenderit animi officiis magnam dicta, alias eligendi facilis sit fuga suscipit qui voluptatibus, quam harum beatae omnis sint sapiente dolorum cum officia dignissimos ab ipsa, deleniti voluptates exercitationem tempore! Fugit consequuntur ullam, similique tenetur corporis laborum sed sint, necessitatibus natus voluptatem, eius eveniet placeat quos quaerat officia officiis magni reprehenderit eaque! Dolorum odio iste vitae magnam, voluptatum pariatur unde, quod at adipisci reprehenderit dignissimos id modi quaerat rerum et dolorem. Rerum ratione beatae, repudiandae temporibus ipsam accusamus deserunt! Maiores, eos nisi laboriosam soluta rem minus expedita repudiandae accusamus aperiam rerum facere ducimus voluptas! Rerum fugit eum quasi. At sapiente quaerat, similique inventore quia magni cupiditate molestias odio voluptate quasi culpa ullam sit unde veritatis ut dicta ad nihil veniam accusamus eveniet vel placeat minus numquam nostrum! Delectus quas adipisci debitis cumque doloremque, nobis, obcaecati dolorem commodi possimus nesciunt vero? Excepturi saepe explicabo dolorem facere itaque optio, totam tempore earum culpa fugit ullam officia maiores dolores facilis voluptate consequuntur a voluptas, asperiores obcaecati voluptatem. Rerum suscipit quod nulla harum illum sequi praesentium tenetur neque architecto, molestias earum! Necessitatibus, ullam molestiae voluptas, esse dolorem officiis aut, inventore dolore provident beatae error nesciunt incidunt neque quam molestias iusto minus rem nam. Eum, provident id. Molestias vitae ex sequi veritatis totam minima labore quasi eligendi nemo, ipsa accusamus eaque quae maiores eum ipsam inventore illo voluptatem sapiente velit, quos aspernatur commodi quibusdam. A expedita, adipisci aut voluptatum repellat fugit saepe accusamus debitis, quis dolorem, incidunt corrupti magni? Inventore nulla fugit quisquam dolorum temporibus corporis error voluptates? Impedit possimus provident a vero exercitationem doloribus est voluptatibus distinctio, ipsum iste sit repellat sapiente tenetur deleniti ullam dolorem soluta accusantium! Ab, placeat rerum explicabo corporis impedit quam quos veritatis expedita hic veniam harum qui dolor neque! Laboriosam officiis, dignissimos corporis, ducimus iure nemo quisquam pariatur molestias repellat aliquam tempore impedit dolore tempora eaque accusamus fugiat facilis dolor sint laborum molestiae sapiente deserunt quasi obcaecati! Veniam, doloribus! Unde, fugiat odit sunt facere maiores nobis tempora, natus quam consectetur deleniti nesciunt perferendis aut praesentium. Libero, neque cumque beatae recusandae qui repudiandae sunt quod dolorum nemo voluptates et culpa temporibus perferendis est expedita vel laboriosam! Accusamus incidunt consectetur delectus voluptate sunt repudiandae deleniti ut consequuntur, facilis assumenda nostrum soluta unde repellat reiciendis ipsum quidem quam numquam optio voluptates eius. Molestias quibusdam assumenda earum atque ullam delectus explicabo recusandae quasi aperiam, est placeat? Officia molestiae accusamus rem placeat adipisci officiis harum vel. Neque sit qui alias magni illum! Ipsam, necessitatibus unde sit possimus ipsum quis neque voluptate reprehenderit tempore nobis quo sunt molestiae atque rerum similique natus minus eum? Maiores aspernatur ut ullam eos vitae aperiam odit deleniti eveniet delectus totam harum iste, blanditiis ab laboriosam mollitia. Esse incidunt odit voluptate minus cum molestiae reprehenderit minima voluptatibus id. Molestias aliquid repellendus dolores cupiditate, nemo reiciendis ad facilis quo est, a error culpa similique libero dolor labore! Facere laborum cupiditate iste laboriosam culpa consectetur.";

package/build/types/test-utils/fake-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fake-data.d.ts","sourceRoot":"","sources":["../../../src/test-utils/fake-data.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,gFAC2D,CAAC;AAEhF,eAAO,MAAM,OAAO,sUACiT,CAAC;AAEtU,eAAO,MAAM,QAAQ,+tBACysB,CAAC;AAE/tB,eAAO,MAAM,QAAQ,2uHACqtH,CAAC;AAE3uH,eAAO,MAAM,SAAS,28OACo7O,CAAC"}
+{"version":3,"file":"fake-data.d.ts","sourceRoot":"","sources":["../../../src/test-utils/fake-data.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,gCAAgC,CAAC;AAEpD,eAAO,MAAM,OAAO,gFAC2D,CAAC;AAEhF,eAAO,MAAM,OAAO,4IACuH,CAAC;AAE5I,eAAO,MAAM,OAAO,sUACiT,CAAC;AAEtU,eAAO,MAAM,QAAQ,+tBACysB,CAAC;AAE/tB,eAAO,MAAM,QAAQ,2uHACqtH,CAAC;AAE3uH,eAAO,MAAM,SAAS,28OACo7O,CAAC"}

package/build/types/test-utils/index.d.ts

@@ -31,12 +31,13 @@ declare function customRender(ui: ReactElement, { locale, messages, ...renderOpt
         "neptune.Label.optional": string;
         "neptune.Link.opensInNewTab": string;
         "neptune.MoneyInput.Select.placeholder": string;
+        "neptune.MoneyInput.Select.searchPlaceholder": string;
         "neptune.MoneyInput.Select.selectCurrencyLabel": string;
         "neptune.PhoneNumberInput.SelectInput.placeholder": string;
+        "neptune.PhoneNumberInput.countryCodeLabel": string;
+        "neptune.PhoneNumberInput.phoneNumberLabel": string;
         "neptune.Select.searchPlaceholder": string;
         "neptune.SelectInput.noResultsFound": string;
-        "neptune.SelectOption.action.label": string;
-        "neptune.SelectOption.selected.action.label": string;
         "neptune.StatusIcon.iconLabel.error": string;
         "neptune.StatusIcon.iconLabel.information": string;
         "neptune.StatusIcon.iconLabel.pending": string;
@@ -111,12 +112,13 @@ declare function customRenderHook(callback: () => unknown, { locale, messages }?
         "neptune.Label.optional": string;
         "neptune.Link.opensInNewTab": string;
         "neptune.MoneyInput.Select.placeholder": string;
+        "neptune.MoneyInput.Select.searchPlaceholder": string;
         "neptune.MoneyInput.Select.selectCurrencyLabel": string;
         "neptune.PhoneNumberInput.SelectInput.placeholder": string;
+        "neptune.PhoneNumberInput.countryCodeLabel": string;
+        "neptune.PhoneNumberInput.phoneNumberLabel": string;
         "neptune.Select.searchPlaceholder": string;
         "neptune.SelectInput.noResultsFound": string;
-        "neptune.SelectOption.action.label": string;
-        "neptune.SelectOption.selected.action.label": string;
         "neptune.StatusIcon.iconLabel.error": string;
         "neptune.StatusIcon.iconLabel.information": string;
         "neptune.StatusIcon.iconLabel.pending": string;

package/build/types/test-utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/test-utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAM,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAc,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAMxD;;;;GAIG;AACH,iBAAS,YAAY,CACnB,EAAE,EAAE,YAAY,EAChB,EAAE,MAAuB,EAAE,QAAa,EAAE,GAAG,aAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAK,GAChE,UAAU,CAAC,OAAO,MAAM,CAAC,CAK3B;AAED;;;GAGG;AACH,iBAAS,gBAAgB,CACvB,QAAQ,EAAE,MAAM,OAAO,EACvB,EAAE,MAAuB,EAAE,QAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAK,uEAKhD;AAED,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,gBAAgB,IAAI,UAAU,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/test-utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAM,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAc,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAMxD;;;;GAIG;AACH,iBAAS,YAAY,CACnB,EAAE,EAAE,YAAY,EAChB,EAAE,MAAuB,EAAE,QAAa,EAAE,GAAG,aAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAK,GAChE,UAAU,CAAC,OAAO,MAAM,CAAC,CAK3B;AAED;;;GAGG;AACH,iBAAS,gBAAgB,CACvB,QAAQ,EAAE,MAAM,OAAO,EACvB,EAAE,MAAuB,EAAE,QAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAK,uEAKhD;AAED,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,gBAAgB,IAAI,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/build/types/upload/Upload.d.ts

@@ -2,7 +2,6 @@ import { Component } from 'react';
 import { WrappedComponentProps } from 'react-intl';
 import { Size } from '../common';
 import { PostDataFetcher, PostDataHTTPOptions } from './utils/postData/postData';
-import { ProcessIndicatorStatus } from '../processIndicator';
 export declare const MAX_SIZE_DEFAULT = 5000000;
 export declare enum UploadStep {
     UPLOAD_IMAGE_STEP = "uploadImageStep"
@@ -81,8 +80,8 @@ export declare class Upload extends Component<UploadProps, UploadState> {
     onDragLeave(event: React.DragEvent<HTMLDivElement>): void;
     onDragEnter(event: React.DragEvent<HTMLDivElement>): void;
     onDrop(event: React.DragEvent<HTMLDivElement>): Promise<void>;
-    onAnimationCompleted: (status: ProcessIndicatorStatus) => Promise<void>;
     asyncPost: (file: File) => Promise<Response>;
+    handleUploadComplete: (type: "success" | "error", response: unknown) => void;
     asyncResponse: (response: unknown, type: "success" | "error") => void;
     handleOnClear: React.MouseEventHandler<HTMLButtonElement>;
     reset: () => void;

package/build/types/upload/Upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["../../../src/upload/Upload.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["../../../src/upload/Upload.tsx"],"names":[],"mappings":"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"}

package/build/types/upload/steps/processingStep/processingStep.d.ts

@@ -1,13 +1,11 @@
-import { ProcessIndicatorStatus } from '../../../processIndicator';
 export interface ProcessingStepProps {
     isComplete: boolean;
     isError: boolean;
     isSuccess: boolean;
-    onAnimationCompleted: (status: ProcessIndicatorStatus) => void;
     onClear: React.MouseEventHandler<HTMLButtonElement>;
     psButtonText: string;
     psProcessingText: string;
     psButtonDisabled: boolean;
 }
-export default function ProcessingStep({ isComplete, isError, isSuccess, onAnimationCompleted, onClear, psButtonText, psProcessingText, psButtonDisabled, }: ProcessingStepProps): import("react").JSX.Element;
+export default function ProcessingStep({ isComplete, isError, isSuccess, onClear, psButtonText, psProcessingText, psButtonDisabled, }: ProcessingStepProps): import("react").JSX.Element;
 //# sourceMappingURL=processingStep.d.ts.map

package/build/types/upload/steps/processingStep/processingStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"processingStep.d.ts","sourceRoot":"","sources":["../../../../../src/upload/steps/processingStep/processingStep.tsx"],"names":[],"mappings":"AAEA,OAAyB,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGrF,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,oBAAoB,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,UAAU,EACV,OAAO,EACP,SAAS,EACT,oBAAoB,EACpB,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,mBAAmB,+BA2BrB"}
+{"version":3,"file":"processingStep.d.ts","sourceRoot":"","sources":["../../../../../src/upload/steps/processingStep/processingStep.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,mBAAmB,+BAwBrB"}

package/build/types/uploadInput/UploadInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadInput.d.ts","sourceRoot":"","sources":["../../../src/uploadInput/UploadInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAiC,MAAM,WAAW,CAAC;AAOvE,OAAO,EAAE,YAAY,EAAe,cAAc,EAAE,MAAM,SAAS,CAAC;AACpE,OAAqB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAE9E,OAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEtE,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAEhC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAE9D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAErD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,aAAa,CAAC,EAAE;QACd;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAEvB;;WAEG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QAErB;;WAEG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,GAAG,IAAI,CACN,iBAAiB,EACjB,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,aAAa,GAAG,IAAI,GAAG,mBAAmB,CACjG,GAAG;IAAE,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CAAE,GAAG,WAAW,CAAC;AAgCjE;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW,GAAI,oQAoBlB,gBAAgB,gCAkTlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"UploadInput.d.ts","sourceRoot":"","sources":["../../../src/uploadInput/UploadInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAiC,MAAM,WAAW,CAAC;AAOvE,OAAO,EAAE,YAAY,EAAe,cAAc,EAAE,MAAM,SAAS,CAAC;AACpE,OAAqB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAE9E,OAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEtE,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAEhC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAE9D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAErD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,aAAa,CAAC,EAAE;QACd;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAEvB;;WAEG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QAErB;;WAEG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,GAAG,IAAI,CACN,iBAAiB,EACjB,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,aAAa,GAAG,IAAI,GAAG,mBAAmB,CACjG,GAAG;IAAE,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CAAE,GAAG,WAAW,CAAC;AAgCjE;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW,GAAI,oQAoBlB,gBAAgB,gCAkXlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/types/uploadInput/uploadItem/UploadItem.d.ts

@@ -7,7 +7,7 @@ export type UploadItemProps = React.JSX.IntrinsicAttributes & {
     singleFileUpload: boolean;
     canDelete: boolean;
     onDelete: () => void;
-    onFocus: () => void;
+    onFocus: (target?: 'button' | 'link') => void;
     /**
      * Callback to be called when the file link is clicked.
      * When provided, you need to manually trigger actions to load/download the file.

package/build/types/uploadInput/uploadItem/UploadItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadItem.d.ts","sourceRoot":"","sources":["../../../../src/uploadInput/uploadItem/UploadItem.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAe,MAAM,UAAU,CAAC;AAKrD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,mBAAmB,GAAG;IAC5D,IAAI,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;CAChC,CAAC;AACF,UAAU,aAAa;IACrB;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,QAAQ;IAClB,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,QAAA,MAAM,UAAU,wHAyJf,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"UploadItem.d.ts","sourceRoot":"","sources":["../../../../src/uploadInput/uploadItem/UploadItem.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAe,MAAM,UAAU,CAAC;AAKrD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,mBAAmB,GAAG;IAC5D,IAAI,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAC;IAE9C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;CAChC,CAAC;AACF,UAAU,aAAa;IACrB;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,QAAQ;IAClB,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,QAAA,MAAM,UAAU,wHA8Jf,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/build/types/withDisplayFormat/WithDisplayFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WithDisplayFormat.d.ts","sourceRoot":"","sources":["../../../src/withDisplayFormat/WithDisplayFormat.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WithDisplayFormat.d.ts","sourceRoot":"","sources":["../../../src/withDisplayFormat/WithDisplayFormat.tsx"],"names":[],"mappings":"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"}

package/build/upload/Upload.js

@@ -38,22 +38,21 @@ var isSizeValid = require('./utils/isSizeValid/isSizeValid.js');
 var isTypeValid = require('./utils/isTypeValid/isTypeValid.js');
 var getFileType = require('./utils/getFileType/getFileType.js');
 
-const ANIMATION_FIX = 10;
 const MAX_SIZE_DEFAULT = 5000000;
 exports.UploadStep = void 0;
 (function (UploadStep) {
   UploadStep["UPLOAD_IMAGE_STEP"] = "uploadImageStep";
 })(exports.UploadStep || (exports.UploadStep = {}));
 class Upload extends React.Component {
-  static defaultProps = (() => ({
-    animationDelay: 700,
+  static defaultProps = {
+    animationDelay: 300,
     maxSize: MAX_SIZE_DEFAULT,
     psButtonDisabled: false,
     size: 'md',
     usAccept: 'image/*',
     usDisabled: false,
     usLabel: ''
-  }))();
+  };
   dragCounter = 0;
   timeouts = 0;
   constructor(props) {
@@ -125,40 +124,6 @@ class Upload extends React.Component {
       await this.fileDropped(event.dataTransfer.files[0]);
     }
   }
-  onAnimationCompleted = async status => {
-    const {
-      response,
-      isProcessing,
-      fileName
-    } = this.state;
-    const {
-      animationDelay
-    } = this.props;
-    if (isProcessing && status === 'succeeded') {
-      const {
-        onSuccess
-      } = this.props;
-      this.timeouts = window.setTimeout(() => {
-        this.setState({
-          isProcessing: false,
-          isComplete: true
-        }, onSuccess ? () => {
-          onSuccess(response, fileName);
-        } : undefined);
-      }, animationDelay);
-    }
-    if (isProcessing && status === 'failed') {
-      const {
-        onFailure
-      } = this.props;
-      this.timeouts = window.setTimeout(() => {
-        this.setState({
-          isProcessing: false,
-          isComplete: true
-        }, onFailure ? () => onFailure(response) : undefined);
-      }, animationDelay);
-    }
-  };
   asyncPost = async file => {
     const {
       httpOptions,
@@ -176,15 +141,35 @@ class Upload extends React.Component {
     Object.keys(data).forEach(key => formData.append(key, data[key]));
     return postData.postData(httpOptions, formData, fetcher);
   };
-  asyncResponse = (response, type) => {
-    // Gives time to the animation callback to fire.
+  handleUploadComplete = (type, response) => {
+    const {
+      animationDelay,
+      onSuccess,
+      onFailure
+    } = this.props;
+    const {
+      fileName
+    } = this.state;
+    window.clearTimeout(this.timeouts);
     this.timeouts = window.setTimeout(() => {
       this.setState({
-        response,
-        isError: type === 'error',
-        isSuccess: type === 'success'
+        isProcessing: false,
+        isComplete: true
+      }, () => {
+        if (type === 'success') {
+          onSuccess?.(response, fileName);
+        } else {
+          onFailure?.(response);
+        }
       });
-    }, ANIMATION_FIX);
+    }, animationDelay);
+  };
+  asyncResponse = (response, type) => {
+    this.setState({
+      response,
+      isError: type === 'error',
+      isSuccess: type === 'success'
+    }, () => this.handleUploadComplete(type, response));
   };
   handleOnClear = event => {
     event.preventDefault();
@@ -369,7 +354,6 @@ class Upload extends React.Component {
         psButtonText: psButtonText || intl.formatMessage(Upload_messages.default.psButtonText),
         psProcessingText: psProcessingText || intl.formatMessage(Upload_messages.default.psProcessingText),
         psButtonDisabled: psButtonDisabled,
-        onAnimationCompleted: async status => this.onAnimationCompleted(status),
         onClear: event => this.handleOnClear(event)
       }), !isProcessing && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "droppable-dropping-card droppable-card",

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';\nimport { ProcessIndicatorStatus } from '../processIndicator';\n\n/*\n * This delay is required for the isError/isSuccess to be fired after isProcessing so the processIndicator, will be\n * rendered first and then updated with the right status.\n */\nconst ANIMATION_FIX = 10;\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  maxSize?: number;\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: 700,\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          intl.formatMessage(messages.csTooLargeMessage, {\n            maxSize: roundFileSize(maxSize),\n          })\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  onAnimationCompleted = async (status: ProcessIndicatorStatus) => {\n    const { response, isProcessing, fileName } = this.state;\n    const { animationDelay } = this.props;\n\n    if (isProcessing && status === 'succeeded') {\n      const { onSuccess } = this.props;\n      this.timeouts = window.setTimeout(() => {\n        this.setState(\n          {\n            isProcessing: false,\n            isComplete: true,\n          },\n          onSuccess\n            ? () => {\n                onSuccess(response as string | Response, fileName);\n              }\n            : undefined,\n        );\n      }, animationDelay);\n    }\n\n    if (isProcessing && status === 'failed') {\n      const { onFailure } = this.props;\n      this.timeouts = window.setTimeout(() => {\n        this.setState(\n          {\n            isProcessing: false,\n            isComplete: true,\n          },\n          onFailure ? () => onFailure(response) : undefined,\n        );\n      }, animationDelay);\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  asyncResponse = (response: unknown, type: 'success' | 'error') => {\n    // Gives time to the animation callback to fire.\n    this.timeouts = window.setTimeout(() => {\n      this.setState({\n        response,\n        isError: type === 'error',\n        isSuccess: type === 'success',\n      });\n    }, ANIMATION_FIX);\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 (!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    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={\n              usPlaceholder ||\n              intl.formatMessage(messages.usPlaceholder, { maxSize: roundFileSize(maxSize) })\n            }\n          />\n        )}\n\n        {/* Starts render the step when isSuccess is true so markup is there when css transition kicks in\n      css transition to work properly */}\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={\n              usPlaceholder ||\n              intl.formatMessage(messages.usPlaceholder, { maxSize: roundFileSize(maxSize) })\n            }\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            onAnimationCompleted={async (status) => this.onAnimationCompleted(status)}\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":["ANIMATION_FIX","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","onDragLeave","event","preventDefault","setState","onDragEnter","onDrop","reset","dataTransfer","files","fileDropped","onAnimationCompleted","onSuccess","window","setTimeout","onFailure","asyncPost","file","httpOptions","fetcher","Error","fileInputName","name","data","formData","FormData","append","Object","keys","forEach","key","postData","asyncResponse","type","handleOnClear","onCancel","clearTimeout","showDataImage","dataUrl","onStart","file64","asyncFileRead","error","getFileType","includes","isTypeValid","ResponseError","Response","statusText","isSizeValid","render","usDropMessage","usButtonText","usButtonRetryText","usHelpImage","usPlaceholder","psButtonText","psProcessingText","csButtonText","csSuccessText","errorIconLabel","_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';\nimport { ProcessIndicatorStatus } from '../processIndicator';\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  maxSize?: number;\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          intl.formatMessage(messages.csTooLargeMessage, {\n            maxSize: roundFileSize(maxSize),\n          })\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 (!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    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={\n              usPlaceholder ||\n              intl.formatMessage(messages.usPlaceholder, { maxSize: roundFileSize(maxSize) })\n            }\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={\n              usPlaceholder ||\n              intl.formatMessage(messages.usPlaceholder, { maxSize: roundFileSize(maxSize) })\n            }\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","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","_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.mjs

@@ -34,22 +34,21 @@ import { isSizeValid } from './utils/isSizeValid/isSizeValid.mjs';
 import { isTypeValid } from './utils/isTypeValid/isTypeValid.mjs';
 import { getFileType } from './utils/getFileType/getFileType.mjs';
 
-const ANIMATION_FIX = 10;
 const MAX_SIZE_DEFAULT = 5000000;
 var UploadStep;
 (function (UploadStep) {
   UploadStep["UPLOAD_IMAGE_STEP"] = "uploadImageStep";
 })(UploadStep || (UploadStep = {}));
 class Upload extends Component {
-  static defaultProps = (() => ({
-    animationDelay: 700,
+  static defaultProps = {
+    animationDelay: 300,
     maxSize: MAX_SIZE_DEFAULT,
     psButtonDisabled: false,
     size: 'md',
     usAccept: 'image/*',
     usDisabled: false,
     usLabel: ''
-  }))();
+  };
   dragCounter = 0;
   timeouts = 0;
   constructor(props) {
@@ -121,40 +120,6 @@ class Upload extends Component {
       await this.fileDropped(event.dataTransfer.files[0]);
     }
   }
-  onAnimationCompleted = async status => {
-    const {
-      response,
-      isProcessing,
-      fileName
-    } = this.state;
-    const {
-      animationDelay
-    } = this.props;
-    if (isProcessing && status === 'succeeded') {
-      const {
-        onSuccess
-      } = this.props;
-      this.timeouts = window.setTimeout(() => {
-        this.setState({
-          isProcessing: false,
-          isComplete: true
-        }, onSuccess ? () => {
-          onSuccess(response, fileName);
-        } : undefined);
-      }, animationDelay);
-    }
-    if (isProcessing && status === 'failed') {
-      const {
-        onFailure
-      } = this.props;
-      this.timeouts = window.setTimeout(() => {
-        this.setState({
-          isProcessing: false,
-          isComplete: true
-        }, onFailure ? () => onFailure(response) : undefined);
-      }, animationDelay);
-    }
-  };
   asyncPost = async file => {
     const {
       httpOptions,
@@ -172,15 +137,35 @@ class Upload extends Component {
     Object.keys(data).forEach(key => formData.append(key, data[key]));
     return postData(httpOptions, formData, fetcher);
   };
-  asyncResponse = (response, type) => {
-    // Gives time to the animation callback to fire.
+  handleUploadComplete = (type, response) => {
+    const {
+      animationDelay,
+      onSuccess,
+      onFailure
+    } = this.props;
+    const {
+      fileName
+    } = this.state;
+    window.clearTimeout(this.timeouts);
     this.timeouts = window.setTimeout(() => {
       this.setState({
-        response,
-        isError: type === 'error',
-        isSuccess: type === 'success'
+        isProcessing: false,
+        isComplete: true
+      }, () => {
+        if (type === 'success') {
+          onSuccess?.(response, fileName);
+        } else {
+          onFailure?.(response);
+        }
       });
-    }, ANIMATION_FIX);
+    }, animationDelay);
+  };
+  asyncResponse = (response, type) => {
+    this.setState({
+      response,
+      isError: type === 'error',
+      isSuccess: type === 'success'
+    }, () => this.handleUploadComplete(type, response));
   };
   handleOnClear = event => {
     event.preventDefault();
@@ -365,7 +350,6 @@ class Upload extends Component {
         psButtonText: psButtonText || intl.formatMessage(messages.psButtonText),
         psProcessingText: psProcessingText || intl.formatMessage(messages.psProcessingText),
         psButtonDisabled: psButtonDisabled,
-        onAnimationCompleted: async status => this.onAnimationCompleted(status),
         onClear: event => this.handleOnClear(event)
       }), !isProcessing && /*#__PURE__*/jsx("div", {
         className: "droppable-dropping-card droppable-card",