@wise/dynamic-flow-client 0.5.0-beta-ce3986.10 → 0.5.0

package/build/types/common/contexts/httpClientContext/HttpClientContext.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+type HttpClient = typeof fetch;
+type ProviderProps = {
+    httpClient: HttpClient;
+    children: React.ReactNode;
+};
+export declare const HttpClientProvider: ({ httpClient, children }: ProviderProps) => JSX.Element;
+type ProviderFromBaseUrlProps = {
+    baseUrl: string;
+    children: React.ReactNode;
+};
+export declare const HttpClientProviderFromBaseUrl: ({ baseUrl, children }: ProviderFromBaseUrlProps) => JSX.Element;
+/**
+ * Provides the fetch(er) function for dynamic flows asynchronous operations.
+ */
+export declare const useHttpClient: () => typeof fetch;
+export declare const useHasHttpClientProvider: () => boolean;
+export {};

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

@@ -1,4 +1,4 @@
 export * from './dynamicFlowContexts/DynamicFlowContexts';
 export * from './eventsContext/EventsContext';
-export * from './fetcherContexts/FetcherContexts';
+export * from './httpClientContext/HttpClientContext';
 export * from './logContext/LogContext';

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

@@ -0,0 +1 @@
+export * from './makeHttpClient';

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

@@ -0,0 +1,2 @@
+export type HttpClient = typeof fetch;
+export declare const makeHttpClient: (baseUrl: string, additionalHeaders?: HeadersInit) => HttpClient;

package/build/types/dynamicFlow/DynamicFlowTypes.d.ts

