@wise/dynamic-flow-client 3.18.1 → 3.19.0

package/build/main.js

@@ -1622,6 +1622,8 @@ var instructionsComponentToProps = ({
 
 // src/revamp/renderers/mappers/integerInputComponentToProps.ts
 var integerInputComponentToProps = (component) => __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-integer")), {
+  maximum: component.maximum,
+  minimum: component.minimum,
   onChange: component.onChange.bind(component)
 });
 
@@ -1685,6 +1687,8 @@ var multiUploadInputComponentToProps = (component) => {
 
 // src/revamp/renderers/mappers/numberInputComponentToProps.ts
 var numberInputComponentToProps = (component) => __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-number")), {
+  maximum: component.maximum,
+  minimum: component.minimum,
   onChange: component.onChange.bind(component)
 });
 
@@ -1721,6 +1725,8 @@ var repeatableComponentToProps = (component, children, editableItemChildren) =>
     description,
     editItemTitle,
     errors,
+    maxItems,
+    minItems,
     summaryDefaults,
     title = "",
     onEdit,
@@ -1743,13 +1749,15 @@ var repeatableComponentToProps = (component, children, editableItemChildren) =>
   return {
     type: "repeatable",
     children,
+    addItemTitle,
     control,
-    items: itemProps,
-    editableItem: editableItemChildren,
-    title,
     description,
-    addItemTitle,
+    editableItem: editableItemChildren,
     editItemTitle,
+    items: itemProps,
+    maxItems,
+    minItems,
+    title,
     error: errors[0],
     onAdd: onAdd.bind(component),
     onEdit: onEdit.bind(component),
@@ -1858,14 +1866,18 @@ var statusListComponentToProps = ({
 // src/revamp/renderers/mappers/textInputComponentToProps.ts
 var textInputComponentToProps = (component) => __spreadProps(__spreadValues({}, inputComponentToProps(component, "input-text")), {
   displayFormat: component.displayFormat,
+  maxLength: component.maxLength,
+  minLength: component.minLength,
   onChange: component.onChange.bind(component)
 });
 
 // src/revamp/renderers/mappers/multiSelectComponentToProps.ts
 var multiSelectInputComponentToProps = (component) => {
-  const { options, selectedIndices, onSelect } = component;
-  const _a = inputComponentToProps(component, "input-multi-select"), { value } = _a, props = __objRest(_a, ["value"]);
+  const { maxItems, minItems, options, selectedIndices, onSelect } = component;
+  const _a = inputComponentToProps(component, "input-multi-select"), { required, value } = _a, props = __objRest(_a, ["required", "value"]);
   return __spreadProps(__spreadValues({}, props), {
+    maxItems,
+    minItems,
     options,
     selectedIndices,
     onSelect: onSelect.bind(component)
@@ -6808,84 +6820,34 @@ var createStepComponent = (stepProps) => {
   });
 };
 
-// src/revamp/flow/response-utils.ts
-var assertResponseIsValid = (response) => {
-  if (!isResponse(response)) {
-    throw new Error("Incorrect type of response from fetch. Expected object of type Response.");
-  }
-  if (response.bodyUsed) {
-    throw new Error(
-      "The body of the provided Response object has already been used. Every request must respond with a new Response object."
-    );
-  }
-};
-var isResponse = (response) => typeof response === "object" && response !== null && "clone" in response && "bodyUsed" in response;
-var parseResponseBodyAsJsonElement = async (response) => {
-  try {
-    return await response.json();
-  } catch (e) {
-    return null;
-  }
-};
-function isActionResponseBody(body) {
-  return validateActionResponse(body).valid;
-}
-function assertActionResponseBody(body) {
-  if (!isObject(body) || !isObject(body.action)) {
-    throw new Error(
-      "Incorrect response body in action response. Expected an object satisfying the type { action: Action }."
-    );
-  }
-}
-function isErrorResponseBody(body) {
-  return Boolean(
-    isObject(body) && (body.refreshFormUrl || body.refreshUrl || body.validation || body.error || body.analytics)
-  );
-}
-function assertStepResponseBody(body) {
-  if (!isObject(body)) {
-    throw new Error("Incorrect response body in step response. Expected an object.");
-  }
-}
-
 // src/revamp/domain/features/polling/getStepPolling.ts
 var getStepPolling = ({
-  httpClient,
   pollingConfig,
-  onAction
+  onAction,
+  onPoll
 }) => {
   const { interval, delay = interval, maxAttempts, url, onError } = pollingConfig;
   let abortController = new AbortController();
   if (delay == null) {
     throw new Error("Polling configuration must include delay or interval");
   }
-  const onFailure = () => {
-    stop();
-    void onAction(onError.action);
-  };
   let attempts = 0;
   const poll = () => {
     attempts += 1;
     abortController.abort();
     abortController = new AbortController();
     const { signal } = abortController;
-    httpClient(url, { signal }).then(async (response) => {
-      if (!response.ok) {
-        onFailure();
+    onPoll(url, onError.action, signal).then((result) => {
+      if (result) {
+        stop();
         return;
       }
-      response.json().then((body) => {
-        if (isActionResponseBody(body)) {
-          void onAction(body.action);
-          stop();
-        }
-      }).catch(() => {
-      });
+      if (attempts >= maxAttempts && !signal.aborted) {
+        void onAction(onError.action);
+        stop();
+      }
     }).catch(() => {
     });
-    if (attempts >= maxAttempts && !signal.aborted) {
-      onFailure();
-    }
   };
   poll();
   const intervalRef = setInterval(poll, delay * 1e3);
@@ -7660,6 +7622,46 @@ var autocompleteTokenMap = {
   pager: "pager"
 };
 
+// src/revamp/flow/response-utils.ts
+var assertResponseIsValid = (response) => {
+  if (!isResponse(response)) {
+    throw new Error("Incorrect type of response from fetch. Expected object of type Response.");
+  }
+  if (response.bodyUsed) {
+    throw new Error(
+      "The body of the provided Response object has already been used. Every request must respond with a new Response object."
+    );
+  }
+};
+var isResponse = (response) => typeof response === "object" && response !== null && "clone" in response && "bodyUsed" in response;
+var parseResponseBodyAsJsonElement = async (response) => {
+  try {
+    return await response.json();
+  } catch (e) {
+    return null;
+  }
+};
+function isActionResponseBody(body) {
+  return validateActionResponse(body).valid;
+}
+function assertActionResponseBody(body) {
+  if (!isObject(body) || !isObject(body.action)) {
+    throw new Error(
+      "Incorrect response body in action response. Expected an object satisfying the type { action: Action }."
+    );
+  }
+}
+function isErrorResponseBody(body) {
+  return Boolean(
+    isObject(body) && (body.refreshFormUrl || body.refreshUrl || body.validation || body.error || body.analytics)
+  );
+}
+function assertStepResponseBody(body) {
+  if (!isObject(body)) {
+    throw new Error("Incorrect response body in step response. Expected an object.");
+  }
+}
+
 // src/revamp/domain/features/utils/response-utils.ts
 var getAnalyticsFromErrorResponse = (json) => {
   if (!isErrorResponseBody(json)) {
@@ -7860,7 +7862,7 @@ var schemaHasValidationAsync = (schema) => Boolean("validationAsync" in schema &
 // src/revamp/domain/mappers/schema/numberSchemaToComponent.ts
 var numberSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { schema, model, localValue, required = false } = schemaMapperProps;
-  const { autocompleteHint, validationMessages, default: defaultValue } = schema;
+  const { autocompleteHint, validationMessages, default: defaultValue, maximum, minimum } = schema;
   const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync, persistedState } = getPersistAsyncInitialState(
@@ -7883,6 +7885,8 @@ var numberSchemaToComponent = (schemaMapperProps, mapperProps) => {
         getAboveMaximumCheck(schema, errorMessageFunctions)
       ],
       value,
+      maximum,
+      minimum,
       persistedState,
       validationState,
       performPersistAsync,
@@ -8207,7 +8211,7 @@ var createIntegerInputComponent = (integerInputProps, updateComponent) => {
 // src/revamp/domain/mappers/schema/integerSchemaToComponent.ts
 var integerSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { schema, localValue, model, required = false } = schemaMapperProps;
-  const { autocompleteHint, validationMessages, default: defaultValue } = schema;
+  const { autocompleteHint, validationMessages, default: defaultValue, maximum, minimum } = schema;
   const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync, persistedState } = getPersistAsyncInitialState(
@@ -8230,6 +8234,8 @@ var integerSchemaToComponent = (schemaMapperProps, mapperProps) => {
     __spreadProps(__spreadValues({}, mapCommonSchemaProps(schemaMapperProps)), {
       autoComplete: getAutocompleteString(autocompleteHint),
       checks,
+      maximum,
+      minimum,
       persistedState,
       value,
       validationState,
@@ -8808,6 +8814,8 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
     default: defaultValue,
     displayFormat,
     format,
+    maxLength,
+    minLength,
     validationMessages
   } = schema;
   const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
@@ -8835,6 +8843,8 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
       ],
       control: control != null ? control : controlForLegacyFormat,
       displayFormat,
+      maxLength,
+      minLength,
       value,
       persistedState,
       validationState,
@@ -9013,7 +9023,7 @@ var arraySchemaToRepeatableComponent = (schemaMapperProps, mapperProps) => {
     required = false,
     validationErrors
   } = schemaMapperProps;
-  const { items, addItemTitle, editItemTitle, summary } = schema;
+  const { items, addItemTitle, editItemTitle, maxItems, minItems, summary } = schema;
   const value = isArray(localValue) ? localValue : [];
   const components = initialModel == null ? void 0 : initialModel.map(
     (item, index) => mapSchemaToComponent(
@@ -9050,6 +9060,8 @@ var arraySchemaToRepeatableComponent = (schemaMapperProps, mapperProps) => {
       ],
       components: components != null ? components : [],
       editItemTitle,
+      maxItems,
+      minItems,
       summary,
       createEditableComponent,
       onValueChange
@@ -9362,7 +9374,7 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
       )
     };
   });
-  const { title, validationMessages } = schema;
+  const { maxItems, minItems, title, validationMessages } = schema;
   const { getErrorMessageFunctions, onRefresh, onValueChange, updateComponent } = mapperProps;
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performValidationAsync, validationState } = getValidationAsyncInitialState(
@@ -9379,6 +9391,8 @@ var arraySchemaToMultiSelectComponent = (schemaMapperProps, mapperProps) => {
         getBelowMinItemsCheck(schema, errorMessageFunctions)
       ],
       initialValue,
+      maxItems,
+      minItems,
       options,
       required,
       title,
@@ -10239,14 +10253,16 @@ var mapStepToComponent = (_a) => {
   var _b = _a, {
     loadingState,
     displayStepTitle,
-    trackEvent
+    trackEvent,
+    onPoll
   } = _b, restProps = __objRest(_b, [
     "loadingState",
     "displayStepTitle",
-    "trackEvent"
+    "trackEvent",
+    "onPoll"
   ]);
   var _a2, _b2;
-  const { httpClient, step, updateComponent } = restProps;
+  const { step, updateComponent } = restProps;
   const { id, description, errors, external, key, layout = [], navigation, polling, title } = step;
   const backNavigation = (_a2 = navigation == null ? void 0 : navigation.back) != null ? _a2 : navigation == null ? void 0 : navigation.backButton;
   const back = backNavigation ? {
@@ -10276,7 +10292,7 @@ var mapStepToComponent = (_a) => {
     }
   };
   const onRefresh = async (schemaId, url) => restProps.onRefresh(schemaId, url != null ? url : refreshUrl);
-  const stepPolling = polling ? getStepPolling({ httpClient, pollingConfig: polling, onAction: restProps.onAction }) : void 0;
+  const stepPolling = polling ? getStepPolling({ pollingConfig: polling, onAction: restProps.onAction, onPoll }) : void 0;
   const mapperProps = __spreadProps(__spreadValues({}, restProps), { trackEvent, onAction, onRefresh });
   const unreferencedSchemaFormComponents = mapUnreferencedSchemas(mapperProps);
   const layoutComponents = layout.map(
@@ -10342,8 +10358,19 @@ var executeRefresh = async (props) => {
 // src/revamp/flow/getResponseType.ts
 var responseTypes = ["step", "action", "exit"];
 var getResponseType = async (response) => {
-  var _a, _b;
   assertResponseIsValid(response);
+  const headerResponseType = getResponseTypeFromHeader(response);
+  if (headerResponseType) {
+    return headerResponseType;
+  }
+  const jsonBody = await parseResponseBodyAsJsonElement(response.clone());
+  if (isObject(jsonBody) && jsonBody.action) {
+    return "action";
+  }
+  return "step";
+};
+var getResponseTypeFromHeader = (response) => {
+  var _a, _b;
   if ((_a = response.headers) == null ? void 0 : _a.has("X-Df-Response-Type")) {
     const type = response.headers.get("X-Df-Response-Type");
     assertDFResponseType(type);
@@ -10352,11 +10379,7 @@ var getResponseType = async (response) => {
   if ((_b = response.headers) == null ? void 0 : _b.has("X-Df-Exit")) {
     return "exit";
   }
-  const jsonBody = await parseResponseBodyAsJsonElement(response.clone());
-  if (isObject(jsonBody) && jsonBody.action) {
-    return "action";
-  }
-  return "step";
+  return void 0;
 };
 function assertDFResponseType(type) {
   if (!responseTypes.includes(type)) {
@@ -10647,6 +10670,48 @@ function useStableCallback(handler) {
   return (0, import_react2.useCallback)((...args) => ref.current ? ref.current(...args) : null, []);
 }
 
+// src/revamp/flow/executePoll.ts
+var executePoll = async (props) => {
+  const { errorAction, signal, url, httpClient } = props;
+  try {
+    const response = await httpClient(url != null ? url : "", {
+      method: "GET",
+      signal
+    });
+    if (!response.ok) {
+      return { type: "action", action: errorAction };
+    }
+    const responseType = getResponseTypeFromHeader(response);
+    const body = await parseResponseBodyAsJsonElement(response);
+    try {
+      switch (responseType) {
+        case "step": {
+          const etag = response.headers.get("etag") || null;
+          assertStepResponseBody(body);
+          return { type: "replace-step", step: body, etag };
+        }
+        case "exit": {
+          return { type: "complete", result: body };
+        }
+        case "action": {
+          assertActionResponseBody(body);
+          return { type: "action", action: body.action };
+        }
+        default: {
+          if (isActionResponseBody(body)) {
+            return { type: "action", action: body.action };
+          }
+          return { type: "continue" };
+        }
+      }
+    } catch (error) {
+      return { type: "action", action: errorAction };
+    }
+  } catch (error) {
+    return { type: "continue" };
+  }
+};
+
 // src/revamp/useDynamicFlowCore.tsx
 function useDynamicFlowCore(props) {
   const _a = props, { flowId, initialAction, initialStep, displayStepTitle = true } = _a, rest = __objRest(_a, ["flowId", "initialAction", "initialStep", "displayStepTitle"]);
@@ -10715,6 +10780,7 @@ function useDynamicFlowCore(props) {
           httpClient,
           onAction,
           onRefresh,
+          onPoll,
           onValueChange
         });
         setStepComponent(() => {
@@ -10848,6 +10914,31 @@ function useDynamicFlowCore(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
+  const onPoll = (0, import_react3.useCallback)(
+    async (url, errorAction, signal) => {
+      const command = await executePoll({
+        httpClient,
+        url,
+        errorAction,
+        signal
+      });
+      switch (command.type) {
+        case "replace-step":
+          initialiseWithStep(command.step, command.etag);
+          return true;
+        case "action":
+          void onAction(command.action);
+          return true;
+        case "complete":
+          onCompletion(command.result);
+          return true;
+        case "continue":
+          return false;
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
   return { stepComponentRef };
 }
 
@@ -12598,6 +12689,8 @@ var TextInputRenderer = {
       description,
       help,
       error,
+      maxLength,
+      minLength,
       type,
       value: initialValue
     } = _a, rest = __objRest(_a, [
@@ -12607,6 +12700,8 @@ var TextInputRenderer = {
       "description",
       "help",
       "error",
+      "maxLength",
+      "minLength",
       "type",
       "value"
     ]);