@wise/dynamic-flow-client 4.0.0-experimental-0afa26a → 4.0.0-experimental-ffcedb9

package/build/main.js

@@ -6855,12 +6855,19 @@ var createDecisionComponent = (decisionProps) => __spreadProps(__spreadValues({
 });
 
 // src/revamp/domain/mappers/layout/decisionLayoutToComponent.ts
-var decisionLayoutToComponent = (uid, { control, margin = "md", options, title }, mapperProps) => createDecisionComponent({
+var decisionLayoutToComponent = (uid, {
+  control,
+  margin = "md",
+  options,
+  title
+}, mapperProps) => createDecisionComponent({
   uid,
   control,
   margin,
   options: options.map((option) => {
+    var _a;
     return __spreadProps(__spreadValues({}, option), {
+      disabled: (_a = option.disabled) != null ? _a : false,
       href: getHref(option),
       onClick: getOnClick(option, mapperProps)
     });
@@ -8522,7 +8529,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
 var stringSchemaToUploadInputComponent = (schemaMapperProps, mapperProps) => {
   var _a;
   const { schema, localValue, model, required = false } = schemaMapperProps;
-  const { accepts, autocompleteHint, hidden, maxSize, validationMessages } = schema;
+  const { accepts, autocompleteHint, hidden, maxSize, source, validationMessages } = schema;
   const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync } = getPersistAsyncInitialState(schemaMapperProps, mapperProps);
@@ -8541,6 +8548,7 @@ var stringSchemaToUploadInputComponent = (schemaMapperProps, mapperProps) => {
       checks,
       format: "base64",
       maxSize,
+      source,
       value,
       persistedState,
       performPersistAsync,
@@ -9062,7 +9070,7 @@ var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
   const { getErrorMessageFunctions } = mapperProps;
   const { localValue, model, schema, required = false } = schemaMapperProps;
   const uploadSchema = getUploadSchema(schema.items);
-  const { accepts, maxSize } = uploadSchema;
+  const { accepts, cameraConfig, maxSize } = uploadSchema;
   const { minItems, maxItems, title, validationMessages } = schema;
   const arrayErrorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const fileErrorMessageFunctions = getErrorMessageFunctions(uploadSchema.validationMessages);
@@ -9088,6 +9096,7 @@ var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
   return createMultiUploadInputComponent(
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(combinedSchemaProps)), {
       title,
+      cameraConfig,
       uploadLabel: uploadSchema.title,
       accepts,
       autoComplete: "off",
@@ -9098,6 +9107,7 @@ var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
       minItems,
       maxItems,
       required,
+      source: uploadSchema.source,
       value,
       persistedState,
       performPersistAsync,
@@ -9528,7 +9538,7 @@ var getValidModel = (model, defaultValue) => {
 // src/revamp/domain/mappers/schema/blobSchemaToComponent.ts
 var blobSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { schema, localValue, model, required = false } = schemaMapperProps;
-  const { accepts, maxSize, validationMessages } = schema;
+  const { accepts, cameraConfig, maxSize, source, validationMessages } = schema;
   const { getErrorMessageFunctions, updateComponent, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync } = getPersistAsyncInitialState(schemaMapperProps, mapperProps);
@@ -9539,8 +9549,10 @@ var blobSchemaToComponent = (schemaMapperProps, mapperProps) => {
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
       accepts,
       autoComplete: "off",
+      cameraConfig,
       format: "blob",
       maxSize,
+      source,
       value,
       persistedState,
       performPersistAsync,
@@ -11229,11 +11241,22 @@ var boxComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.components.map(
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
-  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "border", "control", "width", "margin")), rendererMapperProps), {
+  const { border, control } = component;
+  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "width", "margin")), rendererMapperProps), {
+    control: mapBoxControl({ border, control }),
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
 };
+var mapBoxControl = ({
+  border,
+  control
+}) => {
+  if (border && control == null) {
+    return "bordered";
+  }
+  return control;
+};
 
 // src/revamp/renderers/mappers/buttonComponentToProps.ts
 var buttonComponentToProps = (component, rendererMapperProps) => {
@@ -11381,12 +11404,14 @@ var modalComponentToProps = (component, rendererMapperProps) => {
 
 // src/revamp/renderers/mappers/multiUploadInputComponentToProps.ts
 var multiUploadInputComponentToProps = (component, rendererMapperProps) => {
-  const { accepts, files, maxSize, minItems, maxItems, uploadLabel } = component;
+  const { accepts, cameraConfig, files, maxSize, minItems, maxItems, source, uploadLabel } = component;
   return __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-upload-multi")), rendererMapperProps), {
     accepts,
+    cameraConfig,
     maxSize,
     minItems,
     maxItems,
+    source,
     uploadLabel,
     value: files.map((file) => __spreadProps(__spreadValues({}, file), {
       validationState: mapErrorsToValidationState(file.errors)
@@ -11483,7 +11508,6 @@ var repeatableComponentToProps = (component, rendererMapperProps) => {
     editableItem: rendererMapperProps.render(editableItemProps),
     editableItemProps,
     editItemTitle,
-    error: errors == null ? void 0 : errors[0],
     icon,
     image: image ? {
       accessibilityDescription: (_a = image.accessibilityDescription) != null ? _a : image.text,
@@ -11605,8 +11629,10 @@ var multiSelectInputComponentToProps = (component, rendererMapperProps) => {
 
 // src/revamp/renderers/mappers/uploadInputComponentToProps.ts
 var uploadInputComponentToProps = (component, rendererMapperProps) => {
-  const { accepts, maxSize } = component;
+  const { accepts, cameraConfig, maxSize, source } = component;
   return __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-upload")), rendererMapperProps), {
+    cameraConfig,
+    source,
     accepts,
     maxSize,
     onUpload: component.onUpload.bind(component)

package/build/main.mjs

@@ -6833,12 +6833,19 @@ var createDecisionComponent = (decisionProps) => __spreadProps(__spreadValues({
 });
 
 // src/revamp/domain/mappers/layout/decisionLayoutToComponent.ts
-var decisionLayoutToComponent = (uid, { control, margin = "md", options, title }, mapperProps) => createDecisionComponent({
+var decisionLayoutToComponent = (uid, {
+  control,
+  margin = "md",
+  options,
+  title
+}, mapperProps) => createDecisionComponent({
   uid,
   control,
   margin,
   options: options.map((option) => {
+    var _a;
     return __spreadProps(__spreadValues({}, option), {
+      disabled: (_a = option.disabled) != null ? _a : false,
       href: getHref(option),
       onClick: getOnClick(option, mapperProps)
     });
@@ -8500,7 +8507,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
 var stringSchemaToUploadInputComponent = (schemaMapperProps, mapperProps) => {
   var _a;
   const { schema, localValue, model, required = false } = schemaMapperProps;
-  const { accepts, autocompleteHint, hidden, maxSize, validationMessages } = schema;
+  const { accepts, autocompleteHint, hidden, maxSize, source, validationMessages } = schema;
   const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync } = getPersistAsyncInitialState(schemaMapperProps, mapperProps);
@@ -8519,6 +8526,7 @@ var stringSchemaToUploadInputComponent = (schemaMapperProps, mapperProps) => {
       checks,
       format: "base64",
       maxSize,
+      source,
       value,
       persistedState,
       performPersistAsync,
@@ -9040,7 +9048,7 @@ var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
   const { getErrorMessageFunctions } = mapperProps;
   const { localValue, model, schema, required = false } = schemaMapperProps;
   const uploadSchema = getUploadSchema(schema.items);
-  const { accepts, maxSize } = uploadSchema;
+  const { accepts, cameraConfig, maxSize } = uploadSchema;
   const { minItems, maxItems, title, validationMessages } = schema;
   const arrayErrorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const fileErrorMessageFunctions = getErrorMessageFunctions(uploadSchema.validationMessages);
@@ -9066,6 +9074,7 @@ var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
   return createMultiUploadInputComponent(
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(combinedSchemaProps)), {
       title,
+      cameraConfig,
       uploadLabel: uploadSchema.title,
       accepts,
       autoComplete: "off",
@@ -9076,6 +9085,7 @@ var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
       minItems,
       maxItems,
       required,
+      source: uploadSchema.source,
       value,
       persistedState,
       performPersistAsync,
@@ -9506,7 +9516,7 @@ var getValidModel = (model, defaultValue) => {
 // src/revamp/domain/mappers/schema/blobSchemaToComponent.ts
 var blobSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { schema, localValue, model, required = false } = schemaMapperProps;
-  const { accepts, maxSize, validationMessages } = schema;
+  const { accepts, cameraConfig, maxSize, source, validationMessages } = schema;
   const { getErrorMessageFunctions, updateComponent, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync } = getPersistAsyncInitialState(schemaMapperProps, mapperProps);
@@ -9517,8 +9527,10 @@ var blobSchemaToComponent = (schemaMapperProps, mapperProps) => {
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
       accepts,
       autoComplete: "off",
+      cameraConfig,
       format: "blob",
       maxSize,
+      source,
       value,
       persistedState,
       performPersistAsync,
@@ -11207,11 +11219,22 @@ var boxComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.components.map(
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
-  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "border", "control", "width", "margin")), rendererMapperProps), {
+  const { border, control } = component;
+  return __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "control", "width", "margin")), rendererMapperProps), {
+    control: mapBoxControl({ border, control }),
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
   });
 };
+var mapBoxControl = ({
+  border,
+  control
+}) => {
+  if (border && control == null) {
+    return "bordered";
+  }
+  return control;
+};
 
 // src/revamp/renderers/mappers/buttonComponentToProps.ts
 var buttonComponentToProps = (component, rendererMapperProps) => {
@@ -11359,12 +11382,14 @@ var modalComponentToProps = (component, rendererMapperProps) => {
 
 // src/revamp/renderers/mappers/multiUploadInputComponentToProps.ts
 var multiUploadInputComponentToProps = (component, rendererMapperProps) => {
-  const { accepts, files, maxSize, minItems, maxItems, uploadLabel } = component;
+  const { accepts, cameraConfig, files, maxSize, minItems, maxItems, source, uploadLabel } = component;
   return __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-upload-multi")), rendererMapperProps), {
     accepts,
+    cameraConfig,
     maxSize,
     minItems,
     maxItems,
+    source,
     uploadLabel,
     value: files.map((file) => __spreadProps(__spreadValues({}, file), {
       validationState: mapErrorsToValidationState(file.errors)
@@ -11461,7 +11486,6 @@ var repeatableComponentToProps = (component, rendererMapperProps) => {
     editableItem: rendererMapperProps.render(editableItemProps),
     editableItemProps,
     editItemTitle,
-    error: errors == null ? void 0 : errors[0],
     icon,
     image: image ? {
       accessibilityDescription: (_a = image.accessibilityDescription) != null ? _a : image.text,
@@ -11583,8 +11607,10 @@ var multiSelectInputComponentToProps = (component, rendererMapperProps) => {
 
 // src/revamp/renderers/mappers/uploadInputComponentToProps.ts
 var uploadInputComponentToProps = (component, rendererMapperProps) => {
-  const { accepts, maxSize } = component;
+  const { accepts, cameraConfig, maxSize, source } = component;
   return __spreadProps(__spreadValues(__spreadValues({}, inputComponentToProps(component, "input-upload")), rendererMapperProps), {
+    cameraConfig,
+    source,
     accepts,
     maxSize,
     onUpload: component.onUpload.bind(component)

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

@@ -7,7 +7,7 @@ export type DecisionComponent = LayoutComponent & {
 };
 export type DecisionOption = {
     description?: string;
-    disabled?: boolean;
+    disabled: boolean;
     href?: string;
     icon?: Icon;
     image?: Image;

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

@@ -1,9 +1,11 @@
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, UploadSource } from '../types';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
+import { JsonElement } from '@wise/dynamic-flow-types/build/next';
 export type MultiUploadInputComponent = InputComponent<File[]> & {
     type: 'multi-upload';
     accepts?: string[];
+    cameraConfig?: JsonElement;
     files: {
         file: File;
         errors: string[];
@@ -14,12 +16,13 @@ export type MultiUploadInputComponent = InputComponent<File[]> & {
     maxSize?: number;
     minItems?: number;
     persistedState: PersistedState[];
+    source?: UploadSource;
     validationAsyncState?: undefined;
     uploadLabel?: string;
     onRemoveFile: (index: number) => Promise<void>;
     onInsertFile: (index: number, file: File) => Promise<string>;
 };
-export declare const createMultiUploadInputComponent: (uploadInputProps: Pick<MultiUploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "icon" | "image" | "maxSize" | "minItems" | "maxItems" | "persistedState" | "placeholder" | "required" | "title" | "uploadLabel" | "value"> & {
+export declare const createMultiUploadInputComponent: (uploadInputProps: Pick<MultiUploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "autoComplete" | "cameraConfig" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "icon" | "image" | "maxSize" | "minItems" | "maxItems" | "persistedState" | "placeholder" | "required" | "source" | "title" | "uploadLabel" | "value"> & {
     checks: IsInvalidCheck<File[]>[];
     fileChecks: IsInvalidCheck<File>[];
     performPersistAsync: PerformPersistAsync | undefined;

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

@@ -18,7 +18,7 @@ export type SelectInputOption = {
     description?: string;
     icon?: Icon;
     image?: Image;
-    keywords?: string[];
+    keywords: string[];
     disabled: boolean;
 };
 export declare const createSelectInputComponent: (selectProps: Pick<SelectInputComponent, "uid" | "id" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "help" | "hidden" | "icon" | "image" | "placeholder" | "required" | "title"> & {

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

@@ -1,17 +1,20 @@
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, UploadSource } from '../types';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
+import { JsonElement } from '@wise/dynamic-flow-types/build/next';
 export type UploadInputComponent = InputComponent<File | null> & {
     type: 'upload';
     format: 'blob' | 'base64';
+    cameraConfig?: JsonElement;
     maxSize?: number;
     accepts?: string[];
     persistedState: PersistedState;
+    source?: UploadSource;
     validationAsyncState?: undefined;
     onUpload: (value: File | null) => Promise<void>;
 };
-export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "autoComplete" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "icon" | "image" | "maxSize" | "persistedState" | "placeholder" | "required" | "title" | "value"> & {
+export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "autoComplete" | "cameraConfig" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "icon" | "image" | "maxSize" | "persistedState" | "placeholder" | "required" | "source" | "title" | "value"> & {
     checks: IsInvalidCheck<File | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh?: PerformRefresh | undefined;

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

@@ -1,7 +1,7 @@
 import type { DecisionLayout, DecisionLayoutOption } from '@wise/dynamic-flow-types/build/next';
 import type { MapperProps } from '../schema/types';
 import { SpecNextBehavior } from '../../types';
-export declare const decisionLayoutToComponent: (uid: string, { control, margin, options, title }: Omit<DecisionLayout, "options"> & {
+export declare const decisionLayoutToComponent: (uid: string, { control, margin, options, title, }: Omit<DecisionLayout, "options"> & {
     options: (DecisionLayoutOption & {
         behavior?: SpecNextBehavior;
     })[];

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

@@ -94,6 +94,7 @@ export type Align = 'start' | 'center' | 'end';
 export type Autocapitalization = 'none' | 'sentences' | 'words' | 'characters';
 export type Bias = 'none' | 'start' | 'end';
 export type Context = 'positive' | 'negative' | 'warning' | 'neutral';
+export type UploadSource = 'file' | 'camera';
 export type RepeatableSummary = {
     title?: string;
     description?: string;

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.0.0-experimental-0afa26a",
+  "version": "4.0.0-experimental-ffcedb9",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -85,8 +85,8 @@
     "tsx": "4.19.2",
     "typescript": "5.7.3",
     "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.92.0",
@@ -102,7 +102,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.0.0-experimental-0afa26a"
+    "@wise/dynamic-flow-types": "3.0.0-experimental-ffcedb9"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",