@wise/dynamic-flow-client 4.9.0 → 4.9.1

package/build/main.js

@@ -2020,6 +2020,9 @@ var createRootDomainComponent = (updateComponent) => {
     async getSubmittableValue() {
       return this.stepComponent ? this.stepComponent.getSubmittableValue() : null;
     },
+    getSubmittableValueSync() {
+      return this.stepComponent ? this.stepComponent.getSubmittableValueSync() : null;
+    },
     validate() {
       return this.stepComponent ? this.stepComponent.validate() : false;
     },
@@ -3188,6 +3191,9 @@ var createStepComponent = (stepProps) => {
     async getSubmittableValue() {
       return getSubmittableData(this.schemaComponents);
     },
+    getSubmittableValueSync() {
+      return getSubmittableDataSync(this.schemaComponents);
+    },
     getLocalValue() {
       return getLocalValues(this.schemaComponents);
     },
@@ -4825,6 +4831,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
     id,
     format,
     value,
+    base64Value: null,
     _update(updateFn) {
       update(this, updateFn);
     },
@@ -4835,9 +4842,11 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
     },
     // Noop
     async onUpload(updatedValue) {
+      const base64Value = this.format === "base64" && updatedValue ? await toBase64(updatedValue) : null;
       this._update((draft) => {
         draft.errors = [];
         draft.value = updatedValue;
+        draft.base64Value = base64Value;
       });
       schemaOnChange == null ? void 0 : schemaOnChange();
       onValueChange();
@@ -4856,7 +4865,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
       return null;
     },
     getSubmittableValueSync() {
-      return null;
+      return this.base64Value;
     },
     getSummary() {
       var _a2, _b;
@@ -4873,8 +4882,20 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
       return errors.length === 0;
     }
   }, rest);
+  if (format === "base64" && value && !onPersistAsync) {
+    void initialiseBase64Value(uploadComponent);
+  }
   return uploadComponent;
 };
