@wise/dynamic-flow-client 5.1.1 → 5.1.3

package/build/types/domain/mappers/layout/{boxLayoutToComponents.d.ts → boxLayoutToComponent.d.ts}

@@ -2,4 +2,4 @@ import type { BoxLayout } from '@wise/dynamic-flow-types/spec';
 import { type BoxComponent } from '../../components/BoxComponent';
 import type { SchemaComponent } from '../../types';
 import type { MapperProps } from '../schema/types';
-export declare const boxLayoutToComponent: (uid: string, { border, components, control, margin, width, analyticsId, tags, }: BoxLayout, mapperProps: MapperProps, schemaComponents: SchemaComponent[]) => BoxComponent;
+export declare const boxLayoutToComponent: (uid: string, { border, components, control, margin, width, analyticsId, tags }: BoxLayout, mapperProps: MapperProps, schemaComponents: SchemaComponent[]) => BoxComponent;

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/build/types/renderers/mappers/componentToRendererProps.d.ts

@@ -2,8 +2,10 @@ import type { RendererProps, RenderFunction } from '@wise/dynamic-flow-types/ren
 import type { AnalyticsEventDispatcher } from '../../domain/features/events';
 import type { DomainComponent, LoadingState } from '../../domain/types';
 import type { HttpClient } from '../../types';
+import { FeatureFlags } from '../../domain/mappers/utils/FeatureFlags';
 export type RendererMapperProps = {
     stepLoadingState: LoadingState;
+    features: FeatureFlags;
     render: RenderFunction;
     httpClient: HttpClient;
     trackEvent: AnalyticsEventDispatcher<string>;

package/build/types/renderers/mappers/constComponentToProps.d.ts

@@ -2,6 +2,7 @@ import { ConstComponent } from '../../domain/components/ConstComponent';
 import { RendererMapperProps } from './componentToRendererProps';
 export declare const constComponentToProps: (component: ConstComponent, rendererMapperProps: RendererMapperProps) => {
     stepLoadingState: import("../../domain/types").LoadingState;
+    features: import("../../domain/mappers/utils/FeatureFlags").FeatureFlags;
     render: import("@wise/dynamic-flow-types/renderers").RenderFunction;
     httpClient: import("../../types").HttpClient;
     trackEvent: import("../../domain/features/events").AnalyticsEventDispatcher<string>;

package/build/types/useDynamicFlowCore.d.ts

@@ -1,7 +1,9 @@
 import { RootDomainComponent } from './domain/components/RootDomainComponent';
+import { FeatureFlags } from './domain/mappers/utils/FeatureFlags';
 import type { OnValueChange, ScrollToTop } from './domain/types';
 import type { DynamicFlowCoreProps } from './types';
-type UseDynamicFlowCoreProps = Omit<DynamicFlowCoreProps, 'renderers'> & {
+type UseDynamicFlowCoreProps = Omit<DynamicFlowCoreProps, 'renderers' | 'features'> & {
+    features: FeatureFlags;
     onValueChange?: OnValueChange;
     scrollToTop?: ScrollToTop;
     onLink: (url: string) => boolean;

package/build/types/utils/scrollToTop.d.ts

@@ -0,0 +1,2 @@
+import { ScrollToTop } from '../domain/types';
+export declare const getScrollToTop: (normalisedFlowId: string, className: string) => ScrollToTop;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.1.1",
+  "version": "5.1.3",
   "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,14 +63,14 @@
     "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"
@@ -86,7 +86,7 @@
     "react-intl": "^6"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.1.1"
+    "@wise/dynamic-flow-types": "4.2.0"
   },
   "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 {};