@wise/dynamic-flow-client 3.1.0 → 3.1.1

package/build/main.js

@@ -10887,19 +10887,22 @@ var createButtonComponent = (buttonProps) => __spreadProps(__spreadValues({
 });
 
 // src/revamp/domain/mappers/layout/buttonLayoutToComponent.ts
-var buttonLayoutToComponent = (uid, { action, context, control, disabled, margin = "md", pinOrder, size, title }, { onAction }) => createButtonComponent({
-  uid,
-  context: getButtonContext({ context, action }),
-  control: getButtonControl({ control, action }),
-  disabled: getButtonDisabled({ disabled, action }),
-  margin,
-  pinOrder,
-  size,
-  title: getButtonTitle({ title, action }),
-  onClick: () => {
-    void onAction(action);
-  }
-});
+var buttonLayoutToComponent = (uid, { action, context, control, disabled, margin = "md", pinOrder, size, title }, { onAction, step }) => {
+  const mergedAction = (action == null ? void 0 : action.$ref) ? __spreadValues(__spreadValues({}, getActionByReference(action.$ref, step == null ? void 0 : step.actions)), action) : action;
+  return createButtonComponent({
+    uid,
+    context: getButtonContext({ context, action: mergedAction }),
+    control: getButtonControl({ control, action: mergedAction }),
+    disabled: getButtonDisabled({ disabled, action: mergedAction }),
+    margin,
+    pinOrder,
+    size,
+    title: getButtonTitle({ title, action: mergedAction }),
+    onClick: () => {
+      void onAction(mergedAction);
+    }
+  });
+};
 var getButtonTitle = ({ title, action }) => {
   var _a;
   return (_a = title != null ? title : action == null ? void 0 : action.title) != null ? _a : "";
@@ -10923,6 +10926,13 @@ var getButtonContext = ({ context, action }) => {
   }
   return (action == null ? void 0 : action.type) ? mapLegacyActionTypeToContext(action.type) : "neutral";
 };
+var getActionByReference = ($ref, actions = []) => {
+  const action = actions.find((a) => a.$id === $ref);
+  if (!action) {
+    throw new Error("Action reference not found in actions array.");
+  }
+  return action;
+};
 
 // src/revamp/domain/components/ColumnsComponent.ts
 var createColumnsComponent = (columnsProps) => __spreadProps(__spreadValues({}, columnsProps), {
@@ -11060,6 +11070,7 @@ var getComponentPersistAsync = (update, performPersistAsync) => (
         }
         update((draft) => {
           draft.errors = [error.message];
+          draft.persistedState.lastSubmitted = null;
         });
         throw error;
       }
@@ -11222,6 +11233,7 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
   if (performPersistAsync) {
     const persist = getComponentPersistAsync(update, performPersistAsync);
     return __spreadProps(__spreadValues({}, numberComponent), {
+      isPersisted: true,
       onBlur() {
         if (this.validate()) {
           persist(this.persistedState, this.getLocalValue()).catch(() => {
@@ -11932,6 +11944,7 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
   if (performPersistAsync) {
     const persist = getComponentPersistAsync(update, performPersistAsync);
     return __spreadProps(__spreadValues({}, integerComponent), {
+      isPersisted: true,
       onBlur() {
         if (this.validate()) {
           persist(this.persistedState, this.getLocalValue()).catch(() => {
@@ -11995,21 +12008,35 @@ var integerSchemaToComponent = (schemaMapperProps, mapperProps) => {
 };
 
 // src/revamp/domain/components/utils/isPartialLocalValueMatch.ts
-var isPartialLocalValueMatch = (partialValue, value) => {
-  if (isArray2(partialValue) && isArray2(value)) {
-    return partialValue.every(
-      (_, index) => isPartialLocalValueMatch(partialValue[index], value[index])
-    );
+var isPartialLocalValueMatch = (partialValue, component) => {
+  if (isArray2(partialValue) && component.type === "repeatable") {
+    const children = component.getChildren();
+    return partialValue.every((value, index) => {
+      const childComponent = children[index];
+      return childComponent ? isPartialLocalValueMatch(value, childComponent) : false;
+    });
   }
-  if (isObjectLocalValue(partialValue) && isObjectLocalValue(value)) {
-    const allKeys = Array.from(/* @__PURE__ */ new Set([...Object.keys(partialValue), ...Object.keys(value)]));
+  if (isObjectLocalValue(partialValue) && component.type === "object") {
+    const allKeys = Array.from(
+      /* @__PURE__ */ new Set([...Object.keys(partialValue), ...Object.keys(component.componentMap)])
+    );
     const matchingKeys = allKeys.filter(
-      (key) => !isNullish3(partialValue[key]) && !isNullish3(value[key])
+      (key) => !isNullish3(partialValue[key]) && !isNullish3(component.componentMap[key])
+    );
+    return matchingKeys.every(
+      (key) => isPartialLocalValueMatch(partialValue[key], component.componentMap[key])
     );
-    return matchingKeys.every((key) => isPartialLocalValueMatch(partialValue[key], value[key]));
   }
-  return partialValue === value;
+  const componentValue = component.getLocalValue();
+  if (partialValue instanceof File && componentValue instanceof File) {
+    return areEquivalentFiles(partialValue, componentValue);
+  }
+  if ("isPersisted" in component && component.isPersisted) {
+    return true;
+  }
+  return partialValue === componentValue;
 };
+var areEquivalentFiles = (fileA, fileB) => fileA.name === fileB.name && fileA.type === fileB.type && fileA.size === fileB.size;
 
 // src/revamp/domain/components/SelectInputComponent.ts
 var createSelectInputComponent = (selectProps, updateComponent) => {
@@ -12031,9 +12058,10 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
     "summariser"
   ]);
   const children = options.map((option) => option.component);
-  const selectedIndex = options.findIndex(
-    (option) => isPartialLocalValueMatch(selectProps.initialValue, option.component.getLocalValue())
+  const matchingOptions = options.map(
+    (option) => isPartialLocalValueMatch(selectProps.initialValue, option.component)
   );
+  const selectedIndex = matchingOptions.filter(isTrue).length === 1 ? matchingOptions.indexOf(true) : null;
   const update = getInputUpdateFunction(uid, updateComponent);
   const getValidationErrors = getLocalValueValidator(checks);
   const getAndSetValidationErrors = (currentValue) => {
@@ -12100,6 +12128,7 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
   }
   const persist = getComponentPersistAsync(update, performPersistAsync);
   return __spreadProps(__spreadValues({}, selectComponent), {
+    isPersisted: true,
     onSelect(updatedIndex) {
       selectComponent.onSelect.call(this, updatedIndex);
       const isValid = getValidationErrors(this.getLocalValue()).length === 0;
@@ -12113,6 +12142,7 @@ var createSelectInputComponent = (selectProps, updateComponent) => {
     }
   });
 };
+var isTrue = (value) => value;
 
 // src/revamp/domain/mappers/schema/oneOfSchemaToComponent/oneOfSchemaToComponent.ts
 var oneOfSchemaToComponent = (schemaMapperProps, mapperProps) => {
@@ -12245,6 +12275,7 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
   if (performPersistAsync) {
     const persist = getComponentPersistAsync(update, performPersistAsync);
     return __spreadProps(__spreadValues({}, dateInputComponent), {
+      isPersisted: true,
       onChange(updatedValue) {
         dateInputComponent.onChange.call(this, updatedValue);
         const isValid = getValidationErrors(updatedValue).length === 0;
@@ -12394,6 +12425,7 @@ var createUploadInputComponent = (uploadInputProps, updateComponent) => {
   const persist = getComponentPersistAsync(update, performPersistAsync);
   return __spreadProps(__spreadValues({}, uploadComponent), {
     format,
+    isPersisted: true,
     async onUpload(file) {
       update((draft) => {
         draft.errors = [];
@@ -12511,6 +12543,7 @@ var createTextInputComponent = (textInputProps, updateComponent) => {
   if (performPersistAsync) {
     const persist = getComponentPersistAsync(update, performPersistAsync);
     return __spreadProps(__spreadValues({}, inputComponent), {
+      isPersisted: true,
       onBlur() {
         if (this.validate()) {
           persist(this.persistedState, this.getLocalValue()).catch(() => {
@@ -12860,6 +12893,7 @@ var createMultiUploadInputComponent = (uploadInputProps, updateComponent) => {
   const persist = getComponentMultiPersistAsync(update, performPersistAsync);
   return __spreadProps(__spreadValues({}, uploadComponent), {
     format,
+    isPersisted: true,
     async onUpload(file, fileId) {
       await uploadComponent.onUpload.call(this, file, fileId);
       const submission = format === "blob" ? file : await toBase642(file);
@@ -13010,6 +13044,7 @@ var createBooleanInputComponent = (booleanInputProps, updateComponent) => {
   if (performPersistAsync) {
     const persist = getComponentPersistAsync(update, performPersistAsync);
     return __spreadProps(__spreadValues({}, booleanComponent), {
+      isPersisted: true,
       onChange(updatedValue) {
         booleanComponent.onChange.call(this, updatedValue);
         persist(this.persistedState, this.getLocalValue()).catch(() => {
@@ -13182,12 +13217,13 @@ var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formPr
 });
 
 // src/revamp/domain/mappers/layout/formLayoutToComponent.ts
-var formLayoutToComponent = (uid, { schemaId, control, margin = "md" }, mapperProps) => {
+var formLayoutToComponent = (uid, { schemaId, schema: schemaRef, control, margin = "md" }, mapperProps) => {
   const { step, stepLocalValue } = mapperProps;
   const { model, errors, schemas } = step;
-  const schema = schemas.find((s) => s.$id === schemaId);
+  const id = schemaId != null ? schemaId : schemaRef == null ? void 0 : schemaRef.$ref;
+  const schema = schemas.find((s) => s.$id === id);
   if (!schema) {
-    throw new Error("Bad layout schemaId");
+    throw new Error("Schema not found in schemas array.");
   }
   return createFormComponent({
     uid,
@@ -14579,7 +14615,7 @@ function DynamicFlowCore(props) {
     () => getRenderFunction([CoreContainerRenderer, ...renderers2, StepRenderer]),
     [renderers2]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ErrorBoundary_default, { onError, children: step ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ErrorBoundary_default, { onError: closeWithError, children: step ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     Step_default,
     {
       displayStepTitle,