@wise/dynamic-flow-client 3.8.0 → 3.9.0-experimental-bd037e3

package/build/main.js

@@ -8227,6 +8227,7 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
     performPersistAsync,
     performRefresh,
     performValidationAsync,
+    onValueChange,
     summariser
   } = _a, rest = __objRest(_a, [
     "uid",
@@ -8235,6 +8236,7 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
     "performPersistAsync",
     "performRefresh",
     "performValidationAsync",
+    "onValueChange",
     "summariser"
   ]);
   const performDebouncedRefresh = getDebouncedPerformRefresh(performRefresh);
@@ -8265,6 +8267,7 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
         draft.value = updatedValue;
       });
       performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      onValueChange();
     },
     async getSubmittableValue() {
       var _a2;
@@ -8708,7 +8711,7 @@ var schemaHasValidationAsync = (schema) => Boolean("validationAsync" in schema &
 var numberSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { schema, model, localValue, required = false } = schemaMapperProps;
   const { autocompleteHint, validationMessages, default: defaultValue } = schema;
-  const { getErrorMessageFunctions, updateComponent, onRefresh } = mapperProps;
+  const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync, persistedState } = getPersistAsyncInitialState(
     schemaMapperProps,
@@ -8734,7 +8737,8 @@ var numberSchemaToComponent = (schemaMapperProps, mapperProps) => {
       validationState,
       performPersistAsync,
       performRefresh: getPerformRefresh(schema, onRefresh),
-      performValidationAsync
+      performValidationAsync,
+      onValueChange
     }),
     updateComponent
   );
@@ -8927,6 +8931,7 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
     performPersistAsync,
     performRefresh,
     performValidationAsync,
+    onValueChange,
     summariser
   } = _a, rest = __objRest(_a, [
     "uid",
@@ -8936,6 +8941,7 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
     "performPersistAsync",
     "performRefresh",
     "performValidationAsync",
+    "onValueChange",
     "summariser"
   ]);
   const performDebouncedRefresh = getDebouncedPerformRefresh(performRefresh);
@@ -8967,6 +8973,7 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
         draft.value = updatedValue;
       });
       performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      onValueChange();
     },
     async getSubmittableValue() {
       var _a2;
@@ -9019,7 +9026,7 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
 var integerSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { schema, localValue, model, required = false } = schemaMapperProps;
   const { autocompleteHint, validationMessages, default: defaultValue } = schema;
-  const { getErrorMessageFunctions, updateComponent, onRefresh } = mapperProps;
+  const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync, persistedState } = getPersistAsyncInitialState(
     schemaMapperProps,
@@ -9046,7 +9053,8 @@ var integerSchemaToComponent = (schemaMapperProps, mapperProps) => {
       validationState,
       performPersistAsync,
       performRefresh: getPerformRefresh(schema, onRefresh),
-      performValidationAsync
+      performValidationAsync,
+      onValueChange
     }),
     updateComponent
   );
@@ -9109,6 +9117,7 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
     options,
     performPersistAsync,
     performRefresh,
+    onValueChange,
     summariser
   } = _a, rest = __objRest(_a, [
     "uid",
@@ -9117,6 +9126,7 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
     "options",
     "performPersistAsync",
     "performRefresh",
+    "onValueChange",
     "summariser"
   ]);
   const children = options.map((option) => option.component);
@@ -9177,6 +9187,7 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
         draft.selectedIndex = updatedIndex;
       });
       performRefresh == null ? void 0 : performRefresh();
+      onValueChange();
     },
     validate() {
       var _a2, _b;
@@ -9197,6 +9208,7 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
       if (isValid2 && updatedIndex !== null) {
         persist(this.persistedState, this.getLocalValue()).catch(() => {
         });
+        onValueChange();
       }
     },
     async getSubmittableValue() {
@@ -9240,7 +9252,7 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
       )
     };
   });
-  const { getErrorMessageFunctions, updateComponent, trackEvent, onRefresh } = mapperProps;
+  const { getErrorMessageFunctions, updateComponent, trackEvent, onRefresh, onValueChange } = mapperProps;
   const { default: defaultValue, validationMessages } = schema;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync, persistedState } = getPersistAsyncInitialState(
@@ -9257,6 +9269,7 @@ var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
       persistedState,
       performPersistAsync,
       performRefresh: getPerformRefresh(schema, onRefresh),
+      onValueChange,
       trackEvent
     }),
     updateComponent
@@ -9276,6 +9289,7 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
     performPersistAsync,
     performRefresh,
     performValidationAsync,
