@wise/dynamic-flow-client 5.2.0 → 5.3.0

package/build/main.mjs

@@ -751,7 +751,83 @@ var translations = {
 };
 var i18n_default = translations;
 
-// src/DynamicFlowCore.tsx
+// src/utils/type-validators.ts
+var isString = (value) => typeof value === "string";
+var isNumber = (value) => typeof value === "number" && !Number.isNaN(value);
+var isInteger = (value) => isNumber(value) && Math.floor(value) === value;
+var isBoolean = (value) => typeof value === "boolean";
+var isObject = (value) => !isNullish(value) && (value == null ? void 0 : value.constructor) === Object;
+var isArray = (value) => Array.isArray(value);
+var isNull = (value) => value === null;
+var isUndefined = (value) => typeof value === "undefined";
+var isNullish = (v) => isNull(v) || isUndefined(v);
+var isFile = (value) => value instanceof File;
+var isValidDate = (value) => isString(value) && /^\d{4}-\d{2}-\d{2}$/.test(value);
+
+// src/renderers/utils.ts
+function findRendererPropsByType(root, type, predicate = () => true) {
+  if (isArray(root)) {
+    return root.flatMap((child) => findRendererPropsByType(child, type, predicate));
+  }
+  return [
+    ...isType(root, type) && predicate(root) ? [root] : [],
+    ...getChildren(root).flatMap((child) => findRendererPropsByType(child, type, predicate))
+  ];
+}
+var isType = (node, type) => node.type === type;
+var getChildren = (node) => {
+  switch (node.type) {
+    case "root":
+    case "box":
+    case "container":
+    case "form":
+    case "form-section":
+    case "step":
+    case "modal":
+    case "section":
+      return node.childrenProps;
+    case "columns":
+      return [...node.startChildrenProps, ...node.endChildrenProps];
+    case "modal-layout":
+      return node.content.childrenProps;
+    case "repeatable":
+      return node.editableItemProps ? [node.editableItemProps] : [];
+    case "input-select":
+      return node.childrenProps ? [node.childrenProps] : [];
+    case "tabs":
+      return node.tabs.flatMap((c) => c.childrenProps);
+    case "alert":
+    case "button":
+    case "input-checkbox":
+    case "input-date":
+    case "decision":
+    case "divider":
+    case "formatted-value":
+    case "heading":
+    case "hidden":
+    case "image":
+    case "instructions":
+    case "input-integer":
+    case "list":
+    case "loading-indicator":
+    case "markdown":
+    case "input-multi-select":
+    case "input-upload-multi":
+    case "input-number":
+    case "money-input":
+    case "paragraph":
+    case "progress":
+    case "review":
+    case "search":
+    case "status-list":
+    case "input-text":
+    case "input-upload":
+    case "external-confirmation":
+      return [];
+  }
+};
+
+// src/useDynamicFlow.tsx
 import { useMemo as useMemo2 } from "react";
 
 // src/common/errorBoundary/ErrorBoundary.tsx
@@ -855,81 +931,6 @@ var CoreContainerRenderer = {
   render: ({ children }) => /* @__PURE__ */ jsx3(Fragment2, { children })
 };
 
