@wise/dynamic-flow-client 5.8.0 → 5.8.1

package/build/main.js

@@ -2102,10 +2102,10 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
       signal,
       query,
       config: searchConfig
-    }).then((results) => {
+    }).then((state) => {
       if (!signal.aborted) {
         update(component2, (draft) => {
-          draft.results = results;
+          draft.state = state;
           draft.isLoading = false;
           draft.error = void 0;
         });
@@ -2129,11 +2129,11 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
     emptyMessage,
     hint,
     margin,
+    state: null,
     tags,
     title,
     isLoading: false,
     query: "",
-    results: [],
     _update(updateFn) {
       update(this, updateFn);
     },
@@ -2164,9 +2164,9 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
 };
 
 // src/domain/features/search/getPerformSearchFunction.ts
-var getPerformSearchFunction = (httpClient, defaultConfig) => {
+var getPerformSearchFunction = (httpClient, mapLayoutToDomainComponent, defaultConfig) => {
   let latestSuccessfulRequestHash = hashRequest("", defaultConfig);
-  let latestSuccessfulResults = [];
+  let latestSuccessfulResults = null;
   return async ({ config = defaultConfig, query, signal }) => {
     const requestHash = hashRequest(query, config);
     if (requestHash !== latestSuccessfulRequestHash) {
@@ -2184,6 +2184,14 @@ var getPerformSearchFunction = (httpClient, defaultConfig) => {
       }));
       const results = await parseResponse(response);
       latestSuccessfulRequestHash = requestHash;
+      if (results.type === "layout") {
+        const mappedLayoutResult = {
+          type: "layout",
+          content: results.content.map(mapLayoutToDomainComponent)
+        };
+        latestSuccessfulResults = mappedLayoutResult;
+        return mappedLayoutResult;
+      }
       latestSuccessfulResults = results;
       return results;
     }
@@ -2194,10 +2202,15 @@ var parseResponse = async (response) => {
   if (response.ok) {
     const body = await response.json().catch(() => null);
     if (isValidResponseBody(body)) {
-      if (body.results.length === 0) {
-        return [];
+      if (body.type === "layout") {
+        return body;
+      }
+      if (body.results) {
+        return {
+          type: "results",
+          results: body.results
+        };
       }
-      return body.results;
     }
   }
   throw Error("error response");
@@ -2208,15 +2221,30 @@ var addQueryParameter = (url, key, value) => {
   urlQueryParams.set(key, value);
   return `${urlBase}?${urlQueryParams.toString()}`;
 };
-var isValidResponseBody = (body) => isObject(body) && "results" in body && isArray(body.results) && body.results.every(
-  (result) => isObject(result) && "title" in result && "type" in result && "value" in result
-);
+var isValidResponseBody = (body) => {
+  if (!isObject(body)) {
+    return false;
+  }
+  if ("results" in body) {
+    return isArray(body.results) && body.results.every(
+      (result) => isObject(result) && "title" in result && "type" in result && "value" in result
+    );
+  }
+  if ("type" in body && body.type === "layout" && "content" in body) {
+    return isArray(body.content);
+  }
+  return false;
+};
 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) => {
   const { httpClient, onBehavior, onComponentUpdate } = mapperProps;
-  const search = getPerformSearchFunction(httpClient, { method, param, url });
+  const search = getPerformSearchFunction(
+    httpClient,
+    (layout) => mapLayoutToComponent(`${uid}-search-response`, layout, mapperProps, []),
+    { method, param, url }
+  );
   return createSearchComponent(
     {
       uid,
@@ -7916,19 +7944,7 @@ var rootComponentToProps = (rootComponent, rendererMapperProps) => {
 
 // src/renderers/mappers/searchComponentToProps.ts
 var searchComponentToProps = (component, rendererMapperProps) => {
-  const {
-    uid,
-    control,
-    emptyMessage,
-    error,
-    hint,
-    isLoading,
-    margin,
-    query,
-    results,
-    title,
-    tags
-  } = component;
+  const { uid, control, emptyMessage, error, hint, isLoading, margin, query, title, tags } = component;
   const onChange = component.onChange.bind(component);
   const onSelect = component.onSelect.bind(component);
   const state = getSearchState({
@@ -7936,7 +7952,8 @@ var searchComponentToProps = (component, rendererMapperProps) => {
     error,
     isLoading,
     query,
-    results,
+    state: component.state,
+    rendererMapperProps,
     onChange,
     onSelect
   });
@@ -7960,7 +7977,8 @@ var getSearchState = ({
   error,
   isLoading,
   query,
-  results,
+  state,
+  rendererMapperProps,
   onChange,
   onSelect
 }) => {
@@ -7970,10 +7988,24 @@ var getSearchState = ({
   if (error) {
     return { type: "error", onRetry: () => onChange(query) };
   }
-  if (results.length === 0) {
+  if (!state) {
+    return { type: "noResults", message: emptyMessage };
+  }
+  if (state.type === "layout") {
+    const { content } = state;
+    const layoutProps = content.map(
+      (component) => componentToRendererProps(component, rendererMapperProps)
+    );
+    return {
+      type: "layout",
+      layout: layoutProps.map((props) => rendererMapperProps.render(props)),
+      layoutProps
+    };
+  }
+  if (state.results.length === 0) {
     return { type: "noResults", message: emptyMessage };
   }
-  const rendererResults = results.map((result) => {
+  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,

package/build/main.mjs

@@ -2072,10 +2072,10 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
       signal,
       query,
       config: searchConfig
-    }).then((results) => {
+    }).then((state) => {
       if (!signal.aborted) {
         update(component2, (draft) => {
-          draft.results = results;
+          draft.state = state;
           draft.isLoading = false;
           draft.error = void 0;
         });
@@ -2099,11 +2099,11 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
     emptyMessage,
     hint,
     margin,
+    state: null,
     tags,
     title,
     isLoading: false,
     query: "",
-    results: [],
     _update(updateFn) {
       update(this, updateFn);
     },
@@ -2134,9 +2134,9 @@ var createSearchComponent = (searchProps, performSearch, onBehavior, onComponent
 };
 
 // src/domain/features/search/getPerformSearchFunction.ts
-var getPerformSearchFunction = (httpClient, defaultConfig) => {
+var getPerformSearchFunction = (httpClient, mapLayoutToDomainComponent, defaultConfig) => {
   let latestSuccessfulRequestHash = hashRequest("", defaultConfig);
-  let latestSuccessfulResults = [];
+  let latestSuccessfulResults = null;
   return async ({ config = defaultConfig, query, signal }) => {
     const requestHash = hashRequest(query, config);
     if (requestHash !== latestSuccessfulRequestHash) {
@@ -2154,6 +2154,14 @@ var getPerformSearchFunction = (httpClient, defaultConfig) => {
       }));
       const results = await parseResponse(response);
       latestSuccessfulRequestHash = requestHash;
+      if (results.type === "layout") {
+        const mappedLayoutResult = {
+          type: "layout",
+          content: results.content.map(mapLayoutToDomainComponent)
+        };
+        latestSuccessfulResults = mappedLayoutResult;
+        return mappedLayoutResult;
+      }
       latestSuccessfulResults = results;
       return results;
     }
@@ -2164,10 +2172,15 @@ var parseResponse = async (response) => {
   if (response.ok) {
     const body = await response.json().catch(() => null);
     if (isValidResponseBody(body)) {
-      if (body.results.length === 0) {
-        return [];
+      if (body.type === "layout") {
+        return body;
+      }
+      if (body.results) {
+        return {
+          type: "results",
+          results: body.results
+        };
       }
-      return body.results;
     }
   }
   throw Error("error response");
@@ -2178,15 +2191,30 @@ var addQueryParameter = (url, key, value) => {
   urlQueryParams.set(key, value);
   return `${urlBase}?${urlQueryParams.toString()}`;
 };
-var isValidResponseBody = (body) => isObject(body) && "results" in body && isArray(body.results) && body.results.every(
-  (result) => isObject(result) && "title" in result && "type" in result && "value" in result
-);
+var isValidResponseBody = (body) => {
+  if (!isObject(body)) {
+    return false;
+  }
+  if ("results" in body) {
+    return isArray(body.results) && body.results.every(
+      (result) => isObject(result) && "title" in result && "type" in result && "value" in result
+    );
+  }
+  if ("type" in body && body.type === "layout" && "content" in body) {
+    return isArray(body.content);
+  }
+  return false;
+};
 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) => {
   const { httpClient, onBehavior, onComponentUpdate } = mapperProps;
-  const search = getPerformSearchFunction(httpClient, { method, param, url });
+  const search = getPerformSearchFunction(
+    httpClient,
+    (layout) => mapLayoutToComponent(`${uid}-search-response`, layout, mapperProps, []),
+    { method, param, url }
+  );
   return createSearchComponent(
     {
       uid,
@@ -7886,19 +7914,7 @@ var rootComponentToProps = (rootComponent, rendererMapperProps) => {
 
 // src/renderers/mappers/searchComponentToProps.ts
 var searchComponentToProps = (component, rendererMapperProps) => {
-  const {
-    uid,
-    control,
-    emptyMessage,
-    error,
-    hint,
-    isLoading,
-    margin,
-    query,
-    results,
-    title,
-    tags
-  } = component;
+  const { uid, control, emptyMessage, error, hint, isLoading, margin, query, title, tags } = component;
   const onChange = component.onChange.bind(component);
   const onSelect = component.onSelect.bind(component);
   const state = getSearchState({
@@ -7906,7 +7922,8 @@ var searchComponentToProps = (component, rendererMapperProps) => {
     error,
     isLoading,
     query,
-    results,
+    state: component.state,
+    rendererMapperProps,
     onChange,
     onSelect
   });
@@ -7930,7 +7947,8 @@ var getSearchState = ({
   error,
   isLoading,
   query,
-  results,
+  state,
+  rendererMapperProps,
   onChange,
   onSelect
 }) => {
@@ -7940,10 +7958,24 @@ var getSearchState = ({
   if (error) {
     return { type: "error", onRetry: () => onChange(query) };
   }
-  if (results.length === 0) {
+  if (!state) {
+    return { type: "noResults", message: emptyMessage };
+  }
+  if (state.type === "layout") {
+    const { content } = state;
+    const layoutProps = content.map(
+      (component) => componentToRendererProps(component, rendererMapperProps)
+    );
+    return {
+      type: "layout",
+      layout: layoutProps.map((props) => rendererMapperProps.render(props)),
+      layoutProps
+    };
+  }
+  if (state.results.length === 0) {
     return { type: "noResults", message: emptyMessage };
   }
-  const rendererResults = results.map((result) => {
+  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,

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

@@ -1,5 +1,5 @@
 import type { SearchResult } from '@wise/dynamic-flow-types/spec';
-import type { BaseLayoutComponent, OnBehavior, OnComponentUpdate } from '../../types';
+import type { BaseLayoutComponent, LayoutComponent, OnBehavior, OnComponentUpdate } from '../../types';
 export type SearchConfig = {
     method: string;
     param: string;
@@ -10,7 +10,14 @@ export type SearchProps = {
     query: string;
     signal: AbortSignal;
 };
-export type PerformSearch = (props: SearchProps) => Promise<SearchResult[]>;
+export type SearchResponse = {
+    type: 'layout';
+    content: LayoutComponent[];
+} | {
+    type: 'results';
+    results: SearchResult[];
+};
+export type PerformSearch = (props: SearchProps) => Promise<SearchResponse | null>;
 export type SearchComponent = BaseLayoutComponent & {
     type: 'search';
     kind: 'layout';
@@ -19,7 +26,7 @@ export type SearchComponent = BaseLayoutComponent & {
     isLoading: boolean;
     query: string;
     title: string;
-    results: SearchResult[];
+    state: SearchResponse | null;
     error?: string;
     onChange: (query: string) => void;
     onSelect: (result: SearchResult) => void;

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,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAKtF,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,aAAa,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;AAE5E,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,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,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,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"}

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

@@ -1,4 +1,6 @@
 import type { SearchConfig, PerformSearch } from '../../components/searchComponent/SearchComponent';
 import type { HttpClient } from '../../../types';
-export declare const getPerformSearchFunction: (httpClient: HttpClient, defaultConfig: SearchConfig) => PerformSearch;
+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;
 //# 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,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kDAAkD,CAAC;AAEpG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,eAAO,MAAM,wBAAwB,GACnC,YAAY,UAAU,EACtB,eAAe,YAAY,KAC1B,aA+BF,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,KAAK,eAAe,EAC/D,eAAe,YAAY,KAC1B,aAyCF,CAAC"}

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,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGlE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,uBAAuB,GAClC,KAAK,MAAM,EACX,uFAAuF,YAAY,EACnG,aAAa,WAAW,+EAoBzB,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;AAG1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,eAAO,MAAM,uBAAuB,GAClC,KAAK,MAAM,EACX,uFAAuF,YAAY,EACnG,aAAa,WAAW,+EAwBzB,CAAC"}

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,EAAE,eAAe,EAAE,MAAM,yDAAyD,CAAC;AAC/F,OAAO,KAAK,EAAE,mBAAmB,EAAe,MAAM,oCAAoC,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAIjE,eAAO,MAAM,sBAAsB,GACjC,WAAW,eAAe,EAC1B,qBAAqB,mBAAmB,KACvC,mBA0CF,CAAC"}
+{"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"}

package/package.json

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