@transferwise/components 0.0.0-experimental-e9f4151 → 0.0.0-experimental-ffa47f4

package/build/types/common/fakeEvents.d.ts

@@ -0,0 +1,23 @@
+export declare const fakeEvent: () => {
+    nativeEvent: {
+        stopImmediatePropagation(): void;
+    };
+    stopPropagation(): void;
+    preventDefault(): void;
+};
+export declare const fakeKeyDownEventForKey: (key: string) => {
+    key: string;
+    nativeEvent: {
+        stopImmediatePropagation(): void;
+    };
+    stopPropagation(): void;
+    preventDefault(): void;
+};
+export declare const fakeKeyDownEvent: (eventAttribute?: {}) => {
+    nativeEvent: {
+        stopImmediatePropagation(): void;
+    };
+    stopPropagation(): void;
+    preventDefault(): void;
+};
+//# sourceMappingURL=fakeEvents.d.ts.map

package/build/types/common/fakeEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fakeEvents.d.ts","sourceRoot":"","sources":["../../../src/common/fakeEvents.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;CAIpB,CAAC;AAEH,eAAO,MAAM,sBAAsB,QAAS,MAAM;;;;;;;CAGhD,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;CAG3B,CAAC"}

package/build/types/common/hooks/index.d.ts

@@ -1,5 +1,5 @@
-export { default as useConditionalListener } from "./useConditionalListener";
-export { default as useDirection } from "./useDirection";
-export { default as useHasIntersected } from "./useHasIntersected";
-export { default as useLayout } from "./useLayout";
+export { default as useConditionalListener } from './useConditionalListener';
+export { default as useDirection } from './useDirection';
+export { default as useHasIntersected } from './useHasIntersected';
+export { default as useLayout } from './useLayout';
 //# sourceMappingURL=index.d.ts.map

package/build/types/common/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/hooks/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/build/types/common/hooks/useConditionalListener/index.d.ts

@@ -1,2 +1,2 @@
-export { useConditionalListener as default } from "./useConditionalListener";
+export { useConditionalListener as default } from './useConditionalListener';
 //# sourceMappingURL=index.d.ts.map

package/build/types/common/hooks/useConditionalListener/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/common/hooks/useConditionalListener/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/common/hooks/useConditionalListener/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC"}

package/build/types/common/hooks/useDirection/index.d.ts

@@ -1,2 +1,2 @@
-export { useDirection as default } from "./useDirection";
+export { useDirection as default } from './useDirection';
 //# sourceMappingURL=index.d.ts.map

package/build/types/common/hooks/useDirection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/common/hooks/useDirection/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/common/hooks/useDirection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/build/types/common/hooks/useHasIntersected/index.d.ts

@@ -1,2 +1,2 @@
-export { useHasIntersected as default } from "./useHasIntersected";
+export { useHasIntersected as default } from './useHasIntersected';
 //# sourceMappingURL=index.d.ts.map

package/build/types/common/hooks/useHasIntersected/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/common/hooks/useHasIntersected/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/common/hooks/useHasIntersected/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/build/types/common/hooks/useHasIntersected/useHasIntersected.d.ts

@@ -1,5 +1,16 @@
-export function useHasIntersected({ elRef, loading }: {
-    elRef: any;
-    loading: any;
-}): boolean[];
+/**
+ * useHasIntersected.
+ * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.
+ * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.
+ *
+ * @param {object} params
+ * @param {object} [params.elRef] - node object that contains a react reference to the element that needs to be observed.
+ * @param {string} [params.loading = 'eager'] - string that contains the type of loading.
+ * @param elRef.loading
+ * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`
+ */
+export declare const useHasIntersected: ({ elRef, loading, }: {
+    elRef: React.RefObject<HTMLElement>;
+    loading?: "eager" | "lazy";
+}) => boolean[];
 //# sourceMappingURL=useHasIntersected.d.ts.map

