@transferwise/components 46.39.0 → 46.40.0

package/build/types/upload/utils/isTypeValid/index.d.ts

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

package/build/types/upload/utils/isTypeValid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/upload/utils/isTypeValid/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/upload/utils/isTypeValid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/build/types/upload/utils/isTypeValid/isTypeValid.d.ts

@@ -1,2 +1,2 @@
-export function isTypeValid(file: any, rule: any, file64: any): any;
+export declare function isTypeValid(file: Blob, rule: string, file64?: string): boolean;
 //# sourceMappingURL=isTypeValid.d.ts.map

package/build/types/upload/utils/isTypeValid/isTypeValid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isTypeValid.d.ts","sourceRoot":"","sources":["../../../../../src/upload/utils/isTypeValid/isTypeValid.js"],"names":[],"mappings":"AAEO,oEAuBN"}
+{"version":3,"file":"isTypeValid.d.ts","sourceRoot":"","sources":["../../../../../src/upload/utils/isTypeValid/isTypeValid.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,WAgBpE"}

package/build/types/upload/utils/postData/index.d.ts

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

package/build/types/upload/utils/postData/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/upload/utils/postData/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/upload/utils/postData/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/build/types/upload/utils/postData/postData.d.ts

@@ -1,2 +1,12 @@
-export function postData(httpOptions: any, data?: {}, fetcher?: typeof fetch): Promise<Response>;
+export declare class ResponseError extends Error {
+    response: Response;
+    status: number;
+    constructor(response: Response, message?: string);
+}
+export interface PostDataHTTPOptions extends Omit<RequestInit, 'body'> {
+    url: string;
+    method?: 'POST' | 'PUT' | 'PATCH';
+}
+export type PostDataFetcher = (input: string, init: RequestInit) => Promise<Response>;
+export declare function postData({ url, method, ...httpOptions }: PostDataHTTPOptions, data: RequestInit['body'], fetcher?: PostDataFetcher): Promise<Response>;
 //# sourceMappingURL=postData.d.ts.map

package/build/types/upload/utils/postData/postData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"postData.d.ts","sourceRoot":"","sources":["../../../../../src/upload/utils/postData/postData.js"],"names":[],"mappings":"AAAO,iGAiBD"}
+{"version":3,"file":"postData.d.ts","sourceRoot":"","sources":["../../../../../src/upload/utils/postData/postData.ts"],"names":[],"mappings":"AAAA,qBAAa,aAAc,SAAQ,KAAK;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;gBAEH,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,MAAM;CAMjD;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IACpE,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;CACnC;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;AAEtF,wBAAsB,QAAQ,CAC5B,EAAE,GAAG,EAAE,MAAe,EAAE,GAAG,WAAW,EAAE,EAAE,mBAAmB,EAC7D,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,EACzB,OAAO,GAAE,eAAuB,qBAajC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.39.0",
+  "version": "46.40.0",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -93,8 +93,8 @@
     "rollup": "^4.17.2",
     "storybook": "^8.1.10",
     "@transferwise/neptune-css": "14.10.0",
-    "@transferwise/less-config": "3.1.0",
-    "@wise/components-theming": "1.3.0"
+    "@wise/components-theming": "1.3.0",
+    "@transferwise/less-config": "3.1.0"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.7.0",

package/src/index.ts

@@ -58,7 +58,7 @@ export type { NavigationOptionListProps } from './navigationOptionsList';
 export type { OverlayHeaderProps } from './overlayHeader';
 export type { PhoneNumberInputProps } from './phoneNumberInput/PhoneNumberInput';
 export type { PopoverProps } from './popover';
-export type { ProcessIndicatorProps } from './processIndicator';
+export type { ProcessIndicatorProps, ProcessIndicatorStatus } from './processIndicator';
 export type { ProgressProps } from './progress';
 export type { ProgressBarProps } from './progressBar';
 export type { DirectionProviderProps, LanguageProviderProps, ProviderProps } from './provider';
@@ -77,6 +77,7 @@ export type { SwitchOptionProps } from './switchOption';
 export type { TextareaWithDisplayFormatProps } from './textareaWithDisplayFormat';
 export type { TooltipProps } from './tooltip';
 export type { TypeaheadOption, TypeaheadProps } from './typeahead';
+export type { UploadProps } from './upload';
 export type { UploadError, UploadResponse, UploadedFile } from './uploadInput/types';
 
 /**

package/src/processIndicator/ProcessIndicator.tsx

@@ -7,7 +7,7 @@ const radius = { xxs: 6, xs: 11, sm: 22, xl: 61 };
 
 const ANIMATION_DURATION_IN_MS = 1500;
 
-type ProcessIndicatorStatus =
+export type ProcessIndicatorStatus =
   `${Status.PROCESSING | Status.FAILED | Status.SUCCEEDED | Status.HIDDEN}`;
 
 export interface ProcessIndicatorProps {

package/src/upload/Upload.spec.js

@@ -3,7 +3,7 @@ import { act } from 'react';
 
 import { ANIMATION_DURATION_IN_MS } from '../processIndicator';
 
-import { CompleteStep, UploadImageStep, MediaUploadStep, ProcessingStep } from './steps';
+import { CompleteStep, UploadImageStep, ProcessingStep } from './steps';
 
 import Upload from '.';
 
@@ -56,7 +56,7 @@ const UPLOADIMAGE_STEP_PROPS = {
   usAccept: props.usAccept,
   usButtonText: props.usButtonText,
   usDisabled: false,
-  usHelpImage: '',
+  usHelpImage: undefined,
   usLabel: '',
   usPlaceholder: props.usPlaceholder,
 };
@@ -105,17 +105,6 @@ describe('Upload', () => {
 
   it('renders the UploadImageStep by default', () => {
     expect(component.find(UploadImageStep)).toHaveLength(1);
-    expect(component.find(MediaUploadStep)).toHaveLength(0);
-    expect(component.find(ProcessingStep)).toHaveLength(0);
-    expect(component.find(CompleteStep)).toHaveLength(0);
-    expect(component.find('.droppable-dropping-card')).toHaveLength(1);
-  });
-
-  it(`renders the MediaUploadStep by default is it's the uploadStep in props`, () => {
-    component.setProps({ uploadStep: 'mediaUploadStep' });
-
-    expect(component.find(MediaUploadStep)).toHaveLength(1);
-    expect(component.find(UploadImageStep)).toHaveLength(0);
     expect(component.find(ProcessingStep)).toHaveLength(0);
     expect(component.find(CompleteStep)).toHaveLength(0);
     expect(component.find('.droppable-dropping-card')).toHaveLength(1);
@@ -260,7 +249,7 @@ describe('Upload', () => {
         isImage: false,
         isComplete: true,
         isError: true,
-        uploadedImage: null,
+        uploadedImage: undefined,
       });
     });
 

package/src/upload/Upload.story.tsx

@@ -0,0 +1,37 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { fn } from '@storybook/test';
+
+import Upload from '.';
+import { MAX_SIZE_DEFAULT } from './Upload';
+
+const meta = {
+  component: Upload,
+  tags: ['autodocs'],
+  argTypes: {
+    maxSize: {
+      control: {
+        type: 'number',
+        min: 0,
+      },
+    },
+  },
+} satisfies Meta<typeof Upload>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Basic = {
+  args: {
+    maxSize: MAX_SIZE_DEFAULT,
+    usAccept: 'image/*',
+    usLabel: 'Front of your ID document',
+    httpOptions: {
+      url: 'https://httpbin.org/post',
+      method: 'POST',
+    },
+    onStart: fn(),
+    onSuccess: fn(),
+    onFailure: fn(),
+    onCancel: fn(),
+  },
+} satisfies Story;