+    onValueChange,
     summariser,
     value
   } = _a, rest = __objRest(_a, [
@@ -9285,6 +9299,7 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
     "performPersistAsync",
     "performRefresh",
     "performValidationAsync",
+    "onValueChange",
     "summariser",
     "value"
   ]);
@@ -9315,6 +9330,7 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
         draft.value = updatedValue;
       });
       performRefresh == null ? void 0 : performRefresh();
+      onValueChange();
     },
     async getSubmittableValue() {
       var _a2;
@@ -9374,7 +9390,7 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
     minimum: minimumDate,
     maximum: maximumDate
   } = schema;
-  const { getErrorMessageFunctions, updateComponent, onRefresh } = mapperProps;
+  const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(schema.validationMessages);
   const { performPersistAsync, persistedState } = getPersistAsyncInitialState(
     schemaMapperProps,
@@ -9402,7 +9418,8 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
       validationState,
       performPersistAsync,
       performRefresh: getPerformRefresh(schema, onRefresh),
-      performValidationAsync
+      performValidationAsync,
+      onValueChange
     }),
     updateComponent
   );
@@ -9426,6 +9443,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
     value,
     performPersistAsync,
     performRefresh,
+    onValueChange,
     summariser
   } = _a, rest = __objRest(_a, [
     "uid",
@@ -9435,6 +9453,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
     "value",
     "performPersistAsync",
     "performRefresh",
+    "onValueChange",
     "summariser"
   ]);
   const update = getInputUpdateFunction(uid, updateComponent);
@@ -9464,6 +9483,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
         draft.value = updatedValue;
       });
       performRefresh == null ? void 0 : performRefresh();
+      onValueChange();
     },
     async getSubmittableValue() {
       const file = this.getLocalValue();
@@ -9493,6 +9513,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
         draft.errors = [];
         draft.value = file;
       });
+      onValueChange();
       const submission = format === "base64" && file ? await toBase64(file) : file;
       await persist(this.persistedState, submission).catch((error) => {
         update((draft) => {
@@ -9502,6 +9523,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
         });
         throw error;
       });
+      onValueChange();
     },
     async getSubmittableValue() {
       return this.persistedState.submission;
@@ -9513,7 +9535,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
 var stringSchemaToUploadInputComponent = (schemaMapperProps, mapperProps) => {
   const { schema, localValue, model, required = false } = schemaMapperProps;
   const { accepts, autocompleteHint, maxSize, validationMessages } = schema;
-  const { getErrorMessageFunctions, updateComponent, onRefresh } = mapperProps;
+  const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync } = getPersistAsyncInitialState(schemaMapperProps, mapperProps);
   const persistedState = performPersistAsync ? getInitialPersistedState(null, model) : getInitialPersistedState();
@@ -9529,7 +9551,8 @@ var stringSchemaToUploadInputComponent = (schemaMapperProps, mapperProps) => {
       value,
       persistedState,
       performPersistAsync,
-      performRefresh: getPerformRefresh(schema, onRefresh)
+      performRefresh: getPerformRefresh(schema, onRefresh),
+      onValueChange
     }),
     updateComponent
   );
@@ -9544,6 +9567,7 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
     performPersistAsync,
     performRefresh,
     performValidationAsync,
+    onValueChange,
     summariser,
     value
   } = _a, rest = __objRest(_a, [
@@ -9553,6 +9577,7 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
     "performPersistAsync",
     "performRefresh",
     "performValidationAsync",
+    "onValueChange",
     "summariser",
     "value"
   ]);
@@ -9585,6 +9610,7 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
         draft.value = updatedValue;
       });
       performDebouncedRefresh == null ? void 0 : performDebouncedRefresh();
+      onValueChange();
     },
     async getSubmittableValue() {
       var _a2;
@@ -9644,7 +9670,7 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
     format,
     validationMessages
   } = schema;
-  const { getErrorMessageFunctions, updateComponent, onRefresh } = mapperProps;
+  const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
   const controlForLegacyFormat = getControlForLegacyFormat(format);
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync, persistedState } = getPersistAsyncInitialState(
@@ -9674,7 +9700,8 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
       validationState,
       performPersistAsync,
       performRefresh: getPerformRefresh(schema, onRefresh),
-      performValidationAsync
+      performValidationAsync,
+      onValueChange
     }),
     updateComponent
   );
@@ -9727,6 +9754,7 @@ var createRepeatableComponent = (repeatableProps, updateComponent) => {
     checks,
     components,
     summary,
+    onValueChange,
     createEditableComponent,
     summariser
   } = _a, componentProps = __objRest(_a, [
@@ -9735,6 +9763,7 @@ var createRepeatableComponent = (repeatableProps, updateComponent) => {
     "checks",
     "components",
     "summary",
+    "onValueChange",
     "createEditableComponent",
     "summariser"
   ]);
@@ -9790,6 +9819,7 @@ var createRepeatableComponent = (repeatableProps, updateComponent) => {
         draft.editableComponent = null;
         draft.editableIndex = null;
       });