-// src/utils/type-validators.ts
-var isString = (value) => typeof value === "string";
-var isNumber = (value) => typeof value === "number" && !Number.isNaN(value);
-var isInteger = (value) => isNumber(value) && Math.floor(value) === value;
-var isBoolean = (value) => typeof value === "boolean";
-var isObject = (value) => !isNullish(value) && (value == null ? void 0 : value.constructor) === Object;
-var isArray = (value) => Array.isArray(value);
-var isNull = (value) => value === null;
-var isUndefined = (value) => typeof value === "undefined";
-var isNullish = (v) => isNull(v) || isUndefined(v);
-var isFile = (value) => value instanceof File;
-var isValidDate = (value) => isString(value) && /^\d{4}-\d{2}-\d{2}$/.test(value);
-
-// src/renderers/utils.ts
-function findRendererPropsByType(root, type, predicate = () => true) {
-  if (isArray(root)) {
-    return root.flatMap((child) => findRendererPropsByType(child, type, predicate));
-  }
-  return [
-    ...isType(root, type) && predicate(root) ? [root] : [],
-    ...getChildren(root).flatMap((child) => findRendererPropsByType(child, type, predicate))
-  ];
-}
-var isType = (node, type) => node.type === type;
-var getChildren = (node) => {
-  switch (node.type) {
-    case "root":
-    case "box":
-    case "container":
-    case "form":
-    case "form-section":
-    case "step":
-    case "modal":
-    case "section":
-      return node.childrenProps;
-    case "columns":
-      return [...node.startChildrenProps, ...node.endChildrenProps];
-    case "modal-layout":
-      return node.content.childrenProps;
-    case "repeatable":
-      return node.editableItemProps ? [node.editableItemProps] : [];
-    case "input-select":
-      return node.childrenProps ? [node.childrenProps] : [];
-    case "tabs":
-      return node.tabs.flatMap((c) => c.childrenProps);
-    case "alert":
-    case "button":
-    case "input-checkbox":
-    case "input-date":
-    case "decision":
-    case "divider":
-    case "heading":
-    case "hidden":
-    case "image":
-    case "instructions":
-    case "input-integer":
-    case "list":
-    case "loading-indicator":
-    case "markdown":
-    case "input-multi-select":
-    case "input-upload-multi":
-    case "input-number":
-    case "money-input":
-    case "paragraph":
-    case "progress":
-    case "review":
-    case "search":
-    case "status-list":
-    case "input-text":
-    case "input-upload":
-    case "external-confirmation":
-      return [];
-  }
-};
-
 // src/renderers/CoreRootRenderer.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var CoreRootRenderer = {
@@ -1249,6 +1250,29 @@ var externalComponentToProps = (component, rendererMapperProps) => {
   }, rendererMapperProps);
 };
 
+// src/renderers/mappers/formattedValueComponentToProps.ts
+var formattedValueComponentToProps = (component, rendererMapperProps) => {
+  return __spreadValues(__spreadProps(__spreadValues({
+    type: "formatted-value"
+  }, pick(
+    component,
+    "format",
+    "uid",
+    "analyticsId",
+    "control",
+    "description",
+    "help",
+    "media",
+    "tags",
+    "title"
+    // for now, we don't want to pass `value` down to the renderer to avoid the "WhateverComponent".
+    // 'value',
+  )), {
+    validationState: getValidationState(component.errors, void 0),
+    onChange: component.onChange.bind(component)
+  }), rendererMapperProps);
+};
+
 // src/renderers/mappers/formComponentToProps.ts
 var formComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
@@ -1904,6 +1928,8 @@ var getComponentProps = (component, rendererMapperProps) => {
       return dividerComponentToProps(component, rendererMapperProps);
     case "external-confirmation":
       return externalComponentToProps(component, rendererMapperProps);
+    case "formatted-value":
+      return formattedValueComponentToProps(component, rendererMapperProps);
     case "form":
       return formComponentToProps(component, rendererMapperProps);
     case "heading":
@@ -1976,7 +2002,7 @@ var getComponentAlertProps = (component, rendererMapperProps) => "alert" in comp
   markdown: component.alert.content
 }, rendererMapperProps) : null;
 
-// src/useDynamicFlowCore.tsx
+// src/useDynamicFlowController.tsx
 import { useCallback as useCallback2, useEffect, useMemo, useRef as useRef2, useState } from "react";
 import { useIntl as useIntl2 } from "react-intl";
 
