@wise/dynamic-flow-client 2.2.2 → 2.3.0-beta-923c14.19

package/build/types/common/contexts/featureContext/FeatureContext.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FeatureFlags } from '../../../dynamicFlow/DynamicFlowTypes';
+type FeatureContextProviderProps = {
+    featureFlags: FeatureFlags | undefined;
+    children: React.ReactNode;
+};
+export declare const FeatureContextProvider: ({ featureFlags, children }: FeatureContextProviderProps) => JSX.Element;
+export declare const useFeatureContext: () => FeatureFlags;
+export {};

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

@@ -8,3 +8,4 @@ export * from './step-utils';
 export * from './model-utils';
 export * from './misc-utils';
 export * from './schema-utils';
+export * from './mobile-utils';

package/build/types/common/utils/mobile-utils.d.ts

@@ -0,0 +1,4 @@
+export declare const isMobile: () => boolean;
+export declare const isMobileUA: (userAgent?: string) => boolean;
+export declare const isMobileScreenSize: (width?: number, height?: number) => boolean;
+export declare const isTouchScreen: (navigator?: Navigator, matchMedia?: ((query: string) => MediaQueryList) & typeof matchMedia) => boolean;

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

@@ -5,6 +5,7 @@ export type DynamicFlowPropsBasic = {
     flowId: string;
     loaderConfig?: LoaderConfig;
     displayStepTitle?: boolean;
+    featureFlags?: FeatureFlags;
     httpClient: HttpClient;
     onCompletion: (result: Record<string, unknown> | undefined | null) => void;
     onError: (error: unknown, status?: number) => void;
@@ -44,3 +45,6 @@ export type InitialAction = {
     method: 'POST';
     data: Record<string, unknown>;
 };
+export type FeatureFlags = {
+    cameraOrientationLock?: boolean;
+};

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

@@ -0,0 +1,3 @@
+import { DynamicFlowProps } from '../dynamicFlow/DynamicFlowTypes';
+declare const DynamicFlowRevamp: ({ flowId, httpClient, initialStep, onError, onLog, }: DynamicFlowProps) => JSX.Element;
+export default DynamicFlowRevamp;

package/build/types/revamp/domain/AlertComponent.d.ts

@@ -0,0 +1,14 @@
+import { Context, Margin } from '@wise/dynamic-flow-types';
+import { LayoutComponent } from './types';
+export type AlertComponent = LayoutComponent & {
+    type: 'alert';
+    markdown: string;
+    context: Context;
+    margin: Margin;
+};
+export declare const createAlertComponent: (alertProps: {
+    uid: string;
+    markdown: string;
+    context: Context;
+    margin: Margin;
+}) => AlertComponent;

package/build/types/revamp/domain/HeadingComponent.d.ts

@@ -0,0 +1,16 @@
+import { Align, Margin, Size } from '@wise/dynamic-flow-types';
+import { LayoutComponent } from './types';
+export type HeadingComponent = LayoutComponent & {
+    type: 'heading';
+    text: string;
+    align: Align;
+    margin: Margin;
+    size: Size;
+};
+export declare const createHeadingComponent: (headingProps: {
+    uid: string;
+    text: string;
+    align: Align;
+    margin: Margin;
+    size: Size;
+}) => HeadingComponent;

package/build/types/revamp/domain/ParagraphComponent.d.ts

@@ -0,0 +1,16 @@
+import { Align, Margin } from '@wise/dynamic-flow-types';
+import { LayoutComponent } from './types';
+export type ParagraphComponent = LayoutComponent & {
+    type: 'paragraph';
+    text: string;
+    control?: 'copyable' | string;
+    margin: Margin;
+    align: Align;
+};
+export declare const createParagraphComponent: (paragraphProps: {
+    uid: string;
+    text: string;
+    control?: 'copyable' | string;
+    margin: Margin;
+    align: Align;
+}) => ParagraphComponent;

package/build/types/revamp/domain/Step.d.ts

@@ -0,0 +1,9 @@
+import { StepComponent } from './types';
+export type Step = {
+    id: string;
+    components: StepComponent[];
+};
+export declare const createStep: ({ id, components, }: {
+    id: string;
+    components: StepComponent[];
+}) => Step;

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

@@ -0,0 +1,8 @@
+import { AlertComponent } from './AlertComponent';
+import { HeadingComponent } from './HeadingComponent';
+import { ParagraphComponent } from './ParagraphComponent';
+export type StepComponent = AlertComponent | HeadingComponent | ParagraphComponent;
+export type LayoutComponent = {
+    type: string;
+    uid: string;
+};

package/build/types/revamp/mappers/componentToProps/alertComponentToProps.d.ts

@@ -0,0 +1,3 @@
+import { AlertComponent } from '../../domain/AlertComponent';
+import { AlertRendererProps } from '../../renderers/types';
+export declare const alertComponentToProps: ({ uid, markdown, margin, context, }: AlertComponent) => AlertRendererProps;

package/build/types/revamp/mappers/componentToProps/headingComponentToProps.d.ts

@@ -0,0 +1,3 @@
+import { HeadingComponent } from '../../domain/HeadingComponent';
+import { HeadingRendererProps } from '../../renderers/types';
+export declare const headingComponentToProps: ({ uid, text, align, margin, size, }: HeadingComponent) => HeadingRendererProps;

package/build/types/revamp/mappers/componentToProps/paragraphComponentToProps.d.ts

@@ -0,0 +1,3 @@
+import { ParagraphComponent } from '../../domain/ParagraphComponent';
+import { ParagraphRendererProps } from '../../renderers/types';
+export declare const paragraphComponentToProps: ({ uid, text, control, align, margin, }: ParagraphComponent) => ParagraphRendererProps;

package/build/types/revamp/mappers/specToDomain/alertLayoutToDomain.d.ts

@@ -0,0 +1,2 @@
+import { AlertLayout } from '@wise/dynamic-flow-types';
+export declare const alertLayoutToDomain: ({ markdown, margin, context }: AlertLayout, uid: string) => import("../../domain/AlertComponent").AlertComponent;

package/build/types/revamp/mappers/specToDomain/headingLayoutToDomain.d.ts

@@ -0,0 +1,2 @@
+import { HeadingLayout } from '@wise/dynamic-flow-types';
+export declare const headingLayoutToDomain: ({ text, size, margin, align }: HeadingLayout, uid: string) => import("../../domain/HeadingComponent").HeadingComponent;

package/build/types/revamp/mappers/specToDomain/mapStepToDomain.d.ts

@@ -0,0 +1,4 @@
+import { Step as DFStep } from '@wise/dynamic-flow-types';
+export declare const mapStepToDomain: ({ step }: {
+    step: DFStep;
+}) => import("../../domain/Step").Step;

package/build/types/revamp/mappers/specToDomain/paragraphLayoutToDomain.d.ts

@@ -0,0 +1,2 @@
+import { ParagraphLayout } from '@wise/dynamic-flow-types';
+export declare const paragraphLayoutToDomain: ({ text, control, align, margin }: ParagraphLayout, uid: string) => import("../../domain/ParagraphComponent").ParagraphComponent;

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

@@ -0,0 +1,3 @@
+import { AlertRendererProps, Renderer } from '../types';
+declare const AlertRenderer: Renderer<AlertRendererProps>;
+export default AlertRenderer;

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

@@ -0,0 +1,3 @@
+import { HeadingRendererProps, Renderer } from '../types';
+declare const HeadingRenderer: Renderer<HeadingRendererProps>;
+export default HeadingRenderer;

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

@@ -0,0 +1,3 @@
+import { ParagraphRendererProps, Renderer } from '../types';
+declare const ParagraphRenderer: Renderer<ParagraphRendererProps>;
+export default ParagraphRenderer;

package/build/types/revamp/renderers/neptune/utils/layout-utils.d.ts

@@ -0,0 +1,7 @@
+import { Align, Size } from '@wise/dynamic-flow-types';
+declare const getTopMargin: (size: Size) => "" | "m-t-0" | "m-t-1" | "m-t-2" | "m-t-3" | "m-t-5";
+declare const getTextAlignmentAndTopMargin: (component: {
+    align: Align;
+    margin: Size;
+}) => string;
+export { getTopMargin, getTextAlignmentAndTopMargin };

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

@@ -0,0 +1,31 @@
+import { Align, Context, Margin, Size } from '@wise/dynamic-flow-types';
+import { ReactNode } from 'react';
+export type Renderer<P extends RendererProps> = {
+    canRender: (props: RendererProps) => boolean;
+    render: (props: P) => ReactNode;
+};
+export interface RendererProps {
+    type: string;
+    id: string;
+}
+export interface AlertRendererProps extends RendererProps {
+    type: 'alert';
+    markdown: string;
+    context: Context;
+    margin: Margin;
+}
+export interface HeadingRendererProps extends RendererProps {
+    type: 'heading';
+    text: string;
+    control?: string;
+    align: Align;
+    margin: Margin;
+    size: Size;
+}
+export interface ParagraphRendererProps extends RendererProps {
+    type: 'paragraph';
+    text: string;
+    control?: 'copyable' | string;
+    margin: Margin;
+    align: Align;
+}

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { StepComponent } from '../../domain/types';
+import { Renderer, RendererProps } from '../types';
+export declare const renderComponent: ({ component, renderers, }: {
+    component: StepComponent;
+    renderers: Renderer<RendererProps>[];
+}) => ReactNode | ReactNode[];

package/build/types/revamp/step/Step.d.ts

@@ -0,0 +1,8 @@
+import { Step as DFStep } from '@wise/dynamic-flow-types';
+import { Renderer, RendererProps } from '../renderers/types';
+type StepProps = {
+    step: DFStep;
+    renderers: Renderer<RendererProps>[];
+};
+declare const Step: ({ step: dfStep, renderers }: StepProps) => JSX.Element;
+export default Step;

package/build/types/revamp/stories/utils/fixtureHttpClient.d.ts

@@ -0,0 +1,2 @@
+export declare const getObjectKeys: <T>(object: T) => (keyof T)[];
+export declare const fixtureHttpClient: typeof fetch;

package/build/types/step/cameraStep/cameraCapture/components/index.d.ts

@@ -5,3 +5,4 @@ export declare const ReviewBottomBar: ({ onSubmit, onRetry, }: {
     onSubmit: () => void;
     onRetry: () => void;
 }) => JSX.Element;
+export { default as OrientationLockOverlay } from './orientationLockOverlay/OrientationLockOverlay';

package/build/types/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.d.ts

@@ -0,0 +1,2 @@
+declare const OrientationLockOverlay: () => JSX.Element;
+export default OrientationLockOverlay;

package/build/types/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    text: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    imgAlt: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default _default;

package/build/types/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.d.ts

@@ -0,0 +1,4 @@
+export declare const useFullScreenOrientationLock: (shouldLockOrientation: boolean) => {
+    enterFullScreen: () => void;
+    exitFullScreen: () => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "2.2.2",
+  "version": "2.3.0-beta-923c14.19",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -17,6 +17,25 @@
     "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 -w 2",
+    "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",
+    "types": "pnpm tsc",
+    "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.23.2",
     "@babel/plugin-syntax-flow": "7.22.5",
@@ -52,6 +71,7 @@
     "@types/testing-library__jest-dom": "5.14.9",
     "@wise/art": "2.8.4",
     "@wise/components-theming": "^0.8.4",
+    "@wise/dynamic-flow-fixtures": "workspace:*",
     "babel-jest": "29.7.0",
     "currency-flags": "4.0.7",
     "enzyme": "^3.11.0",
@@ -76,8 +96,7 @@
     "stylelint-no-unsupported-browser-features": "5.0.4",
     "stylelint-value-no-unknown-custom-properties": "4.0.0",
     "typescript": "4.9.5",
-    "webpack": "5.89.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "webpack": "5.89.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^43",
@@ -89,29 +108,10 @@
     "react-intl": "^6"
   },
   "dependencies": {
+    "@wise/dynamic-flow-types": "workspace:*",
     "classnames": "2.3.2",
     "react-webcam": "^7.1.1",
-    "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.0.1"
+    "screenfull": "^5.2.0"
   },
-  "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 -w 2",
-    "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",
-    "types": "pnpm tsc",
-    "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"
-  }
-}
+  "prettier": "@transferwise/eslint-config/.prettierrc.js"
+}