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

package/build/main.js

@@ -127,16 +127,18 @@ __export(index_exports, {
   DynamicFlowWithRef: () => DynamicFlowWithRef,
   Header: () => Header11,
   Media: () => Media2,
-  findRendererPropsByType: () => import_dynamic_flow_client7.findRendererPropsByType,
+  findRendererPropsByType: () => import_dynamic_flow_client5.findRendererPropsByType,
   getMargin: () => getMargin2,
-  makeCustomFetch: () => import_dynamic_flow_client6.makeHttpClient,
-  translations: () => i18n_default
+  makeCustomFetch: () => import_dynamic_flow_client4.makeHttpClient,
+  translations: () => i18n_default,
+  useDynamicFlowModalWise: () => useDynamicFlowModalWise,
+  useDynamicFlowWise: () => useDynamicFlowWise
 });
 module.exports = __toCommonJS(index_exports);
-var import_dynamic_flow_client6 = require("@wise/dynamic-flow-client");
+var import_dynamic_flow_client4 = require("@wise/dynamic-flow-client");
 
-// src/dynamicFlow/DynamicFlow.tsx
-var import_dynamic_flow_client3 = require("@wise/dynamic-flow-client");
+// src/dynamicFlow/useDynamicFlowWise.tsx
+var import_dynamic_flow_client2 = require("@wise/dynamic-flow-client");
 
 // src/dynamicFlow/useWiseToCoreProps.tsx
 var import_react22 = require("react");
@@ -4008,8 +4010,24 @@ var getWiseRenderers = () => [
   ReviewLegacyRenderer_default
 ];
 
-// ../renderers/src/subflow/getSubflowRenderer.tsx
+// ../renderers/src/InitialLoadingStateRenderer.tsx
+var import_components61 = require("@transferwise/components");
 var import_jsx_runtime86 = require("react/jsx-runtime");
+var InitialLoadingStateRenderer = {
+  canRenderType: "loading-state",
+  canRender: ({ stepLoadingState }) => stepLoadingState === "initial",
+  render: () => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    import_components61.Loader,
+    {
+      size: "md",
+      classNames: { "tw-loader": `tw-loader m-x-auto ${getMargin("md")}` },
+      "data-testid": "loading-state"
+    }
+  )
+};
+
+// ../renderers/src/subflow/getSubflowRenderer.tsx
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var getSubflowRenderer = ({
   Component: Component2,
   canRender
@@ -4018,7 +4036,7 @@ var getSubflowRenderer = ({
     canRenderType: "subflow",
     canRender,
     render: (props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         Component2,
         {
           presentation: props.presentation,
@@ -4096,29 +4114,27 @@ var handleRejection = (error) => {
 };
 
 // src/dynamicFlow/DynamicFlowModal.tsx
-var import_dynamic_flow_client2 = require("@wise/dynamic-flow-client");
-var import_components61 = require("@transferwise/components");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_components62 = require("@transferwise/components");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function DynamicFlowModal(props) {
   const _a = props, { className = "" } = _a, rest = __objRest(_a, ["className"]);
-  const dfProps = useWiseToCoreProps(rest);
-  const df = (0, import_dynamic_flow_client2.useDynamicFlowModal)(dfProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
-    import_components61.Modal,
+  const df = useDynamicFlowModalWise(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    import_components62.Modal,
     __spreadProps(__spreadValues({
       className: `dynamic-flow-modal ${className}`,
       disableDimmerClickToClose: true
     }, df.modal), {
-      body: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "dynamic-flow-modal", children: df.modal.body })
+      body: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "dynamic-flow-modal", children: df.modal.body })
     })
   );
 }
 
 // src/dynamicFlow/getMergedRenderers.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var wiseRenderers = getWiseRenderers();
 var getMergedRenderers = (props) => {
-  var _d;
+  var _d, _e;
   const _a = props, { initialAction, initialStep } = _a, restProps = __objRest(_a, ["initialAction", "initialStep"]);
   const subflowFeatures = __spreadProps(__spreadValues({}, props.features), { nativeBack: true });
   const subflowRenderer = getSubflowRenderer({
@@ -4129,7 +4145,7 @@ var getMergedRenderers = (props) => {
         method: initialRequest.method,
         data: initialRequest.body
       };
-      return presentation.type === "push" ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(DynamicFlow, __spreadProps(__spreadValues(__spreadValues({}, restProps), rest), { features: subflowFeatures, initialAction: action })) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      return presentation.type === "push" ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DynamicFlow, __spreadProps(__spreadValues(__spreadValues({}, restProps), rest), { features: subflowFeatures, initialAction: action })) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         DynamicFlowModal,
         __spreadProps(__spreadValues(__spreadValues({}, restProps), rest), {
           features: subflowFeatures,
@@ -4138,7 +4154,8 @@ var getMergedRenderers = (props) => {
       );
     }
   });
-  return [...(_d = props.renderers) != null ? _d : [], subflowRenderer, ...wiseRenderers];
+  const loadingStateRenderer = ((_d = props.features) == null ? void 0 : _d.initialLoader) ? [InitialLoadingStateRenderer] : [];
+  return [...(_e = props.renderers) != null ? _e : [], subflowRenderer, ...loadingStateRenderer, ...wiseRenderers];
 };
 
 // src/dynamicFlow/useWiseToCoreProps.tsx
@@ -4178,23 +4195,30 @@ var openLinkInNewTab = (url) => {
   }
 };
 
+// src/dynamicFlow/useDynamicFlowWise.tsx
+var useDynamicFlowWise = (props) => {
+  const dfProps = useWiseToCoreProps(props);
+  return (0, import_dynamic_flow_client2.useDynamicFlow)(dfProps);
+};
+var useDynamicFlowModalWise = (props) => {
+  const dfProps = useWiseToCoreProps(props);
+  return (0, import_dynamic_flow_client2.useDynamicFlowModal)(dfProps);
+};
+
 // src/dynamicFlow/DynamicFlow.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function DynamicFlow(props) {
   const { className = "" } = props;
-  const dfProps = useWiseToCoreProps(props);
-  const df = (0, import_dynamic_flow_client3.useDynamicFlow)(dfProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className, children: df.view });
+  const df = useDynamicFlowWise(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className, children: df.view });
 }
 
 // src/dynamicFlow/DynamicFlowWithRef.tsx
 var import_react23 = require("react");