@@ -1997,8 +2023,7 @@ var createRootDomainComponent = (updateComponent, scrollToTop, backConfig) => {
     uid: "root",
     stepComponent: null,
     stepStack: [],
-    isNativeBackEnabled: backConfig.isNativeBackEnabled,
-    isFlowCancellable: backConfig.isFlowCancellable,
+    backConfig,
     _update(updateFn) {
       update(this, updateFn);
     },
@@ -2132,7 +2157,7 @@ var createRootDomainComponent = (updateComponent, scrollToTop, backConfig) => {
       var _a, _b;
       const navigation = (_a = this.getStep()) == null ? void 0 : _a.step.navigation;
       const stepHasBehavior = Boolean((_b = navigation == null ? void 0 : navigation.back) != null ? _b : navigation == null ? void 0 : navigation.backButton);
-      return this.isFlowCancellable || this.stepStack.length > 1 && this.isNativeBackEnabled || stepHasBehavior;
+      return this.backConfig.isFlowCancellable || this.stepStack.length > 1 && this.backConfig.isNativeBackEnabled || stepHasBehavior;
     }
   };
   return rootComponent;
@@ -5573,6 +5598,83 @@ var integerSchemaToComponent = (schemaMapperProps, mapperProps) => {
   );
 };
 
+// src/domain/components/FormattedValueComponent.ts
+var createFormattedValueComponent = (props, updateComponent) => {
+  const {
+    uid,
+    schemaId,
+    analyticsId,
+    alert,
+    control,
+    description,
+    errors,
+    format,
+    help,
+    hidden,
+    media,
+    summariser,
+    title,
+    tags,
+    value,
+    schemaOnChange
+  } = props;
+  const update = getInputUpdateFunction(updateComponent);
+  return {
+    type: "formatted-value",
+    kind: "input",
+    uid,
+    schemaId,
+    analyticsId,
+    alert,
+    control,
+    description,
+    errors,
+    format,
+    help,
+    hidden,
+    media,
+    title,
+    tags,
+    value,
+    async getSubmittableValue() {
+      return this.getSubmittableValueSync();
+    },
+    getSubmittableValueSync() {
+      return this.getLocalValue();
+    },
+    getSummary() {
+      return summariser(this.getLocalValue());
+    },
+    getLocalValue() {
+      return this.value;
+    },
+    validate() {
+      return true;
+    },
+    onChange(newValue) {
+      update(this, (draft) => {
+        draft.value = newValue;
+      });
+      void (schemaOnChange == null ? void 0 : schemaOnChange());
+    }
+  };
+};
+
+// src/domain/mappers/schema/objectSchemaToComponent/objectSchemaToFormattedValueComponent.ts
+var objectSchemaToFormattedValueComponent = (schemaMapperProps, mapperProps) => {
+  const { onBehavior } = mapperProps;
+  const { schema } = schemaMapperProps;
+  const { format } = schema;
+  return createFormattedValueComponent(
+    __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
+      format,
+      value: schemaMapperProps.model,
+      schemaOnChange: getSchemaOnChange(schema, onBehavior)
+    }),
+    mapperProps.updateComponent
+  );
+};
+
 // src/domain/components/MoneyInputComponent.ts
 var createMoneyInputComponent = (moneyInputProps, updateComponent) => {
   const _a = moneyInputProps, {
@@ -6595,9 +6697,16 @@ var mapSchemaToComponent = (schemaMapperProps, mapperProps) => {
     return booleanSchemaToComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema }), mapperProps);
   }
   if (isObjectSchema(schema)) {
-    if (schema.format === "money") {
+    const { format } = schema;
+    if (format === "money") {
       return objectSchemaToMoneyInputComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema }), mapperProps);
     }
