@wise/dynamic-flow-client 3.7.0 → 3.7.1

package/build/main.js

@@ -1214,6 +1214,7 @@ var debounce = (callback, waitMs) => {
       clearTimer();
     }
   };
+  debouncedFn.isPending = () => timeoutId !== null;
   return debouncedFn;
 };
 
@@ -3678,7 +3679,8 @@ var _FormControl = class _FormControl extends import_react18.PureComponent {
               import_components15.SelectInputOptionContent,
               {
                 title: label2,
-                note: note != null ? note : secondary,
+                note: withinTrigger ? note != null ? note : secondary : note,
+                description: withinTrigger ? void 0 : secondary,
                 icon: withinTrigger && hideIconInTrigger ? void 0 : icon
               }
             ),
@@ -3813,7 +3815,7 @@ var _FormControl = class _FormControl extends import_react18.PureComponent {
             monthFormat,
             disabled,
             onChange: (date) => {
-              this.handleOnChange(dateToDateString(date));
+              this.handleOnChange(date !== null ? dateToDateString(date) : null);
             },
             onBlur: this.handleOnBlur,
             onFocus: this.handleOnFocus
@@ -6754,13 +6756,22 @@ function useDebouncedRefresh(fetchRefresh) {
     map.current.set(key, debouncedFetchRefresh);
     return debouncedFetchRefresh;
   };
-  return function(url, data, etag, schema) {
+  const debouncedRefresh = (url, data, etag, schema) => {
     const debouncedFetchRefresh = retrieveOrCreate(url);
     debouncedFetchRefresh(url, data, etag);
     if (!schema || !shouldDebounceSchema(schema)) {
       debouncedFetchRefresh.flush();
     }
   };
+  const cancelPendingRefreshes = () => {
+    map.current.forEach((debouncedFetchRefresh) => {
+      debouncedFetchRefresh.cancel();
+    });
+  };
+  const isDebouncing = Array.from(map.current.values()).some(
+    (debouncedFunction) => debouncedFunction.isPending()
+  );
+  return { debouncedRefresh, isDebouncing, cancelPendingRefreshes };
 }
 var shouldDebounceSchema = (schema) => getSchemaType(schema) === "basic" && schema.type !== "boolean" && schema.format !== "base64url";
 
@@ -7119,6 +7130,7 @@ var DynamicFlowComponent = ({
     [httpClient, locale]
   );
   const performAction = async (action, data = {}) => {
+    cancelPendingRefreshes();
     setLoadingState(!step ? "initial" : "submission");
     dispatchEvent("Dynamic Flow - Step Submitted", { actionId: action.id || action.$id });
     try {
@@ -7136,6 +7148,7 @@ var DynamicFlowComponent = ({
     }
   };
   const performRefresh = async (url, data, etag2) => {
+    cancelPendingRefreshes();
     setLoadingState("refresh");
     dispatchEvent("Dynamic Flow - Step Refreshed", { status: "pending" });
     try {
@@ -7149,7 +7162,7 @@ var DynamicFlowComponent = ({
     const exitResult = await getJsonObjectOrNull(response);
     dispatchEventAndComplete(__spreadValues(__spreadValues({}, exitResult), actionResult));
   };
-  const debouncedRefresh = useDebouncedRefresh(performRefresh);
+  const { debouncedRefresh, isDebouncing, cancelPendingRefreshes } = useDebouncedRefresh(performRefresh);
   const dispatchEventAndComplete = (0, import_react47.useCallback)(
     (result) => {
       dispatchEvent("Dynamic Flow - Flow Finished", { result: "success" });
@@ -7257,7 +7270,7 @@ var DynamicFlowComponent = ({
     }
   };
   const onAction = async (action) => {
-    if (isLoading || action.disabled) {
+    if (isLoading || isDebouncing || action.disabled) {
       return;
     }
     if (action.exit && !action.url) {
@@ -7278,7 +7291,7 @@ var DynamicFlowComponent = ({
       await performAction(action);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key), onLog, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DynamicFlowProvider, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(HttpClientProvider, { httpClient, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(FeatureContextProvider, { features, children: loader !== null ? loader : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key), onLog, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DynamicFlowProvider, { loading: isLoading || isDebouncing, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(HttpClientProvider, { httpClient, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(FeatureContextProvider, { features, children: loader !== null ? loader : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     DynamicFlowStep,
     {
       step,
@@ -8516,7 +8529,7 @@ function VariableDateInput({
         placeholder,
         disabled,
         onChange: (date) => {
-          onChange(dateToDateString2(date));
+          onChange(date !== null ? dateToDateString2(date) : null);
         },
         onBlur,
         onFocus