@wise/dynamic-flow-client 2.7.1 → 2.8.1

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

@@ -1,16 +1,16 @@
-import type { Context as DFContext, Margin as DFMargin, Size as DFSize } from '@wise/dynamic-flow-types';
+import type { Margin as DFMargin, Size as DFSize } from '@wise/dynamic-flow-types/build/next';
 import type { ReactNode } from 'react';
 export type Renderer<P extends RendererProps> = {
     canRender: (props: RendererProps) => boolean;
-    render: (props: P) => ReactNode;
+    render: (props: P) => JSX.Element;
 };
 export type Align = 'start' | 'center' | 'end';
+export type Bias = 'none' | 'start' | 'end';
+export type Context = 'positive' | 'negative' | 'warning' | 'neutral';
 export type Margin = DFMargin;
-export type Context = DFContext;
 export type Size = DFSize;
 export interface RendererProps {
     type: string;
-    keyProp: string;
 }
 export interface AlertRendererProps extends RendererProps {
     type: 'alert';
@@ -25,6 +25,14 @@ export interface BoxRendererProps extends RendererProps {
     margin: Margin;
     children: ReactNode;
 }
+export interface ColumnsRendererProps extends RendererProps {
+    type: 'columns';
+    control?: string;
+    bias: Bias;
+    margin: Margin;
+    startChildren: ReactNode;
+    endChildren: ReactNode;
+}
 export interface HeadingRendererProps extends RendererProps {
     type: 'heading';
     text: string;
@@ -36,7 +44,7 @@ export interface HeadingRendererProps extends RendererProps {
 export interface ParagraphRendererProps extends RendererProps {
     type: 'paragraph';
     text: string;
-    control?: 'copyable' | string;
+    control?: string;
     margin: Margin;
     align: Align;
 }
@@ -48,12 +56,13 @@ export interface ObjectRendererProps extends RendererProps {
 }
 export interface TextInputRendererProps extends RendererProps {
     type: 'input-text';
-    control?: 'password' | 'textarea' | 'email' | 'numeric' | 'phone-number' | 'date-lookup' | string;
-    format: 'text' | 'date';
     id: string;
-    name: string;
-    label?: string;
+    control?: string;
     description?: string;
+    error?: string;
+    format?: 'date';
+    label?: string;
+    name: string;
     placeholder?: string;
     value: string | null;
     onChange: (value: string | null) => void;
@@ -61,7 +70,7 @@ export interface TextInputRendererProps extends RendererProps {
 export interface ButtonRendererProps extends RendererProps {
     type: 'button';
     title: string;
-    control?: 'primary' | 'secondary' | 'tertiary' | string;
+    control?: string;
     context: Context;
     disabled: boolean;
     margin: Margin;

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

@@ -1,4 +1,4 @@
-import type { Step as DFStep } from '@wise/dynamic-flow-types';
+import type { Step as DFStep } from '@wise/dynamic-flow-types/build/next';
 import type { Renderer, RendererProps } from '../renderers/types';
 type StepProps = {
     step: DFStep;

package/build/types/revamp/step/utils/getRenderFunction.d.ts

@@ -0,0 +1,3 @@
+import type { StepComponent } from '../../domain/types';
+import type { Renderer, RendererProps } from '../../renderers/types';
+export declare const getRenderFunction: (renderers: Renderer<RendererProps>[]) => (component: StepComponent) => JSX.Element;

package/build/types/revamp/step/utils/getSchemaErrorMessageFunction.d.ts

@@ -0,0 +1,3 @@
+import type { IntlFormatters } from 'react-intl';
+import type { GetErrorMessageFunctions } from '../../domain/mappers/types';
+export declare function getSchemaErrorMessageFunction(formatMessage: IntlFormatters['formatMessage'], locale: string): GetErrorMessageFunctions;

package/build/types/revamp/utils/getSubmittableData.d.ts

@@ -1,3 +1,3 @@
-import type { Model } from '@wise/dynamic-flow-types';
+import type { Model } from '@wise/dynamic-flow-types/build/next';
 import type { StepComponent } from '../domain/types';
 export declare const getSubmittableData: (components: StepComponent[]) => Model;

package/build/types/revamp/utils/type-utils.d.ts

@@ -1,4 +1,10 @@
-import type { Model } from '@wise/dynamic-flow-types';
+import type { AllOfSchema, Model, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
 import type { ContainerComponent, StepComponent } from '../domain/types';
+import type { ColumnsComponent } from '../domain/components/ColumnsComponent';
 export declare const isContainerComponent: (component: StepComponent) => component is ContainerComponent;
+export declare const isColumnsComponent: (component: StepComponent) => component is ColumnsComponent;
 export declare const isObjectModel: (model: Model) => model is Record<string, Model>;
+export declare const isAllOfSchema: (schema: Schema) => schema is AllOfSchema;
+export declare const isOneOfSchema: (schema: Schema) => schema is OneOfSchema;
+export declare const isObjectSchema: (schema: Schema) => schema is ObjectSchema;
+export declare const isStringSchema: (schema: Schema) => schema is StringSchema;

package/build/types/revamp/utils/validateComponents.d.ts

@@ -0,0 +1,2 @@
+import type { StepComponent } from '../domain/types';
+export declare const validateComponents: (components: StepComponent[]) => boolean;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "2.7.1",
+  "version": "2.8.1",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -48,6 +48,7 @@
     "@types/jest": "29.5.10",
     "@types/react": "18",
     "@types/react-dom": "18",
+    "@types/react-intl": "3.0.0",
     "@types/testing-library__jest-dom": "5.14.9",
     "@wise/art": "2.8.4",
     "@wise/components-theming": "^0.8.4",
@@ -90,7 +91,7 @@
     "classnames": "2.3.2",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.3.1"
+    "@wise/dynamic-flow-types": "2.4.0"
   },
   "scripts": {
     "dev": "storybook dev -p 3003",
@@ -98,7 +99,7 @@
     "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:messages-source": "formatjs extract 'src/**/{*.messages,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",

package/build/types/legacy/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.d.ts

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

package/build/types/legacy/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.messages.d.ts

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

package/build/types/legacy/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.d.ts

@@ -1,5 +0,0 @@
-type Props = {
-    onAction: () => void;
-};
-declare function NoCameraAccess({ onAction }: Props): JSX.Element;
-export default NoCameraAccess;

package/build/types/legacy/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.messages.d.ts

@@ -1,18 +0,0 @@
-declare const _default: {
-    title: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    paragraph: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    action: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
-export default _default;

package/build/types/revamp/renderers/utils/mapping-utils.d.ts

@@ -1,3 +0,0 @@
-import type { Align as DFAlign } from '@wise/dynamic-flow-types';
-import type { Align } from '../types';
-export declare const mapAlign: (align: DFAlign) => Align;

package/build/types/revamp/step/utils/render-utils.d.ts

@@ -1,5 +0,0 @@
-import type { ReactNode } from 'react';
-import type { StepComponent } from '../../domain/types';
-import type { Renderer, RendererProps } from '../../renderers/types';
-export declare const renderComponent: (component: StepComponent, render: (props: RendererProps) => ReactNode) => ReactNode;
-export declare const getPropsRenderer: <P extends RendererProps>(renderers: Renderer<P>[]) => (props: P) => ReactNode;