@wise/dynamic-flow-client 4.15.0 → 4.16.0

package/build/main.js

@@ -1228,6 +1228,7 @@ var getChildren = (node) => {
     case "input-upload-multi":
     case "input-number":
     case "paragraph":
+    case "progress":
     case "review":
     case "search":
     case "status-list":
@@ -1986,6 +1987,22 @@ var uploadInputComponentToProps = (component, rendererMapperProps) => {
   });
 };
 
+// src/revamp/renderers/mappers/progressComponentToProps.ts
+var progressComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(
+  component,
+  "uid",
+  "type",
+  "analyticsId",
+  "context",
+  "control",
+  "description",
+  "help",
+  "margin",
+  "progress",
+  "progressText",
+  "title"
+)), rendererMapperProps);
+
 // src/revamp/renderers/mappers/componentToRendererProps.ts
 var componentToRendererProps = (component, mapperProps) => {
   if (isHiddenComponent(component)) {
@@ -2068,6 +2085,8 @@ var getComponentProps = (component, rendererMapperProps) => {
       return objectComponentToProps(component, rendererMapperProps);
     case "paragraph":
       return paragraphComponentToProps(component, rendererMapperProps);
+    case "progress":
+      return progressComponentToProps(component, rendererMapperProps);
     case "repeatable":
       return repeatableComponentToProps(component, rendererMapperProps);
     case "review":
@@ -3157,6 +3176,36 @@ var tabsLayoutToComponent = (uid, { analyticsId, control, margin = "md", tabs },
   }))
 });
 
+// src/revamp/domain/components/ProgressComponent.ts
+var createProgressComponent = (progressProps) => __spreadValues({
+  type: "progress",
+  kind: "layout"
+}, progressProps);
+
+// src/revamp/domain/mappers/layout/progressLayoutToComponent.ts
+var progressLayoutToComponent = (uid, {
+  analyticsId,
+  context = "neutral",
+  control,
+  description,
+  help,
+  margin = "md",
+  progress,
+  progressText,
+  title
+}) => createProgressComponent({
+  uid,
+  analyticsId,
+  context: mapLegacyContext(context),
+  control,
+  description,
+  help: help == null ? void 0 : help.markdown,
+  margin,
+  progress,
+  progressText,
+  title
+});
+
 // src/revamp/domain/mappers/mapLayoutToComponent.ts
 var mapLayoutToComponent = (uid, layout, mapperProps, schemaComponents) => {
   switch (layout.type) {
@@ -3192,6 +3241,8 @@ var mapLayoutToComponent = (uid, layout, mapperProps, schemaComponents) => {
       return modalLayoutToComponent(uid, layout, mapperProps, schemaComponents);
     case "paragraph":
       return paragraphLayoutToComponent(uid, layout);
+    case "progress":
+      return progressLayoutToComponent(uid, layout);
     case "review":
       return reviewLayoutToComponent(uid, layout, mapperProps);
     case "search":

package/build/main.mjs

@@ -1185,6 +1185,7 @@ var getChildren = (node) => {
     case "input-upload-multi":
     case "input-number":
     case "paragraph":
+    case "progress":
     case "review":
     case "search":
     case "status-list":
@@ -1943,6 +1944,22 @@ var uploadInputComponentToProps = (component, rendererMapperProps) => {
   });
 };
 
+// src/revamp/renderers/mappers/progressComponentToProps.ts
+var progressComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(
+  component,
+  "uid",
+  "type",
+  "analyticsId",
+  "context",
+  "control",
+  "description",
+  "help",
+  "margin",
+  "progress",
+  "progressText",
+  "title"
+)), rendererMapperProps);
+
 // src/revamp/renderers/mappers/componentToRendererProps.ts
 var componentToRendererProps = (component, mapperProps) => {
   if (isHiddenComponent(component)) {
@@ -2025,6 +2042,8 @@ var getComponentProps = (component, rendererMapperProps) => {
       return objectComponentToProps(component, rendererMapperProps);
     case "paragraph":
       return paragraphComponentToProps(component, rendererMapperProps);
+    case "progress":
+      return progressComponentToProps(component, rendererMapperProps);
     case "repeatable":
       return repeatableComponentToProps(component, rendererMapperProps);
     case "review":
@@ -3114,6 +3133,36 @@ var tabsLayoutToComponent = (uid, { analyticsId, control, margin = "md", tabs },
   }))
 });
 
