@wise/dynamic-flow-client 2.8.14 → 2.9.0-beta-5eeb4d.27

package/build/main.js

@@ -4587,65 +4587,68 @@ function UploadInputAdapter(props) {
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function PersistAsyncBlobSchema(props) {
+  const { model, schema, submitted, required, errors, onChange } = props;
   const [persistAsyncValidationMessages, setPersistAsyncValidationMessages] = (0, import_react19.useState)({});
   const [persistAsyncValidations, setPersistAsyncValidations] = (0, import_react19.useState)(null);
   const [validations, setValidations] = (0, import_react19.useState)([]);
   const [changed, setChanged] = (0, import_react19.useState)(false);
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
-  const refreshValidations = () => {
-    if (props.submitted) {
-      setValidations(getValidationFailures(props.model, props.schema, Boolean(props.required)));
+  (0, import_react19.useEffect)(() => {
+    console.log(submitted);
+    if (submitted) {
+      setValidations(getValidationFailures(model, schema, Boolean(required)));
+    } else {
+      setValidations([]);
     }
-  };
-  (0, import_react19.useEffect)(refreshValidations, [props.model, props.submitted]);
+  }, [model, schema, submitted, required]);
   const onSuccess = async (httpResponse, _fileName) => {
     const jsonResponse = await httpResponse.json();
-    const id2 = getIdFromResponse(props.schema.persistAsync.idProperty, jsonResponse);
-    props.onChange({ model: id2, triggerSchema: props.schema, triggerModel: id2 });
+    const id2 = getIdFromResponse(schema.persistAsync.idProperty, jsonResponse);
+    onChange({ model: id2, triggerSchema: schema, triggerModel: id2 });
     setChanged(true);
-    onEvent("Dynamic Flow - PersistAsync", { status: "success", schemaId: props.schema.$id });
+    onEvent("Dynamic Flow - PersistAsync", { status: "success", schemaId: schema.$id });
   };
   const onFailure = async (errorResponse) => {
     if (errorResponse.response && isStatus422(errorResponse.response.status)) {
       const jsonResponse = await errorResponse.response.json();
       setPersistAsyncValidationMessages(jsonResponse.validation || {});
-      setPersistAsyncValidations([props.schema.persistAsync.param]);
+      setPersistAsyncValidations([schema.persistAsync.param]);
     }
-    props.onChange({ model: null, triggerSchema: props.schema, triggerModel: null });
+    onChange({ model: null, triggerSchema: schema, triggerModel: null });
     setChanged(true);
-    onEvent("Dynamic Flow - PersistAsync", { status: "failure", schemaId: props.schema.$id });
+    onEvent("Dynamic Flow - PersistAsync", { status: "failure", schemaId: schema.$id });
   };
   const onCancel = () => {
     setPersistAsyncValidations(null);
-    props.onChange({ model: null, triggerSchema: props.schema, triggerModel: null });
+    onChange({ model: null, triggerSchema: schema, triggerModel: null });
     setChanged(true);
   };
-  const { url, method } = props.schema.persistAsync;
+  const { url, method } = schema.persistAsync;
   const combinedValidations = persistAsyncValidations || validations;
   const formGroupClasses = {
     "form-group": true,
-    "has-error": (props.submitted || changed) && Boolean(combinedValidations.length)
+    "has-error": (submitted || changed) && Boolean(combinedValidations.length)
   };
-  const id = props.schema.$id || props.schema.persistAsync.schema.$id || props.schema.persistAsync.idProperty;
+  const id = schema.$id || schema.persistAsync.schema.$id || schema.persistAsync.idProperty;
   const feedbackId = `${id}-feedback`;
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_classnames5.default)(formGroupClasses), children: [
     /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { "aria-describedby": feedbackId, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       UploadInputAdapter,
       __spreadValues({
         id,
-        fileId: props.model,
-        idProperty: props.schema.persistAsync.idProperty,
+        fileId: model,
+        idProperty: schema.persistAsync.idProperty,
         animationDelay: 0,
-        maxSize: props.schema.persistAsync.schema.maxSize,
-        usLabel: props.schema.title || props.schema.persistAsync.schema.title,
-        usPlaceholder: props.schema.description || props.schema.persistAsync.schema.description,
-        httpOptions: { url, method, fileInputName: props.schema.persistAsync.param },
+        maxSize: schema.persistAsync.schema.maxSize,
+        usLabel: schema.title || schema.persistAsync.schema.title,
+        usPlaceholder: schema.description || schema.persistAsync.schema.description,
+        httpOptions: { url, method, fileInputName: schema.persistAsync.param },
         httpClient,
         onSuccess,
         onFailure,
         onCancel
-      }, mapSchemaToUploadOptions(props.schema.persistAsync.schema))
+      }, mapSchemaToUploadOptions(schema.persistAsync.schema))
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       ControlFeedback_default,
@@ -4654,9 +4657,9 @@ function PersistAsyncBlobSchema(props) {
         blurred: true,
         focused: false,
         changed,
-        submitted: props.submitted,
-        errors: props.errors,
-        schema: props.schema,
+        submitted,
+        errors,
+        schema,
         validations: combinedValidations,
         validationMessages: __spreadValues({
           required: "Value is required..."