@wise/dynamic-flow-client 5.8.1 → 5.9.0-experimental-rendererprops-9c9a4b8

package/build/main.js

@@ -836,6 +836,7 @@ var getChildren = (node) => {
     case "heading":
     case "hidden":
     case "image":
+    case "loading-state":
     case "instructions":
     case "input-integer":
     case "list":
@@ -2091,7 +2092,7 @@ var debounce = (callback, waitMs) => {
 // src/domain/components/searchComponent/SearchComponent.ts
 var DEBOUNCE_TIME = 400;
 var createSearchComponent = (searchProps, performSearch, onBehavior, onComponentUpdate) => {
-  const { uid, analyticsId, control, emptyMessage, hint, margin, tags, title } = searchProps;
+  const { uid, analyticsId, control, emptyMessage, initialState, hint, margin, tags, title } = searchProps;
   const update = getInputUpdateFunction(onComponentUpdate);
   let abortController = new AbortController();
   const search = (component2, query, searchConfig) => {
@@ -2105,7 +2106,7 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
     }).then((state) => {
       if (!signal.aborted) {
         update(component2, (draft) => {
-          draft.state = state;
+          draft.state = state != null ? state : initialState;
           draft.isLoading = false;
           draft.error = void 0;
         });
@@ -2127,9 +2128,10 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
     analyticsId,
     control,
     emptyMessage,
+    initialState,
     hint,
     margin,
-    state: null,
+    state: initialState,
     tags,
     title,
     isLoading: false,
@@ -2138,11 +2140,22 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
       update(this, updateFn);
     },
     onChange(query) {
-      this._update((draft) => {
-        draft.query = query;
-        draft.isLoading = true;
-      });
-      debouncedSearch(this, query.trim());
+      if (query.trim()) {
+        this._update((draft) => {
+          draft.query = query;
+          draft.isLoading = true;
+        });
+        debouncedSearch(this, query.trim());
+      } else {
+        abortController.abort();
+        debouncedSearch.cancel();
+        update(component, (draft) => {
+          draft.query = query;
+          draft.state = initialState;
+          draft.isLoading = false;
+          draft.error = void 0;
+        });
+      }
     },
     onSelect({ type, value }) {
       if (type === "action") {
@@ -2238,11 +2251,23 @@ var isValidResponseBody = (body) => {
 var hashRequest = (query, config) => JSON.stringify({ query, config });
 
 // src/domain/mappers/layout/searchLayoutToComponent.ts
-var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, hint, method, param, title, url, margin, tags }, mapperProps) => {
+var searchLayoutToComponent = (uid, {
+  analyticsId,
+  control,
+  emptyMessage = "",
+  initialState,
+  hint,
+  method,
+  param,
+  title,
+  url,
+  margin,
+  tags
+}, mapperProps) => {
   const { httpClient, onBehavior, onComponentUpdate } = mapperProps;
   const search = getPerformSearchFunction(
     httpClient,
-    (layout) => mapLayoutToComponent(`${uid}-search-response`, layout, mapperProps, []),
+    (layout, index) => mapLayoutToComponent(`${uid}-search-response-${index}`, layout, mapperProps, []),
     { method, param, url }
   );
   return createSearchComponent(
@@ -2250,7 +2275,8 @@ var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, hint,
       uid,
       analyticsId,
       control,
-      emptyMessage: emptyMessage != null ? emptyMessage : "",
+      emptyMessage,
+      initialState: getInitialState(uid, initialState, mapperProps),
       hint,
       margin: margin != null ? margin : "md",
       tags,
@@ -2261,6 +2287,33 @@ var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, hint,
     onComponentUpdate
   );
 };
+var getInitialState = (uid, initialState, mapperProps) => {
+  if (!initialState) {
+    return emptyInitialState;
+  }
+  switch (initialState.type) {
+    case "layout":
+      return {
+        type: "layout",
+        content: initialState.content.map(
+          (layout, index) => mapLayoutToComponent(`${uid}-initial-${index}`, layout, mapperProps, [])
+        )
+      };
+    case "results":
+      return {
+        type: "results",
+        results: initialState.results
+      };
+    default: {
+      const exhaustiveCheck = initialState;
+      return emptyInitialState;
+    }
+  }
+};
+var emptyInitialState = {
+  type: "layout",
+  content: []
+};
 
 // src/domain/components/SectionComponent.ts
 var createSectionComponent = (props) => {
@@ -6999,8 +7052,15 @@ var CoreRootRenderer = {
   }
 };
 
-// src/renderers/getRenderFunction.tsx
+// src/renderers/EmptyLoadingStateRenderer.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var EmptyLoadingStateRenderer = {
+  canRenderType: "loading-state",
+  render: () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {})
+};
+
+// src/renderers/getRenderFunction.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var getRenderFunction = (renderers) => {
   function ComponentRenderer(props) {
     const { type } = props;
@@ -7020,9 +7080,9 @@ var getRenderFunction = (renderers) => {
   }
   const render = (props) => {
     if (!props) {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {});
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ComponentRenderer, __spreadValues({}, props), props.uid);
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ComponentRenderer, __spreadValues({}, props), props.uid);
   };
   return render;
 };
@@ -7919,14 +7979,17 @@ var getToolbarProps = (toolbar, rendererMapperProps) => {
 
 // src/renderers/mappers/rootComponentToProps.ts
 var rootComponentToProps = (rootComponent, rendererMapperProps) => {
-  const childrenProps = rootComponent.getChildren().map((child) => {
-    if (child.type === "step") {
-      return stepComponentToProps(child, __spreadProps(__spreadValues({}, rendererMapperProps), {
-        showBack: rootComponent.canPerformBack()
-      }));
-    }
-    return componentToRendererProps(child, rendererMapperProps);
-  });
+  const childrenProps = [
+    __spreadValues({ type: "loading-state", uid: "loading-state" }, rendererMapperProps),
+    ...rootComponent.getChildren().map((child) => {
+      if (child.type === "step") {
+        return stepComponentToProps(child, __spreadProps(__spreadValues({}, rendererMapperProps), {
+          showBack: rootComponent.canPerformBack()
+        }));
+      }
+      return componentToRendererProps(child, rendererMapperProps);
+    })
+  ];
   const subflow = rootComponent.subflow ? {
     presentation: rootComponent.subflow.presentation,
     children: rendererMapperProps.render(
@@ -7982,7 +8045,7 @@ var getSearchState = ({
   onChange,
   onSelect
 }) => {
-  if (!query || isLoading) {
+  if (isLoading) {
     return { type: "pending" };
   }
   if (error) {
@@ -8002,19 +8065,21 @@ var getSearchState = ({
       layoutProps
     };
   }
-  if (state.results.length === 0) {
+  if (query && state.results.length === 0) {
     return { type: "noResults", message: emptyMessage };
   }
-  const rendererResults = state.results.map((result) => {
-    var _a;
-    return __spreadProps(__spreadValues({}, result), {
-      id: result.type === "action" ? (_a = result.value.id) != null ? _a : result.value.$id : void 0,
-      image: mapSpecImage(result.image),
-      media: getDomainLayerMedia(result),
-      onClick: () => onSelect(result)
-    });
-  });
-  return { type: "results", results: rendererResults };
+  return {
+    type: "results",
+    results: state.results.map((result) => {
+      var _a;
+      return __spreadProps(__spreadValues({}, result), {
+        id: result.type === "action" ? (_a = result.value.id) != null ? _a : result.value.$id : void 0,
+        image: mapSpecImage(result.image),
+        media: getDomainLayerMedia(result),
+        onClick: () => onSelect(result)
+      });
+    })
+  };
 };
 
 // src/renderers/mappers/sectionComponentToProps.ts
@@ -8308,7 +8373,7 @@ function useStableCallback(handler) {
 }
 
 // src/useDynamicFlow.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var className = "dynamic-flow";
 var noop3 = () => {
 };
@@ -8359,10 +8424,15 @@ function useDynamicFlow(props) {
     scrollToTop
   }));
   const render = (0, import_react3.useMemo)(
-    () => getRenderFunction([CoreRootRenderer, CoreContainerRenderer, ...renderers]),
+    () => getRenderFunction([
+      CoreRootRenderer,
+      CoreContainerRenderer,
+      ...renderers,
+      EmptyLoadingStateRenderer
+    ]),
     [renderers]
   );
-  const tree = componentToRendererProps(rootComponent, {
+  const rendererProps = componentToRendererProps(rootComponent, {
     features,
     render,
     httpClient,
@@ -8374,9 +8444,13 @@ function useDynamicFlow(props) {
     controller: {
       getSubmittableValue: async () => rootComponent.getSubmittableValue(),
       validate: () => rootComponent.validate(),
+      /**
+       * @experimental This is not a public API and may be removed in the future without notice
+       */
+      rendererProps,
       cancel
     },
-    view: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    view: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       ErrorBoundary_default,
       {
         onError: (error) => {
@@ -8386,7 +8460,7 @@ function useDynamicFlow(props) {
             errorMessage: getErrorMessage(error)
           });
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { id: normalisedFlowId, className, children: render(tree) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { id: normalisedFlowId, className, children: render(rendererProps) })
       }
     )
   };

package/build/main.mjs

@@ -806,6 +806,7 @@ var getChildren = (node) => {
     case "heading":
     case "hidden":
     case "image":
+    case "loading-state":
     case "instructions":
     case "input-integer":
     case "list":
@@ -2061,7 +2062,7 @@ var debounce = (callback, waitMs) => {
 // src/domain/components/searchComponent/SearchComponent.ts
 var DEBOUNCE_TIME = 400;
 var createSearchComponent = (searchProps, performSearch, onBehavior, onComponentUpdate) => {
-  const { uid, analyticsId, control, emptyMessage, hint, margin, tags, title } = searchProps;
+  const { uid, analyticsId, control, emptyMessage, initialState, hint, margin, tags, title } = searchProps;
   const update = getInputUpdateFunction(onComponentUpdate);
   let abortController = new AbortController();
   const search = (component2, query, searchConfig) => {
@@ -2075,7 +2076,7 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
     }).then((state) => {
       if (!signal.aborted) {
         update(component2, (draft) => {
-          draft.state = state;
+          draft.state = state != null ? state : initialState;
           draft.isLoading = false;
           draft.error = void 0;
         });
@@ -2097,9 +2098,10 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
     analyticsId,
     control,
     emptyMessage,
+    initialState,
     hint,
     margin,
-    state: null,
+    state: initialState,
     tags,
     title,
     isLoading: false,
@@ -2108,11 +2110,22 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
       update(this, updateFn);
     },
     onChange(query) {
-      this._update((draft) => {
-        draft.query = query;
-        draft.isLoading = true;
-      });
-      debouncedSearch(this, query.trim());
+      if (query.trim()) {
+        this._update((draft) => {
+          draft.query = query;
+          draft.isLoading = true;
+        });
+        debouncedSearch(this, query.trim());
+      } else {
+        abortController.abort();
+        debouncedSearch.cancel();
+        update(component, (draft) => {
+          draft.query = query;
+          draft.state = initialState;
+          draft.isLoading = false;
+          draft.error = void 0;
+        });
+      }
     },
     onSelect({ type, value }) {
       if (type === "action") {
@@ -2208,11 +2221,23 @@ var isValidResponseBody = (body) => {
 var hashRequest = (query, config) => JSON.stringify({ query, config });
 
 // src/domain/mappers/layout/searchLayoutToComponent.ts
-var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, hint, method, param, title, url, margin, tags }, mapperProps) => {
+var searchLayoutToComponent = (uid, {
+  analyticsId,
+  control,
+  emptyMessage = "",
+  initialState,
+  hint,
+  method,
+  param,
+  title,
+  url,
+  margin,
+  tags
+}, mapperProps) => {
   const { httpClient, onBehavior, onComponentUpdate } = mapperProps;
   const search = getPerformSearchFunction(
     httpClient,
-    (layout) => mapLayoutToComponent(`${uid}-search-response`, layout, mapperProps, []),
+    (layout, index) => mapLayoutToComponent(`${uid}-search-response-${index}`, layout, mapperProps, []),
     { method, param, url }
   );
   return createSearchComponent(
@@ -2220,7 +2245,8 @@ var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, hint,
       uid,
       analyticsId,
       control,
-      emptyMessage: emptyMessage != null ? emptyMessage : "",
+      emptyMessage,
+      initialState: getInitialState(uid, initialState, mapperProps),
       hint,
       margin: margin != null ? margin : "md",
       tags,
@@ -2231,6 +2257,33 @@ var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, hint,
     onComponentUpdate
   );
 };
+var getInitialState = (uid, initialState, mapperProps) => {
+  if (!initialState) {
+    return emptyInitialState;
+  }
+  switch (initialState.type) {
+    case "layout":
+      return {
+        type: "layout",
+        content: initialState.content.map(
+          (layout, index) => mapLayoutToComponent(`${uid}-initial-${index}`, layout, mapperProps, [])
+        )
+      };
+    case "results":
+      return {
+        type: "results",
+        results: initialState.results
+      };
+    default: {
+      const exhaustiveCheck = initialState;
+      return emptyInitialState;
+    }
+  }
+};
+var emptyInitialState = {
+  type: "layout",
+  content: []
+};
 
 // src/domain/components/SectionComponent.ts
 var createSectionComponent = (props) => {
@@ -6969,8 +7022,15 @@ var CoreRootRenderer = {
   }
 };
 
-// src/renderers/getRenderFunction.tsx
+// src/renderers/EmptyLoadingStateRenderer.tsx
 import { Fragment as Fragment4, jsx as jsx5 } from "react/jsx-runtime";
+var EmptyLoadingStateRenderer = {
+  canRenderType: "loading-state",
+  render: () => /* @__PURE__ */ jsx5(Fragment4, {})
+};
+
+// src/renderers/getRenderFunction.tsx
+import { Fragment as Fragment5, jsx as jsx6 } from "react/jsx-runtime";
 var getRenderFunction = (renderers) => {
   function ComponentRenderer(props) {
     const { type } = props;
@@ -6990,9 +7050,9 @@ var getRenderFunction = (renderers) => {
   }
   const render = (props) => {
     if (!props) {
-      return /* @__PURE__ */ jsx5(Fragment4, {});
+      return /* @__PURE__ */ jsx6(Fragment5, {});
     }
-    return /* @__PURE__ */ jsx5(ComponentRenderer, __spreadValues({}, props), props.uid);
+    return /* @__PURE__ */ jsx6(ComponentRenderer, __spreadValues({}, props), props.uid);
   };
   return render;
 };
@@ -7889,14 +7949,17 @@ var getToolbarProps = (toolbar, rendererMapperProps) => {
 
 // src/renderers/mappers/rootComponentToProps.ts
 var rootComponentToProps = (rootComponent, rendererMapperProps) => {
-  const childrenProps = rootComponent.getChildren().map((child) => {
-    if (child.type === "step") {
-      return stepComponentToProps(child, __spreadProps(__spreadValues({}, rendererMapperProps), {
-        showBack: rootComponent.canPerformBack()
-      }));
-    }
-    return componentToRendererProps(child, rendererMapperProps);
-  });
+  const childrenProps = [
+    __spreadValues({ type: "loading-state", uid: "loading-state" }, rendererMapperProps),
+    ...rootComponent.getChildren().map((child) => {
+      if (child.type === "step") {
+        return stepComponentToProps(child, __spreadProps(__spreadValues({}, rendererMapperProps), {
+          showBack: rootComponent.canPerformBack()
+        }));
+      }
+      return componentToRendererProps(child, rendererMapperProps);
+    })
+  ];
   const subflow = rootComponent.subflow ? {
     presentation: rootComponent.subflow.presentation,
     children: rendererMapperProps.render(
@@ -7952,7 +8015,7 @@ var getSearchState = ({
   onChange,
   onSelect
 }) => {
-  if (!query || isLoading) {
+  if (isLoading) {
     return { type: "pending" };
   }
   if (error) {
@@ -7972,19 +8035,21 @@ var getSearchState = ({
       layoutProps
     };
   }
-  if (state.results.length === 0) {
+  if (query && state.results.length === 0) {
     return { type: "noResults", message: emptyMessage };
   }
-  const rendererResults = state.results.map((result) => {
-    var _a;
-    return __spreadProps(__spreadValues({}, result), {
-      id: result.type === "action" ? (_a = result.value.id) != null ? _a : result.value.$id : void 0,
-      image: mapSpecImage(result.image),
-      media: getDomainLayerMedia(result),
-      onClick: () => onSelect(result)
-    });
-  });
-  return { type: "results", results: rendererResults };
+  return {
+    type: "results",
+    results: state.results.map((result) => {
+      var _a;
+      return __spreadProps(__spreadValues({}, result), {
+        id: result.type === "action" ? (_a = result.value.id) != null ? _a : result.value.$id : void 0,
+        image: mapSpecImage(result.image),
+        media: getDomainLayerMedia(result),
+        onClick: () => onSelect(result)
+      });
+    })
+  };
 };
 
 // src/renderers/mappers/sectionComponentToProps.ts
@@ -8278,7 +8343,7 @@ function useStableCallback(handler) {
 }
 
 // src/useDynamicFlow.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var className = "dynamic-flow";
 var noop3 = () => {
 };
@@ -8329,10 +8394,15 @@ function useDynamicFlow(props) {
     scrollToTop
   }));
   const render = useMemo(
-    () => getRenderFunction([CoreRootRenderer, CoreContainerRenderer, ...renderers]),
+    () => getRenderFunction([
+      CoreRootRenderer,
+      CoreContainerRenderer,
+      ...renderers,
+      EmptyLoadingStateRenderer
+    ]),
     [renderers]
   );
-  const tree = componentToRendererProps(rootComponent, {
+  const rendererProps = componentToRendererProps(rootComponent, {
     features,
     render,
     httpClient,
@@ -8344,9 +8414,13 @@ function useDynamicFlow(props) {
     controller: {
       getSubmittableValue: async () => rootComponent.getSubmittableValue(),
       validate: () => rootComponent.validate(),
+      /**
+       * @experimental This is not a public API and may be removed in the future without notice
+       */
+      rendererProps,
       cancel
     },
-    view: /* @__PURE__ */ jsx6(
+    view: /* @__PURE__ */ jsx7(
       ErrorBoundary_default,
       {
         onError: (error) => {
@@ -8356,7 +8430,7 @@ function useDynamicFlow(props) {
             errorMessage: getErrorMessage(error)
           });
         },
-        children: /* @__PURE__ */ jsx6("div", { id: normalisedFlowId, className, children: render(tree) })
+        children: /* @__PURE__ */ jsx7("div", { id: normalisedFlowId, className, children: render(rendererProps) })
       }
     )
   };

package/build/types/domain/components/searchComponent/SearchComponent.d.ts

@@ -10,26 +10,27 @@ export type SearchProps = {
     query: string;
     signal: AbortSignal;
 };
-export type SearchResponse = {
+export type SearchResultsState = {
     type: 'layout';
     content: LayoutComponent[];
 } | {
     type: 'results';
     results: SearchResult[];
 };
-export type PerformSearch = (props: SearchProps) => Promise<SearchResponse | null>;
+export type PerformSearch = (props: SearchProps) => Promise<SearchResultsState | null>;
 export type SearchComponent = BaseLayoutComponent & {
     type: 'search';
     kind: 'layout';
     emptyMessage: string;
+    initialState: SearchResultsState;
     hint?: string;
     isLoading: boolean;
     query: string;
     title: string;
-    state: SearchResponse | null;
+    state: SearchResultsState;
     error?: string;
     onChange: (query: string) => void;
     onSelect: (result: SearchResult) => void;
 };
-export declare const createSearchComponent: (searchProps: Pick<SearchComponent, "uid" | "analyticsId" | "control" | "emptyMessage" | "hint" | "margin" | "tags" | "title">, performSearch: PerformSearch, onBehavior: OnBehavior, onComponentUpdate: OnComponentUpdate) => SearchComponent;
+export declare const createSearchComponent: (searchProps: Pick<SearchComponent, "uid" | "analyticsId" | "control" | "emptyMessage" | "initialState" | "hint" | "margin" | "tags" | "title">, performSearch: PerformSearch, onBehavior: OnBehavior, onComponentUpdate: OnComponentUpdate) => SearchComponent;
 //# sourceMappingURL=SearchComponent.d.ts.map

package/build/types/domain/components/searchComponent/SearchComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchComponent.d.ts","sourceRoot":"","sources":["../../../../../src/domain/components/searchComponent/SearchComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,KAAK,EACV,mBAAmB,EACnB,eAAe,EACf,UAAU,EACV,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAKrB,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,cAAc,GACtB;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB,CAAC;AAEN,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAEnF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;CAC1C,CAAC;AAIF,eAAO,MAAM,qBAAqB,GAChC,aAAa,IAAI,CACf,eAAe,EACf,KAAK,GAAG,aAAa,GAAG,SAAS,GAAG,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAC1F,EACD,eAAe,aAAa,EAC5B,YAAY,UAAU,EACtB,mBAAmB,iBAAiB,KACnC,eA+EF,CAAC"}
+{"version":3,"file":"SearchComponent.d.ts","sourceRoot":"","sources":["../../../../../src/domain/components/searchComponent/SearchComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,KAAK,EACV,mBAAmB,EACnB,eAAe,EACf,UAAU,EACV,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAKrB,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB,CAAC;AAEN,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;AAEvF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,kBAAkB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;CAC1C,CAAC;AAIF,eAAO,MAAM,qBAAqB,GAChC,aAAa,IAAI,CACf,eAAe,EACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,cAAc,GACd,cAAc,GACd,MAAM,GACN,QAAQ,GACR,MAAM,GACN,OAAO,CACV,EACD,eAAe,aAAa,EAC5B,YAAY,UAAU,EACtB,mBAAmB,iBAAiB,KACnC,eA6FF,CAAC"}

package/build/types/domain/features/search/getPerformSearchFunction.d.ts

@@ -2,5 +2,5 @@ import type { SearchConfig, PerformSearch } from '../../components/searchCompone
 import type { HttpClient } from '../../../types';
 import type { Layout } from '@wise/dynamic-flow-types/spec';
 import { LayoutComponent } from '../../types';
-export declare const getPerformSearchFunction: (httpClient: HttpClient, mapLayoutToDomainComponent: (layout: Layout) => LayoutComponent, defaultConfig: SearchConfig) => PerformSearch;
+export declare const getPerformSearchFunction: (httpClient: HttpClient, mapLayoutToDomainComponent: (layout: Layout, index: number) => LayoutComponent, defaultConfig: SearchConfig) => PerformSearch;
 //# sourceMappingURL=getPerformSearchFunction.d.ts.map

package/build/types/domain/features/search/getPerformSearchFunction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getPerformSearchFunction.d.ts","sourceRoot":"","sources":["../../../../../src/domain/features/search/getPerformSearchFunction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EAEd,MAAM,kDAAkD,CAAC;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,MAAM,EAAwC,MAAM,+BAA+B,CAAC;AAClG,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,eAAO,MAAM,wBAAwB,GACnC,YAAY,UAAU,EACtB,4BAA4B,CAAC,MAAM,EAAE,MAAM,KAAK,eAAe,EAC/D,eAAe,YAAY,KAC1B,aAyCF,CAAC"}
+{"version":3,"file":"getPerformSearchFunction.d.ts","sourceRoot":"","sources":["../../../../../src/domain/features/search/getPerformSearchFunction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EAEd,MAAM,kDAAkD,CAAC;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,MAAM,EAAwC,MAAM,+BAA+B,CAAC;AAClG,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,eAAO,MAAM,wBAAwB,GACnC,YAAY,UAAU,EACtB,4BAA4B,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,eAAe,EAC9E,eAAe,YAAY,KAC1B,aAyCF,CAAC"}

package/build/types/domain/mappers/layout/searchLayoutToComponent.d.ts

@@ -1,4 +1,5 @@
 import type { SearchLayout } from '@wise/dynamic-flow-types/spec';
+import { SearchComponent } from '../../components/searchComponent/SearchComponent';
 import type { MapperProps } from '../schema/types';
-export declare const searchLayoutToComponent: (uid: string, { analyticsId, control, emptyMessage, hint, method, param, title, url, margin, tags }: SearchLayout, mapperProps: MapperProps) => import("../../components/searchComponent/SearchComponent").SearchComponent;
+export declare const searchLayoutToComponent: (uid: string, { analyticsId, control, emptyMessage, initialState, hint, method, param, title, url, margin, tags, }: SearchLayout, mapperProps: MapperProps) => SearchComponent;
 //# sourceMappingURL=searchLayoutToComponent.d.ts.map

package/build/types/domain/mappers/layout/searchLayoutToComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"searchLayoutToComponent.d.ts","sourceRoot":"","sources":["../../../../../src/domain/mappers/layout/searchLayoutToComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAG1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,eAAO,MAAM,uBAAuB,GAClC,KAAK,MAAM,EACX,uFAAuF,YAAY,EACnG,aAAa,WAAW,+EAwBzB,CAAC"}
+{"version":3,"file":"searchLayoutToComponent.d.ts","sourceRoot":"","sources":["../../../../../src/domain/mappers/layout/searchLayoutToComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAEL,eAAe,EAEhB,MAAM,kDAAkD,CAAC;AAG1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,uBAAuB,GAClC,KAAK,MAAM,EACX,sGAYG,YAAY,EACf,aAAa,WAAW,oBA0BzB,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { LoadingStateRendererProps, Renderer } from '@wise/dynamic-flow-types/renderers';
+export declare const EmptyLoadingStateRenderer: Renderer<LoadingStateRendererProps>;
+//# sourceMappingURL=EmptyLoadingStateRenderer.d.ts.map

package/build/types/renderers/EmptyLoadingStateRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyLoadingStateRenderer.d.ts","sourceRoot":"","sources":["../../../src/renderers/EmptyLoadingStateRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9F,eAAO,MAAM,yBAAyB,EAAE,QAAQ,CAAC,yBAAyB,CAGzE,CAAC"}

package/build/types/renderers/mappers/rootComponentToProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rootComponentToProps.d.ts","sourceRoot":"","sources":["../../../../src/renderers/mappers/rootComponentToProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAA4B,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAG3F,eAAO,MAAM,oBAAoB,GAC/B,eAAe,mBAAmB,EAClC,qBAAqB,mBAAmB,KACvC,iBA6BF,CAAC"}
+{"version":3,"file":"rootComponentToProps.d.ts","sourceRoot":"","sources":["../../../../src/renderers/mappers/rootComponentToProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAA4B,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAG3F,eAAO,MAAM,oBAAoB,GAC/B,eAAe,mBAAmB,EAClC,qBAAqB,mBAAmB,KACvC,iBA+BF,CAAC"}

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

@@ -1,5 +1,5 @@
-import type { SearchComponent } from '../../domain/components/searchComponent/SearchComponent';
 import type { SearchRendererProps } from '@wise/dynamic-flow-types/renderers';
+import type { SearchComponent } from '../../domain/components/searchComponent/SearchComponent';
 import { RendererMapperProps } from './componentToRendererProps';
 export declare const searchComponentToProps: (component: SearchComponent, rendererMapperProps: RendererMapperProps) => SearchRendererProps;
 //# sourceMappingURL=searchComponentToProps.d.ts.map

package/build/types/renderers/mappers/searchComponentToProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"searchComponentToProps.d.ts","sourceRoot":"","sources":["../../../../src/renderers/mappers/searchComponentToProps.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,yDAAyD,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAe,MAAM,oCAAoC,CAAC;AAC3F,OAAO,EAA4B,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAI3F,eAAO,MAAM,sBAAsB,GACjC,WAAW,eAAe,EAC1B,qBAAqB,mBAAmB,KACvC,mBAgCF,CAAC"}
+{"version":3,"file":"searchComponentToProps.d.ts","sourceRoot":"","sources":["../../../../src/renderers/mappers/searchComponentToProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAe,MAAM,oCAAoC,CAAC;AAE3F,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,yDAAyD,CAAC;AAGjE,OAAO,EAA4B,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAE3F,eAAO,MAAM,sBAAsB,GACjC,WAAW,eAAe,EAC1B,qBAAqB,mBAAmB,KACvC,mBAgCF,CAAC"}

package/build/types/test-utils/getMergedTestRenderers.d.ts

@@ -1,3 +1,3 @@
 import { DynamicFlowWiseProps } from './DynamicFlowWise';
-export declare const getMergedTestRenderers: (props: DynamicFlowWiseProps) => (import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").CoreContainerRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").RootRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").StepRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").AlertRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").BoxRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ColumnsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DecisionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DividerRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ExternalConfirmationRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormattedValueRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").HeadingRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").InstructionsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ListRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").LoadingIndicatorRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MarkdownRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ImageRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MediaRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ModalLayoutRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ModalRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ParagraphRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ProgressRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ReviewRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SearchRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").StatusListRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").CheckboxInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ButtonRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DateInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").HiddenRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").IntegerInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MoneyInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").NumberInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").RepeatableRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormSectionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SelectInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SectionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SubflowRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MultiSelectInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").TabsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").TextInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").UploadInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MultiUploadInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").UpsellRendererProps>)[];
+export declare const getMergedTestRenderers: (props: DynamicFlowWiseProps) => (import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").CoreContainerRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").RootRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").LoadingStateRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").StepRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").AlertRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").BoxRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ColumnsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DecisionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DividerRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ExternalConfirmationRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormattedValueRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").HeadingRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").InstructionsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ListRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").LoadingIndicatorRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MarkdownRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ImageRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MediaRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ModalLayoutRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ModalRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ParagraphRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ProgressRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ReviewRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SearchRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").StatusListRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").CheckboxInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").ButtonRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").DateInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").HiddenRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").IntegerInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MoneyInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").NumberInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").RepeatableRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").FormSectionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SelectInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SectionRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").SubflowRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MultiSelectInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").TabsRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").TextInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").UploadInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").MultiUploadInputRendererProps> | import("@wise/dynamic-flow-types/renderers").Renderer<import("@wise/dynamic-flow-types/renderers").UpsellRendererProps>)[];
 //# sourceMappingURL=getMergedTestRenderers.d.ts.map

package/build/types/test-utils/getMergedTestRenderers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getMergedTestRenderers.d.ts","sourceRoot":"","sources":["../../../src/test-utils/getMergedTestRenderers.tsx"],"names":[],"mappings":"AACA,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAM1E,eAAO,MAAM,sBAAsB,GAAI,OAAO,oBAAoB,0vKA8BjE,CAAC"}
+{"version":3,"file":"getMergedTestRenderers.d.ts","sourceRoot":"","sources":["../../../src/test-utils/getMergedTestRenderers.tsx"],"names":[],"mappings":"AAKA,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAM1E,eAAO,MAAM,sBAAsB,GAAI,OAAO,oBAAoB,03KAgCjE,CAAC"}

package/build/types/useDynamicFlow.d.ts

@@ -6,6 +6,10 @@ export declare function useDynamicFlow(props: DynamicFlowCoreProps): {
     controller: {
         getSubmittableValue: () => Promise<import("@wise/dynamic-flow-types/spec").JsonElement>;
         validate: () => boolean;
+        /**
+         * @experimental This is not a public API and may be removed in the future without notice
+         */
+        rendererProps: import("@wise/dynamic-flow-types/renderers").RendererProps;
         cancel: () => void;
     };
     view: import("react/jsx-runtime").JSX.Element;

package/build/types/useDynamicFlow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDynamicFlow.d.ts","sourceRoot":"","sources":["../../src/useDynamicFlow.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AASpD;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,oBAAoB;;;;;;;EAyFzD"}
+{"version":3,"file":"useDynamicFlow.d.ts","sourceRoot":"","sources":["../../src/useDynamicFlow.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AASpD;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,oBAAoB;;;;QA6EpD;;WAEG;;;;;EAoBR"}

package/build/types/useDynamicFlowModal.d.ts

@@ -10,6 +10,7 @@ export declare const useDynamicFlowModal: (props: DynamicFlowProps) => {
     controller: {
         getSubmittableValue: () => Promise<JsonElement>;
         validate: () => boolean;
+        rendererProps: import("@wise/dynamic-flow-types/renderers").RendererProps;
         cancel: () => void;
     };
     view: import("react/jsx-runtime").JSX.Element;

package/build/types/useDynamicFlowModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDynamicFlowModal.d.ts","sourceRoot":"","sources":["../../src/useDynamicFlowModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAkB,MAAM,GAAG,CAAC;AAuBrD,eAAO,MAAM,mBAAmB,GAAI,OAAO,gBAAgB;;;;;;;;;;;;;CA2D1D,CAAC"}
+{"version":3,"file":"useDynamicFlowModal.d.ts","sourceRoot":"","sources":["../../src/useDynamicFlowModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAkB,MAAM,GAAG,CAAC;AAuBrD,eAAO,MAAM,mBAAmB,GAAI,OAAO,gBAAgB;;;;;;;;;;;;;;CA2D1D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.8.1",
+  "version": "5.9.0-experimental-rendererprops-9c9a4b8",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -86,7 +86,7 @@
     "react-intl": "^6 || ^7"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.8.1"
+    "@wise/dynamic-flow-types": "4.9.0-experimental-rendererprops-9c9a4b8"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",