@wise/dynamic-flow-client-internal 4.12.5 → 4.13.0

package/build/main.js

@@ -1080,7 +1080,7 @@ function FlagIcon({ name }) {
     return null;
   }
   const code = name.substring(5);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_art.Flag, { code });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_art.Flag, { code, intrinsicSize: 24 });
 }
 
 // ../renderers/src/components/icon/NamedIcon.tsx
@@ -1190,14 +1190,21 @@ var DecisionRenderer = {
   render: ({ control, margin, options, title }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: getMargin(margin), children: [
     title && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components9.Header, { as: "h2", title }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_components9.NavigationOptionsList, { children: options.map((option) => {
-      const { description, disabled, icon, image, title: itemTitle, onClick } = option;
+      const { description, disabled, icon, image, title: itemTitle, tag, onClick } = option;
       return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         import_components9.NavigationOption,
         {
           title: itemTitle,
           content: description,
           disabled,
-          media: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(OptionMedia, { icon, image, preferAvatar: control === "with-avatar" }),
+          media: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            OptionMedia,
+            {
+              icon,
+              image,
+              preferAvatar: control === "with-avatar" || tag === "with-avatar"
+            }
+          ),
           showMediaCircle: false,
           showMediaAtAllSizes: true,
           onClick
@@ -2819,13 +2826,36 @@ var LargeUploadRenderer = {
 
 // ../renderers/src/ReviewRenderer.tsx
 var import_components37 = require("@transferwise/components");
+
+// ../renderers/src/utils/getHeaderAction.tsx
+var getHeaderAction = (callToAction) => {
+  if (!callToAction) {
+    return void 0;
+  }
+  const { accessibilityDescription, href, title, onClick } = callToAction;
+  return href ? {
+    "aria-label": accessibilityDescription,
+    text: title,
+    href,
+    target: "_blank"
+  } : {
+    "aria-label": accessibilityDescription,
+    text: title,
+    onClick: (event) => {
+      event.preventDefault();
+      onClick();
+    }
+  };
+};
+
+// ../renderers/src/ReviewRenderer.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var ReviewRenderer = {
   canRenderType: "review",
   render: ({ callToAction, control, fields, margin, title }) => {
     const orientation = mapControlToDefinitionListLayout(control);
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: getMargin(margin), children: [
-      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_components37.Header, { title: title != null ? title : "", action: getReviewAction(callToAction) }),
+      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_components37.Header, { title: title != null ? title : "", action: getHeaderAction(callToAction) }),
       /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: margin, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         import_components37.DefinitionList,
         {
@@ -2870,28 +2900,6 @@ var getFieldValue = (value, help, orientation) => {
   }
   return value;
 };
-var getReviewAction = (callToAction) => {
-  if (!callToAction) {
-    return void 0;
-  }
-  const { accessibilityDescription, href, title, onClick } = callToAction;
-  if (!href) {
-    return {
-      "aria-label": accessibilityDescription,
-      text: title,
-      onClick: (event) => {
-        event.preventDefault();
-        onClick();
-      }
-    };
-  }
-  return {
-    "aria-label": accessibilityDescription,
-    href,
-    target: "_blank",
-    text: title
-  };
-};
 
 // ../renderers/src/step/StepRenderer.tsx
 var import_components39 = require("@transferwise/components");
@@ -2954,7 +2962,8 @@ var DesignSystemListItem = ({
   supportingValues,
   icon,
   image,
-  control
+  control,
+  tag
 }) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   "label",
   {
@@ -2963,7 +2972,14 @@ var DesignSystemListItem = ({
       "np-option__container-aligned": true
     }),
     children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "media", children: [
-      icon || image ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "media-left", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ListItemMedia, { image, icon, preferAvatar: control === "with-avatar" }) }) : null,
+      icon || image ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "media-left", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        ListItemMedia,
+        {
+          image,
+          icon,
+          preferAvatar: control === "with-avatar" || tag === "with-avatar"
+        }
+      ) }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "media-body", children: [
         /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "d-flex justify-content-between", children: [
           /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h4", { className: "np-text-body-large-bold text-primary np-option__title", children: title }),
@@ -3141,6 +3157,20 @@ function getOrigin(url) {
 }
 var ExternalConfirmationRenderer_default = ExternalConfirmationRenderer;
 
+// ../renderers/src/SectionRenderer.tsx
+var import_components42 = require("@transferwise/components");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var SectionRenderer = {
+  canRenderType: "section",
+  render: ({ children, callToAction, margin, title }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("section", { className: getMargin(margin), children: [
+      (title || callToAction) && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_components42.Header, { title: title != null ? title : "", action: getHeaderAction(callToAction) }),
+      children
+    ] });
+  }
+};
+var SectionRenderer_default = SectionRenderer;
+
 // ../renderers/src/getWiseRenderers.ts
 var getWiseRenderers = () => [
   AlertRenderer_default,
@@ -3171,6 +3201,7 @@ var getWiseRenderers = () => [
   ReviewRenderer_default,
   SearchRenderer_default,
   SelectInputRenderer_default,
+  SectionRenderer_default,
   StatusListRenderer_default,
   TextInputRenderer_default,
   UploadInputRenderer,
@@ -3180,17 +3211,17 @@ var getWiseRenderers = () => [
 ];
 
 // ../renderers/src/ModalContentRenderer.tsx
-var import_components42 = require("@transferwise/components");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_components43 = require("@transferwise/components");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var ModalContentRenderer = {
   canRenderType: "modal-content",
   render: ({ title, children, open, onClose }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_components42.Modal, { open, title, body: children, onClose });
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_components43.Modal, { open, title, body: children, onClose });
   }
 };
 
 // src/dynamicFlow/telemetry/app-version.ts
-var appVersion = "4.12.5";
+var appVersion = "4.13.0";
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
 var getLogEvent = (onLog) => (level, message, extra) => {
@@ -3229,12 +3260,12 @@ var getTrackEvent = (onEvent, onAnalytics, onThemeChange) => (name, properties)
 };
 
 // src/dynamicFlow/DynamicFlow.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var wiseRenderers = getWiseRenderers();
 function DynamicFlowLegacy(props) {
   const { customFetch = globalThis.fetch } = props;
   const coreProps = __spreadProps(__spreadValues({}, props), { httpClient: customFetch });
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_dynamic_flow_client2.DynamicFlow, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_dynamic_flow_client2.DynamicFlow, __spreadValues({}, coreProps));
 }
 function DynamicFlowRevamp(props) {
   const {
@@ -3263,7 +3294,7 @@ function DynamicFlowRevamp(props) {
     onLog: logEvent,
     onLink
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_dynamic_flow_client2.DynamicFlowCoreRevamp, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_dynamic_flow_client2.DynamicFlowCoreRevamp, __spreadValues({}, coreProps));
 }
 var DynamicForm = (0, import_react13.forwardRef)(function DynamicForm2(props, ref) {
   const {
@@ -3292,7 +3323,7 @@ var DynamicForm = (0, import_react13.forwardRef)(function DynamicForm2(props, re
     onLog: logEvent,
     onLink
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_dynamic_flow_client2.DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref }));
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_dynamic_flow_client2.DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref }));
 });
 var useWiseHttpClient = (httpClient) => {
   const { locale } = (0, import_react_intl16.useIntl)();

package/build/main.mjs

@@ -1046,7 +1046,7 @@ function FlagIcon({ name }) {
     return null;
   }
   const code = name.substring(5);
-  return /* @__PURE__ */ jsx11(Flag, { code });
+  return /* @__PURE__ */ jsx11(Flag, { code, intrinsicSize: 24 });
 }
 
 // ../renderers/src/components/icon/NamedIcon.tsx
@@ -1156,14 +1156,21 @@ var DecisionRenderer = {
   render: ({ control, margin, options, title }) => /* @__PURE__ */ jsxs3("div", { className: getMargin(margin), children: [
     title && /* @__PURE__ */ jsx17(Header, { as: "h2", title }),
     /* @__PURE__ */ jsx17(NavigationOptionsList, { children: options.map((option) => {
-      const { description, disabled, icon, image, title: itemTitle, onClick } = option;
+      const { description, disabled, icon, image, title: itemTitle, tag, onClick } = option;
       return /* @__PURE__ */ jsx17(
         NavigationOption,
         {
           title: itemTitle,
           content: description,
           disabled,
-          media: /* @__PURE__ */ jsx17(OptionMedia, { icon, image, preferAvatar: control === "with-avatar" }),
+          media: /* @__PURE__ */ jsx17(
+            OptionMedia,
+            {
+              icon,
+              image,
+              preferAvatar: control === "with-avatar" || tag === "with-avatar"
+            }
+          ),
           showMediaCircle: false,
           showMediaAtAllSizes: true,
           onClick
@@ -2795,13 +2802,36 @@ var LargeUploadRenderer = {
 
 // ../renderers/src/ReviewRenderer.tsx
 import { DefinitionList, Header as Header6 } from "@transferwise/components";
+
+// ../renderers/src/utils/getHeaderAction.tsx
+var getHeaderAction = (callToAction) => {
+  if (!callToAction) {
+    return void 0;
+  }
+  const { accessibilityDescription, href, title, onClick } = callToAction;
+  return href ? {
+    "aria-label": accessibilityDescription,
+    text: title,
+    href,
+    target: "_blank"
+  } : {
+    "aria-label": accessibilityDescription,
+    text: title,
+    onClick: (event) => {
+      event.preventDefault();
+      onClick();
+    }
+  };
+};
+
+// ../renderers/src/ReviewRenderer.tsx
 import { Fragment as Fragment7, jsx as jsx52, jsxs as jsxs17 } from "react/jsx-runtime";
 var ReviewRenderer = {
   canRenderType: "review",
   render: ({ callToAction, control, fields, margin, title }) => {
     const orientation = mapControlToDefinitionListLayout(control);
     return /* @__PURE__ */ jsxs17("div", { className: getMargin(margin), children: [
-      (title || callToAction) && /* @__PURE__ */ jsx52(Header6, { title: title != null ? title : "", action: getReviewAction(callToAction) }),
+      (title || callToAction) && /* @__PURE__ */ jsx52(Header6, { title: title != null ? title : "", action: getHeaderAction(callToAction) }),
       /* @__PURE__ */ jsx52("div", { className: margin, children: /* @__PURE__ */ jsx52(
         DefinitionList,
         {
@@ -2846,28 +2876,6 @@ var getFieldValue = (value, help, orientation) => {
   }
   return value;
 };
-var getReviewAction = (callToAction) => {
-  if (!callToAction) {
-    return void 0;
-  }
-  const { accessibilityDescription, href, title, onClick } = callToAction;
-  if (!href) {
-    return {
-      "aria-label": accessibilityDescription,
-      text: title,
-      onClick: (event) => {
-        event.preventDefault();
-        onClick();
-      }
-    };
-  }
-  return {
-    "aria-label": accessibilityDescription,
-    href,
-    target: "_blank",
-    text: title
-  };
-};
 
 // ../renderers/src/step/StepRenderer.tsx
 import { Alert as Alert2, Title as Title2 } from "@transferwise/components";
@@ -2930,7 +2938,8 @@ var DesignSystemListItem = ({
   supportingValues,
   icon,
   image,
-  control
+  control,
+  tag
 }) => /* @__PURE__ */ jsx55(
   "label",
   {
@@ -2939,7 +2948,14 @@ var DesignSystemListItem = ({
       "np-option__container-aligned": true
     }),
     children: /* @__PURE__ */ jsxs20("div", { className: "media", children: [
-      icon || image ? /* @__PURE__ */ jsx55("div", { className: "media-left", children: /* @__PURE__ */ jsx55(ListItemMedia, { image, icon, preferAvatar: control === "with-avatar" }) }) : null,
+      icon || image ? /* @__PURE__ */ jsx55("div", { className: "media-left", children: /* @__PURE__ */ jsx55(
+        ListItemMedia,
+        {
+          image,
+          icon,
+          preferAvatar: control === "with-avatar" || tag === "with-avatar"
+        }
+      ) }) : null,
       /* @__PURE__ */ jsxs20("div", { className: "media-body", children: [
         /* @__PURE__ */ jsxs20("div", { className: "d-flex justify-content-between", children: [
           /* @__PURE__ */ jsx55("h4", { className: "np-text-body-large-bold text-primary np-option__title", children: title }),
@@ -3117,6 +3133,20 @@ function getOrigin(url) {
 }
 var ExternalConfirmationRenderer_default = ExternalConfirmationRenderer;
 
+// ../renderers/src/SectionRenderer.tsx
+import { Header as Header8 } from "@transferwise/components";
+import { jsx as jsx59, jsxs as jsxs24 } from "react/jsx-runtime";
+var SectionRenderer = {
+  canRenderType: "section",
+  render: ({ children, callToAction, margin, title }) => {
+    return /* @__PURE__ */ jsxs24("section", { className: getMargin(margin), children: [
+      (title || callToAction) && /* @__PURE__ */ jsx59(Header8, { title: title != null ? title : "", action: getHeaderAction(callToAction) }),
+      children
+    ] });
+  }
+};
+var SectionRenderer_default = SectionRenderer;
+
 // ../renderers/src/getWiseRenderers.ts
 var getWiseRenderers = () => [
   AlertRenderer_default,
@@ -3147,6 +3177,7 @@ var getWiseRenderers = () => [
   ReviewRenderer_default,
   SearchRenderer_default,
   SelectInputRenderer_default,
+  SectionRenderer_default,
   StatusListRenderer_default,
   TextInputRenderer_default,
   UploadInputRenderer,
@@ -3157,16 +3188,16 @@ var getWiseRenderers = () => [
 
 // ../renderers/src/ModalContentRenderer.tsx
 import { Modal as Modal4 } from "@transferwise/components";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var ModalContentRenderer = {
   canRenderType: "modal-content",
   render: ({ title, children, open, onClose }) => {
-    return /* @__PURE__ */ jsx59(Modal4, { open, title, body: children, onClose });
+    return /* @__PURE__ */ jsx60(Modal4, { open, title, body: children, onClose });
   }
 };
 
 // src/dynamicFlow/telemetry/app-version.ts
-var appVersion = "4.12.5";
+var appVersion = "4.13.0";
 
 // src/dynamicFlow/telemetry/getLogEvent.ts
 var getLogEvent = (onLog) => (level, message, extra) => {
@@ -3205,12 +3236,12 @@ var getTrackEvent = (onEvent, onAnalytics, onThemeChange) => (name, properties)
 };
 
 // src/dynamicFlow/DynamicFlow.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var wiseRenderers = getWiseRenderers();
 function DynamicFlowLegacy(props) {
   const { customFetch = globalThis.fetch } = props;
   const coreProps = __spreadProps(__spreadValues({}, props), { httpClient: customFetch });
-  return /* @__PURE__ */ jsx60(DynamicFlowCoreLegacy, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ jsx61(DynamicFlowCoreLegacy, __spreadValues({}, coreProps));
 }
 function DynamicFlowRevamp(props) {
   const {
@@ -3239,7 +3270,7 @@ function DynamicFlowRevamp(props) {
     onLog: logEvent,
     onLink
   });
-  return /* @__PURE__ */ jsx60(DynamicFlowCoreRevamp, __spreadValues({}, coreProps));
+  return /* @__PURE__ */ jsx61(DynamicFlowCoreRevamp, __spreadValues({}, coreProps));
 }
 var DynamicForm = forwardRef(function DynamicForm2(props, ref) {
   const {
@@ -3268,7 +3299,7 @@ var DynamicForm = forwardRef(function DynamicForm2(props, ref) {
     onLog: logEvent,
     onLink
   });
-  return /* @__PURE__ */ jsx60(DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref }));
+  return /* @__PURE__ */ jsx61(DynamicFormCore, __spreadProps(__spreadValues({}, coreProps), { ref }));
 });
 var useWiseHttpClient = (httpClient) => {
   const { locale } = useIntl9();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "4.12.5",
+  "version": "4.13.0",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -36,17 +36,9 @@
     "@babel/preset-env": "7.27.2",
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
-    "@chromatic-com/storybook": "3.2.6",
+    "@chromatic-com/storybook": "4.0.0",
     "@formatjs/cli": "^6.7.1",
-    "@storybook/addon-a11y": "^8.6.14",
-    "@storybook/addon-actions": "^8.6.14",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-webpack5": "^8.6.14",
-    "@storybook/test": "^8.6.14",
+    "@storybook/react-vite": "9.0.4",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
@@ -63,6 +55,7 @@
     "babel-jest": "29.7.0",
     "currency-flags": "4.0.7",
     "esbuild": "0.25.5",
+    "eslint-plugin-storybook": "9.0.4",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
@@ -74,17 +67,16 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-intl": "6.8.9",
-    "storybook": "^8.6.14",
+    "storybook": "^9.0.4",
     "stylelint": "16.19.1",
     "stylelint-config-standard": "36.0.1",
     "stylelint-no-unsupported-browser-features": "8.0.4",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "tsx": "4.19.4",
     "typescript": "5.8.3",
-    "webpack": "5.99.9",
     "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-types": "3.3.5",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-types": "3.4.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",
@@ -93,14 +85,14 @@
     "@transferwise/neptune-css": "^14.22.0",
     "@wise/art": "^2.19.0",
     "@wise/components-theming": "^0.7.1 || ^1",
+    "react": "^18",
     "react-dom": "^18",
-    "react-intl": "^6",
-    "react": "^18"
+    "react-intl": "^6"
   },
   "dependencies": {
     "classnames": "2.5.1",
-    "@wise/dynamic-flow-client": "4.5.7",
-    "@wise/dynamic-flow-types": "3.3.5"
+    "@wise/dynamic-flow-client": "4.6.0",
+    "@wise/dynamic-flow-types": "3.4.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",
@@ -120,6 +112,7 @@
     "lint": "npm-run-all lint:ts lint:css",
     "lint:ts": "eslint 'src/**/*.{js,jsx,ts,tsx}' --quiet",
     "lint:css": "stylelint --allow-empty-input './src/**/*.css'",
-    "build-storybook": "pnpm build:visual-tests && storybook build -c .storybook --disable-telemetry"
+    "build-storybook": "pnpm build:visual-tests && storybook build -c .storybook --disable-telemetry",
+    "audit-i18n": "tsx ./scripts/audit-i18n.mjs"
   }
 }

package/build/types/stories/DynamicFlow.story.d.ts

@@ -1,8 +0,0 @@
-import type { StoryObj, Meta } from '@storybook/react';
-declare function DynamicFlowRenderer({ initialStepName, revampEnabled, }: {
-    initialStepName?: string;
-    revampEnabled?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare const meta: Meta<typeof DynamicFlowRenderer>;
-export declare const AllFixtures: StoryObj<typeof DynamicFlowRenderer>;
-export default meta;

package/build/types/stories/DynamicForm.story.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare function DynamicFormStory(): import("react/jsx-runtime").JSX.Element;
-declare const meta: Meta<typeof DynamicFormStory>;
-export declare const AllFixtures: StoryObj<typeof DynamicFormStory>;
-export default meta;

package/build/types/stories/Editable.story.d.ts

@@ -1,23 +0,0 @@
-export declare function Editable({ initialStepName }: {
-    initialStepName?: string;
-}): import("react/jsx-runtime").JSX.Element;
-declare const _default: {
-    component: typeof Editable;
-    title: string;
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
-    argTypes: {
-        initialStepName: {
-            label: string;
-            control: string;
-            options: string[];
-        };
-    };
-    args: {
-        initialStepName: string;
-    };
-};
-export default _default;

package/build/types/stories/Examples.story.d.ts

@@ -1,20 +0,0 @@
-import DynamicFlowSideBySide from './utils/DynamicFlowSideBySide';
-import { StoryObj } from '@storybook/react';
-declare const _default: {
-    title: string;
-    component: typeof DynamicFlowSideBySide;
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
-    argTypes: {};
-};
-export default _default;
-type Story = StoryObj<typeof DynamicFlowSideBySide>;
-export declare const CameraCapture: Story;
-export declare const RecipientUpdate: Story;
-export declare const SingleFileUpload: Story;
-export declare const RecipientCreation: Story;
-export declare const StepValidationErrors: Story;
-export declare const RecipientCreationWithInitialModel: Story;

package/build/types/stories/Features.story.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import DynamicFlowSideBySide from './utils/DynamicFlowSideBySide';
-declare const meta: Meta<typeof DynamicFlowSideBySide>;
-export default meta;
-type Story = StoryObj<typeof DynamicFlowSideBySide>;
-export declare const ActionResponse: Story;
-export declare const ArrayUploadBase64: Story;
-export declare const External: Story;
-export declare const PersistAsync: Story;
-export declare const Polling: Story;
-export declare const Search: Story;
-export declare const Modal: Story;

package/build/types/stories/Initialisation.story.d.ts

@@ -1,12 +0,0 @@
-import { DynamicFlowRevamp } from '../dynamicFlow/DynamicFlow';
-declare const _default: {
-    title: string;
-    component: typeof DynamicFlowRevamp;
-};
-export default _default;
-export declare const InitialisationWithSuccessfulStep: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-export declare const InitialisationWith404Step: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};

package/build/types/stories/SCAIntegration.story.d.ts

@@ -1,12 +0,0 @@
-import { DynamicFlowRevamp } from '../index';
-declare const _default: {
-    component: typeof DynamicFlowRevamp;
-    title: string;
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
-};
-export default _default;
-export declare function SCAIntegration(): import("react/jsx-runtime").JSX.Element;