@wise/dynamic-flow-client 3.11.6 → 3.12.0-experimental-kyc-camera-59faf76

package/build/test-utils/index.js

@@ -0,0 +1,2 @@
+export { getMockHttpClient, respondWith, respondWithEtag, respondWithEmptyOk, respondWithEmptyAndEtag, } from './fetch-utils';
+export { renderWithProviders } from './rtl-utils';

package/build/test-utils/rtl-utils.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import NeptuneProviders from './NeptuneProviders';
+export var renderWithProviders = function (children, options) {
+    var renderedResult = render(_jsx(NeptuneProviders, { children: children }), options);
+    return __assign(__assign({}, renderedResult), { rerender: function (ui, renderOptions) {
+            return renderWithProviders(ui, __assign({ container: renderedResult.container }, renderOptions));
+        } });
+};

package/build/types/{legacy/step/cameraStep → common}/cameraCapture/CameraCapture.d.ts

@@ -1,6 +1,6 @@
 import type { CameraDirection } from '@wise/dynamic-flow-types';
-import type { EventHandler } from '../../../dynamic-flow-types';
-type Props = {
+import { CameraEventHandler } from './CameraEventHandler';
+type CameraCaptureProps = {
     direction?: CameraDirection;
     overlay?: string;
     outline?: string;
@@ -9,7 +9,7 @@ type Props = {
     instructions?: string;
     showReview?: boolean;
     onCapture: BlobCallback;
-    onEvent?: EventHandler;
+    onEvent?: CameraEventHandler;
 };
-declare function CameraCapture({ direction, overlay, outline, imageUrl, title, instructions, showReview, onCapture, onEvent, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function CameraCapture({ direction, overlay, outline, imageUrl, title, instructions, showReview, onCapture, onEvent, }: CameraCaptureProps): import("react/jsx-runtime").JSX.Element;
 export default CameraCapture;

package/build/types/common/cameraCapture/CameraEventHandler.d.ts

@@ -0,0 +1,2 @@
+export type CameraEventHandler = (eventName: CameraEventName, properties: Record<string, unknown>) => void;
+export type CameraEventName = 'Dynamic Flow - Camera Permission Denied' | 'Dynamic Flow - Camera Feed Started' | 'Dynamic Flow - Camera Not Supported' | 'Dynamic Flow - Camera Not Accessible' | 'Dynamic Flow - Camera Orientation Locked' | 'Dynamic Flow - Camera Orientation Lock Overlay Shown';

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

@@ -0,0 +1,3 @@
+export { CaptureBottomBar } from './bottomBar/BottomBar';
+export { ReviewBottomBar } from './bottomBar/BottomBar';
+export { default as OrientationLockOverlay } from './orientationLockOverlay/OrientationLockOverlay';

package/build/types/{legacy/step/cameraStep → common}/cameraCapture/hooks/useFullScreenOrientationLock.d.ts

@@ -1,5 +1,5 @@
-import type { EventHandler } from '../../../../dynamic-flow-types';
-export declare const useFullScreenOrientationLock: (shouldLockOrientation: boolean, onEvent: EventHandler | undefined) => {
+import type { CameraEventHandler } from '..';
+export declare const useFullScreenOrientationLock: (shouldLockOrientation: boolean, onEvent: CameraEventHandler | undefined) => {
     enterFullScreen: () => void;
     exitFullScreen: () => void;
 };

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

@@ -0,0 +1,2 @@
+export { default } from './CameraCapture';
+export type { CameraEventHandler, CameraEventName } from './CameraEventHandler';

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

@@ -0,0 +1 @@
+export { default as CameraErrorScreen } from "./cameraErrorScreen/CameraErrorScreen";

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

@@ -0,0 +1,8 @@
+import type { CameraDirection } from '@wise/dynamic-flow-types';
+import type { CameraEventHandler, CameraEventName } from '../CameraEventHandler';
+export declare const trackCameraError: (message: CameraEventName, onEvent: CameraEventHandler | undefined, error: string | DOMException) => void | undefined;
+export declare const trackCameraFeedStarted: (onEvent: CameraEventHandler | undefined, props: {
+    direction?: CameraDirection;
+}, stream: MediaStream) => Promise<void | undefined>;
+export declare const trackCameraOrientationLandscape: (onEvent: CameraEventHandler | undefined) => void;
+export declare const trackCameraOrientationLocked: (onEvent: CameraEventHandler | undefined) => void;

package/build/types/index.d.ts

@@ -2,6 +2,7 @@ export { makeHttpClient } from './common/makeHttpClient';
 export { default as translations } from './i18n';
 export type { Step, Model } from '@wise/dynamic-flow-types';
 export type { DynamicFlowWiseProps as DynamicFlowRevampProps, DynamicFlowWisePropsWithInitialAction as DynamicFlowRevampPropsWithInitialAction, DynamicFlowWisePropsWithInitialStep as DynamicFlowRevampPropsWithInitialStep, DynamicFragmentController, } from './revamp/types';
+export type { InitialAction as InitialActionRevamp } from './revamp/types';
 export { default as DynamicFlowRevamp } from './revamp/DynamicFlowWise';
 export { default as DynamicFragmentWise } from './revamp/DynamicFragmentWise';
 export type { DynamicFlowProps, InitialAction } from './legacy/dynamic-flow-types';

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

@@ -1,11 +1,11 @@
+export * from '../../../common/cameraCapture/utils/mobile-utils';
+export * from '../../../common/utils/debounce';
 export * from './api-utils';
 export * from './date-utils';
-export * from './debounce';
-export * from './is-equal';
 export * from './file-utils';
 export * from './id-utils';
-export * from './step-utils';
-export * from './model-utils';
+export * from './is-equal';
 export * from './misc-utils';
+export * from './model-utils';
 export * from './schema-utils';
-export * from './mobile-utils';
+export * from './step-utils';

package/build/types/legacy/dynamic-flow-types.d.ts

@@ -1,4 +1,5 @@
 import type { Size, Step } from '@wise/dynamic-flow-types';
+import type { CameraEventName } from '../common/cameraCapture';
 export type DynamicFlowProps = DynamicFlowPropsWithInitialAction | DynamicFlowPropsWithInitialStep;
 export type DynamicFlowPropsWithInitialAction = DynamicFlowPropsBasic & {
     initialAction: InitialAction;
@@ -10,7 +11,7 @@ export type DynamicFlowPropsWithInitialStep = DynamicFlowPropsBasic & {
 };
 export type HttpClient = typeof fetch;
 export type EventHandler = (eventName: EventName, properties: Record<string, unknown>) => void;
-export type EventName = 'Dynamic Flow - Flow Started' | 'Dynamic Flow - Flow Finished' | 'Dynamic Flow - Step Started' | 'Dynamic Flow - Step Submitted' | 'Dynamic Flow - Step Refreshed' | 'Dynamic Flow - OneOf Selected' | 'Dynamic Flow - PersistAsync' | 'Dynamic Flow - ValidationAsync' | 'Dynamic Flow - Camera Permission Denied' | 'Dynamic Flow - Camera Feed Started' | 'Dynamic Flow - Camera Not Supported' | 'Dynamic Flow - Camera Not Accessible' | 'Dynamic Flow - Camera Orientation Locked' | 'Dynamic Flow - Camera Orientation Lock Overlay Shown' | 'Dynamic Flow - Search Started' | 'Dynamic Flow - Search Result Selected' | 'Dynamic Flow - invalid submission response' | 'Dynamic Flow - onAction supressed' | 'Dynamic Flow - OneOf Searched';
+export type EventName = 'Dynamic Flow - Flow Started' | 'Dynamic Flow - Flow Finished' | 'Dynamic Flow - Step Started' | 'Dynamic Flow - Step Submitted' | 'Dynamic Flow - Step Refreshed' | 'Dynamic Flow - OneOf Selected' | 'Dynamic Flow - PersistAsync' | 'Dynamic Flow - ValidationAsync' | 'Dynamic Flow - Search Started' | 'Dynamic Flow - Search Result Selected' | 'Dynamic Flow - invalid submission response' | 'Dynamic Flow - onAction supressed' | 'Dynamic Flow - OneOf Searched' | CameraEventName;
 export type LogLevel = 'debug' | 'info' | 'warning' | 'error' | 'critical';
 export type LogEventHandler = (level: LogLevel, message: string, extra: Record<string, unknown>) => void;
 export type Feature = {

package/build/types/revamp/domain/components/StepDomainComponent.d.ts

@@ -1,4 +1,4 @@
-import type { BaseComponent, DomainComponent, LoadingState, LocalValue, UpdateComponent } from '../types';
+import type { BaseComponent, DomainComponent, LoadingState, LocalValue, OnAction, UpdateComponent } from '../types';
 import type { Step } from '@wise/dynamic-flow-types/build/next';
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { StepPolling } from '../features/polling/getStepPolling';
@@ -10,18 +10,20 @@ export type StepDomainComponent = BaseComponent & {
     error?: string;
     external?: Step['external'];
     loadingState: LoadingState;
+    step: Step;
     title?: string;
-    trackEvent: AnalyticsEventDispatcher<string>;
-    setLoadingState: (loadingState: LoadingState) => void;
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValue;
+    setLoadingState: (loadingState: LoadingState) => void;
+    onAction: OnAction;
     stop: () => void;
+    trackEvent: AnalyticsEventDispatcher<string>;
 };
 type BackNavigation = {
     title?: string;
     onClick: () => void;
 };
-export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, 'uid' | 'back' | 'components' | 'description' | 'error' | 'external' | 'loadingState' | 'title' | 'trackEvent'> & {
+export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, 'uid' | 'back' | 'components' | 'description' | 'error' | 'external' | 'loadingState' | 'step' | 'title' | 'trackEvent' | 'onAction'> & {
     stepPolling?: StepPolling;
     updateComponent: UpdateComponent;
 }) => StepDomainComponent;

package/build/types/revamp/renderers/stepComponentToProps.d.ts

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 import type { StepDomainComponent } from '../domain/components/StepDomainComponent';
 import type { StepRendererProps } from './types';
-export declare const stepComponentToProps: ({ back, description, error, external, loadingState, title, trackEvent }: StepDomainComponent, children: ReactNode) => StepRendererProps;
+export declare const stepComponentToProps: ({ back, description, error, external, loadingState, step, title, trackEvent, onAction, }: StepDomainComponent, children: ReactNode) => StepRendererProps;

package/build/types/revamp/renderers/types.d.ts

@@ -1,4 +1,4 @@
-import type { Icon as DFIcon, Margin as DFMargin, Size as DFSize, SearchResult as SearchResultSpec } from '@wise/dynamic-flow-types/build/next';
+import type { Action, Icon as DFIcon, Margin as DFMargin, Size as DFSize, SearchResult as SearchResultSpec, Step } from '@wise/dynamic-flow-types/build/next';
 import type { ReactNode } from 'react';
 import type { DecisionOption as DomainDecisionOption } from '../domain/components/DecisionComponent';
 import type { InstructionItem as DomainInstructionItem } from '../domain/components/InstructionsComponent';
@@ -38,6 +38,10 @@ export type StepRendererProps = {
     title?: string;
     trackEvent: AnalyticsEventDispatcher<string>;
     children: ReactNode;
+    /** @deprecated Please do not use this property. It will be removed in the future. */
+    step: Step;
+    /** @deprecated Please do not use this property. It will be removed in the future. */
+    onAction: (action: Action) => void | Promise<void>;
 };
 export type AlertRendererProps = {
     type: 'alert';

package/build/types/revamp/wise/renderers/step/KYCCameraStepRenderer.d.ts

@@ -0,0 +1,2 @@
+import type { Renderer, StepRendererProps } from '../../../renderers/types';
+export declare const KYCCameraStepRenderer: Renderer<StepRendererProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.11.6",
+  "version": "3.12.0-experimental-kyc-camera-59faf76",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -40,7 +40,7 @@
     "@testing-library/react": "14.3.1",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "46.36.0",
+    "@transferwise/components": "46.37.0",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.13.0",
     "@transferwise/neptune-css": "14.10.0",

package/build/types/legacy/step/cameraStep/cameraCapture/tracking/index.d.ts

@@ -1,8 +0,0 @@
-import type { CameraDirection } from '@wise/dynamic-flow-types';
-import type { EventHandler, EventName } from '../../../../dynamic-flow-types';
-export declare const trackCameraError: (message: EventName, onEvent: EventHandler | undefined, error: string | DOMException) => void | undefined;
-export declare const trackCameraFeedStarted: (onEvent: EventHandler | undefined, props: {
-    direction?: CameraDirection;
-}, stream: MediaStream) => Promise<void | undefined>;
-export declare const trackCameraOrientationLandscape: (onEvent: EventHandler | undefined) => void;
-export declare const trackCameraOrientationLocked: (onEvent: EventHandler | undefined) => void;