+var initialiseBase64Value = async (uploadComponent) => {
+  const { format, value } = uploadComponent;
+  const base64Value = format === "base64" && value ? await toBase64(value) : null;
+  if (base64Value) {
+    uploadComponent._update((draft) => {
+      draft.base64Value = base64Value;
+    });
+  }
+};
 
 // src/revamp/domain/mappers/schema/blobSchemaToComponent.ts
 var blobSchemaToComponent = (schemaMapperProps, mapperProps) => {
@@ -6779,13 +6800,13 @@ function useDynamicFlowCore(props) {
       errorsOverride,
       analytics
     }) => {
-      var _a2, _b;
+      var _a2;
       try {
         rootComponentRef.current.setLoadingState("refreshing");
-        const model = (_a2 = await rootComponentRef.current.getSubmittableValue()) != null ? _a2 : null;
+        const model = rootComponentRef.current.getSubmittableValueSync();
         const command = await executeRefresh({
           abortSignal: abortCurrentAndGetNewAbortSignal(),
-          url: (_b = refreshUrl != null ? refreshUrl : rootComponentRef.current.getRefreshUrl()) != null ? _b : "",
+          url: (_a2 = refreshUrl != null ? refreshUrl : rootComponentRef.current.getRefreshUrl()) != null ? _a2 : "",
           model,
           etag: etagRef.current,
           analytics,

package/build/main.mjs

@@ -1977,6 +1977,9 @@ var createRootDomainComponent = (updateComponent) => {
     async getSubmittableValue() {
       return this.stepComponent ? this.stepComponent.getSubmittableValue() : null;
     },
+    getSubmittableValueSync() {
+      return this.stepComponent ? this.stepComponent.getSubmittableValueSync() : null;
+    },
     validate() {
       return this.stepComponent ? this.stepComponent.validate() : false;
     },
@@ -3145,6 +3148,9 @@ var createStepComponent = (stepProps) => {
     async getSubmittableValue() {
       return getSubmittableData(this.schemaComponents);
     },
+    getSubmittableValueSync() {
+      return getSubmittableDataSync(this.schemaComponents);
+    },
     getLocalValue() {
       return getLocalValues(this.schemaComponents);
     },
@@ -4782,6 +4788,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
     id,
     format,
     value,
+    base64Value: null,
     _update(updateFn) {
       update(this, updateFn);
     },
@@ -4792,9 +4799,11 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
     },
     // Noop
     async onUpload(updatedValue) {
+      const base64Value = this.format === "base64" && updatedValue ? await toBase64(updatedValue) : null;
       this._update((draft) => {
         draft.errors = [];
         draft.value = updatedValue;
+        draft.base64Value = base64Value;
       });
       schemaOnChange == null ? void 0 : schemaOnChange();
       onValueChange();
@@ -4813,7 +4822,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
       return null;
     },
     getSubmittableValueSync() {
-      return null;
+      return this.base64Value;
     },
     getSummary() {
       var _a2, _b;
@@ -4830,8 +4839,20 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
       return errors.length === 0;
     }
   }, rest);
+  if (format === "base64" && value && !onPersistAsync) {
+    void initialiseBase64Value(uploadComponent);
+  }
   return uploadComponent;
 };
+var initialiseBase64Value = async (uploadComponent) => {
+  const { format, value } = uploadComponent;
+  const base64Value = format === "base64" && value ? await toBase64(value) : null;
+  if (base64Value) {
+    uploadComponent._update((draft) => {
+      draft.base64Value = base64Value;
+    });
+  }
+};
 
 // src/revamp/domain/mappers/schema/blobSchemaToComponent.ts
 var blobSchemaToComponent = (schemaMapperProps, mapperProps) => {
@@ -6736,13 +6757,13 @@ function useDynamicFlowCore(props) {
       errorsOverride,
       analytics
     }) => {
-      var _a2, _b;
+      var _a2;
       try {
         rootComponentRef.current.setLoadingState("refreshing");
-        const model = (_a2 = await rootComponentRef.current.getSubmittableValue()) != null ? _a2 : null;
+        const model = rootComponentRef.current.getSubmittableValueSync();
         const command = await executeRefresh({
           abortSignal: abortCurrentAndGetNewAbortSignal(),
-          url: (_b = refreshUrl != null ? refreshUrl : rootComponentRef.current.getRefreshUrl()) != null ? _b : "",
+          url: (_a2 = refreshUrl != null ? refreshUrl : rootComponentRef.current.getRefreshUrl()) != null ? _a2 : "",
           model,
           etag: etagRef.current,
           analytics,

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

@@ -15,6 +15,7 @@ export type RootDomainComponent = BaseComponent & {
     getLoadingState: () => LoadingState;
     getSchemaComponents: () => SchemaComponent[];
     getSubmittableValue: () => Promise<Model>;
+    getSubmittableValueSync: () => Model;
     validate: () => boolean;
     getTrackEvent: () => AnalyticsEventDispatcher<string> | null;
     setLoadingState: (loadingState: LoadingState) => void;

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

@@ -11,6 +11,7 @@ export type UploadInputComponent = BaseInputComponent<File | null> & {
     accepts?: string[];
     source?: UploadSource;
     validationAsyncState?: undefined;
+    base64Value: string | null;
     onUpload: (value: File | null) => Promise<void>;
 };
 export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadInputComponent, "uid" | "id" | "accepts" | "analyticsId" | "alert" | "autoComplete" | "cameraConfig" | "control" | "errors" | "description" | "disabled" | "format" | "help" | "hidden" | "icon" | "image" | "maxSize" | "placeholder" | "required" | "source" | "title" | "value"> & {

package/build/types/revamp/domain/components/step/StepDomainComponent.d.ts

@@ -27,6 +27,7 @@ export type StepDomainComponent = BaseComponent & {
     getModals: () => ModalComponent[];
     getLocalValue: () => LocalValue;
     getSubmittableValue: () => Promise<Model>;
+    getSubmittableValueSync: () => Model;
     validate: () => boolean;
     setLoadingState: (loadingState: LoadingState) => void;
     onBehavior: OnBehavior;

package/build/types/revamp/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.d.ts

@@ -462,6 +462,7 @@ export declare const oneOfSchemaToComponent: (schemaMapperProps: SchemaMapperPro
     accepts?: string[];
     source?: import("../../../types").UploadSource;
     validationAsyncState?: undefined;
+    base64Value: string | null;
     onUpload: (value: File | null) => Promise<void>;
 } & {
     kind: "input";

package/build/types/revamp/domain/mappers/schema/persistAsyncSchemaToComponent.d.ts

@@ -475,6 +475,7 @@ export declare const persistAsyncSchemaToComponent: (schemaMapperProps: SchemaMa
     accepts?: string[];
     source?: import("../../types").UploadSource;
     validationAsyncState?: undefined;
+    base64Value: string | null;
     onUpload: (value: File | null) => Promise<void>;
 } & {
     kind: "input";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.9.0",
+  "version": "4.9.1",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -46,17 +46,17 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.100.0",
+    "@transferwise/components": "46.100.1",
     "@transferwise/formatting": "^2.13.3",
     "@transferwise/icons": "3.22.3",
-    "@transferwise/neptune-css": "14.24.4",
+    "@transferwise/neptune-css": "14.24.5",
     "@types/jest": "29.5.14",
     "@types/node": "22.15.34",
     "@types/react": "18.3.23",
     "@types/react-dom": "18.3.7",
     "@types/react-intl": "3.0.0",
-    "@wise/art": "2.22.0",
-    "@wise/components-theming": "^1.6.3",
+    "@wise/art": "2.23.0",
+    "@wise/components-theming": "^1.6.4",
     "babel-jest": "30.0.2",
     "esbuild": "0.25.5",
     "eslint-plugin-storybook": "9.0.15",