@wise/dynamic-flow-client 3.7.0 → 3.7.1

package/build/main.mjs

@@ -1193,6 +1193,7 @@ var debounce = (callback, waitMs) => {
       clearTimer();
     }
   };
+  debouncedFn.isPending = () => timeoutId !== null;
   return debouncedFn;
 };
 
@@ -3672,7 +3673,8 @@ var _FormControl = class _FormControl extends PureComponent {
               SelectInputOptionContent2,
               {
                 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
               }
             ),
@@ -3807,7 +3809,7 @@ var _FormControl = class _FormControl extends PureComponent {
             monthFormat,
             disabled,
             onChange: (date) => {
-              this.handleOnChange(dateToDateString(date));
+              this.handleOnChange(date !== null ? dateToDateString(date) : null);
             },
             onBlur: this.handleOnBlur,
             onFocus: this.handleOnFocus
@@ -6748,13 +6750,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";
 
@@ -7113,6 +7124,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 {
@@ -7130,6 +7142,7 @@ var DynamicFlowComponent = ({
     }
   };
   const performRefresh = async (url, data, etag2) => {
+    cancelPendingRefreshes();
     setLoadingState("refresh");
     dispatchEvent("Dynamic Flow - Step Refreshed", { status: "pending" });
     try {
@@ -7143,7 +7156,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 = useCallback9(
     (result) => {
       dispatchEvent("Dynamic Flow - Flow Finished", { result: "success" });
@@ -7251,7 +7264,7 @@ var DynamicFlowComponent = ({
     }
   };
   const onAction = async (action) => {
-    if (isLoading || action.disabled) {
+    if (isLoading || isDebouncing || action.disabled) {
       return;
     }
     if (action.exit && !action.url) {
@@ -7272,7 +7285,7 @@ var DynamicFlowComponent = ({
       await performAction(action);
     }
   };
-  return /* @__PURE__ */ jsx72(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key), onLog, children: /* @__PURE__ */ jsx72(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ jsx72(DynamicFlowProvider, { loading: isLoading, children: /* @__PURE__ */ jsx72(HttpClientProvider, { httpClient, children: /* @__PURE__ */ jsx72(FeatureContextProvider, { features, children: loader !== null ? loader : /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx72(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key), onLog, children: /* @__PURE__ */ jsx72(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ jsx72(DynamicFlowProvider, { loading: isLoading || isDebouncing, children: /* @__PURE__ */ jsx72(HttpClientProvider, { httpClient, children: /* @__PURE__ */ jsx72(FeatureContextProvider, { features, children: loader !== null ? loader : /* @__PURE__ */ jsx72(
     DynamicFlowStep,
     {
       step,
@@ -8510,7 +8523,7 @@ function VariableDateInput({
         placeholder,
         disabled,
         onChange: (date) => {
-          onChange(dateToDateString2(date));
+          onChange(date !== null ? dateToDateString2(date) : null);
         },
         onBlur,
         onFocus

package/build/types/legacy/common/utils/debounce.d.ts

@@ -2,5 +2,6 @@ export interface DebouncedFunc<T extends (...args: Parameters<T>) => ReturnType<
     (...args: Parameters<T>): void;
     cancel: () => void;
     flush: () => void;
+    isPending: () => boolean;
 }
 export declare const debounce: <T extends (...args: Parameters<T>) => ReturnType<T>>(callback: T, waitMs: number) => DebouncedFunc<T>;

package/build/types/legacy/dynamicFlow/utils/useDebouncedRefresh/useDebouncedRefresh.d.ts

@@ -1,5 +1,9 @@
 import type { Schema } from '@wise/dynamic-flow-types';
 type FetchRefresh = (url: string, data: unknown, etag: string | undefined) => Promise<void | null>;
-export declare function useDebouncedRefresh(fetchRefresh: FetchRefresh): (url: string, data: unknown, etag: string | undefined, schema: Schema) => void;
+export declare function useDebouncedRefresh(fetchRefresh: FetchRefresh): {
+    debouncedRefresh: (url: string, data: unknown, etag: string | undefined, schema: Schema) => void;
+    isDebouncing: boolean;
+    cancelPendingRefreshes: () => void;
+};
 export declare const shouldDebounceSchema: (schema: Schema) => boolean;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.7.0",
+  "version": "3.7.1",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",