@@ -5,9 +5,8 @@ export type DynamicFlowPropsBasic = {
     flowId: string;
     loaderConfig?: LoaderConfig;
     displayStepTitle?: boolean;
-    fetcher: Fetcher;
-    onComplete: (result: Record<string, unknown> | undefined | null) => void;
-    onStepChange?: (newStep: Step, previousStep: Step | undefined) => void;
+    httpClient: HttpClient;
+    onCompletion: (result: Record<string, unknown> | undefined | null) => void;
     onError: (error: unknown, status?: number) => void;
     onEvent?: EventHandler;
     onLog?: LogEventHandler;
@@ -24,7 +23,7 @@ type DynamicFlowPropsWithInitialStep = {
 };
 export type DynamicFlowProps = DynamicFlowPropsBasic & (DynamicFlowPropsWithInitialAction | DynamicFlowPropsWithInitialStep);
 export declare function isSchema(schema: FormLayout['schema']): schema is Schema;
-export type Fetcher = typeof fetch;
+export type HttpClient = typeof fetch;
 export type ETag = string;
 export type LoaderConfig = {
     size?: Size;

package/build/types/dynamicFlow/stories/fixtureHttpClient.d.ts

@@ -0,0 +1,2 @@
+import { HttpClient } from '../DynamicFlowTypes';
+export declare const fixtureHttpClient: HttpClient;

package/build/types/dynamicFlow/utils/responseParsers/response-parsers.d.ts

@@ -2,7 +2,7 @@ import { ActionResponseBody, ErrorResponseBody, Step } from '../../../types';
 import { DynamicFlowProps } from '../../DynamicFlowTypes';
 type ParsedBody = {
     type: 'exit';
-    result: Parameters<DynamicFlowProps['onComplete']>[0];
+    result: Parameters<DynamicFlowProps['onCompletion']>[0];
 } | {
     type: 'action';
     action: ActionResponseBody['action'];
@@ -13,5 +13,5 @@ type ParsedBody = {
 };
 export declare const parseFetchResponse: (response: Response) => Promise<ParsedBody>;
 export declare const parseErrorResponse: (response: Response) => Promise<ErrorResponseBody>;
-export declare const parseExitResponse: (response: Response) => Promise<Parameters<DynamicFlowProps['onComplete']>[0]>;
+export declare const parseExitResponse: (response: Response) => Promise<Parameters<DynamicFlowProps['onCompletion']>[0]>;
 export {};

package/build/types/index.d.ts

@@ -1,11 +1,11 @@
 export { convertStepToLayout, inlineReferences } from './step/layoutStep/utils';
 export { default as DynamicFlow } from './dynamicFlow';
-export { makeFetcher } from './common/makeFetcher';
+export { makeHttpClient } from './common/makeHttpClient';
 export { default as JsonSchemaForm } from './jsonSchemaForm';
 export { DynamicLayout as Layout } from './layout';
 export { isValidSchema } from './common/validators';
 export { fixtures } from './fixtures';
 export { default as translations } from './i18n';
 export * from './dynamicFlow/DynamicFlow';
-export type { DynamicFlowProps } from './dynamicFlow/DynamicFlowTypes';
+export type { DynamicFlowProps, InitialAction } from './dynamicFlow/DynamicFlowTypes';
 export type { Step } from './types';

package/build/types/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.d.ts

@@ -1,9 +1,9 @@
 import { UploadProps } from '@transferwise/components/build/types/upload/Upload';
-import { Fetcher } from '../../../dynamicFlow/DynamicFlowTypes';
+import { HttpClient } from '../../../dynamicFlow/DynamicFlowTypes';
 import { PersistAsync } from '../../../types';
 type Props = UploadProps & {
     id: string;
-    fetcher: Fetcher;
+    httpClient: HttpClient;
     fileId: number | string;
     idProperty: string;
     httpOptions: {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "0.5.0-beta-ce3986.10",
+  "version": "0.5.0",
   "description": "Dynamic Flow web client",
+  "license": "Apache-2.0",
   "main": "./build/main.min.js",
   "types": "./build/types/index.d.ts",
   "style": "./build/main.css",
-  "type": "commonjs",
   "sideEffects": [
     "*.css"
   ],
@@ -17,24 +17,6 @@
     "fullname": "transferwise/dynamic-flow",
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
-  "scripts": {
-    "dev": "storybook dev -p 3003",
-    "build": "rm -rf build && npm-run-all build:*",
-    "build:types": "tsc --project ./tsconfig.types.json",
-    "build:js": "node ./scripts/build.mjs",
-    "build:css": "postcss src/main.css -o build/main.css",
-    "build:messages-source": "formatjs extract 'src/**/*.messages.{js,ts}' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
-    "build:compiled-messages": "mkdir -p build/i18n && cp src/i18n/*.json build/i18n",
-    "test": "npm-run-all test:once test:tz",
-    "test:once": "jest --config jest.config.js --env=jsdom",
-    "test:coverage": "jest --config jest.config.js --env=jsdom --coverage",
-    "test:tz": "TZ=US/Pacific jest ./src/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.errors.spec.js ./src/formControl/FormControl.spec.js",
-    "test:watch": "pnpm test:once --watch",
-    "lint": "npm-run-all lint:ts lint:css",
-    "lint:ts": "eslint 'src/**/*.{js,jsx,ts,tsx}' --quiet",
-    "lint:css": "stylelint './src/**/*.css'",
-    "build-storybook": "storybook build -c .storybook"
-  },
   "devDependencies": {
     "@babel/core": "7.20.12",
     "@babel/plugin-syntax-flow": "7.18.6",
@@ -107,9 +89,26 @@
   },
   "dependencies": {
     "classnames": "2.3.2",
-    "react-use": "^17.4.0",
     "react-webcam": "^7.0.1",
     "screenfull": "^5.0.2"
   },
-  "prettier": "@transferwise/eslint-config/.prettierrc.js"
-}
+  "prettier": "@transferwise/eslint-config/.prettierrc.js",
+  "scripts": {
+    "dev": "storybook dev -p 3003",
+    "build": "rm -rf build && npm-run-all build:*",
+    "build:types": "tsc --project ./tsconfig.types.json",
+    "build:js": "node ./scripts/build.mjs",
+    "build:css": "postcss src/main.css -o build/main.css",
+    "build:messages-source": "formatjs extract 'src/**/*.messages.{js,ts}' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
+    "build:compiled-messages": "mkdir -p build/i18n && cp src/i18n/*.json build/i18n",
+    "test": "npm-run-all test:once test:tz",
+    "test:once": "jest --config jest.config.js --env=jsdom",
+    "test:coverage": "jest --config jest.config.js --env=jsdom --coverage",
+    "test:tz": "TZ=US/Pacific jest ./src/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.errors.spec.js ./src/formControl/FormControl.spec.js",
+    "test:watch": "pnpm test:once --watch",
+    "lint": "npm-run-all lint:ts lint:css",
+    "lint:ts": "eslint 'src/**/*.{js,jsx,ts,tsx}' --quiet",
+    "lint:css": "stylelint './src/**/*.css'",
+    "build-storybook": "storybook build -c .storybook"
+  }
+}

package/build/types/common/contexts/fetcherContexts/FetcherContexts.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-type Fetcher = typeof fetch;
-type FetcherProviderProps = {
-    fetcher: Fetcher;
-    children: React.ReactNode;
-};
-export declare const FetcherProvider: ({ fetcher, children }: FetcherProviderProps) => JSX.Element;
-type FetcherProviderFromBaseUrlProps = {
-    baseUrl: string;
-    children: React.ReactNode;
-};
-export declare const FetcherProviderFromBaseUrl: ({ baseUrl, children, }: FetcherProviderFromBaseUrlProps) => JSX.Element;
-/**
- * Provides the fetch(er) function for dynamic flows asynchronous operations.
- */
-export declare const useFetcher: () => typeof fetch;
-export declare const useHasFetcherProvider: () => boolean;
-export {};

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

@@ -1 +0,0 @@
-export * from './makeFetcher';

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

@@ -1,2 +0,0 @@
-export type Fetcher = typeof fetch;
-export declare const makeFetcher: (baseUrl: string, additionalHeaders?: HeadersInit) => Fetcher;

package/build/types/dynamicFlow/stories/fixtureFetcher.d.ts

@@ -1,2 +0,0 @@
-import { Fetcher } from '../DynamicFlowTypes';
-export declare const fixtureFetcher: Fetcher;