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

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.1" : "0.0.0"
+  typeof process !== "undefined" ? "5.9.0" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
@@ -4008,8 +4008,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 +4034,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,
@@ -4097,28 +4113,28 @@ 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,
+  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
@@ -4179,18 +4196,18 @@ var openLinkInNewTab = (url) => {
 };
 
 // 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 });
+  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);
@@ -4206,7 +4223,7 @@ 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

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.1" : "0.0.0"
+  typeof process !== "undefined" ? "5.9.0" : "0.0.0"
 );
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
@@ -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,
@@ -4089,27 +4105,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(
+  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 +4136,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 +4145,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
@@ -4170,12 +4187,12 @@ var openLinkInNewTab = (url) => {
 };
 
 // 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 });
+  return /* @__PURE__ */ jsx90("div", { className, children: df.view });
 }
 
 // src/dynamicFlow/DynamicFlowWithRef.tsx
@@ -4184,7 +4201,7 @@ import {
   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);
@@ -4200,7 +4217,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

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "5.8.1",
+  "version": "5.9.0",
   "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"
   },
   "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-types": "4.9.0",
+    "@wise/dynamic-flow-client": "5.9.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",