-var import_dynamic_flow_client4 = require("@wise/dynamic-flow-client");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var DynamicFlowWithRef = (0, import_react23.forwardRef)(function DynamicFlowWithRef2(props, ref) {
   const { className = "" } = props;
-  const dfProps = useWiseToCoreProps(props);
-  const df = (0, import_dynamic_flow_client4.useDynamicFlow)(dfProps);
+  const df = useDynamicFlowWise(props);
   (0, import_react23.useImperativeHandle)(
     ref,
     () => ({
@@ -4206,11 +4230,11 @@ var DynamicFlowWithRef = (0, import_react23.forwardRef)(function DynamicFlowWith
     }),
     [df]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className, children: df.view });
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className, children: df.view });
 });
 
 // src/index.ts
-var import_dynamic_flow_client7 = require("@wise/dynamic-flow-client");
+var import_dynamic_flow_client5 = require("@wise/dynamic-flow-client");
 
 // src/dynamicFlow/renderers.tsx
 var Header11 = Header5;
@@ -4218,7 +4242,7 @@ var Media2 = Media;
 var getMargin2 = getMargin;
 
 // src/i18n/index.ts
-var import_dynamic_flow_client5 = require("@wise/dynamic-flow-client");
+var import_dynamic_flow_client3 = require("@wise/dynamic-flow-client");
 
 // src/i18n/cs.json
 var cs_default = {
@@ -5071,10 +5095,10 @@ var wiseTranslations = {
   "zh-HK": zh_HK_default
 };
 var languages = Array.from(
-  /* @__PURE__ */ new Set([...Object.keys(import_dynamic_flow_client5.translations), ...Object.keys(wiseTranslations)])
+  /* @__PURE__ */ new Set([...Object.keys(import_dynamic_flow_client3.translations), ...Object.keys(wiseTranslations)])
 );
 var translations = languages.reduce(
-  (acc, lang) => __spreadProps(__spreadValues({}, acc), { [lang]: __spreadValues(__spreadValues({}, import_dynamic_flow_client5.translations[lang]), wiseTranslations[lang]) }),
+  (acc, lang) => __spreadProps(__spreadValues({}, acc), { [lang]: __spreadValues(__spreadValues({}, import_dynamic_flow_client3.translations[lang]), wiseTranslations[lang]) }),
   {}
 );
 var i18n_default = translations;

package/build/main.mjs

@@ -117,8 +117,8 @@ var require_classnames = __commonJS({
 // src/index.ts
 import { makeHttpClient } from "@wise/dynamic-flow-client";
 
-// src/dynamicFlow/DynamicFlow.tsx
-import { useDynamicFlow } from "@wise/dynamic-flow-client";
+// src/dynamicFlow/useDynamicFlowWise.tsx
+import { useDynamicFlow, useDynamicFlowModal } from "@wise/dynamic-flow-client";
 
 // src/dynamicFlow/useWiseToCoreProps.tsx
 import { useMemo as useMemo2 } from "react";
@@ -3999,8 +3999,24 @@ var getWiseRenderers = () => [
   ReviewLegacyRenderer_default
 ];
 
-// ../renderers/src/subflow/getSubflowRenderer.tsx
+// ../renderers/src/InitialLoadingStateRenderer.tsx
+import { Loader as Loader2 } from "@transferwise/components";
 import { jsx as jsx86 } from "react/jsx-runtime";
+var InitialLoadingStateRenderer = {
+  canRenderType: "loading-state",
+  canRender: ({ stepLoadingState }) => stepLoadingState === "initial",
+  render: () => /* @__PURE__ */ jsx86(
+    Loader2,
+    {
+      size: "md",
+      classNames: { "tw-loader": `tw-loader m-x-auto ${getMargin("md")}` },
+      "data-testid": "loading-state"
+    }
+  )
+};
+
+// ../renderers/src/subflow/getSubflowRenderer.tsx
+import { jsx as jsx87 } from "react/jsx-runtime";
 var getSubflowRenderer = ({
   Component: Component2,
   canRender
@@ -4009,7 +4025,7 @@ var getSubflowRenderer = ({
     canRenderType: "subflow",
     canRender,
     render: (props) => {
-      return /* @__PURE__ */ jsx86(
+      return /* @__PURE__ */ jsx87(
         Component2,
         {
           presentation: props.presentation,
@@ -4087,29 +4103,27 @@ var handleRejection = (error) => {
 };
 
 // src/dynamicFlow/DynamicFlowModal.tsx
-import { useDynamicFlowModal } from "@wise/dynamic-flow-client";
 import { Modal as Modal5 } from "@transferwise/components";
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 function DynamicFlowModal(props) {
   const _a = props, { className = "" } = _a, rest = __objRest(_a, ["className"]);
-  const dfProps = useWiseToCoreProps(rest);
-  const df = useDynamicFlowModal(dfProps);
-  return /* @__PURE__ */ jsx87(
+  const df = useDynamicFlowModalWise(rest);
+  return /* @__PURE__ */ jsx88(
     Modal5,
     __spreadProps(__spreadValues({
       className: `dynamic-flow-modal ${className}`,
       disableDimmerClickToClose: true
     }, df.modal), {
-      body: /* @__PURE__ */ jsx87("div", { className: "dynamic-flow-modal", children: df.modal.body })
+      body: /* @__PURE__ */ jsx88("div", { className: "dynamic-flow-modal", children: df.modal.body })
     })
   );
 }
 
 // src/dynamicFlow/getMergedRenderers.tsx
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 var wiseRenderers = getWiseRenderers();
 var getMergedRenderers = (props) => {
-  var _d;
+  var _d, _e;
   const _a = props, { initialAction, initialStep } = _a, restProps = __objRest(_a, ["initialAction", "initialStep"]);
   const subflowFeatures = __spreadProps(__spreadValues({}, props.features), { nativeBack: true });
   const subflowRenderer = getSubflowRenderer({
@@ -4120,7 +4134,7 @@ var getMergedRenderers = (props) => {
         method: initialRequest.method,
         data: initialRequest.body
       };
-      return presentation.type === "push" ? /* @__PURE__ */ jsx88(DynamicFlow, __spreadProps(__spreadValues(__spreadValues({}, restProps), rest), { features: subflowFeatures, initialAction: action })) : /* @__PURE__ */ jsx88(
+      return presentation.type === "push" ? /* @__PURE__ */ jsx89(DynamicFlow, __spreadProps(__spreadValues(__spreadValues({}, restProps), rest), { features: subflowFeatures, initialAction: action })) : /* @__PURE__ */ jsx89(
         DynamicFlowModal,
         __spreadProps(__spreadValues(__spreadValues({}, restProps), rest), {
           features: subflowFeatures,
@@ -4129,7 +4143,8 @@ var getMergedRenderers = (props) => {
       );
     }
   });
-  return [...(_d = props.renderers) != null ? _d : [], subflowRenderer, ...wiseRenderers];
+  const loadingStateRenderer = ((_d = props.features) == null ? void 0 : _d.initialLoader) ? [InitialLoadingStateRenderer] : [];
+  return [...(_e = props.renderers) != null ? _e : [], subflowRenderer, ...loadingStateRenderer, ...wiseRenderers];
 };
 
 // src/dynamicFlow/useWiseToCoreProps.tsx
@@ -4169,13 +4184,22 @@ var openLinkInNewTab = (url) => {
   }
 };
 
+// src/dynamicFlow/useDynamicFlowWise.tsx
+var useDynamicFlowWise = (props) => {
+  const dfProps = useWiseToCoreProps(props);
+  return useDynamicFlow(dfProps);
+};
+var useDynamicFlowModalWise = (props) => {
+  const dfProps = useWiseToCoreProps(props);
+  return useDynamicFlowModal(dfProps);
+};
+
 // src/dynamicFlow/DynamicFlow.tsx
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 function DynamicFlow(props) {
   const { className = "" } = props;
-  const dfProps = useWiseToCoreProps(props);
-  const df = useDynamicFlow(dfProps);
-  return /* @__PURE__ */ jsx89("div", { className, children: df.view });
+  const df = useDynamicFlowWise(props);
+  return /* @__PURE__ */ jsx90("div", { className, children: df.view });
 }
 
 // src/dynamicFlow/DynamicFlowWithRef.tsx
@@ -4183,12 +4207,10 @@ import {
   forwardRef,
   useImperativeHandle
 } from "react";
-import { useDynamicFlow as useDynamicFlow2 } from "@wise/dynamic-flow-client";
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var DynamicFlowWithRef = forwardRef(function DynamicFlowWithRef2(props, ref) {
   const { className = "" } = props;
-  const dfProps = useWiseToCoreProps(props);
-  const df = useDynamicFlow2(dfProps);
+  const df = useDynamicFlowWise(props);
   useImperativeHandle(
     ref,
     () => ({
@@ -4200,7 +4222,7 @@ var DynamicFlowWithRef = forwardRef(function DynamicFlowWithRef2(props, ref) {
     }),
     [df]
   );
-  return /* @__PURE__ */ jsx90("div", { className, children: df.view });
+  return /* @__PURE__ */ jsx91("div", { className, children: df.view });
 });
 
 // src/index.ts
@@ -5080,7 +5102,9 @@ export {
   findRendererPropsByType,
   getMargin2 as getMargin,
   makeHttpClient as makeCustomFetch,
-  i18n_default as translations
+  i18n_default as translations,
+  useDynamicFlowModalWise,
+  useDynamicFlowWise
 };
 /*! Bundled license information:
 

package/build/types/dynamicFlow/DynamicFlow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFlow.d.ts","sourceRoot":"","sources":["../../../src/dynamicFlow/DynamicFlow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGnE,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAElF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KACvB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACrB,GAAG,EAAE,CAAC;AAEP,wBAAgB,WAAW,CAAC,KAAK,EAAE,oBAAoB,2CAKtD"}
+{"version":3,"file":"DynamicFlow.d.ts","sourceRoot":"","sources":["../../../src/dynamicFlow/DynamicFlow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGnE,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAElF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KACvB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACrB,GAAG,EAAE,CAAC;AAEP,wBAAgB,WAAW,CAAC,KAAK,EAAE,oBAAoB,2CAItD"}

package/build/types/dynamicFlow/DynamicFlowModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFlowModal.d.ts","sourceRoot":"","sources":["../../../src/dynamicFlow/DynamicFlowModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGnE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,oBAAoB,2CAa3D"}
+{"version":3,"file":"DynamicFlowModal.d.ts","sourceRoot":"","sources":["../../../src/dynamicFlow/DynamicFlowModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGnE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,oBAAoB,2CAY3D"}

package/build/types/dynamicFlow/DynamicFlowWithRef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFlowWithRef.d.ts","sourceRoot":"","sources":["../../../src/dynamicFlow/DynamicFlowWithRef.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EACL,KAAK,yBAAyB,EAE9B,KAAK,aAAa,EAGnB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAInE,MAAM,MAAM,uBAAuB,GAAG,oBAAoB,GAAG;IAAE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE5F,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;CACzB,CAAC;AACF;;;;GAIG;AAEH,eAAO,MAAM,kBAAkB,EAAE,yBAAyB,CACxD,uBAAuB,GAAG,aAAa,CAAC,cAAc,CAAC,CAmBvD,CAAC"}
+{"version":3,"file":"DynamicFlowWithRef.d.ts","sourceRoot":"","sources":["../../../src/dynamicFlow/DynamicFlowWithRef.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EACL,KAAK,yBAAyB,EAE9B,KAAK,aAAa,EAGnB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGnE,MAAM,MAAM,uBAAuB,GAAG,oBAAoB,GAAG;IAAE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE5F,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC;IACrC;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;CACzB,CAAC;AACF;;;;GAIG;AAEH,eAAO,MAAM,kBAAkB,EAAE,yBAAyB,CACxD,uBAAuB,GAAG,aAAa,CAAC,cAAc,CAAC,CAiBvD,CAAC"}

package/build/types/dynamicFlow/getMergedRenderers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getMergedRenderers.d.ts","sourceRoot":"","sources":["../../../src/dynamicFlow/getMergedRenderers.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAK9D,eAAO,MAAM,kBAAkB,GAAI,OAAO,oBAAoB,KAAG,SAwBhE,CAAC"}
+{"version":3,"file":"getMergedRenderers.d.ts","sourceRoot":"","sources":["../../../src/dynamicFlow/getMergedRenderers.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAK9D,eAAO,MAAM,kBAAkB,GAAI,OAAO,oBAAoB,KAAG,SA0BhE,CAAC"}

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

@@ -0,0 +1,32 @@
+import type { DynamicFlowWiseProps } from './DynamicFlowWiseProps';
+/**
+ * @experimental This hook may be changed or removed in the future without notice.
+ */
+export declare const useDynamicFlowWise: (props: DynamicFlowWiseProps) => {
+    controller: {
+        getSubmittableValue: () => Promise<import("@wise/dynamic-flow-types/spec").JsonElement>;
+        validate: () => boolean;
+        rendererProps: import("@wise/dynamic-flow-types/renderers").RendererProps;
+        cancel: () => void;
+    };
+    view: import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * @experimental This hook may be changed or removed in the future without notice.
+ */
+export declare const useDynamicFlowModalWise: (props: DynamicFlowWiseProps) => {
+    modal: {
+        body: import("react/jsx-runtime").JSX.Element;
+        open: boolean;
+        onClose: () => void;
+        onUnmount: () => void;
+    };
+    controller: {
+        getSubmittableValue: () => Promise<import("@wise/dynamic-flow-types/spec").JsonElement>;
+        validate: () => boolean;
+        rendererProps: import("@wise/dynamic-flow-types/renderers").RendererProps;
+        cancel: () => void;
+    };
+    view: import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=useDynamicFlowWise.d.ts.map

package/build/types/dynamicFlow/useDynamicFlowWise.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDynamicFlowWise.d.ts","sourceRoot":"","sources":["../../../src/dynamicFlow/useDynamicFlowWise.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGnE;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,oBAAoB;;;;;;;;CAG7D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,OAAO,oBAAoB;;;;;;;;;;;;;;CAGlE,CAAC"}

package/build/types/index.d.ts

@@ -2,6 +2,7 @@ export { makeHttpClient as makeCustomFetch } from '@wise/dynamic-flow-client';
 export type { DynamicFlowWiseProps as DynamicFlowProps } from './dynamicFlow/DynamicFlowWiseProps';
 export { DynamicFlow } from './dynamicFlow/DynamicFlow';
 export { DynamicFlowWithRef, type DynamicFlowRef } from './dynamicFlow/DynamicFlowWithRef';
+export { useDynamicFlowWise, useDynamicFlowModalWise } from './dynamicFlow/useDynamicFlowWise';
 export { findRendererPropsByType } from '@wise/dynamic-flow-client';
 export { getMargin, Header, Media } from './dynamicFlow/renderers';
 export { default as translations } from './i18n';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE9E,YAAY,EAAE,oBAAoB,IAAI,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEnG,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAE3F,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE9E,YAAY,EAAE,oBAAoB,IAAI,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEnG,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC3F,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAE/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "5.8.1",
+  "version": "5.9.0-experimental-rendererprops-9c9a4b8",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -49,7 +49,6 @@
     "@types/react-dom": "18.3.7",
     "@wise/art": "2.27.0",
     "@wise/components-theming": "^1.10.0",
-    "currency-flags": "4.0.7",
     "esbuild": "0.27.0",
     "eslint-plugin-storybook": "10.2.7",
     "framer-motion": "^12.33.0",
@@ -70,8 +69,8 @@
     "vitest": "4.0.18",
     "vitest-fetch-mock": "0.4.5",
     "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-types": "4.8.1",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-types": "4.9.0-experimental-rendererprops-9c9a4b8"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -85,8 +84,8 @@
     "react-intl": "^6 || ^7"
   },
   "dependencies": {
-    "@wise/dynamic-flow-client": "5.8.1",
-    "@wise/dynamic-flow-types": "4.8.1"
+    "@wise/dynamic-flow-client": "5.9.0-experimental-rendererprops-9c9a4b8",
+    "@wise/dynamic-flow-types": "4.9.0-experimental-rendererprops-9c9a4b8"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",