@wise/dynamic-flow-client 5.1.0 → 5.1.2

package/build/main.css

@@ -1,7 +1,7 @@
 /* We should move to CSS modules when we move this to the Wise layer */
 .df-box-renderer-border {
   border: 1px solid var(--color-border-neutral);
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-medium);
   padding: var(--size-16);
 }
 .df-box-renderer-fixed-width {

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 = {};
@@ -1313,8 +1320,8 @@ var mapLegacyActionTypeToControl = (type) => type && type in legacyActionTypeToC
 var alertLayoutToComponent = (uid, {
   control,
   markdown,
-  margin = "md",
-  context = "neutral",
+  margin,
+  context,
   callToAction,
   analyticsId,
   tags
@@ -1325,9 +1332,9 @@ var alertLayoutToComponent = (uid, {
     analyticsId,
     control,
     markdown,
-    margin,
+    margin: margin != null ? margin : "md",
     callToAction: cta,
-    context: mapLegacyContext(context),
+    context: mapLegacyContext(context != null ? context : "neutral"),
     tags
   });
 };
@@ -1353,8 +1360,8 @@ var boxLayoutToComponent = (uid, {
   border = false,
   components,
   control,
-  margin = "md",
-  width = "xl",
+  margin,
+  width,
   analyticsId,
   tags
 }, mapperProps, schemaComponents) => createBoxComponent({
@@ -1362,8 +1369,8 @@ var boxLayoutToComponent = (uid, {
   analyticsId,
   border,
   control,
-  margin,
-  width,
+  margin: margin != null ? margin : "md",
+  width: width != null ? width : "xl",
   tags,
   components: components.map((component, index) => {
     const shouldRemoveMargin = index === components.length - 1 && component.margin === void 0;
@@ -1401,7 +1408,7 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
     context,
     control,
     disabled,
-    margin = "md",
+    margin,
     pinOrder,
     size,
     title,
@@ -1422,7 +1429,7 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
     context: mapLegacyContext(context != null ? context : "neutral"),
     control,
     disabled: disabled != null ? disabled : false,
-    margin,
+    margin: margin != null ? margin : "md",
     pinOrder,
     size,
     title: title != null ? title : "",
@@ -1496,12 +1503,12 @@ var createColumnsComponent = (columnsProps) => __spreadProps(__spreadValues({},
 });
 
 // src/domain/mappers/layout/columnsLayoutToComponent.ts
-var columnsLayoutToComponent = (uid, { control, left, right, bias = "none", margin = "md", analyticsId, tags }, mapperProps, schemaComponents) => createColumnsComponent({
+var columnsLayoutToComponent = (uid, { control, left, right, bias, margin, analyticsId, tags }, mapperProps, schemaComponents) => createColumnsComponent({
   uid,
   analyticsId,
   control,
-  margin,
-  bias: mapLegacyBias(bias),
+  margin: margin != null ? margin : "md",
+  bias: mapLegacyBias(bias != null ? bias : "none"),
   tags,
   startComponents: left.map(
     (component, index) => mapLayoutToComponent(
@@ -1582,7 +1589,7 @@ var mapSchemaAlert = (alert) => {
 var decisionLayoutToComponent = (uid, {
   analyticsId,
   control,
-  margin = "md",
+  margin,
   options,
   tags,
   title
@@ -1590,7 +1597,7 @@ var decisionLayoutToComponent = (uid, {
   uid,
   analyticsId,
   control,
-  margin,
+  margin: margin != null ? margin : "md",
   options: options.map((option) => mapOption(option, mapperProps)),
   tags,
   title
@@ -1621,7 +1628,7 @@ var createStatusListComponent = (statusListProps) => __spreadValues({
 var isDeprecatedListLayout = (layout) => {
   return layout.items.some((item) => item.status);
 };
-var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title, tags }) => createStatusListComponent({
+var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margin, title, tags }) => createStatusListComponent({
   uid,
   analyticsId,
   control,
@@ -1632,7 +1639,7 @@ var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margi
     status: status ? mapLegacyStatus(status) : void 0,
     tags: itemTags
   })),
-  margin,
+  margin: margin != null ? margin : "md",
   title,
   tags
 });
@@ -1655,7 +1662,7 @@ var createDividerComponent = (props) => __spreadValues({
 }, props);
 
 // src/domain/mappers/layout/dividerLayoutToComponent.ts
-var dividerLayoutToComponent = (uid, { control, margin = "md", analyticsId, tags }) => createDividerComponent({ uid, analyticsId, control, margin, tags });
+var dividerLayoutToComponent = (uid, { control, margin, analyticsId, tags }) => createDividerComponent({ uid, analyticsId, control, margin: margin != null ? margin : "md", tags });
 
 // src/domain/components/FormComponent.ts
 var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formProps), {
@@ -1667,7 +1674,7 @@ var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formPr
 });
 
 // src/domain/mappers/layout/formLayoutToComponent.ts
-var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, control, margin = "md", tags }, schemaComponents) => {
+var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, control, margin, tags }, schemaComponents) => {
   const id = schemaId != null ? schemaId : schemaRef == null ? void 0 : schemaRef.$ref;
   if (id == null) {
     throw new Error(
@@ -1685,7 +1692,7 @@ var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, co
     analyticsId,
     schemaComponent,
     control,
-    margin,
+    margin: margin != null ? margin : "md",
     tags
   });
 };
@@ -1697,13 +1704,13 @@ var createHeadingComponent = (headingProps) => __spreadValues({
 }, headingProps);
 
 // src/domain/mappers/layout/headingLayoutToComponent.ts
-var headingLayoutToComponent = (uid, { analyticsId, align = "left", margin = "md", size = "md", control, tags, text }) => createHeadingComponent({
+var headingLayoutToComponent = (uid, { analyticsId, align, margin, size, control, tags, text }) => createHeadingComponent({
   uid,
   analyticsId,
-  align: mapLegacyAlign(align),
+  align: mapLegacyAlign(align != null ? align : "left"),
   control,
-  margin,
-  size,
+  margin: margin != null ? margin : "md",
+  size: size != null ? size : "md",
   tags,
   text
 });
@@ -1718,11 +1725,11 @@ var createImageComponent = (imageProps) => __spreadValues({
 var imageLayoutToComponent = (uid, {
   analyticsId,
   accessibilityDescription,
-  align = "center",
+  align,
   content,
   control,
-  margin = "md",
-  size = "md",
+  margin,
+  size,
   tags,
   text,
   url
@@ -1731,14 +1738,14 @@ var imageLayoutToComponent = (uid, {
   return createImageComponent({
     uid,
     analyticsId,
-    align: mapLegacyAlign(align),
+    align: mapLegacyAlign(align != null ? align : "center"),
     content: content ? {
       uri: (_b = (_a = content.uri) != null ? _a : content.url) != null ? _b : "",
       accessibilityDescription: (_c = content.accessibilityDescription) != null ? _c : content.text
     } : { accessibilityDescription: accessibilityDescription != null ? accessibilityDescription : text, uri: url != null ? url : "" },
     control,
-    margin,
-    size,
+    margin: margin != null ? margin : "md",
+    size: size != null ? size : "md",
     tags
   });
 };
@@ -1750,13 +1757,13 @@ var createMarkdownComponent = (markdownProps) => __spreadValues({
 }, markdownProps);
 
 // src/domain/mappers/layout/infoLayoutToComponent.ts
-var infoLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", markdown: content, tags }) => createMarkdownComponent({
+var infoLayoutToComponent = (uid, { analyticsId, align, control, margin, markdown: content, tags }) => createMarkdownComponent({
   uid,
   analyticsId,
-  align: mapLegacyAlign(align),
+  align: mapLegacyAlign(align != null ? align : "left"),
   content,
   control,
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   size: "md"
 });
@@ -1768,7 +1775,7 @@ var createInstructionsComponent = (instructionsProps) => __spreadValues({
 }, instructionsProps);
 
 // src/domain/mappers/layout/instructionsLayoutToComponent.ts
-var instructionsLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", tags, title }) => createInstructionsComponent({
+var instructionsLayoutToComponent = (uid, { analyticsId, control, items, margin, tags, title }) => createInstructionsComponent({
   uid,
   analyticsId,
   control,
@@ -1776,7 +1783,7 @@ var instructionsLayoutToComponent = (uid, { analyticsId, control, items, margin
     context: mapLegacyContext(item.context),
     tags: mapTags(item)
   })),
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   title
 });
@@ -1788,14 +1795,14 @@ var createListComponent = (listProps) => __spreadValues({
 }, listProps);
 
 // src/domain/mappers/layout/listLayoutToComponent.ts
-var listLayoutToComponent = (uid, { analyticsId, callToAction, control, items, margin = "md", tags, title }, mapperProps) => {
+var listLayoutToComponent = (uid, { analyticsId, callToAction, control, items, margin, tags, title }, mapperProps) => {
   return createListComponent({
     uid,
     analyticsId,
     control,
     items: items.map((item) => mapItem(item, mapperProps)),
     callToAction: getDomainLayerCallToAction(callToAction, mapperProps),
-    margin,
+    margin: margin != null ? margin : "md",
     tags,
     title
   });
@@ -1849,33 +1856,33 @@ var createLoadingIndicatorComponent = (loadingIndicatorProps) => __spreadValues(
 }, loadingIndicatorProps);
 
 // src/domain/mappers/layout/loadingIndicatorLayoutToComponent.ts
-var loadingIndicatorLayoutToComponent = (uid, { analyticsId, control, margin = "md", size = "md", tags }) => createLoadingIndicatorComponent({
+var loadingIndicatorLayoutToComponent = (uid, { analyticsId, control, margin, size, tags }) => createLoadingIndicatorComponent({
   uid,
   analyticsId,
   control,
-  margin,
-  size,
+  margin: margin != null ? margin : "md",
+  size: size != null ? size : "md",
   tags
 });
 
 // src/domain/mappers/layout/markdownLayoutToComponent.ts
 var markdownLayoutToComponent = (uid, {
   analyticsId,
-  align = "left",
-  margin = "md",
+  align,
+  margin,
   control,
   content,
-  size = "md",
+  size,
   tags
 }) => createMarkdownComponent({
   uid,
   analyticsId,
-  align: mapLegacyAlign(align),
+  align: mapLegacyAlign(align != null ? align : "left"),
   control,
   content,
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
-  size
+  size: size != null ? size : "md"
 });
 
 // src/domain/components/ModalLayoutComponent.ts
@@ -1889,7 +1896,7 @@ var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
 });
 
 // src/domain/mappers/layout/modalLayoutToComponent.ts
-var modalLayoutToComponent = (uid, { analyticsId, content, control, margin = "md", tags, trigger }, mapperProps, schemaComponents) => {
+var modalLayoutToComponent = (uid, { analyticsId, content, control, margin, tags, trigger }, mapperProps, schemaComponents) => {
   const { components, title } = content;
   return createModalComponent({
     uid,
@@ -1901,7 +1908,7 @@ var modalLayoutToComponent = (uid, { analyticsId, content, control, margin = "md
       title
     },
     control,
-    margin,
+    margin: margin != null ? margin : "md",
     tags,
     trigger
   });
@@ -1914,15 +1921,15 @@ var createParagraphComponent = (paragraphProps) => __spreadValues({
 }, paragraphProps);
 
 // src/domain/mappers/layout/paragraphLayoutToComponent.ts
-var paragraphLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", size = "md", tags, text }) => createParagraphComponent({
+var paragraphLayoutToComponent = (uid, { analyticsId, align, control, margin, size, tags, text }) => createParagraphComponent({
   uid,
   analyticsId,
   text,
   control,
-  align: mapLegacyAlign(align),
-  margin,
+  align: mapLegacyAlign(align != null ? align : "left"),
+  margin: margin != null ? margin : "md",
   tags,
-  size
+  size: size != null ? size : "md"
 });
 
 // src/domain/components/ReviewComponent.ts
@@ -1938,7 +1945,7 @@ var reviewLayoutToComponent = (uid, {
   title,
   callToAction,
   control,
-  margin = "md",
+  margin,
   tags,
   orientation,
   action
@@ -1948,7 +1955,7 @@ var reviewLayoutToComponent = (uid, {
   callToAction: getCallToAction2({ mapperProps, callToAction, action }),
   control: getOrientationControl({ control, orientation }),
   fields: fields.map((field) => mapReviewField(field, mapperProps)),
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   title
 });
@@ -2159,17 +2166,7 @@ var isValidResponseBody = (body) => isObject(body) && "results" in body && isArr
 var hashRequest = (query, config) => JSON.stringify({ query, config });
 
 // src/domain/mappers/layout/searchLayoutToComponent.ts
-var searchLayoutToComponent = (uid, {
-  analyticsId,
-  control,
-  emptyMessage = "",
-  method,
-  param,
-  title,
-  url,
-  margin = "md",
-  tags
-}, mapperProps) => {
+var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, method, param, title, url, margin, tags }, mapperProps) => {
   const { httpClient, onBehavior, updateComponent } = mapperProps;
   const search = getPerformSearchFunction(httpClient, { method, param, url });
   return createSearchComponent(
@@ -2177,8 +2174,8 @@ var searchLayoutToComponent = (uid, {
       uid,
       analyticsId,
       control,
-      emptyMessage,
-      margin,
+      emptyMessage: emptyMessage != null ? emptyMessage : "",
+      margin: margin != null ? margin : "md",
       tags,
       title
     },
@@ -2189,7 +2186,7 @@ var searchLayoutToComponent = (uid, {
 };
 
 // src/domain/mappers/layout/statusListLayoutToComponent.ts
-var statusListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", tags, title }, mapperProps) => createStatusListComponent({
+var statusListLayoutToComponent = (uid, { analyticsId, control, items, margin, tags, title }, mapperProps) => createStatusListComponent({
   uid,
   analyticsId,
   control,
@@ -2197,7 +2194,7 @@ var statusListLayoutToComponent = (uid, { analyticsId, control, items, margin =
     const callToAction = getDomainLayerCallToAction(item.callToAction, mapperProps);
     return __spreadProps(__spreadValues({}, item), { callToAction, tags: mapTags(item) });
   }),
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   title
 });
@@ -2214,7 +2211,7 @@ var createSectionComponent = (props) => {
 };
 
 // src/domain/mappers/layout/sectionLayoutToComponent.ts
-var sectionLayoutToComponent = (uid, { analyticsId, control, title, components, callToAction, margin = "md", tags }, mapperProps, schemaComponents) => {
+var sectionLayoutToComponent = (uid, { analyticsId, control, title, components, callToAction, margin, tags }, mapperProps, schemaComponents) => {
   return createSectionComponent({
     uid,
     analyticsId,
@@ -2223,7 +2220,7 @@ var sectionLayoutToComponent = (uid, { analyticsId, control, title, components,
     components: components.map(
       (component, index) => mapLayoutToComponent(`${uid}.section-${index}`, component, mapperProps, schemaComponents)
     ),
-    margin,
+    margin: margin != null ? margin : "md",
     callToAction: getDomainLayerCallToAction(callToAction, mapperProps),
     tags
   });
@@ -2236,11 +2233,11 @@ var createTabsComponent = (tabsProps) => __spreadProps(__spreadValues({}, tabsPr
 });
 
 // src/domain/mappers/layout/tabsLayoutToComponent.ts
-var tabsLayoutToComponent = (uid, { analyticsId, control, margin = "md", tags, tabs }, mapperProps, schemaComponents) => createTabsComponent({
+var tabsLayoutToComponent = (uid, { analyticsId, control, margin, tags, tabs }, mapperProps, schemaComponents) => createTabsComponent({
   uid,
   analyticsId,
   control,
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   tabs: mapTabs(tabs, uid, mapperProps, schemaComponents)
 });
@@ -2266,11 +2263,11 @@ var createProgressComponent = (progressProps) => __spreadValues({
 // src/domain/mappers/layout/progressLayoutToComponent.ts
 var progressLayoutToComponent = (uid, {
   analyticsId,
-  context = "neutral",
+  context,
   control,
   description,
   help,
-  margin = "md",
+  margin,
   progress,
   progressText,
   tags,
@@ -2278,11 +2275,11 @@ var progressLayoutToComponent = (uid, {
 }) => createProgressComponent({
   uid,
   analyticsId,
-  context: mapLegacyContext(context),
+  context: mapLegacyContext(context != null ? context : "neutral"),
   control,
   description,
   help: help == null ? void 0 : help.markdown,
-  margin,
+  margin: margin != null ? margin : "md",
   progress,
   progressText,
   tags,
@@ -5727,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: [] });
@@ -5817,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");
@@ -5841,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)
@@ -5873,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,
@@ -5925,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) => {
@@ -6390,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);
@@ -6406,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)
     })
   );
@@ -6547,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 = "") {
@@ -1286,8 +1293,8 @@ var mapLegacyActionTypeToControl = (type) => type && type in legacyActionTypeToC
 var alertLayoutToComponent = (uid, {
   control,
   markdown,
-  margin = "md",
-  context = "neutral",
+  margin,
+  context,
   callToAction,
   analyticsId,
   tags
@@ -1298,9 +1305,9 @@ var alertLayoutToComponent = (uid, {
     analyticsId,
     control,
     markdown,
-    margin,
+    margin: margin != null ? margin : "md",
     callToAction: cta,
-    context: mapLegacyContext(context),
+    context: mapLegacyContext(context != null ? context : "neutral"),
     tags
   });
 };
@@ -1326,8 +1333,8 @@ var boxLayoutToComponent = (uid, {
   border = false,
   components,
   control,
-  margin = "md",
-  width = "xl",
+  margin,
+  width,
   analyticsId,
   tags
 }, mapperProps, schemaComponents) => createBoxComponent({
@@ -1335,8 +1342,8 @@ var boxLayoutToComponent = (uid, {
   analyticsId,
   border,
   control,
-  margin,
-  width,
+  margin: margin != null ? margin : "md",
+  width: width != null ? width : "xl",
   tags,
   components: components.map((component, index) => {
     const shouldRemoveMargin = index === components.length - 1 && component.margin === void 0;
@@ -1374,7 +1381,7 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
     context,
     control,
     disabled,
-    margin = "md",
+    margin,
     pinOrder,
     size,
     title,
@@ -1395,7 +1402,7 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
     context: mapLegacyContext(context != null ? context : "neutral"),
     control,
     disabled: disabled != null ? disabled : false,
-    margin,
+    margin: margin != null ? margin : "md",
     pinOrder,
     size,
     title: title != null ? title : "",
@@ -1469,12 +1476,12 @@ var createColumnsComponent = (columnsProps) => __spreadProps(__spreadValues({},
 });
 
 // src/domain/mappers/layout/columnsLayoutToComponent.ts
-var columnsLayoutToComponent = (uid, { control, left, right, bias = "none", margin = "md", analyticsId, tags }, mapperProps, schemaComponents) => createColumnsComponent({
+var columnsLayoutToComponent = (uid, { control, left, right, bias, margin, analyticsId, tags }, mapperProps, schemaComponents) => createColumnsComponent({
   uid,
   analyticsId,
   control,
-  margin,
-  bias: mapLegacyBias(bias),
+  margin: margin != null ? margin : "md",
+  bias: mapLegacyBias(bias != null ? bias : "none"),
   tags,
   startComponents: left.map(
     (component, index) => mapLayoutToComponent(
@@ -1555,7 +1562,7 @@ var mapSchemaAlert = (alert) => {
 var decisionLayoutToComponent = (uid, {
   analyticsId,
   control,
-  margin = "md",
+  margin,
   options,
   tags,
   title
@@ -1563,7 +1570,7 @@ var decisionLayoutToComponent = (uid, {
   uid,
   analyticsId,
   control,
-  margin,
+  margin: margin != null ? margin : "md",
   options: options.map((option) => mapOption(option, mapperProps)),
   tags,
   title
@@ -1594,7 +1601,7 @@ var createStatusListComponent = (statusListProps) => __spreadValues({
 var isDeprecatedListLayout = (layout) => {
   return layout.items.some((item) => item.status);
 };
-var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title, tags }) => createStatusListComponent({
+var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margin, title, tags }) => createStatusListComponent({
   uid,
   analyticsId,
   control,
@@ -1605,7 +1612,7 @@ var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margi
     status: status ? mapLegacyStatus(status) : void 0,
     tags: itemTags
   })),
-  margin,
+  margin: margin != null ? margin : "md",
   title,
   tags
 });
@@ -1628,7 +1635,7 @@ var createDividerComponent = (props) => __spreadValues({
 }, props);
 
 // src/domain/mappers/layout/dividerLayoutToComponent.ts
-var dividerLayoutToComponent = (uid, { control, margin = "md", analyticsId, tags }) => createDividerComponent({ uid, analyticsId, control, margin, tags });
+var dividerLayoutToComponent = (uid, { control, margin, analyticsId, tags }) => createDividerComponent({ uid, analyticsId, control, margin: margin != null ? margin : "md", tags });
 
 // src/domain/components/FormComponent.ts
 var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formProps), {
@@ -1640,7 +1647,7 @@ var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formPr
 });
 
 // src/domain/mappers/layout/formLayoutToComponent.ts
-var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, control, margin = "md", tags }, schemaComponents) => {
+var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, control, margin, tags }, schemaComponents) => {
   const id = schemaId != null ? schemaId : schemaRef == null ? void 0 : schemaRef.$ref;
   if (id == null) {
     throw new Error(
@@ -1658,7 +1665,7 @@ var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, co
     analyticsId,
     schemaComponent,
     control,
-    margin,
+    margin: margin != null ? margin : "md",
     tags
   });
 };
@@ -1670,13 +1677,13 @@ var createHeadingComponent = (headingProps) => __spreadValues({
 }, headingProps);
 
 // src/domain/mappers/layout/headingLayoutToComponent.ts
-var headingLayoutToComponent = (uid, { analyticsId, align = "left", margin = "md", size = "md", control, tags, text }) => createHeadingComponent({
+var headingLayoutToComponent = (uid, { analyticsId, align, margin, size, control, tags, text }) => createHeadingComponent({
   uid,
   analyticsId,
-  align: mapLegacyAlign(align),
+  align: mapLegacyAlign(align != null ? align : "left"),
   control,
-  margin,
-  size,
+  margin: margin != null ? margin : "md",
+  size: size != null ? size : "md",
   tags,
   text
 });
@@ -1691,11 +1698,11 @@ var createImageComponent = (imageProps) => __spreadValues({
 var imageLayoutToComponent = (uid, {
   analyticsId,
   accessibilityDescription,
-  align = "center",
+  align,
   content,
   control,
-  margin = "md",
-  size = "md",
+  margin,
+  size,
   tags,
   text,
   url
@@ -1704,14 +1711,14 @@ var imageLayoutToComponent = (uid, {
   return createImageComponent({
     uid,
     analyticsId,
-    align: mapLegacyAlign(align),
+    align: mapLegacyAlign(align != null ? align : "center"),
     content: content ? {
       uri: (_b = (_a = content.uri) != null ? _a : content.url) != null ? _b : "",
       accessibilityDescription: (_c = content.accessibilityDescription) != null ? _c : content.text
     } : { accessibilityDescription: accessibilityDescription != null ? accessibilityDescription : text, uri: url != null ? url : "" },
     control,
-    margin,
-    size,
+    margin: margin != null ? margin : "md",
+    size: size != null ? size : "md",
     tags
   });
 };
@@ -1723,13 +1730,13 @@ var createMarkdownComponent = (markdownProps) => __spreadValues({
 }, markdownProps);
 
 // src/domain/mappers/layout/infoLayoutToComponent.ts
-var infoLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", markdown: content, tags }) => createMarkdownComponent({
+var infoLayoutToComponent = (uid, { analyticsId, align, control, margin, markdown: content, tags }) => createMarkdownComponent({
   uid,
   analyticsId,
-  align: mapLegacyAlign(align),
+  align: mapLegacyAlign(align != null ? align : "left"),
   content,
   control,
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   size: "md"
 });
@@ -1741,7 +1748,7 @@ var createInstructionsComponent = (instructionsProps) => __spreadValues({
 }, instructionsProps);
 
 // src/domain/mappers/layout/instructionsLayoutToComponent.ts
-var instructionsLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", tags, title }) => createInstructionsComponent({
+var instructionsLayoutToComponent = (uid, { analyticsId, control, items, margin, tags, title }) => createInstructionsComponent({
   uid,
   analyticsId,
   control,
@@ -1749,7 +1756,7 @@ var instructionsLayoutToComponent = (uid, { analyticsId, control, items, margin
     context: mapLegacyContext(item.context),
     tags: mapTags(item)
   })),
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   title
 });
@@ -1761,14 +1768,14 @@ var createListComponent = (listProps) => __spreadValues({
 }, listProps);
 
 // src/domain/mappers/layout/listLayoutToComponent.ts
-var listLayoutToComponent = (uid, { analyticsId, callToAction, control, items, margin = "md", tags, title }, mapperProps) => {
+var listLayoutToComponent = (uid, { analyticsId, callToAction, control, items, margin, tags, title }, mapperProps) => {
   return createListComponent({
     uid,
     analyticsId,
     control,
     items: items.map((item) => mapItem(item, mapperProps)),
     callToAction: getDomainLayerCallToAction(callToAction, mapperProps),
-    margin,
+    margin: margin != null ? margin : "md",
     tags,
     title
   });
@@ -1822,33 +1829,33 @@ var createLoadingIndicatorComponent = (loadingIndicatorProps) => __spreadValues(
 }, loadingIndicatorProps);
 
 // src/domain/mappers/layout/loadingIndicatorLayoutToComponent.ts
-var loadingIndicatorLayoutToComponent = (uid, { analyticsId, control, margin = "md", size = "md", tags }) => createLoadingIndicatorComponent({
+var loadingIndicatorLayoutToComponent = (uid, { analyticsId, control, margin, size, tags }) => createLoadingIndicatorComponent({
   uid,
   analyticsId,
   control,
-  margin,
-  size,
+  margin: margin != null ? margin : "md",
+  size: size != null ? size : "md",
   tags
 });
 
 // src/domain/mappers/layout/markdownLayoutToComponent.ts
 var markdownLayoutToComponent = (uid, {
   analyticsId,
-  align = "left",
-  margin = "md",
+  align,
+  margin,
   control,
   content,
-  size = "md",
+  size,
   tags
 }) => createMarkdownComponent({
   uid,
   analyticsId,
-  align: mapLegacyAlign(align),
+  align: mapLegacyAlign(align != null ? align : "left"),
   control,
   content,
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
-  size
+  size: size != null ? size : "md"
 });
 
 // src/domain/components/ModalLayoutComponent.ts
@@ -1862,7 +1869,7 @@ var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
 });
 
 // src/domain/mappers/layout/modalLayoutToComponent.ts
-var modalLayoutToComponent = (uid, { analyticsId, content, control, margin = "md", tags, trigger }, mapperProps, schemaComponents) => {
+var modalLayoutToComponent = (uid, { analyticsId, content, control, margin, tags, trigger }, mapperProps, schemaComponents) => {
   const { components, title } = content;
   return createModalComponent({
     uid,
@@ -1874,7 +1881,7 @@ var modalLayoutToComponent = (uid, { analyticsId, content, control, margin = "md
       title
     },
     control,
-    margin,
+    margin: margin != null ? margin : "md",
     tags,
     trigger
   });
@@ -1887,15 +1894,15 @@ var createParagraphComponent = (paragraphProps) => __spreadValues({
 }, paragraphProps);
 
 // src/domain/mappers/layout/paragraphLayoutToComponent.ts
-var paragraphLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", size = "md", tags, text }) => createParagraphComponent({
+var paragraphLayoutToComponent = (uid, { analyticsId, align, control, margin, size, tags, text }) => createParagraphComponent({
   uid,
   analyticsId,
   text,
   control,
-  align: mapLegacyAlign(align),
-  margin,
+  align: mapLegacyAlign(align != null ? align : "left"),
+  margin: margin != null ? margin : "md",
   tags,
-  size
+  size: size != null ? size : "md"
 });
 
 // src/domain/components/ReviewComponent.ts
@@ -1911,7 +1918,7 @@ var reviewLayoutToComponent = (uid, {
   title,
   callToAction,
   control,
-  margin = "md",
+  margin,
   tags,
   orientation,
   action
@@ -1921,7 +1928,7 @@ var reviewLayoutToComponent = (uid, {
   callToAction: getCallToAction2({ mapperProps, callToAction, action }),
   control: getOrientationControl({ control, orientation }),
   fields: fields.map((field) => mapReviewField(field, mapperProps)),
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   title
 });
@@ -2132,17 +2139,7 @@ var isValidResponseBody = (body) => isObject(body) && "results" in body && isArr
 var hashRequest = (query, config) => JSON.stringify({ query, config });
 
 // src/domain/mappers/layout/searchLayoutToComponent.ts
-var searchLayoutToComponent = (uid, {
-  analyticsId,
-  control,
-  emptyMessage = "",
-  method,
-  param,
-  title,
-  url,
-  margin = "md",
-  tags
-}, mapperProps) => {
+var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, method, param, title, url, margin, tags }, mapperProps) => {
   const { httpClient, onBehavior, updateComponent } = mapperProps;
   const search = getPerformSearchFunction(httpClient, { method, param, url });
   return createSearchComponent(
@@ -2150,8 +2147,8 @@ var searchLayoutToComponent = (uid, {
       uid,
       analyticsId,
       control,
-      emptyMessage,
-      margin,
+      emptyMessage: emptyMessage != null ? emptyMessage : "",
+      margin: margin != null ? margin : "md",
       tags,
       title
     },
@@ -2162,7 +2159,7 @@ var searchLayoutToComponent = (uid, {
 };
 
 // src/domain/mappers/layout/statusListLayoutToComponent.ts
-var statusListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", tags, title }, mapperProps) => createStatusListComponent({
+var statusListLayoutToComponent = (uid, { analyticsId, control, items, margin, tags, title }, mapperProps) => createStatusListComponent({
   uid,
   analyticsId,
   control,
@@ -2170,7 +2167,7 @@ var statusListLayoutToComponent = (uid, { analyticsId, control, items, margin =
     const callToAction = getDomainLayerCallToAction(item.callToAction, mapperProps);
     return __spreadProps(__spreadValues({}, item), { callToAction, tags: mapTags(item) });
   }),
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   title
 });
@@ -2187,7 +2184,7 @@ var createSectionComponent = (props) => {
 };
 
 // src/domain/mappers/layout/sectionLayoutToComponent.ts
-var sectionLayoutToComponent = (uid, { analyticsId, control, title, components, callToAction, margin = "md", tags }, mapperProps, schemaComponents) => {
+var sectionLayoutToComponent = (uid, { analyticsId, control, title, components, callToAction, margin, tags }, mapperProps, schemaComponents) => {
   return createSectionComponent({
     uid,
     analyticsId,
@@ -2196,7 +2193,7 @@ var sectionLayoutToComponent = (uid, { analyticsId, control, title, components,
     components: components.map(
       (component, index) => mapLayoutToComponent(`${uid}.section-${index}`, component, mapperProps, schemaComponents)
     ),
-    margin,
+    margin: margin != null ? margin : "md",
     callToAction: getDomainLayerCallToAction(callToAction, mapperProps),
     tags
   });
@@ -2209,11 +2206,11 @@ var createTabsComponent = (tabsProps) => __spreadProps(__spreadValues({}, tabsPr
 });
 
 // src/domain/mappers/layout/tabsLayoutToComponent.ts
-var tabsLayoutToComponent = (uid, { analyticsId, control, margin = "md", tags, tabs }, mapperProps, schemaComponents) => createTabsComponent({
+var tabsLayoutToComponent = (uid, { analyticsId, control, margin, tags, tabs }, mapperProps, schemaComponents) => createTabsComponent({
   uid,
   analyticsId,
   control,
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   tabs: mapTabs(tabs, uid, mapperProps, schemaComponents)
 });
@@ -2239,11 +2236,11 @@ var createProgressComponent = (progressProps) => __spreadValues({
 // src/domain/mappers/layout/progressLayoutToComponent.ts
 var progressLayoutToComponent = (uid, {
   analyticsId,
-  context = "neutral",
+  context,
   control,
   description,
   help,
-  margin = "md",
+  margin,
   progress,
   progressText,
   tags,
@@ -2251,11 +2248,11 @@ var progressLayoutToComponent = (uid, {
 }) => createProgressComponent({
   uid,
   analyticsId,
-  context: mapLegacyContext(context),
+  context: mapLegacyContext(context != null ? context : "neutral"),
   control,
   description,
   help: help == null ? void 0 : help.markdown,
-  margin,
+  margin: margin != null ? margin : "md",
   progress,
   progressText,
   tags,
@@ -5700,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: [] });
@@ -5790,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");
@@ -5814,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)
@@ -5846,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,
@@ -5898,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) => {
@@ -6363,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);
@@ -6379,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)
     })
   );
@@ -6520,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/layout/searchLayoutToComponent.d.ts

@@ -1,3 +1,3 @@
 import type { SearchLayout } from '@wise/dynamic-flow-types/spec';
 import type { MapperProps } from '../schema/types';
-export declare const searchLayoutToComponent: (uid: string, { analyticsId, control, emptyMessage, method, param, title, url, margin, tags, }: SearchLayout, mapperProps: MapperProps) => import("../../components/searchComponent/SearchComponent").SearchComponent;
+export declare const searchLayoutToComponent: (uid: string, { analyticsId, control, emptyMessage, method, param, title, url, margin, tags }: SearchLayout, mapperProps: MapperProps) => import("../../components/searchComponent/SearchComponent").SearchComponent;

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.0",
+  "version": "5.1.2",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -32,30 +32,30 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "4.1.3",
-    "@formatjs/cli": "^6.7.4",
-    "@storybook/addon-a11y": "^10.1.4",
-    "@storybook/addon-docs": "^10.1.4",
-    "@storybook/addon-links": "^10.1.4",
-    "@storybook/react-vite": "10.1.4",
+    "@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.115.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.1",
+    "@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.1",
-    "@wise/art": "2.24.7",
-    "@wise/components-theming": "^1.9.0",
+    "@vitejs/plugin-react": "5.1.2",
+    "@wise/art": "2.25.0",
+    "@wise/components-theming": "^1.9.1",
     "esbuild": "0.27.0",
-    "eslint-plugin-storybook": "10.1.4",
-    "framer-motion": "^12.23.25",
+    "eslint-plugin-storybook": "10.1.11",
+    "framer-motion": "^12.23.26",
     "npm-run-all2": "8.0.4",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
@@ -63,14 +63,14 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^10.1.4",
+    "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-fixtures": "0.0.1",
     "@wise/dynamic-flow-renderers": "0.0.0"
@@ -86,7 +86,7 @@
     "react-intl": "^6"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.1.0"
+    "@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 {};