+    if (format != null && Object.keys(schema.properties).length === 0) {
+      return objectSchemaToFormattedValueComponent(
+        __spreadProps(__spreadValues({}, schemaMapperProps), { schema: __spreadProps(__spreadValues({}, schema), { format }) }),
+        mapperProps
+      );
+    }
     return objectSchemaToObjectComponent(__spreadProps(__spreadValues({}, schemaMapperProps), { schema }), mapperProps);
   }
   if (isIntegerSchema(schema)) {
@@ -7331,8 +7440,8 @@ function useStableCallback(handler) {
   return useCallback((...args) => ref.current ? ref.current(...args) : null, []);
 }
 
-// src/useDynamicFlowCore.tsx
-function useDynamicFlowCore(props) {
+// src/useDynamicFlowController.tsx
+function useDynamicFlowController(props) {
   const _a = props, { flowId, initialAction, initialStep, features } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep", "features"]);
   const httpClient = useStableCallback(rest.httpClient);
   const onCancellation = useStableCallback(rest.onCancellation);
@@ -7731,20 +7840,20 @@ function useDynamicFlowCore(props) {
     trackCoreEvent("Step Shown", { isFirstStep: true });
     hasMappedInitialStep.current = true;
   }
-  return { rootComponent: rootComponentRef.current };
+  return {
+    rootComponent: rootComponentRef.current,
+    cancel: closeWithCancellation
+  };
 }
 var useRerender = () => {
   const [, setState] = useState({});
   return useCallback2(() => setState({}), []);
 };
 
-// src/utils/normalise-flow-id.ts
-var normaliseFlowId = (flowId) => flowId.toLowerCase().replace(/[^a-z-]/g, "-");
-
-// src/utils/scrollToTop.ts
-var getScrollToTop = (normalisedFlowId, className3) => (behavior) => {
+// src/utils/getScrollToTop.ts
+var getScrollToTop = (normalisedFlowId, className2) => (behavior) => {
   var _a;
-  const element = document.querySelector(`div#${normalisedFlowId}.${className3}`);
+  const element = document.querySelector(`div#${normalisedFlowId}.${className2}`);
   if (!element || !window) {
     return;
   }
@@ -7755,10 +7864,13 @@ var getScrollToTop = (normalisedFlowId, className3) => (behavior) => {
   }
 };
 
-// src/DynamicFlowCore.tsx
+// src/utils/normalise-flow-id.ts
+var normaliseFlowId = (flowId) => flowId.toLowerCase().replace(/[^a-z-]/g, "-");
+
+// src/useDynamicFlow.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var className = "dynamic-flow";
-function DynamicFlowCore(props) {
+function useDynamicFlow(props) {
   var _a;
   const { flowId, renderers, httpClient, onEvent, onError, onLog } = props;
   const normalisedFlowId = normaliseFlowId(flowId);
@@ -7770,7 +7882,10 @@ function DynamicFlowCore(props) {
     var _a2;
     return new FeatureFlags((_a2 = props.features) != null ? _a2 : {});
   }, []);
-  const { rootComponent } = useDynamicFlowCore(__spreadProps(__spreadValues({}, props), { features, scrollToTop }));
+  const { rootComponent, cancel } = useDynamicFlowController(__spreadProps(__spreadValues({}, props), {
+    features,
+    scrollToTop
+  }));
   const render = useMemo2(
     () => getRenderFunction([CoreRootRenderer, CoreContainerRenderer, ...renderers]),
     [renderers]
@@ -7783,102 +7898,37 @@ function DynamicFlowCore(props) {
     }),
     stepLoadingState: rootComponent.getLoadingState()
   });
-  return /* @__PURE__ */ jsx6(
-    ErrorBoundary_default,
-    {
-      onError: (error) => {
-        onEvent == null ? void 0 : onEvent("Dynamic Flow - Failed", { error });
-        onError == null ? void 0 : onError(error);
-        onLog == null ? void 0 : onLog("error", "Dynamic Flow - ErrorBoundary", { errorMessage: getErrorMessage(error) });
-      },
-      children: /* @__PURE__ */ jsx6("div", { id: normalisedFlowId, className, children: render(tree) })
-    }
-  );
+  return {
+    controller: {
+      getSubmittableValue: async () => rootComponent.getSubmittableValue(),
+      validate: () => rootComponent.validate(),
+      cancel
+    },
+    view: /* @__PURE__ */ jsx6(
+      ErrorBoundary_default,
+      {
+        onError: (error) => {
+          onEvent == null ? void 0 : onEvent("Dynamic Flow - Failed", { error });
+          onError == null ? void 0 : onError(error);
+          onLog == null ? void 0 : onLog("error", "Dynamic Flow - ErrorBoundary", {
+            errorMessage: getErrorMessage(error)
+          });
+        },
+        children: /* @__PURE__ */ jsx6("div", { id: normalisedFlowId, className, children: render(tree) })
+      }
+    )
+  };
 }
 
-// src/DynamicFormCore.tsx
-import { forwardRef, useImperativeHandle, useMemo as useMemo3 } from "react";
-
-// src/utils/openLinkInNewTab.tsx
-var openLinkInNewTab = (url) => {
-  var _a;
-  try {
-    const w = (_a = window == null ? void 0 : window.open) == null ? void 0 : _a.call(window, url, "_blank");
-    return Boolean(w);
-  } catch (e) {
-    return false;
-  }
-};
-
-// src/DynamicFormCore.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var className2 = "dynamic-flow";
-var DynamicFormCore = forwardRef(function DynamicFormCore2(props, ref) {
-  var _a;
-  const {
-    onCompletion = () => {
-    },
-    httpClient,
-    onEvent,
-    onError,
-    onLink = openLinkInNewTab,
-    renderers
-  } = props;
-  const normalisedFlowId = normaliseFlowId(props.flowId);
-  const scrollToTop = useMemo3(
-    () => getScrollToTop(normalisedFlowId, className2),
-    [normalisedFlowId]
-  );
-  const features = useMemo3(() => {
-    var _a2;
-    return new FeatureFlags((_a2 = props.features) != null ? _a2 : {});
-  }, []);
-  const { rootComponent } = useDynamicFlowCore(__spreadProps(__spreadValues({
-    onCompletion
-  }, props), {
-    features,
-    scrollToTop,
-    onLink
-  }));
-  useImperativeHandle(
-    ref,
-    () => ({
-      getValue: async () => {
-        var _a2;
-        return (_a2 = await rootComponent.getSubmittableValue()) != null ? _a2 : null;
-      },
-      validate: () => rootComponent.validate()
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-  const render = useMemo3(
-    () => getRenderFunction([CoreRootRenderer, CoreContainerRenderer, ...renderers]),
-    [renderers]
-  );
-  const tree = componentToRendererProps(rootComponent, {
-    features,
-    render,
-    httpClient,
-    trackEvent: (_a = rootComponent.getTrackEvent()) != null ? _a : (() => {
-    }),
-    stepLoadingState: rootComponent.getLoadingState()
-  });
-  return /* @__PURE__ */ jsx7(
-    ErrorBoundary_default,
-    {
-      onError: (error) => {
-        onEvent == null ? void 0 : onEvent("Dynamic Flow - Failed");
-        onError(error);
-      },
-      children: /* @__PURE__ */ jsx7("div", { id: normalisedFlowId, className: className2, children: render(tree) })
-    }
-  );
-});
+// src/DynamicFlowCore.tsx
+function DynamicFlowCore(props) {
+  const df = useDynamicFlow(props);
+  return df.view;
+}
 export {
   DynamicFlowCore as DynamicFlow,
-  DynamicFormCore as DynamicForm,
   findRendererPropsByType,
   makeHttpClient,
-  i18n_default as translations
+  i18n_default as translations,
+  useDynamicFlow
 };

package/build/types/domain/components/FormattedValueComponent.d.ts

@@ -0,0 +1,16 @@
+import { JsonElement } from '@wise/dynamic-flow-types/spec';
+import { SchemaOnChange } from '../features/schema-on-change/getSchemaOnChange';
+import type { BaseSchemaComponent, InlineAlert, LocalValue, RepeatableSummary, UpdateComponent } from '../types';
+export type FormattedValueComponent = BaseSchemaComponent<JsonElement> & {
+    type: 'formatted-value';
+    kind: 'input';
+    format: string;
+    alert?: InlineAlert;
+    errors: string[] | undefined;
+    value: JsonElement;
+    onChange: (newValue: JsonElement) => void;
+};
+export declare const createFormattedValueComponent: (props: Pick<FormattedValueComponent, "uid" | "schemaId" | "analyticsId" | "alert" | "control" | "description" | "errors" | "format" | "help" | "hidden" | "media" | "title" | "tags" | "value"> & {
+    summariser: (value: LocalValue | null) => RepeatableSummary;
+    schemaOnChange: SchemaOnChange | undefined;
+}, updateComponent: UpdateComponent) => FormattedValueComponent;

package/build/types/domain/components/RootDomainComponent.d.ts

@@ -8,8 +8,10 @@ export type RootDomainComponent = BaseComponent & {
     kind: 'step';
     stepComponent: StepDomainComponent | null;
     stepStack: StepDomainComponent[];
-    isNativeBackEnabled: boolean;
-    isFlowCancellable: boolean;
+    backConfig: {
+        isNativeBackEnabled: boolean;
+        isFlowCancellable: boolean;
+    };
     canPerformBack: () => boolean;
     dismissAllModals: () => void;
     dismissModal: () => void;

package/build/types/domain/mappers/schema/objectSchemaToComponent/objectSchemaToFormattedValueComponent.d.ts

@@ -0,0 +1,7 @@
+import type { ObjectSchema } from '@wise/dynamic-flow-types/spec';
+import type { MapperProps, SchemaMapperProps } from '../types';
+export declare const objectSchemaToFormattedValueComponent: (schemaMapperProps: SchemaMapperProps & {
+    schema: ObjectSchema & {
+        format: string;
+    };
+}, mapperProps: MapperProps) => import("../../../components/FormattedValueComponent").FormattedValueComponent;

package/build/types/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.d.ts

@@ -471,6 +471,31 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     onUpload: (value: File | null) => Promise<void>;
 } & {
     kind: "input";
+}) | (import("../../../types").BaseComponent & {
+    schemaId?: string;
+    isSchemaReferencedInStep?: boolean;
+    control?: string;
+    description?: string;
+    help?: string;
+    hidden: boolean;
+    media?: import("../../../types").Media;
+    title?: string;
+    tags?: string[];
+    getLocalValue: () => import("@wise/dynamic-flow-types/spec").JsonElement;
+    getSubmittableValueSync: () => import("@wise/dynamic-flow-types/spec").Model;
+    getSummary: () => import("../../../types").RepeatableSummary;
+    getSubmittableValue: () => Promise<import("@wise/dynamic-flow-types/spec").Model>;
+    validate: () => boolean;
+} & {
+    type: "formatted-value";
+    kind: "input";
+    format: string;
+    alert?: import("../../../types").InlineAlert;
+    errors: string[] | undefined;
+    value: import("@wise/dynamic-flow-types/spec").JsonElement;
+    onChange: (newValue: import("@wise/dynamic-flow-types/spec").JsonElement) => void;
+} & {
+    kind: "input";
 }) | (import("../../../types").BaseComponent & {
     schemaId?: string;
     isSchemaReferencedInStep?: boolean;

package/build/types/domain/mappers/schema/persistAsyncSchemaToComponent.d.ts

@@ -484,6 +484,31 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     onUpload: (value: File | null) => Promise<void>;
 } & {
     kind: "input";
+}) | (import("../../types").BaseComponent & {
+    schemaId?: string;
+    isSchemaReferencedInStep?: boolean;
+    control?: string;
+    description?: string;
+    help?: string;
+    hidden: boolean;
+    media?: import("../../types").Media;
+    title?: string;
+    tags?: string[];
+    getLocalValue: () => import("@wise/dynamic-flow-types/spec").JsonElement;
+    getSubmittableValueSync: () => import("@wise/dynamic-flow-types/spec").Model;
+    getSummary: () => import("../../types").RepeatableSummary;
+    getSubmittableValue: () => Promise<import("@wise/dynamic-flow-types/spec").Model>;
+    validate: () => boolean;
+} & {
+    type: "formatted-value";
+    kind: "input";
+    format: string;
+    alert?: import("../../types").InlineAlert;
+    errors: string[] | undefined;
+    value: import("@wise/dynamic-flow-types/spec").JsonElement;
+    onChange: (newValue: import("@wise/dynamic-flow-types/spec").JsonElement) => void;
+} & {
+    kind: "input";
 }) | (import("../../types").BaseComponent & {
     schemaId?: string;
     isSchemaReferencedInStep?: boolean;

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

@@ -10,6 +10,7 @@ import type { ContainerComponent } from './components/ContainerComponent';
 import type { DateInputComponent } from './components/DateInputComponent';
 import type { DecisionComponent } from './components/DecisionComponent';
 import type { DividerComponent } from './components/DividerComponent';
+import type { FormattedValueComponent } from './components/FormattedValueComponent';
 import type { FormComponent } from './components/FormComponent';
 import type { HeadingComponent } from './components/HeadingComponent';
 import type { ImageComponent } from './components/ImageComponent';
@@ -41,7 +42,7 @@ import type { TabsComponent } from './components/TabsComponent';
 import type { TextInputComponent } from './components/TextInputComponent';
 import type { TupleComponent } from './components/TupleComponent';
 import type { UploadInputComponent } from './components/UploadInputComponent';
-export type DomainComponent = RootDomainComponent | StepDomainComponent | PersistAsyncComponent | AllOfComponent | BooleanInputComponent | ConstComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | RepeatableComponent | SelectInputComponent | TextInputComponent | TupleComponent | UploadInputComponent | AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DecisionComponent | DividerComponent | ExternalConfirmationComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | ModalLayoutComponent | ModalComponent | MoneyInputComponent | ParagraphComponent | ProgressComponent | ReviewComponent | SearchComponent | SectionComponent | StatusListComponent | TabsComponent;
+export type DomainComponent = RootDomainComponent | StepDomainComponent | PersistAsyncComponent | AllOfComponent | BooleanInputComponent | ConstComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | RepeatableComponent | SelectInputComponent | TextInputComponent | TupleComponent | UploadInputComponent | AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DecisionComponent | DividerComponent | ExternalConfirmationComponent | FormattedValueComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | ModalLayoutComponent | ModalComponent | MoneyInputComponent | ParagraphComponent | ProgressComponent | ReviewComponent | SearchComponent | SectionComponent | StatusListComponent | TabsComponent;
 export type SchemaComponent = DomainComponent & {
     kind: 'input';
 };

package/build/types/index.d.ts

@@ -1,6 +1,6 @@
 export { makeHttpClient } from './common/makeHttpClient';
 export { default as translations } from './i18n';
-export type { DynamicFlowCoreProps as DynamicFlowProps, DynamicFormController } from './types';
-export { DynamicFlowCore as DynamicFlow } from './DynamicFlowCore';
-export { DynamicFormCore as DynamicForm } from './DynamicFormCore';
+export type { DynamicFlowCoreProps as DynamicFlowProps } from './types';
 export { findRendererPropsByType } from './renderers/utils';
+export { useDynamicFlow } from './useDynamicFlow';
+export { DynamicFlowCore as DynamicFlow } from './DynamicFlowCore';

package/build/types/renderers/mappers/formattedValueComponentToProps.d.ts

@@ -0,0 +1,4 @@
+import type { FormattedValueRendererProps } from '@wise/dynamic-flow-types/renderers';
+import type { FormattedValueComponent } from '../../domain/components/FormattedValueComponent';
+import type { RendererMapperProps } from './componentToRendererProps';
+export declare const formattedValueComponentToProps: (component: FormattedValueComponent, rendererMapperProps: RendererMapperProps) => FormattedValueRendererProps;