+// src/revamp/domain/components/ProgressComponent.ts
+var createProgressComponent = (progressProps) => __spreadValues({
+  type: "progress",
+  kind: "layout"
+}, progressProps);
+
+// src/revamp/domain/mappers/layout/progressLayoutToComponent.ts
+var progressLayoutToComponent = (uid, {
+  analyticsId,
+  context = "neutral",
+  control,
+  description,
+  help,
+  margin = "md",
+  progress,
+  progressText,
+  title
+}) => createProgressComponent({
+  uid,
+  analyticsId,
+  context: mapLegacyContext(context),
+  control,
+  description,
+  help: help == null ? void 0 : help.markdown,
+  margin,
+  progress,
+  progressText,
+  title
+});
+
 // src/revamp/domain/mappers/mapLayoutToComponent.ts
 var mapLayoutToComponent = (uid, layout, mapperProps, schemaComponents) => {
   switch (layout.type) {
@@ -3149,6 +3198,8 @@ var mapLayoutToComponent = (uid, layout, mapperProps, schemaComponents) => {
       return modalLayoutToComponent(uid, layout, mapperProps, schemaComponents);
     case "paragraph":
       return paragraphLayoutToComponent(uid, layout);
+    case "progress":
+      return progressLayoutToComponent(uid, layout);
     case "review":
       return reviewLayoutToComponent(uid, layout, mapperProps);
     case "search":

package/build/types/index.d.ts

@@ -13,4 +13,4 @@ export { default as JsonSchemaForm } from './legacy/jsonSchemaForm';
 export { DynamicLayout as Layout } from './legacy/layout';
 export * from './legacy/dynamicFlow/DynamicFlow';
 export { findRendererPropsByType } from './revamp/renderers/utils';
-export type { AlertRendererProps, BoxRendererProps, ButtonRendererProps, CheckboxInputRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, FormSectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalLayoutRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, Renderer, Renderers, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';
+export type { AlertRendererProps, BoxRendererProps, ButtonRendererProps, CheckboxInputRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, FormSectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalLayoutRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, ProgressRendererProps, Renderer, Renderers, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';

package/build/types/revamp/domain/components/ProgressComponent.d.ts

@@ -0,0 +1,12 @@
+import type { BaseLayoutComponent, Context } from '../types';
+export type ProgressComponent = BaseLayoutComponent & {
+    type: 'progress';
+    kind: 'layout';
+    context: Context;
+    title?: string;
+    description?: string;
+    progress: number;
+    progressText: string;
+    help?: string;
+};
+export declare const createProgressComponent: (progressProps: Pick<ProgressComponent, "uid" | "analyticsId" | "control" | "margin" | "context" | "title" | "description" | "progress" | "progressText" | "help">) => ProgressComponent;

package/build/types/revamp/domain/mappers/layout/progressLayoutToComponent.d.ts

@@ -0,0 +1,2 @@
+import type { ProgressLayout } from '@wise/dynamic-flow-types/build/next';
+export declare const progressLayoutToComponent: (uid: string, { analyticsId, context, control, description, help, margin, progress, progressText, title, }: ProgressLayout) => import("../../components/ProgressComponent").ProgressComponent;

package/build/types/revamp/domain/types.d.ts

@@ -26,6 +26,7 @@ import type { NumberInputComponent } from './components/NumberInputComponent';
 import type { ObjectComponent } from './components/ObjectComponent';
 import type { ParagraphComponent } from './components/ParagraphComponent';
 import { PersistAsyncComponent } from './components/PersistAsyncComponent';
+import type { ProgressComponent } from './components/ProgressComponent';
 import type { RepeatableComponent } from './components/RepeatableComponent';
 import type { ReviewComponent } from './components/ReviewComponent';
 import type { RootDomainComponent } from './components/RootDomainComponent';
@@ -39,7 +40,7 @@ import type { TabsComponent } from './components/TabsComponent';
 import type { TextInputComponent } from './components/TextInputComponent';
 import type { TupleComponent } from './components/TupleComponent';
 import type { UploadInputComponent } from './components/UploadInputComponent';
-export type DomainComponent = RootDomainComponent | StepDomainComponent | PersistAsyncComponent | AllOfComponent | BooleanInputComponent | ConstComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | RepeatableComponent | SelectInputComponent | TextInputComponent | TupleComponent | UploadInputComponent | AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DecisionComponent | DividerComponent | ExternalConfirmationComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | ModalLayoutComponent | ModalComponent | ParagraphComponent | ReviewComponent | SearchComponent | SectionComponent | StatusListComponent | TabsComponent;
+export type DomainComponent = RootDomainComponent | StepDomainComponent | PersistAsyncComponent | AllOfComponent | BooleanInputComponent | ConstComponent | DateInputComponent | IntegerInputComponent | MultiSelectComponent | MultiUploadInputComponent | NumberInputComponent | ObjectComponent | RepeatableComponent | SelectInputComponent | TextInputComponent | TupleComponent | UploadInputComponent | AlertComponent | BoxComponent | ButtonComponent | ColumnsComponent | ContainerComponent | DecisionComponent | DividerComponent | ExternalConfirmationComponent | FormComponent | HeadingComponent | ImageComponent | InstructionsComponent | ListComponent | LoadingIndicatorComponent | MarkdownComponent | ModalLayoutComponent | ModalComponent | ParagraphComponent | ProgressComponent | ReviewComponent | SearchComponent | SectionComponent | StatusListComponent | TabsComponent;
 export type SchemaComponent = DomainComponent & {
     kind: 'input';
 };

package/build/types/revamp/renderers/mappers/progressComponentToProps.d.ts

@@ -0,0 +1,4 @@
+import type { ProgressRendererProps } from '@wise/dynamic-flow-types/build/renderers';
+import type { ProgressComponent } from '../../domain/components/ProgressComponent';
+import { RendererMapperProps } from './componentToRendererProps';
+export declare const progressComponentToProps: (component: ProgressComponent, rendererMapperProps: RendererMapperProps) => ProgressRendererProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.15.0",
+  "version": "4.16.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -42,6 +42,7 @@
     "@storybook/addon-docs": "^9.1.2",
     "@storybook/addon-links": "^9.1.2",
     "@storybook/react-vite": "9.1.2",
+    "@storybook/test": "8.6.14",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.6.4",
     "@testing-library/react": "16.3.0",
@@ -78,8 +79,8 @@
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
     "tsx": "4.20.4",
     "typescript": "5.9.2",
-    "@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",
@@ -92,11 +93,10 @@
     "react-intl": "^6"
   },
   "dependencies": {
-    "@storybook/test": "8.6.14",
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.12.0"
+    "@wise/dynamic-flow-types": "3.13.0"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",