package/build/types/common/hooks/useHasIntersected/useHasIntersected.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHasIntersected.d.ts","sourceRoot":"","sources":["../../../../../src/common/hooks/useHasIntersected/useHasIntersected.js"],"names":[],"mappings":"AAiBO;;;cA0CN"}
+{"version":3,"file":"useHasIntersected.d.ts","sourceRoot":"","sources":["../../../../../src/common/hooks/useHasIntersected/useHasIntersected.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,wBAG3B;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B,cA0CA,CAAC"}

package/build/types/common/index.d.ts

@@ -1,25 +1,25 @@
-export { default as HistoryNavigator } from "./historyNavigator";
-export * from "./domHelpers";
-export * from "./theme";
-export * from "./direction";
-export * from "./propsValues/control";
-export * from "./propsValues/size";
-export * from "./propsValues/typography";
-export * from "./propsValues/width";
-export * from "./propsValues/position";
-export * from "./propsValues/status";
-export * from "./propsValues/profileType";
-export * from "./propsValues/scroll";
-export * from "./locale";
-export * from "./commonProps";
-export { Breakpoint } from "./propsValues/breakpoint";
-export { Type } from "./propsValues/type";
-export { DateMode } from "./propsValues/dateMode";
-export { MonthFormat } from "./propsValues/monthFormat";
-export { Layout } from "./propsValues/layouts";
-export { Sentiment } from "./propsValues/sentiment";
-export { Variant } from "./propsValues/variant";
-export { MarkdownNodeType } from "./propsValues/markdownNodeType";
-export { FileType } from "./fileType";
-export { addNoScrollClass, removeNoScrollClass } from "./DOMOperations";
+export { default as HistoryNavigator } from './historyNavigator';
+export * from './domHelpers';
+export { addNoScrollClass, removeNoScrollClass } from './DOMOperations';
+export * from './theme';
+export * from './direction';
+export * from './propsValues/control';
+export { Breakpoint } from './propsValues/breakpoint';
+export * from './propsValues/size';
+export * from './propsValues/typography';
+export * from './propsValues/width';
+export { Type } from './propsValues/type';
+export { DateMode } from './propsValues/dateMode';
+export { MonthFormat } from './propsValues/monthFormat';
+export * from './propsValues/position';
+export { Layout } from './propsValues/layouts';
+export * from './propsValues/status';
+export { Sentiment } from './propsValues/sentiment';
+export * from './propsValues/profileType';
+export { Variant } from './propsValues/variant';
+export * from './propsValues/scroll';
+export { MarkdownNodeType } from './propsValues/markdownNodeType';
+export { FileType } from './fileType';
+export * from './locale';
+export * from './commonProps';
 //# sourceMappingURL=index.d.ts.map

package/build/types/common/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACxE,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAE5B,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/build/types/common/requirements.d.ts

@@ -0,0 +1,47 @@
+import { PrimitiveType } from 'react-intl';
+type ValidationMessages = Record<string, string>;
+type Value = {
+    label?: string;
+    title?: string;
+    name?: string;
+    value?: PrimitiveType;
+    code?: string | number;
+    key?: PrimitiveType;
+};
+type Field = {
+    name?: string;
+    title?: string;
+    type?: string;
+    control?: string;
+    format?: string;
+    pattern?: string;
+    minimum?: number;
+    maximum?: number;
+    max?: number;
+    min?: number;
+    width?: string;
+    example?: string;
+    placeholder?: string;
+    info?: string;
+    tooltip?: string;
+    help?: {
+        message: string;
+    };
+    valuesAllowed?: Value[];
+    values?: Value[];
+    default?: Value;
+    value?: Value;
+    validationMessages?: ValidationMessages;
+    validationRegexp?: string;
+    properties: Record<string, Field>;
+    hidden?: boolean;
+    key?: string;
+    fields?: Field[];
+    groups?: Field[];
+    [otherKey: string]: any;
+};
+type FieldMapType = Record<string, Field>;
+declare const prepFields: (fields: Field[], model?: any, validationMessages?: any) => FieldMapType;
+declare const getControlType: (field: Field) => string;
+export { prepFields, getControlType };
+//# sourceMappingURL=requirements.d.ts.map

package/build/types/common/requirements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"requirements.d.ts","sourceRoot":"","sources":["../../../src/common/requirements.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,KAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEjD,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACzB,CAAC;AAEF,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAmD1C,QAAA,MAAM,UAAU,WAAY,KAAK,EAAE,UAAU,GAAG,uBAAuB,GAAG,KAAG,YAc5E,CAAC;AAkUF,QAAA,MAAM,cAAc,UAAW,KAAK,WAsBnC,CAAC;AAqDF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/build/types/common/responsivePanel/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./ResponsivePanel";
+export { default } from './ResponsivePanel';
 //# sourceMappingURL=index.d.ts.map

package/build/types/common/responsivePanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/responsivePanel/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/responsivePanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}

package/build/types/navigationOption/NavigationOption.d.ts

@@ -1,4 +1,5 @@
 import { OptionProps, ReferenceType } from '../common/Option/Option';
+export type NavigationOptionProps = OptionProps;
 declare const NavigationOption: import("react").ForwardRefExoticComponent<OptionProps & import("react").RefAttributes<ReferenceType>>;
 export default NavigationOption;
 //# sourceMappingURL=NavigationOption.d.ts.map

package/build/types/navigationOption/NavigationOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationOption.d.ts","sourceRoot":"","sources":["../../../src/navigationOption/NavigationOption.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAIrE,QAAA,MAAM,gBAAgB,uGA2BrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"NavigationOption.d.ts","sourceRoot":"","sources":["../../../src/navigationOption/NavigationOption.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAErE,MAAM,MAAM,qBAAqB,GAAG,WAAW,CAAC;AAEhD,QAAA,MAAM,gBAAgB,uGA2BrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/build/types/snackbar/Snackbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/snackbar/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAK7C,OAAO,EAAS,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAMnE,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,aAAc,SAAQ,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC9E,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IACnE,OAAO,6CAAgC;IACvC,OAAO,SAAK;IACZ,iBAAiB,SAAK;gBAEV,KAAK,EAAE,aAAa;IAQhC,oBAAoB;IAKpB,qBAAqB,CAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa;IAexE,eAAe,aAMb;IAEF,kBAAkB,CAAC,aAAa,EAAE,aAAa;IAwB/C,MAAM;CA6BP;;AAID,wBAAwC"}
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/snackbar/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAK7C,OAAO,EAAS,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAMnE,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,aAAc,SAAQ,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC9E,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IACnE,OAAO,6CAAgC;IACvC,OAAO,SAAK;IACZ,iBAAiB,SAAK;gBAEV,KAAK,EAAE,aAAa;IAQhC,oBAAoB;IAKpB,qBAAqB,CAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa;IAexE,eAAe,aAMb;IAEF,kBAAkB,CAAC,aAAa,EAAE,aAAa;IAwB/C,MAAM;CAmCP;;AAID,wBAAwC"}

package/build/upload/Upload.js

@@ -6,6 +6,25 @@ var icons = require('@transferwise/icons');
 var clsx = require('clsx');
 var React = require('react');
 var reactIntl = require('react-intl');
+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');
 var Title = require('../title/Title.js');
 var Upload_messages = require('./Upload.messages.js');
 var uploadImageStep = require('./steps/uploadImageStep/uploadImageStep.js');
@@ -17,7 +36,6 @@ var isSizeValid = require('./utils/isSizeValid/isSizeValid.js');
 var isTypeValid = require('./utils/isTypeValid/isTypeValid.js');
 var getFileType = require('./utils/getFileType/getFileType.js');
 var jsxRuntime = require('react/jsx-runtime');
-var typography = require('../common/propsValues/typography.js');
 
 const ANIMATION_FIX = 10;
 const MAX_SIZE_DEFAULT = 5000000;

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  /** @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: maxSize / 1000000,\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 ? () => onSuccess(response as string | Response, fileName) : 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    } = 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: maxSize / 1000000 })\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: maxSize / 1000000 })\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          />\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"],"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","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","_jsxs","className","clsx","droppable","onDragOver","children","_jsx","UploadImageStep","CompleteStep","onClear","retry","errorMessage","ProcessingStep","PlusIcon","Title","Typography","TITLE_BODY","injectIntl"],"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\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  /** @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: maxSize / 1000000,\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 ? () => onSuccess(response as string | Response, fileName) : 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    } = 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: maxSize / 1000000 })\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: maxSize / 1000000 })\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          />\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"],"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","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","_jsxs","className","clsx","droppable","onDragOver","children","_jsx","UploadImageStep","CompleteStep","onClear","retry","errorMessage","ProcessingStep","PlusIcon","Title","Typography","TITLE_BODY","injectIntl"],"mappings":"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"}

package/build/upload/Upload.mjs

@@ -2,6 +2,25 @@ 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 Title from '../title/Title.mjs';
 import messages from './Upload.messages.mjs';
 import UploadImageStep from './steps/uploadImageStep/uploadImageStep.mjs';
@@ -13,7 +32,6 @@ import { isSizeValid } from './utils/isSizeValid/isSizeValid.mjs';
 import { isTypeValid } from './utils/isTypeValid/isTypeValid.mjs';
 import { getFileType } from './utils/getFileType/getFileType.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Typography } from '../common/propsValues/typography.mjs';
 
 const ANIMATION_FIX = 10;
 const MAX_SIZE_DEFAULT = 5000000;

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';\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  /** @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: maxSize / 1000000,\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 ? () => onSuccess(response as string | Response, fileName) : 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    } = 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: maxSize / 1000000 })\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: maxSize / 1000000 })\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          />\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"],"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","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","_jsxs","className","clsx","droppable","onDragOver","children","_jsx","UploadImageStep","CompleteStep","onClear","retry","errorMessage","ProcessingStep","PlusIcon","Title","Typography","TITLE_BODY","injectIntl"],"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';\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  /** @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: maxSize / 1000000,\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 ? () => onSuccess(response as string | Response, fileName) : 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    } = 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: maxSize / 1000000 })\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: maxSize / 1000000 })\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          />\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"],"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","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","_jsxs","className","clsx","droppable","onDragOver","children","_jsx","UploadImageStep","CompleteStep","onClear","retry","errorMessage","ProcessingStep","PlusIcon","Title","Typography","TITLE_BODY","injectIntl"],"mappings":"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"}