@wise/dynamic-flow-client 5.2.0-exp-bits-29346f3 → 5.2.0

package/build/i18n/uk.json

@@ -1,6 +1,6 @@
 {
   "dynamicFlows.ArraySchema.addItem": "Зберегти",
-  "dynamicFlows.ArraySchema.addItemTitle": "Add Item",
+  "dynamicFlows.ArraySchema.addItemTitle": "Додати позицію",
   "dynamicFlows.ArraySchema.editItem": "Зберегти",
   "dynamicFlows.ArraySchema.maxItemsError": "Додайте {maxItems} або менше.",
   "dynamicFlows.ArraySchema.minItemsError": "Додайте принаймні {minItems}.",
@@ -24,7 +24,7 @@
   "dynamicFlows.ExternalConfirmation.open": "Відкрити в новій вкладці",
   "dynamicFlows.ExternalConfirmation.title": "Підтвердьте",
   "dynamicFlows.FileUploadSchema.maxFileSizeError": "Вибачте, але цей файл завеликий. Завантажте менший файл.",
-  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Sorry, that file format is not supported. Please upload a different file.",
+  "dynamicFlows.FileUploadSchema.wrongFileTypeError": "Цей формат файлу не підтримується. Завантажте інший файл.",
   "dynamicFlows.Help.ariaLabel": "Натисніть тут, щоб дізнатися більше.",
   "dynamicFlows.MultiSelect.summary": "{first} і ще {count}",
   "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Вибачте, але цей файл завеликий. Завантажте менший файл.",

package/build/main.css

@@ -176,10 +176,6 @@
 .tw-modal-body--scrollable .df-step-fixed__footer {
   bottom: -24px;
 }
-.df-modal .df-back-button {
-  position: fixed;
-  top: 24px;
-}
 .chips-container {
   overflow-x: auto;
 }

package/build/main.js

@@ -57,10 +57,10 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var index_exports = {};
 __export(index_exports, {
   DynamicFlow: () => DynamicFlowCore,
+  DynamicForm: () => DynamicFormCore,
   findRendererPropsByType: () => findRendererPropsByType,
   makeHttpClient: () => makeHttpClient,
-  translations: () => i18n_default,
-  useDynamicFlow: () => useDynamicFlow
+  translations: () => i18n_default
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -778,81 +778,7 @@ var translations = {
 };
 var i18n_default = translations;
 
-// 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;
-
-// 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/useDynamicFlow.tsx
+// src/DynamicFlowCore.tsx
 var import_react4 = require("react");
 
 // src/common/errorBoundary/ErrorBoundary.tsx
@@ -956,6 +882,81 @@ var CoreContainerRenderer = {
   render: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { 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
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var CoreRootRenderer = {
@@ -1438,10 +1439,28 @@ var pickValidationState = (states) => {
   return definedStates[0];
 };
 
+// src/renderers/mappers/utils/selectInputOptionsToProps.ts
+var selectInputOptionsToProps = (options, children, rendererMapperProps) => {
+  return options.map((option, index) => {
+    const child = children[index];
+    const optionChildrenProps = child ? componentToRendererProps(child, rendererMapperProps) : null;
+    const optionChildren = optionChildrenProps ? rendererMapperProps.render(optionChildrenProps) : null;
+    return __spreadProps(__spreadValues({}, option), {
+      children: optionChildren,
+      childrenProps: optionChildrenProps
+    });
+  });
+};
+
 // src/renderers/mappers/multiSelectComponentToProps.ts
 var multiSelectInputComponentToProps = (component, rendererMapperProps) => {
-  const { autoComplete, maxItems, minItems, options, selectedIndices, onSelect } = component;
+  const { autoComplete, maxItems, minItems, selectedIndices, onSelect } = component;
   const _a = inputComponentToProps(component, "input-multi-select"), { required, value } = _a, props = __objRest(_a, ["required", "value"]);
+  const options = selectInputOptionsToProps(
+    component.options,
+    component.getChildren(),
+    rendererMapperProps
+  );
   return __spreadProps(__spreadValues(__spreadValues({}, props), rendererMapperProps), {
     autoComplete,
     maxItems,
@@ -1782,10 +1801,15 @@ var sectionComponentToProps = (component, rendererMapperProps) => {
 
 // src/renderers/mappers/selectInputComponentToProps.ts
 var selectInputComponentToProps = (component, rendererMapperProps) => {
-  const { autoComplete, options, selectedIndex, onSelect } = component;
+  const { autoComplete, selectedIndex, onSelect } = component;
   const selectedChild = component.getSelectedChild();
   const childrenProps = selectedChild ? componentToRendererProps(selectedChild, rendererMapperProps) : null;
   const _a = inputComponentToProps(component, "input-select"), { value } = _a, props = __objRest(_a, ["value"]);
+  const options = selectInputOptionsToProps(
+    component.options,
+    component.getChildren(),
+    rendererMapperProps
+  );
   return __spreadProps(__spreadValues(__spreadValues({}, props), rendererMapperProps), {
     autoComplete,
     options,
@@ -1979,7 +2003,7 @@ var getComponentAlertProps = (component, rendererMapperProps) => "alert" in comp
   markdown: component.alert.content
 }, rendererMapperProps) : null;
 
-// src/useDynamicFlowController.tsx
+// src/useDynamicFlowCore.tsx
 var import_react3 = require("react");
 var import_react_intl7 = require("react-intl");
 
@@ -2000,7 +2024,8 @@ var createRootDomainComponent = (updateComponent, scrollToTop, backConfig) => {
     uid: "root",
     stepComponent: null,
     stepStack: [],
-    backConfig,
+    isNativeBackEnabled: backConfig.isNativeBackEnabled,
+    isFlowCancellable: backConfig.isFlowCancellable,
     _update(updateFn) {
       update(this, updateFn);
     },
@@ -2134,7 +2159,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.backConfig.isFlowCancellable || this.stepStack.length > 1 && this.backConfig.isNativeBackEnabled || stepHasBehavior;
+      return this.isFlowCancellable || this.stepStack.length > 1 && this.isNativeBackEnabled || stepHasBehavior;
     }
   };
   return rootComponent;
@@ -3978,6 +4003,12 @@ var getRequiredCheck = (required, messageFunctions) => (value) => {
   }
   return isNullish(value) ? messageFunctions.required() : null;
 };
+var getValidDateCheck = (required, messageFunctions) => (value) => {
+  if (required && !isValidDate(value)) {
+    return messageFunctions.required();
+  }
+  return null;
+};
 
 // src/domain/mappers/utils/getAutocompleteString.ts
 var getAutocompleteString = (hints) => {
@@ -6196,7 +6227,7 @@ var createPersistAsyncComponent = (props, performPersistAsync, schemaOnChange, u
 };
 
 // src/domain/mappers/schema/persistAsyncSchemaToComponent.ts
-var isSupported = (type) => ["boolean", "text", "date", "integer", "number", "upload"].includes(type);
+var isSupported = (type) => ["const", "boolean", "text", "date", "integer", "number", "upload"].includes(type);
 var persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { uid, schema, model, localValue } = schemaMapperProps;
   const { persistAsync, tags } = schema;
@@ -6295,8 +6326,10 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       return this.getSubmittableValueSync();
     },
     getSubmittableValueSync() {
-      var _a2;
-      return (_a2 = this.getLocalValue()) != null ? _a2 : null;
+      if (isValidDate(this.getLocalValue())) {
+        return this.getLocalValue();
+      }
+      return null;
     },
     getSummary() {
       return summariser(this.getLocalValue());
@@ -6360,6 +6393,7 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
       autoComplete: getAutocompleteString(autocompleteHint),
       checks: schema.hidden ? [] : [
         getRequiredCheck(required, errorMessageFunctions),
+        getValidDateCheck(required, errorMessageFunctions),
         getAboveMaximumDateCheck(schema, errorMessageFunctions),
         getBelowMinimumDateCheck(schema, errorMessageFunctions)
       ],
@@ -7324,8 +7358,8 @@ function useStableCallback(handler) {
   return (0, import_react2.useCallback)((...args) => ref.current ? ref.current(...args) : null, []);
 }
 
-// src/useDynamicFlowController.tsx
-function useDynamicFlowController(props) {
+// src/useDynamicFlowCore.tsx
+function useDynamicFlowCore(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);
@@ -7724,29 +7758,20 @@ function useDynamicFlowController(props) {
     trackCoreEvent("Step Shown", { isFirstStep: true });
     hasMappedInitialStep.current = true;
   }
-  return {
-    rootComponent: rootComponentRef.current,
-    cancelFlow: closeWithCancellation,
-    navigateBack: () => {
-      var _a2;
-      if (((_a2 = rootComponentRef.current.stepStack) == null ? void 0 : _a2.length) > 1) {
-        rootComponentRef.current.navigateBack();
-      } else {
-        closeWithCancellation();
-      }
-      rootComponentRef.current.setLoadingState("idle");
-    }
-  };
+  return { rootComponent: rootComponentRef.current };
 }
 var useRerender = () => {
   const [, setState] = (0, import_react3.useState)({});
   return (0, import_react3.useCallback)(() => setState({}), []);
 };
 
-// src/utils/getScrollToTop.ts
-var getScrollToTop = (normalisedFlowId, className2) => (behavior) => {
+// src/utils/normalise-flow-id.ts
+var normaliseFlowId = (flowId) => flowId.toLowerCase().replace(/[^a-z-]/g, "-");
+
+// src/utils/scrollToTop.ts
+var getScrollToTop = (normalisedFlowId, className3) => (behavior) => {
   var _a;
-  const element = document.querySelector(`div#${normalisedFlowId}.${className2}`);
+  const element = document.querySelector(`div#${normalisedFlowId}.${className3}`);
   if (!element || !window) {
     return;
   }
@@ -7757,14 +7782,11 @@ var getScrollToTop = (normalisedFlowId, className2) => (behavior) => {
   }
 };
 
-// src/utils/normalise-flow-id.ts
-var normaliseFlowId = (flowId) => flowId.toLowerCase().replace(/[^a-z-]/g, "-");
-
-// src/useDynamicFlow.tsx
+// src/DynamicFlowCore.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var className = "dynamic-flow";
-function useDynamicFlow(props) {
-  var _a, _b, _c;
+function DynamicFlowCore(props) {
+  var _a;
   const { flowId, renderers, httpClient, onEvent, onError, onLog } = props;
   const normalisedFlowId = normaliseFlowId(flowId);
   const scrollToTop = (0, import_react4.useMemo)(
@@ -7775,10 +7797,7 @@ function useDynamicFlow(props) {
     var _a2;
     return new FeatureFlags((_a2 = props.features) != null ? _a2 : {});
   }, []);
-  const { rootComponent, cancelFlow, navigateBack } = useDynamicFlowController(__spreadProps(__spreadValues({}, props), {
-    features,
-    scrollToTop
-  }));
+  const { rootComponent } = useDynamicFlowCore(__spreadProps(__spreadValues({}, props), { features, scrollToTop }));
   const render = (0, import_react4.useMemo)(
     () => getRenderFunction([CoreRootRenderer, CoreContainerRenderer, ...renderers]),
     [renderers]
@@ -7791,31 +7810,95 @@ function useDynamicFlow(props) {
     }),
     stepLoadingState: rootComponent.getLoadingState()
   });
-  return {
-    title: (_c = (_b = rootComponent.getStep()) == null ? void 0 : _b.title) != null ? _c : "",
-    getSubmittableValue: async () => rootComponent.getSubmittableValue(),
-    validate: () => rootComponent.validate(),
-    rootComponent,
-    cancelFlow,
-    navigateBack,
-    component: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      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__ */ (0, import_jsx_runtime6.jsx)("div", { id: normalisedFlowId, className, children: render(tree) })
-      }
-    )
-  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    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__ */ (0, import_jsx_runtime6.jsx)("div", { id: normalisedFlowId, className, children: render(tree) })
+    }
+  );
 }
 
-// src/DynamicFlowCore.tsx
-function DynamicFlowCore(props) {
-  const df = useDynamicFlow(props);
-  return df.component;
-}
+// src/DynamicFormCore.tsx
+var import_react5 = require("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
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var className2 = "dynamic-flow";
+var DynamicFormCore = (0, import_react5.forwardRef)(function DynamicFormCore2(props, ref) {
+  var _a;
+  const {
+    onCompletion = () => {
+    },
+    httpClient,
+    onEvent,
+    onError,
+    onLink = openLinkInNewTab,
+    renderers
+  } = props;
+  const normalisedFlowId = normaliseFlowId(props.flowId);
+  const scrollToTop = (0, import_react5.useMemo)(
+    () => getScrollToTop(normalisedFlowId, className2),
+    [normalisedFlowId]
+  );
+  const features = (0, import_react5.useMemo)(() => {
+    var _a2;
+    return new FeatureFlags((_a2 = props.features) != null ? _a2 : {});
+  }, []);
+  const { rootComponent } = useDynamicFlowCore(__spreadProps(__spreadValues({
+    onCompletion
+  }, props), {
+    features,
+    scrollToTop,
+    onLink
+  }));
+  (0, import_react5.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 = (0, import_react5.useMemo)(
+    () => getRenderFunction([CoreRootRenderer, CoreContainerRenderer, ...renderers]),
+    [renderers]
+  );
+  const tree = componentToRendererProps(rootComponent, {
+    features,
+    render,
+    httpClient,
+    trackEvent: (_a = rootComponent.getTrackEvent()) != null ? _a : (() => {
+    }),
+    stepLoadingState: rootComponent.getLoadingState()
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    ErrorBoundary_default,
+    {
+      onError: (error) => {
+        onEvent == null ? void 0 : onEvent("Dynamic Flow - Failed");
+        onError(error);
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { id: normalisedFlowId, className: className2, children: render(tree) })
+    }
+  );
+});

package/build/main.mjs

@@ -751,81 +751,7 @@ var translations = {
 };
 var i18n_default = translations;
 
-// 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;
-
-// 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/useDynamicFlow.tsx
+// src/DynamicFlowCore.tsx
 import { useMemo as useMemo2 } from "react";
 
 // src/common/errorBoundary/ErrorBoundary.tsx
@@ -929,6 +855,81 @@ 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 = {
@@ -1411,10 +1412,28 @@ var pickValidationState = (states) => {
   return definedStates[0];
 };
 
+// src/renderers/mappers/utils/selectInputOptionsToProps.ts
+var selectInputOptionsToProps = (options, children, rendererMapperProps) => {
+  return options.map((option, index) => {
+    const child = children[index];
+    const optionChildrenProps = child ? componentToRendererProps(child, rendererMapperProps) : null;
+    const optionChildren = optionChildrenProps ? rendererMapperProps.render(optionChildrenProps) : null;
+    return __spreadProps(__spreadValues({}, option), {
+      children: optionChildren,
+      childrenProps: optionChildrenProps
+    });
+  });
+};
+
 // src/renderers/mappers/multiSelectComponentToProps.ts
 var multiSelectInputComponentToProps = (component, rendererMapperProps) => {
-  const { autoComplete, maxItems, minItems, options, selectedIndices, onSelect } = component;
+  const { autoComplete, maxItems, minItems, selectedIndices, onSelect } = component;
   const _a = inputComponentToProps(component, "input-multi-select"), { required, value } = _a, props = __objRest(_a, ["required", "value"]);
+  const options = selectInputOptionsToProps(
+    component.options,
+    component.getChildren(),
+    rendererMapperProps
+  );
   return __spreadProps(__spreadValues(__spreadValues({}, props), rendererMapperProps), {
     autoComplete,
     maxItems,
@@ -1755,10 +1774,15 @@ var sectionComponentToProps = (component, rendererMapperProps) => {
 
 // src/renderers/mappers/selectInputComponentToProps.ts
 var selectInputComponentToProps = (component, rendererMapperProps) => {
-  const { autoComplete, options, selectedIndex, onSelect } = component;
+  const { autoComplete, selectedIndex, onSelect } = component;
   const selectedChild = component.getSelectedChild();
   const childrenProps = selectedChild ? componentToRendererProps(selectedChild, rendererMapperProps) : null;
   const _a = inputComponentToProps(component, "input-select"), { value } = _a, props = __objRest(_a, ["value"]);
+  const options = selectInputOptionsToProps(
+    component.options,
+    component.getChildren(),
+    rendererMapperProps
+  );
   return __spreadProps(__spreadValues(__spreadValues({}, props), rendererMapperProps), {
     autoComplete,
     options,
@@ -1952,7 +1976,7 @@ var getComponentAlertProps = (component, rendererMapperProps) => "alert" in comp
   markdown: component.alert.content
 }, rendererMapperProps) : null;
 
-// src/useDynamicFlowController.tsx
+// src/useDynamicFlowCore.tsx
 import { useCallback as useCallback2, useEffect, useMemo, useRef as useRef2, useState } from "react";
 import { useIntl as useIntl2 } from "react-intl";
 
@@ -1973,7 +1997,8 @@ var createRootDomainComponent = (updateComponent, scrollToTop, backConfig) => {
     uid: "root",
     stepComponent: null,
     stepStack: [],
-    backConfig,
+    isNativeBackEnabled: backConfig.isNativeBackEnabled,
+    isFlowCancellable: backConfig.isFlowCancellable,
     _update(updateFn) {
       update(this, updateFn);
     },
@@ -2107,7 +2132,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.backConfig.isFlowCancellable || this.stepStack.length > 1 && this.backConfig.isNativeBackEnabled || stepHasBehavior;
+      return this.isFlowCancellable || this.stepStack.length > 1 && this.isNativeBackEnabled || stepHasBehavior;
     }
   };
   return rootComponent;
@@ -3951,6 +3976,12 @@ var getRequiredCheck = (required, messageFunctions) => (value) => {
   }
   return isNullish(value) ? messageFunctions.required() : null;
 };
+var getValidDateCheck = (required, messageFunctions) => (value) => {
+  if (required && !isValidDate(value)) {
+    return messageFunctions.required();
+  }
+  return null;
+};
 
 // src/domain/mappers/utils/getAutocompleteString.ts
 var getAutocompleteString = (hints) => {
@@ -6169,7 +6200,7 @@ var createPersistAsyncComponent = (props, performPersistAsync, schemaOnChange, u
 };
 
 // src/domain/mappers/schema/persistAsyncSchemaToComponent.ts
-var isSupported = (type) => ["boolean", "text", "date", "integer", "number", "upload"].includes(type);
+var isSupported = (type) => ["const", "boolean", "text", "date", "integer", "number", "upload"].includes(type);
 var persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { uid, schema, model, localValue } = schemaMapperProps;
   const { persistAsync, tags } = schema;
@@ -6268,8 +6299,10 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       return this.getSubmittableValueSync();
     },
     getSubmittableValueSync() {
-      var _a2;
-      return (_a2 = this.getLocalValue()) != null ? _a2 : null;
+      if (isValidDate(this.getLocalValue())) {
+        return this.getLocalValue();
+      }
+      return null;
     },
     getSummary() {
       return summariser(this.getLocalValue());
@@ -6333,6 +6366,7 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
       autoComplete: getAutocompleteString(autocompleteHint),
       checks: schema.hidden ? [] : [
         getRequiredCheck(required, errorMessageFunctions),
+        getValidDateCheck(required, errorMessageFunctions),
         getAboveMaximumDateCheck(schema, errorMessageFunctions),
         getBelowMinimumDateCheck(schema, errorMessageFunctions)
       ],
@@ -7297,8 +7331,8 @@ function useStableCallback(handler) {
   return useCallback((...args) => ref.current ? ref.current(...args) : null, []);
 }
 
-// src/useDynamicFlowController.tsx
-function useDynamicFlowController(props) {
+// src/useDynamicFlowCore.tsx
+function useDynamicFlowCore(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);
@@ -7697,29 +7731,20 @@ function useDynamicFlowController(props) {
     trackCoreEvent("Step Shown", { isFirstStep: true });
     hasMappedInitialStep.current = true;
   }
-  return {
-    rootComponent: rootComponentRef.current,
-    cancelFlow: closeWithCancellation,
-    navigateBack: () => {
-      var _a2;
-      if (((_a2 = rootComponentRef.current.stepStack) == null ? void 0 : _a2.length) > 1) {
-        rootComponentRef.current.navigateBack();
-      } else {
-        closeWithCancellation();
-      }
-      rootComponentRef.current.setLoadingState("idle");
-    }
-  };
+  return { rootComponent: rootComponentRef.current };
 }
 var useRerender = () => {
   const [, setState] = useState({});
   return useCallback2(() => setState({}), []);
 };
 
-// src/utils/getScrollToTop.ts
-var getScrollToTop = (normalisedFlowId, className2) => (behavior) => {
+// src/utils/normalise-flow-id.ts
+var normaliseFlowId = (flowId) => flowId.toLowerCase().replace(/[^a-z-]/g, "-");
+
+// src/utils/scrollToTop.ts
+var getScrollToTop = (normalisedFlowId, className3) => (behavior) => {
   var _a;
-  const element = document.querySelector(`div#${normalisedFlowId}.${className2}`);
+  const element = document.querySelector(`div#${normalisedFlowId}.${className3}`);
   if (!element || !window) {
     return;
   }
@@ -7730,14 +7755,11 @@ var getScrollToTop = (normalisedFlowId, className2) => (behavior) => {
   }
 };
 
-// src/utils/normalise-flow-id.ts
-var normaliseFlowId = (flowId) => flowId.toLowerCase().replace(/[^a-z-]/g, "-");
-
-// src/useDynamicFlow.tsx
+// src/DynamicFlowCore.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var className = "dynamic-flow";
-function useDynamicFlow(props) {
-  var _a, _b, _c;
+function DynamicFlowCore(props) {
+  var _a;
   const { flowId, renderers, httpClient, onEvent, onError, onLog } = props;
   const normalisedFlowId = normaliseFlowId(flowId);
   const scrollToTop = useMemo2(
@@ -7748,10 +7770,7 @@ function useDynamicFlow(props) {
     var _a2;
     return new FeatureFlags((_a2 = props.features) != null ? _a2 : {});
   }, []);
-  const { rootComponent, cancelFlow, navigateBack } = useDynamicFlowController(__spreadProps(__spreadValues({}, props), {
-    features,
-    scrollToTop
-  }));
+  const { rootComponent } = useDynamicFlowCore(__spreadProps(__spreadValues({}, props), { features, scrollToTop }));
   const render = useMemo2(
     () => getRenderFunction([CoreRootRenderer, CoreContainerRenderer, ...renderers]),
     [renderers]
@@ -7764,38 +7783,102 @@ function useDynamicFlow(props) {
     }),
     stepLoadingState: rootComponent.getLoadingState()
   });
-  return {
-    title: (_c = (_b = rootComponent.getStep()) == null ? void 0 : _b.title) != null ? _c : "",
-    getSubmittableValue: async () => rootComponent.getSubmittableValue(),
-    validate: () => rootComponent.validate(),
-    rootComponent,
-    cancelFlow,
-    navigateBack,
-    component: /* @__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 /* @__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/DynamicFlowCore.tsx
-function DynamicFlowCore(props) {
-  const df = useDynamicFlow(props);
-  return df.component;
-}
+// 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) })
+    }
+  );
+});
 export {
   DynamicFlowCore as DynamicFlow,
+  DynamicFormCore as DynamicForm,
   findRendererPropsByType,
   makeHttpClient,
-  i18n_default as translations,
-  useDynamicFlow
+  i18n_default as translations
 };

package/build/types/DynamicFlowCore.d.ts

@@ -1,5 +1,2 @@
 import type { DynamicFlowCoreProps } from './types';
-/**
- * @deprecated Use `useDynamicFlow` hook instead.
- */
 export declare function DynamicFlowCore(props: DynamicFlowCoreProps): import("react/jsx-runtime").JSX.Element;

package/build/types/DynamicFormCore.d.ts

@@ -0,0 +1,11 @@
+import type { DynamicFlowCoreProps, DynamicFormController } from './types';
+import type { OnValueChange } from './domain/types';
+/**
+ * DynamicFormCore is like DynamicFlowCore, but it also accepts a ForwardedRef.
+ * This ref conforms to the DynamicFormController type, containing two functions: `getValue` and `validate`.
+ * @experimental This component may be changed in the future without notice.
+ */
+export declare const DynamicFormCore: import("react").ForwardRefExoticComponent<Omit<DynamicFlowCoreProps, "onCompletion"> & {
+    onValueChange?: OnValueChange;
+    onCompletion?: DynamicFlowCoreProps["onCompletion"];
+} & import("react").RefAttributes<DynamicFormController>>;

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

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

package/build/types/domain/features/validation/value-checks.d.ts

@@ -23,4 +23,5 @@ export declare const getAboveMaximumDateCheck: GetIsInvalidCheck<StringSchema, s
 export declare const getBelowMinimumDateCheck: GetIsInvalidCheck<StringSchema, string | null>;
 export declare const getNotAdheringToPatternCheck: GetIsInvalidCheck<StringSchema, string | null>;
 export declare const getRequiredCheck: (required: boolean, messageFunctions: ErrorMessageFunctions) => IsInvalidCheck<LocalValue | null>;
+export declare const getValidDateCheck: (required: boolean, messageFunctions: ErrorMessageFunctions) => IsInvalidCheck<string | null>;
 export {};

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 } from './types';
-export { findRendererPropsByType } from './renderers/utils';
-export { useDynamicFlow } from './useDynamicFlow';
+export type { DynamicFlowCoreProps as DynamicFlowProps, DynamicFormController } from './types';
 export { DynamicFlowCore as DynamicFlow } from './DynamicFlowCore';
+export { DynamicFormCore as DynamicForm } from './DynamicFormCore';
+export { findRendererPropsByType } from './renderers/utils';

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

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

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

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

package/build/types/renderers/mappers/utils/selectInputOptionsToProps.d.ts

@@ -0,0 +1,5 @@
+import type { SelectInputRendererOption } from '@wise/dynamic-flow-types/renderers';
+import { SelectInputOption } from '../../../domain/components/SelectInputComponent';
+import { SchemaComponent } from '../../../domain/types';
+import { RendererMapperProps } from '../componentToRendererProps';
+export declare const selectInputOptionsToProps: (options: SelectInputOption[], children: SchemaComponent[], rendererMapperProps: RendererMapperProps) => SelectInputRendererOption[];

package/build/types/types.d.ts

@@ -1,5 +1,5 @@
 import type { Renderers } from '@wise/dynamic-flow-types/renderers';
-import type { Model, Step } from '@wise/dynamic-flow-types/spec';
+import type { JsonElement, Model, Step } from '@wise/dynamic-flow-types/spec';
 import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/features/events';
 export type DynamicFlowCoreProps = {
     flowId: string;
@@ -16,6 +16,16 @@ export type DynamicFlowCoreProps = {
     onLog?: LoggingEventHandler;
     onLink: (url: string) => boolean;
 };
+export type DynamicFormController = {
+    /**
+     * Returns the current value of the form, even if it doesn't pass validation.
+     */
+    getValue: () => Promise<JsonElement>;
+    /**
+     * triggers validation in every UI component and returns whether or not the current value is valid.
+     */
+    validate: () => boolean;
+};
 export type InitialAction = {
     id?: string;
     url: string;

package/build/types/{useDynamicFlowController.d.ts → useDynamicFlowCore.d.ts}

@@ -8,9 +8,7 @@ type UseDynamicFlowCoreProps = Omit<DynamicFlowCoreProps, 'renderers' | 'feature
     scrollToTop?: ScrollToTop;
     onLink: (url: string) => boolean;
 };
-export declare function useDynamicFlowController(props: UseDynamicFlowCoreProps): {
+export declare function useDynamicFlowCore(props: UseDynamicFlowCoreProps): {
     rootComponent: RootDomainComponent;
-    cancelFlow: () => void;
-    navigateBack: () => void;
 };
 export {};

package/build/types/utils/{getScrollToTop.d.ts → scrollToTop.d.ts}

@@ -1,2 +1,2 @@
-import type { ScrollToTop } from '../domain/types';
+import { ScrollToTop } from '../domain/types';
 export declare const getScrollToTop: (normalisedFlowId: string, className: string) => ScrollToTop;

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

@@ -8,3 +8,4 @@ export declare const isNull: (value: unknown) => value is null;
 export declare const isUndefined: (value: unknown) => value is undefined;
 export declare const isNullish: (v: unknown) => v is null | undefined;
 export declare const isFile: (value: unknown) => value is File;
+export declare const isValidDate: (value: string | null) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.2.0-exp-bits-29346f3",
+  "version": "5.2.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -72,8 +72,8 @@
     "typescript": "5.9.3",
     "vitest": "4.0.16",
     "vitest-fetch-mock": "0.4.5",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -86,7 +86,7 @@
     "react-intl": "^6"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.2.0-exp-bits-29346f3"
+    "@wise/dynamic-flow-types": "4.3.0"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",

package/build/types/useDynamicFlow.d.ts

@@ -1,13 +0,0 @@
-import type { DynamicFlowCoreProps } from './types';
-/**
- * @experimental This hook may be changed or removed in the future without notice.
- */
-export declare function useDynamicFlow(props: DynamicFlowCoreProps): {
-    title: string;
-    getSubmittableValue: () => Promise<import("@wise/dynamic-flow-types/spec").JsonElement>;
-    validate: () => boolean;
-    rootComponent: import("./domain/components/RootDomainComponent").RootDomainComponent;
-    cancelFlow: () => void;
-    navigateBack: () => void;
-    component: import("react/jsx-runtime").JSX.Element;
-};

package/build/types/utils/useFeatureFlags.d.ts

@@ -1,2 +0,0 @@
-import { FeatureFlags } from '../domain/mappers/utils/FeatureFlags';
-export declare const useFeatureFlags: (features: Record<string, unknown> | undefined) => FeatureFlags;