@wise/dynamic-flow-client 3.28.7 → 3.28.9

package/build/main.mjs

@@ -1587,8 +1587,6 @@ var mapControl = (control) => {
     case "primary":
     case "tertiary":
       return control;
-    case "minimal":
-      return "tertiary";
     default:
       return "secondary";
   }
@@ -3806,57 +3804,41 @@ var isStringSchema = (schema) => "type" in schema && schema.type === "string";
 var isStringSchemaWithUpload = (schema) => isStringSchema(schema) && schema.format === "base64url";
 var isSchemaWithPersistAsync = (schema) => "persistAsync" in schema && !isNullish2(schema.persistAsync);
 
+// src/revamp/renderers/mappers/utils/pick.ts
+function pick(obj, ...keys) {
+  const result = {};
+  keys.forEach((key) => {
+    result[key] = obj[key];
+  });
+  return result;
+}
+
 // src/revamp/renderers/stepComponentToProps.ts
-var stepComponentToProps = ({
-  back,
-  description,
-  error,
-  external,
-  loadingState,
-  step,
-  title,
-  onAction,
-  trackEvent
-}, children) => ({
-  type: "step",
-  back,
-  description,
-  error,
-  external,
-  loadingState,
-  title,
-  trackEvent,
-  step,
-  onAction,
+var stepComponentToProps = (component, children) => __spreadProps(__spreadValues({
+  type: "step"
+}, pick(
+  component,
+  "back",
+  "description",
+  "error",
+  "external",
+  "loadingState",
+  "step",
+  "title",
+  "onAction",
+  "trackEvent"
+)), {
   children
 });
 
 // src/revamp/renderers/mappers/alertComponentToProps.ts
-var alertComponentToProps = ({
-  callToAction,
-  context,
-  control,
-  margin,
-  markdown
-}) => ({
-  type: "alert",
-  callToAction,
-  context,
-  control,
-  margin,
-  markdown
-});
+var alertComponentToProps = (component) => pick(component, "type", "callToAction", "context", "control", "margin", "markdown");
 
 // src/revamp/renderers/mappers/allOfComponentToProps.ts
-var allOfComponentToProps = ({ control, description, help, icon, image, title }, children) => ({
-  type: "form-section",
-  children,
-  control,
-  description,
-  help,
-  icon,
-  image,
-  title
+var allOfComponentToProps = (component, children) => __spreadProps(__spreadValues({
+  type: "form-section"
+}, pick(component, "control", "description", "help", "icon", "image", "title")), {
+  children
 });
 
 // src/revamp/renderers/mappers/utils/mapErrorsToValidationState.ts
@@ -3933,22 +3915,25 @@ var booleanInputComponentToProps = (component) => {
 };
 
 // src/revamp/renderers/mappers/boxComponentToProps.ts
-var boxComponentToProps = ({ border, control, width, margin }, children) => ({ type: "box", border, children, control, margin, width });
+var boxComponentToProps = (component, children) => __spreadProps(__spreadValues({}, pick(component, "type", "border", "control", "width", "margin")), {
+  children
+});
 
 // src/revamp/renderers/mappers/buttonComponentToProps.ts
 var buttonComponentToProps = (component) => {
-  const { title, control, context, disabled, margin, pinOrder, size: size2, onClick } = component;
-  return {
-    type: "button",
-    title,
-    control,
-    context,
-    disabled,
-    margin,
-    pinOrder,
-    size: size2,
-    onClick
-  };
+  return __spreadValues({
+    type: "button"
+  }, pick(
+    component,
+    "title",
+    "control",
+    "context",
+    "disabled",
+    "margin",
+    "pinOrder",
+    "size",
+    "onClick"
+  ));
 };
 
 // src/revamp/renderers/mappers/columnsComponentToProps.ts
@@ -3968,37 +3953,16 @@ var dateInputComponentToProps = (component) => __spreadProps(__spreadValues({},
 });
 
 // src/revamp/renderers/mappers/decisionComponentToProps.ts
-var decisionComponentToProps = ({
-  control,
-  options,
-  margin,
-  title
-}) => ({ type: "decision", control, options, margin, title });
+var decisionComponentToProps = (component) => pick(component, "type", "control", "options", "margin", "title");
 
 // src/revamp/renderers/mappers/dividerComponentToProps.ts
-var dividerComponentToProps = ({
-  control,
-  margin
-}) => ({ type: "divider", control, margin });
+var dividerComponentToProps = (component) => pick(component, "type", "control", "margin");
 
 // src/revamp/renderers/mappers/formComponentToProps.ts
 var formComponentToProps = ({ control, margin }, children) => ({ type: "form", children, control, margin });
 
 // src/revamp/renderers/mappers/headingComponentToProps.ts
-var headingComponentToProps = ({
-  align,
-  control,
-  margin,
-  size: size2,
-  text
-}) => ({
-  type: "heading",
-  align,
-  control,
-  margin,
-  size: size2,
-  text
-});
+var headingComponentToProps = (component) => pick(component, "type", "align", "control", "margin", "size", "text");
 
 // src/revamp/renderers/mappers/hiddenComponentToProps.ts
 var hiddenComponentToProps = () => ({
@@ -4006,34 +3970,10 @@ var hiddenComponentToProps = () => ({
 });
 
 // src/revamp/renderers/mappers/imageComponentToProps.ts
-var imageComponentToProps = ({
-  accessibilityDescription,
-  control,
-  margin,
-  size: size2,
-  url
-}) => ({
-  type: "image",
-  accessibilityDescription,
-  control,
-  margin,
-  size: size2,
-  url
-});
+var imageComponentToProps = (component) => pick(component, "type", "accessibilityDescription", "control", "margin", "size", "url");
 
 // src/revamp/renderers/mappers/instructionsComponentToProps.ts
-var instructionsComponentToProps = ({
-  control,
-  items,
-  margin,
-  title
-}) => ({
-  type: "instructions",
-  control,
-  items,
-  margin,
-  title
-});
+var instructionsComponentToProps = (component) => pick(component, "type", "control", "items", "margin", "title");
 
 // src/revamp/renderers/mappers/integerInputComponentToProps.ts
 var integerInputComponentToProps = (component) => __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-integer")), {
@@ -4043,30 +3983,10 @@ var integerInputComponentToProps = (component) => __spreadProps(__spreadValues({
 });
 
 // src/revamp/renderers/mappers/loadingIndicatorComponentToProps.ts
-var loadingIndicatorComponentToProps = ({
-  control,
-  margin,
-  size: size2
-}) => ({
-  type: "loading-indicator",
-  control,
-  margin,
-  size: size2
-});
+var loadingIndicatorComponentToProps = (component) => pick(component, "type", "control", "margin", "size");
 
 // src/revamp/renderers/mappers/markdownComponentToProps.ts
-var markdownComponentToProps = ({
-  align,
-  content,
-  control,
-  margin
-}) => ({
-  type: "markdown",
-  align,
-  margin,
-  content,
-  control
-});
+var markdownComponentToProps = (control) => pick(control, "type", "align", "margin", "content", "control");
 
 // src/revamp/renderers/mappers/modalComponentToProps.ts
 var modalComponentToProps = ({ content, control, margin, trigger }, components) => ({
@@ -4107,30 +4027,14 @@ var numberInputComponentToProps = (component) => __spreadProps(__spreadValues({}
 });
 
 // src/revamp/renderers/mappers/objectComponentToProps.ts
-var objectComponentToProps = ({ control, description, help, icon, image, title }, children) => ({
-  type: "form-section",
-  children,
-  control,
-  description,
-  help,
-  icon,
-  image,
-  title
+var objectComponentToProps = (component, children) => __spreadProps(__spreadValues({
+  type: "form-section"
+}, pick(component, "control", "description", "help", "icon", "image", "title")), {
+  children
 });
 
 // src/revamp/renderers/mappers/paragraphComponentToProps.ts
-var paragraphComponentToProps = ({
-  align,
-  control,
-  margin,
-  text
-}) => ({
-  type: "paragraph",
-  align,
-  control,
-  margin,
-  text
-});
+var paragraphComponentToProps = (component) => pick(component, "type", "align", "control", "margin", "text");
 
 // src/revamp/renderers/mappers/repeatableComponentToProps.ts
 var repeatableComponentToProps = (component, children, editableItemChildren) => {
@@ -4188,20 +4092,7 @@ var repeatableComponentToProps = (component, children, editableItemChildren) =>
 };
 
 // src/revamp/renderers/mappers/reviewComponentToProps.ts
-var reviewComponentToProps = ({
-  callToAction,
-  control,
-  fields,
-  margin,
-  title
-}) => ({
-  type: "review",
-  callToAction,
-  control,
-  fields,
-  margin,
-  title
-});
+var reviewComponentToProps = (component) => pick(component, "type", "callToAction", "control", "fields", "margin", "title");
 
 // src/revamp/renderers/mappers/searchComponentToProps.ts
 var searchComponentToProps = (component) => {
@@ -4271,18 +4162,7 @@ var selectInputComponentToProps = (component, children) => {
 };
 
 // src/revamp/renderers/mappers/statusListComponentToProps.ts
-var statusListComponentToProps = ({
-  control,
-  items,
-  margin,
-  title
-}) => ({
-  type: "status-list",
-  control,
-  items,
-  margin,
-  title
-});
+var statusListComponentToProps = (component) => pick(component, "type", "control", "items", "margin", "title");
 
 // src/revamp/renderers/mappers/textInputComponentToProps.ts
 var textInputComponentToProps = (component) => __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-text")), {
@@ -4316,15 +4196,10 @@ var uploadInputComponentToProps = (component) => {
 };
 
 // src/revamp/renderers/mappers/tupleComponentToProps.ts
-var tupleComponentToProps = ({ control, description, help, icon, image, title }, children) => ({
-  type: "form-section",
-  children,
-  control,
-  description,
-  help,
-  icon,
-  image,
-  title
+var tupleComponentToProps = (component, children) => __spreadProps(__spreadValues({
+  type: "form-section"
+}, pick(component, "control", "description", "help", "icon", "image", "title")), {
+  children
 });
 
 // src/revamp/renderers/mappers/componentToRendererProps.ts
@@ -15549,9 +15424,6 @@ var priorities = {
 };
 var getButtonPriority = (control, action) => {
   const actionType = action ? action.type : void 0;
-  if (control === "minimal") {
-    return "tertiary";
-  }
   return control != null ? control : actionType ? priorities[actionType] : "secondary";
 };
 var contextToType = {

package/build/types/legacy/layout/button/utils.d.ts

@@ -1,5 +1,5 @@
 import type { Action, Size } from '@wise/dynamic-flow-types';
-export declare const getButtonPriority: (control: "primary" | "secondary" | "tertiary" | "minimal" | undefined, action: Action | undefined) => "primary" | "secondary" | "tertiary";
+export declare const getButtonPriority: (control: "primary" | "secondary" | "tertiary" | undefined, action: Action | undefined) => "primary" | "secondary" | "tertiary";
 export declare const getButtonType: (context: "positive" | "negative" | "neutral" | undefined, action: Action | undefined) => "positive" | "negative" | "accent";
 export declare const getButtonTypeFromContext: (context: "positive" | "negative" | "neutral" | undefined) => "positive" | "negative" | "accent";
 export declare const getButtonSize: (size: Size | undefined) => "sm" | "md" | "lg";

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

@@ -1,3 +1,3 @@
 import type { AlertComponent } from '../../domain/components/AlertComponent';
 import type { AlertRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const alertComponentToProps: ({ callToAction, context, control, margin, markdown, }: AlertComponent) => AlertRendererProps;
+export declare const alertComponentToProps: (component: AlertComponent) => AlertRendererProps;

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

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 import type { AllOfComponent } from '../../domain/components/AllOfComponent';
 import type { FormSectionRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const allOfComponentToProps: ({ control, description, help, icon, image, title }: AllOfComponent, children: ReactNode) => FormSectionRendererProps;
+export declare const allOfComponentToProps: (component: AllOfComponent, children: ReactNode) => FormSectionRendererProps;

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

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
-import type { BoxComponent } from '../../domain/components/BoxComponent';
 import type { BoxRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const boxComponentToProps: ({ border, control, width, margin }: BoxComponent, children: ReactNode) => BoxRendererProps;
+import type { BoxComponent } from '../../domain/components/BoxComponent';
+export declare const boxComponentToProps: (component: BoxComponent, children: ReactNode) => BoxRendererProps;

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

@@ -1,3 +1,3 @@
-import type { DecisionComponent } from '../../domain/components/DecisionComponent';
 import type { DecisionRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const decisionComponentToProps: ({ control, options, margin, title, }: DecisionComponent) => DecisionRendererProps;
+import type { DecisionComponent } from '../../domain/components/DecisionComponent';
+export declare const decisionComponentToProps: (component: DecisionComponent) => DecisionRendererProps;

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

@@ -1,3 +1,3 @@
 import type { DividerComponent } from '../../domain/components/DividerComponent';
 import type { DividerRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const dividerComponentToProps: ({ control, margin, }: DividerComponent) => DividerRendererProps;
+export declare const dividerComponentToProps: (component: DividerComponent) => DividerRendererProps;

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

@@ -1,3 +1,3 @@
 import type { HeadingComponent } from '../../domain/components/HeadingComponent';
 import type { HeadingRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const headingComponentToProps: ({ align, control, margin, size, text, }: HeadingComponent) => HeadingRendererProps;
+export declare const headingComponentToProps: (component: HeadingComponent) => HeadingRendererProps;

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

@@ -1,3 +1,3 @@
 import type { ImageComponent } from '../../domain/components/ImageComponent';
 import type { ImageRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const imageComponentToProps: ({ accessibilityDescription, control, margin, size, url, }: ImageComponent) => ImageRendererProps;
+export declare const imageComponentToProps: (component: ImageComponent) => ImageRendererProps;

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

@@ -1,3 +1,3 @@
 import type { InstructionsComponent } from '../../domain/components/InstructionsComponent';
 import type { InstructionsRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const instructionsComponentToProps: ({ control, items, margin, title, }: InstructionsComponent) => InstructionsRendererProps;
+export declare const instructionsComponentToProps: (component: InstructionsComponent) => InstructionsRendererProps;

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

@@ -1,3 +1,3 @@
 import type { LoadingIndicatorComponent } from '../../domain/components/LoadingIndicatorComponent';
 import type { LoadingIndicatorRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const loadingIndicatorComponentToProps: ({ control, margin, size, }: LoadingIndicatorComponent) => LoadingIndicatorRendererProps;
+export declare const loadingIndicatorComponentToProps: (component: LoadingIndicatorComponent) => LoadingIndicatorRendererProps;

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

@@ -1,3 +1,3 @@
 import type { MarkdownComponent } from '../../domain/components/MarkdownComponent';
 import type { MarkdownRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const markdownComponentToProps: ({ align, content, control, margin, }: MarkdownComponent) => MarkdownRendererProps;
+export declare const markdownComponentToProps: (control: MarkdownComponent) => MarkdownRendererProps;

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

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
-import type { ObjectComponent } from '../../domain/components/ObjectComponent';
 import type { FormSectionRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const objectComponentToProps: ({ control, description, help, icon, image, title }: ObjectComponent, children: ReactNode) => FormSectionRendererProps;
+import type { ObjectComponent } from '../../domain/components/ObjectComponent';
+export declare const objectComponentToProps: (component: ObjectComponent, children: ReactNode) => FormSectionRendererProps;

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

@@ -1,3 +1,3 @@
 import type { ParagraphComponent } from '../../domain/components/ParagraphComponent';
 import type { ParagraphRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const paragraphComponentToProps: ({ align, control, margin, text, }: ParagraphComponent) => ParagraphRendererProps;
+export declare const paragraphComponentToProps: (component: ParagraphComponent) => ParagraphRendererProps;

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

@@ -1,3 +1,3 @@
-import type { ReviewComponent } from '../../domain/components/ReviewComponent';
 import type { ReviewRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const reviewComponentToProps: ({ callToAction, control, fields, margin, title, }: ReviewComponent) => ReviewRendererProps;
+import type { ReviewComponent } from '../../domain/components/ReviewComponent';
+export declare const reviewComponentToProps: (component: ReviewComponent) => ReviewRendererProps;

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

@@ -1,3 +1,3 @@
-import type { StatusListComponent } from '../../domain/components/StatusListComponent';
 import type { StatusListRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const statusListComponentToProps: ({ control, items, margin, title, }: StatusListComponent) => StatusListRendererProps;
+import type { StatusListComponent } from '../../domain/components/StatusListComponent';
+export declare const statusListComponentToProps: (component: StatusListComponent) => StatusListRendererProps;

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

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 import type { TupleComponent } from '../../domain/components/TupleComponent';
 import { FormSectionRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const tupleComponentToProps: ({ control, description, help, icon, image, title }: TupleComponent, children: ReactNode) => FormSectionRendererProps;
+export declare const tupleComponentToProps: (component: TupleComponent, children: ReactNode) => FormSectionRendererProps;

package/build/types/revamp/renderers/mappers/utils/pick.d.ts

@@ -0,0 +1 @@
+export declare function pick<T extends {}, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K>;

package/build/types/revamp/renderers/stepComponentToProps.d.ts

@@ -1,4 +1,4 @@
 import type { ReactNode } from 'react';
 import type { StepDomainComponent } from '../domain/components/StepDomainComponent';
 import type { StepRendererProps } from '@wise/dynamic-flow-renderers';
-export declare const stepComponentToProps: ({ back, description, error, external, loadingState, step, title, onAction, trackEvent, }: StepDomainComponent, children: ReactNode) => StepRendererProps;
+export declare const stepComponentToProps: (component: StepDomainComponent, children: ReactNode) => StepRendererProps;

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.28.7",
+  "version": "3.28.9",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
   "module": "./build/main.mjs",
   "types": "./build/types/index.d.ts",
   "style": "./build/main.css",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "exports": {
     ".": {
       "types": "./build/types/index.d.ts",
@@ -67,7 +70,6 @@
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^2.2.2",
-    "nanoid": "5.0.9",
     "npm-run-all2": "7.0.1",
     "postcss": "^8.4.49",
     "postcss-cli": "^11.0.0",
@@ -83,8 +85,8 @@
     "tsx": "4.19.2",
     "typescript": "5.7.2",
     "webpack": "5.97.1",
-    "@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.31",
@@ -98,10 +100,9 @@
   },
   "dependencies": {
     "classnames": "2.5.1",
-    "nanoid": "5.0.9",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.28.2"
+    "@wise/dynamic-flow-types": "2.28.3"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",