+      onValueChange();
       return true;
     },
     onRemove() {
@@ -9801,6 +9831,7 @@ var createRepeatableComponent = (repeatableProps, updateComponent) => {
         draft.editableComponent = null;
         draft.editableIndex = null;
       });
+      onValueChange();
     },
     getChildren() {
       return this.editableComponent !== null ? [...this.components, this.editableComponent] : this.components;
@@ -9861,6 +9892,7 @@ var arraySchemaToRepeatableComponent = (schemaMapperProps, mapperProps) => {
     },
     mapperProps
   );
+  const { onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(schema.validationMessages);
   return createRepeatableComponent(
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
@@ -9873,7 +9905,8 @@ var arraySchemaToRepeatableComponent = (schemaMapperProps, mapperProps) => {
       components: components != null ? components : [],
       editItemTitle,
       summary,
-      createEditableComponent
+      createEditableComponent,
+      onValueChange
     }),
     mapperProps.updateComponent
   );
@@ -9896,7 +9929,7 @@ var getRandomInt = () => Math.floor(Math.random() * 1e8);
 
 // src/revamp/domain/components/MultiUploadInputComponent.ts
 var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
-  const _a = uploadInputProps, { uid, id, checks, format, performPersistAsync, summariser } = _a, rest = __objRest(_a, ["uid", "id", "checks", "format", "performPersistAsync", "summariser"]);
+  const _a = uploadInputProps, { uid, id, checks, format, performPersistAsync, onValueChange, summariser } = _a, rest = __objRest(_a, ["uid", "id", "checks", "format", "performPersistAsync", "onValueChange", "summariser"]);
   const update = getInputUpdateFunction(uid, updateComponent);
   const getValidationErrors = getLocalValueValidator(checks);
   const getAndSetValidationErrors = (currentValue) => {
@@ -9935,6 +9968,7 @@ var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
         draft.value = [...this.value, file];
         draft.errors = [];
       });
+      onValueChange();
     },
     async getSubmittableValue() {
       const files = this.getLocalValue();
@@ -9962,6 +9996,7 @@ var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
       await uploadComponent.onUpload.call(this, file, fileId);
       const submission = format === "blob" ? file : await toBase64(file);
       await persist(submission, fileId);
+      onValueChange();
     },
     async onDelete(fileId) {
       var _a2;
@@ -9993,6 +10028,7 @@ var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
   const persistAsyncConfig = getPersistAsyncConfig(schema.items);
   const format = getFormat(schema.items);
   const combinedSchemaProps = __spreadProps(__spreadValues({}, schemaMapperProps), { persistAsyncConfig, schema: uploadSchema });
+  const { onValueChange } = mapperProps;
   const { performPersistAsync } = getPersistAsyncInitialState(combinedSchemaProps, mapperProps);
   const value = performPersistAsync ? getValueForPersistAsync(localValue) : [];
   const persistedState = performPersistAsync && isArray(model) ? model.map((itemModel) => getInitialPersistedState(null, itemModel)) : [];
@@ -10010,7 +10046,8 @@ var arraySchemaToMultiUploadComponent = (schemaMapperProps, mapperProps) => {
       required,
       value,
       persistedState,
-      performPersistAsync
+      performPersistAsync,
+      onValueChange
     }),
     mapperProps.updateComponent
   );
@@ -10061,6 +10098,7 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
     performPersistAsync,
     performRefresh,
     performValidationAsync,
+    onValueChange,
     summariser
   } = _a, rest = __objRest(_a, [
     "uid",
@@ -10069,6 +10107,7 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
     "performPersistAsync",
     "performRefresh",
     "performValidationAsync",
+    "onValueChange",
     "summariser"
   ]);
   const update = getInputUpdateFunction(uid, updateComponent);
@@ -10090,6 +10129,7 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
         draft.value = updatedValue;
       });
       performRefresh == null ? void 0 : performRefresh();
+      onValueChange();
     },
     async getSubmittableValue() {
       return this.getLocalValue();
@@ -10136,7 +10176,7 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
 var booleanSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { schema, localValue, model } = schemaMapperProps;
   const { default: defaultValue } = schema;
-  const { updateComponent, onRefresh } = mapperProps;
+  const { updateComponent, onRefresh, onValueChange } = mapperProps;
   const performRefresh = getPerformRefresh(schema, onRefresh);
   const { performPersistAsync, persistedState } = getPersistAsyncInitialState(
     schemaMapperProps,
@@ -10156,7 +10196,8 @@ var booleanSchemaToComponent = (schemaMapperProps, mapperProps) => {
       validationState,
       performPersistAsync,
       performRefresh,
-      performValidationAsync
+      performValidationAsync,
+      onValueChange
     }),
     updateComponent
   );
