@wise/dynamic-flow-client-internal 5.15.1 → 5.16.1

package/README.md

@@ -19,20 +19,20 @@ npm install @wise/dynamic-flow-client-internal
 pnpm install @wise/dynamic-flow-client-internal
 ```
 
-2. Install required peer dependencies (if not already installed). Please refer to setup instructions for `@transferwise/components` and `@transferwise/neptune-css` if installing for the first time.
+2. Install required peer dependencies (if not already installed). Please refer to setup instructions for `@transferwise/components` if installing for the first time.
 
 ```
 # yarn
 yarn add prop-types react react-dom react-intl
-yarn add @transferwise/components @transferwise/formatting @transferwise/icons @transferwise/neptune-css
+yarn add @transferwise/components @transferwise/formatting @transferwise/icons
 
 # npm
 npm install prop-types react react-dom react-intl
-npm install @transferwise/components @transferwise/formatting @transferwise/icons @transferwise/neptune-css
+npm install @transferwise/components @transferwise/formatting @transferwise/icons
 
 # pnpm
 pnpm install prop-types react react-dom react-intl
-pnpm install @transferwise/components @transferwise/formatting @transferwise/icons @transferwise/neptune-css
+pnpm install @transferwise/components @transferwise/formatting @transferwise/icons
 ```
 
 **Note:** Keep in mind that some of these dependencies have their own peer dependencies. Don't forget to install those, for instance: `@transferwise/components` needs `@wise/art` and `@wise/components-theming`.

package/build/i18n/zh_HK.json

@@ -38,7 +38,7 @@
   "df.wise.filter.placeholder": "開始輸入以搜尋",
   "df.wise.filter.results": "搜尋結果",
   "df.wise.group.all": "全部",
-  "df.wise.group.currencies-with-account-details": "提供賬戶資料的貨幣",
+  "df.wise.group.currencies-with-account-details": "提供帳戶資料的貨幣",
   "df.wise.group.popular": "熱門",
   "df.wise.group.recent": "最近的",
   "df.wise.step.scrollToBottom": "滑動到最底部"

package/build/main.js

@@ -127,21 +127,21 @@ __export(index_exports, {
   DynamicFlowWithRef: () => DynamicFlowWithRef,
   Header: () => Header10,
   Media: () => Media2,
-  findRendererPropsByType: () => import_dynamic_flow_client7.findRendererPropsByType,
+  findRendererPropsByType: () => import_dynamic_flow_client8.findRendererPropsByType,
   getMargin: () => getMargin2,
-  makeCustomFetch: () => import_dynamic_flow_client6.makeHttpClient,
+  makeCustomFetch: () => import_dynamic_flow_client7.makeHttpClient,
   translations: () => i18n_default
 });
 module.exports = __toCommonJS(index_exports);
-var import_dynamic_flow_client6 = require("@wise/dynamic-flow-client");
+var import_dynamic_flow_client7 = require("@wise/dynamic-flow-client");
 
 // src/dynamicFlow/DynamicFlow.tsx
-var import_dynamic_flow_client3 = require("@wise/dynamic-flow-client");
+var import_dynamic_flow_client4 = require("@wise/dynamic-flow-client");
 
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "5.15.1" : "0.0.0"
+  typeof process !== "undefined" ? "5.16.1" : "0.0.0"
 );
 
 // src/dynamicFlow/context-menu/useContextMenu.tsx
@@ -3630,7 +3630,7 @@ var StatusListRenderer = {
         {
           title: itemTitle,
           subtitle: description,
-          media: icon && "name" in icon ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_components53.AvatarView, { badge: { status: mapStatus(status) }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DynamicIcon_default, { name: icon.name }) }) : void 0,
+          media: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(StatusListItemMedia, __spreadValues({}, item)),
           additionalInfo: callToAction ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             import_components53.ListItem.AdditionalInfo,
             {
@@ -3648,6 +3648,18 @@ var StatusListRenderer = {
     })
   ] })
 };
+var StatusListItemMedia = ({ icon, status }) => {
+  if (!icon) {
+    return void 0;
+  }
+  if ("name" in icon) {
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_components53.AvatarView, { badge: { status: mapStatus(status) }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DynamicIcon_default, { name: icon.name }) });
+  }
+  if ("text" in icon) {
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_components53.AvatarView, { badge: { status: mapStatus(status) }, children: icon.text });
+  }
+  return void 0;
+};
 var mapStatus = (status) => {
   switch (status) {
     case "done":
@@ -4368,33 +4380,6 @@ var InitialLoadingStateRenderer = {
   )
 };
 
-// ../renderers/src/subflow/getSubflowRenderer.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
-var getSubflowRenderer = ({
-  Component: Component2,
-  canRender
-}) => {
-  return {
-    canRenderType: "subflow",
-    canRender,
-    render: (props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-        Component2,
-        {
-          presentation: props.presentation,
-          requestCache: props.requestCache,
-          initialRequest: props.initialRequest,
-          onCompletion: props.onCompletion,
-          onError: props.onError,
-          onCancellation: props.onCancellation,
-          onEvent: props.onEvent
-        },
-        props.uid
-      );
-    }
-  };
-};
-
 // src/dynamicFlow/useOnCopy.tsx
 var import_react22 = require("react");
 var import_react_intl29 = require("react-intl");
@@ -4456,33 +4441,36 @@ var handleRejection = (error) => {
   throw error;
 };
 
+// src/dynamicFlow/getMergedRenderers.tsx
+var import_dynamic_flow_client3 = require("@wise/dynamic-flow-client");
+
 // src/dynamicFlow/DynamicFlowModal.tsx
 var import_dynamic_flow_client2 = require("@wise/dynamic-flow-client");
 var import_components66 = require("@transferwise/components");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime92 = 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_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     import_components66.Modal,
     __spreadProps(__spreadValues({
       className: `dynamic-flow-modal ${className}`,
       disableDimmerClickToClose: true
     }, df.modal), {
-      body: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "dynamic-flow-modal", children: df.modal.body })
+      body: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "dynamic-flow-modal", children: df.modal.body })
     })
   );
 }
 
 // src/dynamicFlow/getMergedRenderers.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var wiseRenderers = getWiseRenderers();
 var getMergedRenderers = (props) => {
   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({
+  const subflowRenderer = (0, import_dynamic_flow_client3.getDynamicSubflowRenderer)({
     Component: (_b) => {
       var _c = _b, { presentation, initialRequest } = _c, rest = __objRest(_c, ["presentation", "initialRequest"]);
       const action = {
@@ -4490,7 +4478,7 @@ var getMergedRenderers = (props) => {
         method: initialRequest.method,
         data: initialRequest.body
       };
-      return presentation.type === "push" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DynamicFlow, __spreadProps(__spreadValues(__spreadValues({}, restProps), rest), { features: subflowFeatures, initialAction: action })) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      return presentation.type === "push" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DynamicFlow, __spreadProps(__spreadValues(__spreadValues({}, restProps), rest), { features: subflowFeatures, initialAction: action })) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         DynamicFlowModal,
         __spreadProps(__spreadValues(__spreadValues({}, restProps), rest), {
           features: subflowFeatures,
@@ -4549,13 +4537,13 @@ var openLinkInNewTab = (url) => {
 };
 
 // src/dynamicFlow/DynamicFlow.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function DynamicFlow(props) {
   const { className = "" } = props;
   const dfProps = useWiseToCoreProps(props);
-  const df = (0, import_dynamic_flow_client3.useDynamicFlow)(dfProps);
+  const df = (0, import_dynamic_flow_client4.useDynamicFlow)(dfProps);
   const { onContextMenu, contextMenu } = useDFContextMenu(df.controller);
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className, onContextMenu, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className, onContextMenu, children: [
     df.view,
     contextMenu
   ] });
@@ -4563,12 +4551,12 @@ function DynamicFlow(props) {
 
 // src/dynamicFlow/DynamicFlowWithRef.tsx
 var import_react25 = require("react");
-var import_dynamic_flow_client4 = require("@wise/dynamic-flow-client");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_dynamic_flow_client5 = require("@wise/dynamic-flow-client");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var DynamicFlowWithRef = (0, import_react25.forwardRef)(function DynamicFlowWithRef2(props, ref) {
   const { className = "" } = props;
   const dfProps = useWiseToCoreProps(props);
-  const df = (0, import_dynamic_flow_client4.useDynamicFlow)(dfProps);
+  const df = (0, import_dynamic_flow_client5.useDynamicFlow)(dfProps);
   (0, import_react25.useImperativeHandle)(
     ref,
     () => ({
@@ -4580,11 +4568,11 @@ var DynamicFlowWithRef = (0, import_react25.forwardRef)(function DynamicFlowWith
     }),
     [df]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className, children: df.view });
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className, children: df.view });
 });
 
 // src/index.ts
-var import_dynamic_flow_client7 = require("@wise/dynamic-flow-client");
+var import_dynamic_flow_client8 = require("@wise/dynamic-flow-client");
 
 // src/dynamicFlow/renderers.tsx
 var Header10 = Header5;
@@ -4592,7 +4580,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_client6 = require("@wise/dynamic-flow-client");
 
 // src/i18n/cs.json
 var cs_default = {
@@ -5434,7 +5422,7 @@ var zh_HK_default = {
   "df.wise.filter.placeholder": "\u958B\u59CB\u8F38\u5165\u4EE5\u641C\u5C0B",
   "df.wise.filter.results": "\u641C\u5C0B\u7D50\u679C",
   "df.wise.group.all": "\u5168\u90E8",
-  "df.wise.group.currencies-with-account-details": "\u63D0\u4F9B\u8CEC\u6236\u8CC7\u6599\u7684\u8CA8\u5E63",
+  "df.wise.group.currencies-with-account-details": "\u63D0\u4F9B\u5E33\u6236\u8CC7\u6599\u7684\u8CA8\u5E63",
   "df.wise.group.popular": "\u71B1\u9580",
   "df.wise.group.recent": "\u6700\u8FD1\u7684",
   "df.wise.step.scrollToBottom": "\u6ED1\u52D5\u5230\u6700\u5E95\u90E8"
@@ -5463,10 +5451,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_client6.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_client6.translations[lang]), wiseTranslations[lang]) }),
   {}
 );
 var i18n_default = translations;

package/build/main.mjs

@@ -123,7 +123,7 @@ import { useDynamicFlow } from "@wise/dynamic-flow-client";
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "5.15.1" : "0.0.0"
+  typeof process !== "undefined" ? "5.16.1" : "0.0.0"
 );
 
 // src/dynamicFlow/context-menu/useContextMenu.tsx
@@ -3615,7 +3615,7 @@ var StatusListRenderer = {
         {
           title: itemTitle,
           subtitle: description,
-          media: icon && "name" in icon ? /* @__PURE__ */ jsx76(AvatarView4, { badge: { status: mapStatus(status) }, children: /* @__PURE__ */ jsx76(DynamicIcon_default, { name: icon.name }) }) : void 0,
+          media: /* @__PURE__ */ jsx76(StatusListItemMedia, __spreadValues({}, item)),
           additionalInfo: callToAction ? /* @__PURE__ */ jsx76(
             ListItem12.AdditionalInfo,
             {
@@ -3633,6 +3633,18 @@ var StatusListRenderer = {
     })
   ] })
 };
+var StatusListItemMedia = ({ icon, status }) => {
+  if (!icon) {
+    return void 0;
+  }
+  if ("name" in icon) {
+    return /* @__PURE__ */ jsx76(AvatarView4, { badge: { status: mapStatus(status) }, children: /* @__PURE__ */ jsx76(DynamicIcon_default, { name: icon.name }) });
+  }
+  if ("text" in icon) {
+    return /* @__PURE__ */ jsx76(AvatarView4, { badge: { status: mapStatus(status) }, children: icon.text });
+  }
+  return void 0;
+};
 var mapStatus = (status) => {
   switch (status) {
     case "done":
@@ -4359,33 +4371,6 @@ var InitialLoadingStateRenderer = {
   )
 };
 
-// ../renderers/src/subflow/getSubflowRenderer.tsx
-import { jsx as jsx92 } from "react/jsx-runtime";
-var getSubflowRenderer = ({
-  Component: Component2,
-  canRender
-}) => {
-  return {
-    canRenderType: "subflow",
-    canRender,
-    render: (props) => {
-      return /* @__PURE__ */ jsx92(
-        Component2,
-        {
-          presentation: props.presentation,
-          requestCache: props.requestCache,
-          initialRequest: props.initialRequest,
-          onCompletion: props.onCompletion,
-          onError: props.onError,
-          onCancellation: props.onCancellation,
-          onEvent: props.onEvent
-        },
-        props.uid
-      );
-    }
-  };
-};
-
 // src/dynamicFlow/useOnCopy.tsx
 import { useCallback as useCallback2 } from "react";
 import { useIntl as useIntl16 } from "react-intl";
@@ -4447,33 +4432,36 @@ var handleRejection = (error) => {
   throw error;
 };
 
+// src/dynamicFlow/getMergedRenderers.tsx
+import { getDynamicSubflowRenderer } from "@wise/dynamic-flow-client";
+
 // src/dynamicFlow/DynamicFlowModal.tsx
 import { useDynamicFlowModal } from "@wise/dynamic-flow-client";
 import { Modal as Modal5 } from "@transferwise/components";
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx92 } 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__ */ jsx93(
+  return /* @__PURE__ */ jsx92(
     Modal5,
     __spreadProps(__spreadValues({
       className: `dynamic-flow-modal ${className}`,
       disableDimmerClickToClose: true
     }, df.modal), {
-      body: /* @__PURE__ */ jsx93("div", { className: "dynamic-flow-modal", children: df.modal.body })
+      body: /* @__PURE__ */ jsx92("div", { className: "dynamic-flow-modal", children: df.modal.body })
     })
   );
 }
 
 // src/dynamicFlow/getMergedRenderers.tsx
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var wiseRenderers = getWiseRenderers();
 var getMergedRenderers = (props) => {
   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({
+  const subflowRenderer = getDynamicSubflowRenderer({
     Component: (_b) => {
       var _c = _b, { presentation, initialRequest } = _c, rest = __objRest(_c, ["presentation", "initialRequest"]);
       const action = {
@@ -4481,7 +4469,7 @@ var getMergedRenderers = (props) => {
         method: initialRequest.method,
         data: initialRequest.body
       };
-      return presentation.type === "push" ? /* @__PURE__ */ jsx94(DynamicFlow, __spreadProps(__spreadValues(__spreadValues({}, restProps), rest), { features: subflowFeatures, initialAction: action })) : /* @__PURE__ */ jsx94(
+      return presentation.type === "push" ? /* @__PURE__ */ jsx93(DynamicFlow, __spreadProps(__spreadValues(__spreadValues({}, restProps), rest), { features: subflowFeatures, initialAction: action })) : /* @__PURE__ */ jsx93(
         DynamicFlowModal,
         __spreadProps(__spreadValues(__spreadValues({}, restProps), rest), {
           features: subflowFeatures,
@@ -4558,7 +4546,7 @@ import {
   useImperativeHandle
 } from "react";
 import { useDynamicFlow as useDynamicFlow2 } from "@wise/dynamic-flow-client";
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 var DynamicFlowWithRef = forwardRef(function DynamicFlowWithRef2(props, ref) {
   const { className = "" } = props;
   const dfProps = useWiseToCoreProps(props);
@@ -4574,7 +4562,7 @@ var DynamicFlowWithRef = forwardRef(function DynamicFlowWithRef2(props, ref) {
     }),
     [df]
   );
-  return /* @__PURE__ */ jsx95("div", { className, children: df.view });
+  return /* @__PURE__ */ jsx94("div", { className, children: df.view });
 });
 
 // src/index.ts
@@ -5428,7 +5416,7 @@ var zh_HK_default = {
   "df.wise.filter.placeholder": "\u958B\u59CB\u8F38\u5165\u4EE5\u641C\u5C0B",
   "df.wise.filter.results": "\u641C\u5C0B\u7D50\u679C",
   "df.wise.group.all": "\u5168\u90E8",
-  "df.wise.group.currencies-with-account-details": "\u63D0\u4F9B\u8CEC\u6236\u8CC7\u6599\u7684\u8CA8\u5E63",
+  "df.wise.group.currencies-with-account-details": "\u63D0\u4F9B\u5E33\u6236\u8CC7\u6599\u7684\u8CA8\u5E63",
   "df.wise.group.popular": "\u71B1\u9580",
   "df.wise.group.recent": "\u6700\u8FD1\u7684",
   "df.wise.step.scrollToBottom": "\u6ED1\u52D5\u5230\u6700\u5E95\u90E8"