@wise/dynamic-flow-client 5.1.1 → 5.1.2

package/build/main.js

@@ -7,6 +7,9 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
@@ -45,6 +48,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 
 // src/index.ts
 var index_exports = {};
@@ -5717,11 +5724,6 @@ var mapToolbarToComponent = (uid, toolbar, mapperProps) => {
   });
 };
 
-// src/domain/mappers/utils/feature-utils.ts
-var isFeatureEnabled = (features, featureName) => {
-  return features[featureName] !== void 0 && features[featureName] !== false;
-};
-
 // src/domain/mappers/utils/groupLayoutByPinned.ts
 var groupLayoutByPinned = (layouts) => {
   return layouts.reduce(groupLayout, { pinned: [], nonPinned: [] });
@@ -5807,7 +5809,7 @@ var mapStepToComponent = (_a) => {
       submissionBehaviors.push(behavior);
     }
   };
-  const back = mapBackNavigation(navigation, onBehavior, Boolean(features.nativeBack));
+  const back = mapBackNavigation(navigation, onBehavior, features.isEnabled("nativeBack"));
   const stepId = id || key;
   if (stepId === void 0) {
     throw new Error("Step must have an id or a key");
@@ -5831,7 +5833,7 @@ var mapStepToComponent = (_a) => {
     mapperProps,
     referencedSchemaIds
   );
-  const shouldPinButtons = isFeatureEnabled(features, "pinnedButtons");
+  const shouldPinButtons = features.isEnabled("pinnedButtons");
   const { pinned, nonPinned } = shouldPinButtons ? groupLayoutByPinned(layout) : { pinned: [], nonPinned: layout };
   const layoutComponents = nonPinned.map(
     (layoutComponent, index) => mapLayoutToComponent(`${uid}.layout-${index}`, layoutComponent, mapperProps, schemaComponents)
@@ -5863,7 +5865,7 @@ var mapStepToComponent = (_a) => {
     loadingState,
     stepPolling,
     stepRefreshAfter,
-    title: !features.hideStepTitle ? title : void 0,
+    title: !features.isEnabled("hideStepTitle") ? title : void 0,
     tags,
     stackBehavior: (_a2 = navigation == null ? void 0 : navigation.stackBehavior) != null ? _a2 : "default",
     submissionRequestsCache,
@@ -5915,6 +5917,19 @@ var executePrefetch = (props) => {
   });
 };
 
+// src/domain/mappers/utils/FeatureFlags.ts
+var _features;
+var FeatureFlags = class {
+  constructor(features) {
+    __privateAdd(this, _features);
+    __privateSet(this, _features, features);
+  }
+  isEnabled(featureName) {
+    return __privateGet(this, _features)[featureName] != null && __privateGet(this, _features)[featureName] !== false;
+  }
+};
+_features = new WeakMap();
+
 // src/flow/getResponseType.ts
 var responseTypes = ["step", "action", "exit", "modal"];
 var getResponseType = async (response) => {
@@ -6380,7 +6395,7 @@ function useStableCallback(handler) {
 
 // src/useDynamicFlowCore.tsx
 function useDynamicFlowCore(props) {
-  const _a = props, { flowId, initialAction, initialStep, features = {} } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep", "features"]);
+  const _a = props, { flowId, initialAction, initialStep } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep"]);
   const httpClient = useStableCallback(rest.httpClient);
   const onCancellation = useStableCallback(rest.onCancellation);
   const onCompletion = useStableCallback(rest.onCompletion);
@@ -6396,10 +6411,14 @@ function useDynamicFlowCore(props) {
     () => getSchemaErrorMessageFunction(formatMessage, locale),
     [formatMessage, locale]
   );
+  const features = (0, import_react3.useMemo)(() => {
+    var _a2;
+    return new FeatureFlags((_a2 = rest.features) != null ? _a2 : {});
+  }, []);
   const rerender = useRerender();
   const rootComponentRef = (0, import_react3.useRef)(
     createRootDomainComponent(rerender, scrollToTop, {
-      isNativeBackEnabled: Boolean(features.nativeBack),
+      isNativeBackEnabled: features.isEnabled("nativeBack"),
       isFlowCancellable: Boolean(rest.onCancellation)
     })
   );
@@ -6537,7 +6556,7 @@ function useDynamicFlowCore(props) {
           });
           break;
         }
-        if (isFeatureEnabled(features, "nativeBack")) {
+        if (features.isEnabled("nativeBack")) {
           if (rootComponentRef.current.stepStack.length > 1) {
             rootComponentRef.current.navigateBack();
           } else {

package/build/main.mjs

@@ -4,6 +4,9 @@ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
@@ -29,6 +32,10 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 
 // src/common/makeHttpClient/api-utils.ts
 function isRelativePath(url = "") {
@@ -5690,11 +5697,6 @@ var mapToolbarToComponent = (uid, toolbar, mapperProps) => {
   });
 };
 
-// src/domain/mappers/utils/feature-utils.ts
-var isFeatureEnabled = (features, featureName) => {
-  return features[featureName] !== void 0 && features[featureName] !== false;
-};
-
 // src/domain/mappers/utils/groupLayoutByPinned.ts
 var groupLayoutByPinned = (layouts) => {
   return layouts.reduce(groupLayout, { pinned: [], nonPinned: [] });
@@ -5780,7 +5782,7 @@ var mapStepToComponent = (_a) => {
       submissionBehaviors.push(behavior);
     }
   };
-  const back = mapBackNavigation(navigation, onBehavior, Boolean(features.nativeBack));
+  const back = mapBackNavigation(navigation, onBehavior, features.isEnabled("nativeBack"));
   const stepId = id || key;
   if (stepId === void 0) {
     throw new Error("Step must have an id or a key");
@@ -5804,7 +5806,7 @@ var mapStepToComponent = (_a) => {
     mapperProps,
     referencedSchemaIds
   );
-  const shouldPinButtons = isFeatureEnabled(features, "pinnedButtons");
+  const shouldPinButtons = features.isEnabled("pinnedButtons");
   const { pinned, nonPinned } = shouldPinButtons ? groupLayoutByPinned(layout) : { pinned: [], nonPinned: layout };
   const layoutComponents = nonPinned.map(
     (layoutComponent, index) => mapLayoutToComponent(`${uid}.layout-${index}`, layoutComponent, mapperProps, schemaComponents)
@@ -5836,7 +5838,7 @@ var mapStepToComponent = (_a) => {
     loadingState,
     stepPolling,
     stepRefreshAfter,
-    title: !features.hideStepTitle ? title : void 0,
+    title: !features.isEnabled("hideStepTitle") ? title : void 0,
     tags,
     stackBehavior: (_a2 = navigation == null ? void 0 : navigation.stackBehavior) != null ? _a2 : "default",
     submissionRequestsCache,
@@ -5888,6 +5890,19 @@ var executePrefetch = (props) => {
   });
 };
 
+// src/domain/mappers/utils/FeatureFlags.ts
+var _features;
+var FeatureFlags = class {
+  constructor(features) {
+    __privateAdd(this, _features);
+    __privateSet(this, _features, features);
+  }
+  isEnabled(featureName) {
+    return __privateGet(this, _features)[featureName] != null && __privateGet(this, _features)[featureName] !== false;
+  }
+};
+_features = new WeakMap();
+
 // src/flow/getResponseType.ts
 var responseTypes = ["step", "action", "exit", "modal"];
 var getResponseType = async (response) => {
@@ -6353,7 +6368,7 @@ function useStableCallback(handler) {
 
 // src/useDynamicFlowCore.tsx
 function useDynamicFlowCore(props) {
-  const _a = props, { flowId, initialAction, initialStep, features = {} } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep", "features"]);
+  const _a = props, { flowId, initialAction, initialStep } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep"]);
   const httpClient = useStableCallback(rest.httpClient);
   const onCancellation = useStableCallback(rest.onCancellation);
   const onCompletion = useStableCallback(rest.onCompletion);
@@ -6369,10 +6384,14 @@ function useDynamicFlowCore(props) {
     () => getSchemaErrorMessageFunction(formatMessage, locale),
     [formatMessage, locale]
   );
+  const features = useMemo(() => {
+    var _a2;
+    return new FeatureFlags((_a2 = rest.features) != null ? _a2 : {});
+  }, []);
   const rerender = useRerender();
   const rootComponentRef = useRef2(
     createRootDomainComponent(rerender, scrollToTop, {
-      isNativeBackEnabled: Boolean(features.nativeBack),
+      isNativeBackEnabled: features.isEnabled("nativeBack"),
       isFlowCancellable: Boolean(rest.onCancellation)
     })
   );
@@ -6510,7 +6529,7 @@ function useDynamicFlowCore(props) {
           });
           break;
         }
-        if (isFeatureEnabled(features, "nativeBack")) {
+        if (features.isEnabled("nativeBack")) {
           if (rootComponentRef.current.stepStack.length > 1) {
             rootComponentRef.current.navigateBack();
           } else {

package/build/types/domain/mappers/mapStepToComponent.d.ts

@@ -1,12 +1,13 @@
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { LoadingState, OnPoll } from '../types';
 import type { MapperProps } from './schema/types';
+import { FeatureFlags } from './utils/FeatureFlags';
 export type StepMapperProps = Omit<MapperProps, 'trackEvent' | 'registerSubmissionBehavior'> & {
     uid: string;
     etag: string | null;
     loadingState: LoadingState;
     trackEvent: AnalyticsEventDispatcher<string>;
-    features: Record<string, unknown>;
+    features: FeatureFlags;
     onPoll: OnPoll;
 };
 export declare const mapStepToComponent: ({ uid: rootUid, loadingState, features, trackEvent, onPoll, onBehavior, ...restProps }: StepMapperProps) => import("../components/step/StepDomainComponent").StepDomainComponent;

package/build/types/domain/mappers/utils/FeatureFlags.d.ts

@@ -0,0 +1,7 @@
+type FeatureName = 'pinnedButtons' | 'nativeBack' | 'hideStepTitle';
+export declare class FeatureFlags {
+    #private;
+    constructor(features: Record<string, unknown>);
+    isEnabled(featureName: FeatureName): boolean;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.1.1",
+  "version": "5.1.2",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -32,29 +32,29 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "4.1.3",
-    "@formatjs/cli": "^6.7.4",
-    "@storybook/addon-a11y": "^10.1.8",
-    "@storybook/addon-docs": "^10.1.8",
-    "@storybook/addon-links": "^10.1.8",
-    "@storybook/react-vite": "10.1.8",
+    "@formatjs/cli": "^6.9.0",
+    "@storybook/addon-a11y": "^10.1.11",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-links": "^10.1.11",
+    "@storybook/react-vite": "10.1.11",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.0",
+    "@testing-library/react": "16.3.1",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "^46.116.1",
+    "@transferwise/components": "^46.118.0",
     "@transferwise/formatting": "^2.13.4",
-    "@transferwise/icons": "4.0.0",
+    "@transferwise/icons": "4.0.1",
     "@transferwise/navigation-ui": "4.41.0",
-    "@transferwise/neptune-css": "14.25.2",
-    "@types/node": "22.19.2",
+    "@transferwise/neptune-css": "14.26.0",
+    "@types/node": "22.19.3",
     "@types/react": "18.3.27",
     "@types/react-dom": "18.3.7",
     "@types/react-intl": "3.0.0",
     "@vitejs/plugin-react": "5.1.2",
-    "@wise/art": "2.24.7",
+    "@wise/art": "2.25.0",
     "@wise/components-theming": "^1.9.1",
     "esbuild": "0.27.0",
-    "eslint-plugin-storybook": "10.1.8",
+    "eslint-plugin-storybook": "10.1.11",
     "framer-motion": "^12.23.26",
     "npm-run-all2": "8.0.4",
     "postcss": "^8.5.6",
@@ -63,17 +63,17 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^10.1.8",
+    "storybook": "^10.1.11",
     "stylelint": "16.26.1",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.5",
-    "stylelint-value-no-unknown-custom-properties": "6.0.1",
+    "stylelint-value-no-unknown-custom-properties": "6.1.0",
     "tsx": "4.21.0",
     "typescript": "5.9.3",
-    "vitest": "4.0.15",
+    "vitest": "4.0.16",
     "vitest-fetch-mock": "0.4.5",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.104.0",
@@ -86,7 +86,7 @@
     "react-intl": "^6"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.1.1"
+    "@wise/dynamic-flow-types": "4.1.2"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",

package/build/types/domain/mappers/utils/feature-utils.d.ts

@@ -1,3 +0,0 @@
-type Feature = 'pinnedButtons' | 'nativeBack';
-export declare const isFeatureEnabled: (features: Record<string, unknown>, featureName: Feature) => boolean;
-export {};