@wise/dynamic-flow-client 2.2.2 → 2.2.3

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",