@@ -10175,7 +10216,7 @@ var getValidModel = (model, defaultValue) => {
 var blobSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { schema, localValue, model, required = false } = schemaMapperProps;
   const { accepts, maxSize, validationMessages } = schema;
-  const { getErrorMessageFunctions, updateComponent } = mapperProps;
+  const { getErrorMessageFunctions, updateComponent, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync } = getPersistAsyncInitialState(schemaMapperProps, mapperProps);
   const persistedState = performPersistAsync ? getInitialPersistedState(null, model) : getInitialPersistedState();
@@ -10190,7 +10231,8 @@ var blobSchemaToComponent = (schemaMapperProps, mapperProps) => {
       value,
       persistedState,
       performPersistAsync,
-      checks: schema.hidden ? [] : [getRequiredCheck(required, errorMessageFunctions)]
+      checks: schema.hidden ? [] : [getRequiredCheck(required, errorMessageFunctions)],
+      onValueChange
     }),
     updateComponent
   );
@@ -11879,7 +11921,7 @@ function useStableCallback(handler) {
 
 // src/revamp/DynamicFlowCore.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
-function DynamicFlowCore(props) {
+var DynamicFlowCore = (0, import_react17.forwardRef)(function DynamicFlowCore2(props, ref) {
   const _a = props, { flowId, initialAction, initialStep, renderers, displayStepTitle = true } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep", "renderers", "displayStepTitle"]);
   const httpClient = useStableCallback(rest.httpClient);
   const onCompletion = useStableCallback(rest.onCompletion);
@@ -11911,6 +11953,20 @@ function DynamicFlowCore(props) {
       trackCoreEvent("Step Shown", { isFirstStep: true });
     }
   }, []);
+  (0, import_react17.useImperativeHandle)(
+    ref,
+    () => ({
+      getValue: async () => {
+        var _a2, _b;
+        return (_b = await ((_a2 = stepComponentRef.current) == null ? void 0 : _a2.getSubmittableValue())) != null ? _b : null;
+      },
+      validate: () => {
+        var _a2, _b;
+        return (_b = (_a2 = stepComponentRef.current) == null ? void 0 : _a2.validate()) != null ? _b : false;
+      }
+    }),
+    []
+  );
   const initialiseWithStep = (0, import_react17.useCallback)(
     (newStep, etag) => {
       var _a2, _b, _c;
@@ -11944,7 +12000,9 @@ function DynamicFlowCore(props) {
           logEvent,
           httpClient,
           onAction,
-          onRefresh
+          onRefresh,
+          onValueChange: ref ? () => trackEvent("Value Changed") : () => {
+          }
         });
         setStepComponent(() => {
           stepComponentRef.current = newStepComponent;
@@ -12082,21 +12140,22 @@ function DynamicFlowCore(props) {
     [renderers]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ErrorBoundary_default, { onError: closeWithError, children: stepComponent ? render(stepComponent) : null });
-}
+});
+var DynamicFlowCore_default = DynamicFlowCore;
 
 // src/revamp/DynamicFlowWise.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var defaultRenderers = getWiseRenderers();
-function DynamicFlowWise(props) {
+var DynamicFragmentWise = (0, import_react18.forwardRef)(function DynamicFragmentWise2(props, ref) {
   const { httpClient, renderers = [] } = props;
   const { locale } = (0, import_react_intl16.useIntl)();
   const wiseHttpClient = (0, import_react18.useMemo)(
     () => makeWiseHttpClient(httpClient, locale),
     [httpClient, locale]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(HttpClientProvider, { httpClient: wiseHttpClient, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DynamicFlowCore, __spreadProps(__spreadValues({}, props), { renderers: [...renderers, ...defaultRenderers] })) });
-}
-var DynamicFlowWise_default = DynamicFlowWise;
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(HttpClientProvider, { httpClient: wiseHttpClient, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DynamicFlowCore_default, __spreadProps(__spreadValues({}, props), { ref, renderers: [...renderers, ...defaultRenderers] })) });
+});
+var DynamicFlowWise_default = DynamicFragmentWise;
 var makeWiseHttpClient = (httpClient, locale) => async (input, init) => httpClient(
   input,
   mergeRequestInit(init, { credentials: "include", headers: { "accept-language": locale } })