@wise/dynamic-flow-client-internal 5.8.0 → 5.8.1

package/build/main.js

@@ -144,7 +144,7 @@ var import_react22 = require("react");
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "5.8.0" : "0.0.0"
+  typeof process !== "undefined" ? "5.8.1" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
@@ -2902,6 +2902,12 @@ function SearchResultContent({
       return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ErrorResult, { state });
     case "results":
       return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SearchResults, { state, trackEvent });
+    case "layout":
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+        " ",
+        state.layout,
+        " "
+      ] });
     case "noResults":
       return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EmptySearchResult, { state });
     case "pending":
@@ -3008,6 +3014,9 @@ function mapResultToTypeaheadOption(result) {
 }
 function TypeaheadFooter({ state, isLoading }) {
   const { formatMessage } = (0, import_react_intl23.useIntl)();
+  if (state.type === "layout") {
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "m-x-1 m-y-1", children: state.layout });
+  }
   if (state.type === "noResults") {
     return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_components45.Markdown, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
   }

package/build/main.mjs

@@ -126,7 +126,7 @@ import { useMemo as useMemo2 } from "react";
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "5.8.0" : "0.0.0"
+  typeof process !== "undefined" ? "5.8.1" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
@@ -2792,13 +2792,7 @@ var getHelpControl = (help, ariaLabel, onClick) => {
 var ReviewRenderer_default = ReviewRenderer2;
 
 // ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
-import {
-  Input as Input4,
-  InputGroup as InputGroup3,
-  List,
-  ListItem as ListItem10,
-  Markdown as Markdown5
-} from "@transferwise/components";
+import { Input as Input4, InputGroup as InputGroup3, List, ListItem as ListItem10, Markdown as Markdown5 } from "@transferwise/components";
 import { useState as useState9 } from "react";
 import { useIntl as useIntl12 } from "react-intl";
 
@@ -2849,7 +2843,7 @@ function ErrorResult({ state }) {
 
 // ../renderers/src/SearchRenderer/BlockSearchRendererComponent.tsx
 import { Search } from "@transferwise/icons";
-import { jsx as jsx64, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx64, jsxs as jsxs17 } from "react/jsx-runtime";
 function BlockSearchRendererComponent({
   id,
   hint,
@@ -2893,6 +2887,12 @@ function SearchResultContent({
       return /* @__PURE__ */ jsx64(ErrorResult, { state });
     case "results":
       return /* @__PURE__ */ jsx64(SearchResults, { state, trackEvent });
+    case "layout":
+      return /* @__PURE__ */ jsxs17(Fragment7, { children: [
+        " ",
+        state.layout,
+        " "
+      ] });
     case "noResults":
       return /* @__PURE__ */ jsx64(EmptySearchResult, { state });
     case "pending":
@@ -2999,6 +2999,9 @@ function mapResultToTypeaheadOption(result) {
 }
 function TypeaheadFooter({ state, isLoading }) {
   const { formatMessage } = useIntl13();
+  if (state.type === "layout") {
+    return /* @__PURE__ */ jsx65("div", { className: "m-x-1 m-y-1", children: state.layout });
+  }
   if (state.type === "noResults") {
     return /* @__PURE__ */ jsx65(Markdown6, { className: "m-t-2 m-x-2", config: { link: { target: "_blank" } }, children: state.message });
   }
@@ -3059,7 +3062,7 @@ var SectionRenderer_default = SectionRenderer;
 
 // ../renderers/src/SelectInputRenderer/RadioInputRendererComponent.tsx
 import { RadioGroup } from "@transferwise/components";
-import { Fragment as Fragment7, jsx as jsx68, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx68, jsxs as jsxs19 } from "react/jsx-runtime";
 function RadioInputRendererComponent(props) {
   const {
     id,
@@ -3073,7 +3076,7 @@ function RadioInputRendererComponent(props) {
     validationState,
     onSelect
   } = props;
-  return /* @__PURE__ */ jsxs19(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs19(Fragment8, { children: [
     /* @__PURE__ */ jsx68(
       FieldInput_default,
       {
@@ -3107,7 +3110,7 @@ function RadioInputRendererComponent(props) {
 // ../renderers/src/SelectInputRenderer/TabInputRendererComponent.tsx
 import { Tabs } from "@transferwise/components";
 import { useEffect as useEffect6 } from "react";
-import { Fragment as Fragment8, jsx as jsx69, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx69, jsxs as jsxs20 } from "react/jsx-runtime";
 function TabInputRendererComponent(props) {
   const {
     id,
@@ -3126,7 +3129,7 @@ function TabInputRendererComponent(props) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
-  return /* @__PURE__ */ jsxs20(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs20(Fragment9, { children: [
     /* @__PURE__ */ jsx69(
       FieldInput_default,
       {
@@ -3144,7 +3147,7 @@ function TabInputRendererComponent(props) {
               title: option.title,
               // if we pass null, we get some props-types console errors
               // eslint-disable-next-line react/jsx-no-useless-fragment
-              content: /* @__PURE__ */ jsx69(Fragment8, {}),
+              content: /* @__PURE__ */ jsx69(Fragment9, {}),
               disabled: option.disabled || disabled
             })),
             onTabSelect: onSelect
@@ -3159,7 +3162,7 @@ var isValidIndex2 = (index, options) => index !== null && index >= 0 && index <
 
 // ../renderers/src/SelectInputRenderer/SelectInputRendererComponent.tsx
 import { SelectInput as SelectInput2, SelectInputOptionContent as SelectInputOptionContent2 } from "@transferwise/components";
-import { Fragment as Fragment9, jsx as jsx70, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx70, jsxs as jsxs21 } from "react/jsx-runtime";
 function SelectInputRendererComponent(props) {
   const {
     id,
@@ -3204,7 +3207,7 @@ function SelectInputRendererComponent(props) {
     return /* @__PURE__ */ jsx70(SelectInputOptionContent2, __spreadValues({}, contentProps));
   };
   const extraProps = { autoComplete };
-  return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs21(Fragment10, { children: [
     /* @__PURE__ */ jsx70(
       FieldInput_default,
       {
@@ -3236,7 +3239,7 @@ function SelectInputRendererComponent(props) {
 // ../renderers/src/SelectInputRenderer/SegmentedInputRendererComponent.tsx
 import { useEffect as useEffect7 } from "react";
 import { SegmentedControl } from "@transferwise/components";
-import { Fragment as Fragment10, jsx as jsx71, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx71, jsxs as jsxs22 } from "react/jsx-runtime";
 function SegmentedInputRendererComponent(props) {
   const {
     id,
@@ -3254,7 +3257,7 @@ function SegmentedInputRendererComponent(props) {
       onSelect(0);
     }
   }, [selectedIndex, onSelect, options.length]);
-  return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs22(Fragment11, { children: [
     /* @__PURE__ */ jsx71(
       FieldInput_default,
       {
@@ -3287,7 +3290,7 @@ var isValidIndex3 = (index, options) => index !== null && index >= 0 && index <
 
 // ../renderers/src/SelectInputRenderer/RadioItemRendererComponent.tsx
 import { Header as Header8, InlineAlert as InlineAlert4, List as List2, ListItem as ListItem11 } from "@transferwise/components";
-import { Fragment as Fragment11, jsx as jsx72, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx72, jsxs as jsxs23 } from "react/jsx-runtime";
 function RadioItemRendererComponent(props) {
   const {
     id,
@@ -3301,7 +3304,7 @@ function RadioItemRendererComponent(props) {
     validationState,
     onSelect
   } = props;
-  return /* @__PURE__ */ jsxs23(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs23(Fragment12, { children: [
     rootTitle && /* @__PURE__ */ jsx72(
       Header8,
       {
@@ -3556,7 +3559,7 @@ function SplashStepRendererComponent(props) {
 
 // ../renderers/src/step/StepRenderer.tsx
 import { Alert as Alert2, Title as Title2 } from "@transferwise/components";
-import { Fragment as Fragment12, jsx as jsx80, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx80, jsxs as jsxs30 } from "react/jsx-runtime";
 var StepRenderer = {
   canRenderType: "step",
   render: StepRendererComponent
@@ -3574,7 +3577,7 @@ function StepRendererComponent(props) {
 }
 var Header10 = ({ title, description, tags }) => {
   const { titleType, alignmentClassName } = getHeaderStyle(tags);
-  return /* @__PURE__ */ jsxs30(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs30(Fragment13, { children: [
     title ? /* @__PURE__ */ jsx80(Title2, { as: "h1", type: titleType, className: `${alignmentClassName} m-b-2`, children: title }) : void 0,
     description ? /* @__PURE__ */ jsx80("p", { className: `${alignmentClassName} np-text-body-large`, children: description }) : void 0
   ] });

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

@@ -10,7 +10,7 @@ export declare const Header: ({ title, callToAction }: {
 export declare const Media: ({ media, preferAvatar, size }: {
     media: import("@wise/dynamic-flow-types/renderers").Media | undefined;
     preferAvatar?: boolean;
-    size: import("@wise/dynamic-flow-renderers/src/components/Media/Media").MediaSize;
+    size: 16 | 24 | 32 | 40 | 48 | 56 | 72;
 }) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null | undefined;
 export declare const getMargin: (size: import("@wise/dynamic-flow-types/spec").Margin) => "m-b-0" | "m-b-1" | "m-b-2" | "m-b-3" | "m-b-5" | "";
 //# sourceMappingURL=renderers.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "5.8.0",
+  "version": "5.8.1",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -69,9 +69,9 @@
     "typescript": "5.9.3",
     "vitest": "4.0.18",
     "vitest-fetch-mock": "0.4.5",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-types": "4.8.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-types": "4.8.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -85,8 +85,8 @@
     "react-intl": "^6 || ^7"
   },
   "dependencies": {
-    "@wise/dynamic-flow-client": "5.8.0",
-    "@wise/dynamic-flow-types": "4.8.0"
+    "@wise/dynamic-flow-client": "5.8.1",
+    "@wise/dynamic-flow-types": "4.8.1"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",