@wise/dynamic-flow-client 2.8.12 → 2.8.15

package/build/main.js

@@ -1092,57 +1092,9 @@ var getEventDispatcher = (onEvent, metadata) => (eventName, properties = {}) =>
   }
 };
 
-// src/legacy/common/contexts/httpClientContext/HttpClientContext.tsx
+// src/legacy/common/contexts/logContext/LogContext.tsx
 var import_react4 = require("react");
-
-// src/common/makeHttpClient/makeHttpClient.ts
-var makeHttpClient = (baseUrl, additionalHeaders) => (
-  // eslint-disable-next-line @typescript-eslint/promise-function-async
-  (input, init) => {
-    const resource = applyBaseUrl(input, baseUrl || "");
-    const headers2 = mergeHeaders(init == null ? void 0 : init.headers, additionalHeaders);
-    return fetch(resource, __spreadProps(__spreadValues({}, init != null ? init : {}), { headers: headers2 }));
-  }
-);
-var applyBaseUrl = (input, baseUrl) => typeof input === "string" && isRelativePath(input) ? baseUrl + input : input;
-var mergeHeaders = (initHeaders, additionalHeaders) => {
-  if (!initHeaders && !additionalHeaders) {
-    return {};
-  }
-  const headers2 = new Headers(initHeaders);
-  for (const [key, value] of Object.entries(additionalHeaders != null ? additionalHeaders : {})) {
-    headers2.set(key, value);
-  }
-  return headers2;
-};
-function isRelativePath(url = "") {
-  return !["https://", "http://", "data:"].some(
-    (prefix) => url.startsWith(prefix) && url.length > prefix.length
-  );
-}
-
-// src/legacy/common/contexts/httpClientContext/HttpClientContext.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var HttpClientContext = (0, import_react4.createContext)(void 0);
-function HttpClientProvider({ httpClient, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HttpClientContext.Provider, { value: httpClient, children });
-}
-function HttpClientProviderFromBaseUrl({ baseUrl, children }) {
-  const httpClient = (0, import_react4.useMemo)(() => makeHttpClient(baseUrl), [baseUrl]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HttpClientContext.Provider, { value: httpClient, children });
-}
-var useHttpClient = () => {
-  const contextFetch = (0, import_react4.useContext)(HttpClientContext);
-  return contextFetch != null ? contextFetch : fetch;
-};
-var useHasHttpClientProvider = () => {
-  const context = (0, import_react4.useContext)(HttpClientContext);
-  return Boolean(context);
-};
-
-// src/legacy/common/contexts/logContext/LogContext.tsx
-var import_react5 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
 var getLogger = (level, onLog, flowId = "UNKNOWN-FLOW-ID", stepId = "UNKNOWN-FLOW-ID") => (title, description, extra) => {
   try {
     onLog(level, `Dynamic Flow ${level} - ${title} - ${description}`, __spreadValues({
@@ -1152,9 +1104,9 @@ var getLogger = (level, onLog, flowId = "UNKNOWN-FLOW-ID", stepId = "UNKNOWN-FLO
   } catch (e) {
   }
 };
-var LogContext = (0, import_react5.createContext)(null);
+var LogContext = (0, import_react4.createContext)(null);
 function LogProvider({ flowId, stepId, children, onLog }) {
-  const value = (0, import_react5.useMemo)(
+  const value = (0, import_react4.useMemo)(
     () => ({
       debug: getLogger("debug", onLog, flowId, stepId),
       info: getLogger("info", onLog, flowId, stepId),
@@ -1164,10 +1116,10 @@ function LogProvider({ flowId, stepId, children, onLog }) {
     }),
     [onLog, flowId, stepId]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LogContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LogContext.Provider, { value, children });
 }
 var useLogger = () => {
-  const logging = (0, import_react5.useContext)(LogContext);
+  const logging = (0, import_react4.useContext)(LogContext);
   if (logging == null) {
     throw new Error(
       "Logging context not found. Did you forget to wrap your component in a <LogProvider />?"
@@ -1177,11 +1129,11 @@ var useLogger = () => {
 };
 
 // src/legacy/common/contexts/featureContext/FeatureContext.tsx
-var import_react6 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var FeatureContext = (0, import_react6.createContext)([]);
+var import_react5 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var FeatureContext = (0, import_react5.createContext)([]);
 function FeatureContextProvider({ features, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FeatureContext.Provider, { value: features, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FeatureContext.Provider, { value: features, children });
 }
 
 // src/legacy/common/utils/api-utils.ts
@@ -1191,11 +1143,6 @@ function isStatus2xx(status) {
 function isStatus422(status) {
   return status === 422;
 }
-function isRelativePath2(url = "") {
-  return !["https://", "http://", "data:"].some(
-    (prefix) => url.startsWith(prefix) && url.length > prefix.length
-  );
-}
 
 // src/legacy/common/validators/types/type-validators.ts
 var isString = (value) => typeof value === "string";
@@ -1902,18 +1849,18 @@ var isTouchScreen = (navigator2 = window.navigator, matchMedia = window.matchMed
 };
 
 // src/legacy/common/hooks/useDebouncedFunction/useDebouncedFunction.tsx
-var import_react7 = require("react");
+var import_react6 = require("react");
 function useDebouncedFunction(callback, waitMs) {
-  return (0, import_react7.useCallback)(debounce(callback, waitMs), [callback, waitMs]);
+  return (0, import_react6.useCallback)(debounce(callback, waitMs), [callback, waitMs]);
 }
 
 // src/legacy/common/hooks/useExternal/useExternal.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 function useExternal(url) {
-  const [externalWindow, setExternalWindow] = (0, import_react8.useState)(null);
-  const [hasManuallyTriggered, setHasManuallyTriggered] = (0, import_react8.useState)(false);
+  const [externalWindow, setExternalWindow] = (0, import_react7.useState)(null);
+  const [hasManuallyTriggered, setHasManuallyTriggered] = (0, import_react7.useState)(false);
   const dismissConfirmation = () => setHasManuallyTriggered(true);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (url) {
       setHasManuallyTriggered(false);
       setExternalWindow(window.open(url, "_blank"));
@@ -1925,6 +1872,58 @@ function useExternal(url) {
 
 // src/legacy/common/hooks/useExternalStepPolling/useExternalStepPolling.tsx
 var import_react9 = require("react");
+
+// src/common/httpClientContext/HttpClientContext.tsx
+var import_react8 = require("react");
+
+// src/common/utils/api-utils.ts
+function isRelativePath(url = "") {
+  return !["https://", "http://", "data:"].some(
+    (prefix) => url.startsWith(prefix) && url.length > prefix.length
+  );
+}
+
+// src/common/makeHttpClient/makeHttpClient.ts
+var makeHttpClient = (baseUrl, additionalHeaders) => (
+  // eslint-disable-next-line @typescript-eslint/promise-function-async
+  (input, init) => {
+    const resource = applyBaseUrl(input, baseUrl || "");
+    const headers2 = mergeHeaders(init == null ? void 0 : init.headers, additionalHeaders);
+    return fetch(resource, __spreadProps(__spreadValues({}, init != null ? init : {}), { headers: headers2 }));
+  }
+);
+var applyBaseUrl = (input, baseUrl) => typeof input === "string" && isRelativePath(input) ? baseUrl + input : input;
+var mergeHeaders = (initHeaders, additionalHeaders) => {
+  if (!initHeaders && !additionalHeaders) {
+    return {};
+  }
+  const headers2 = new Headers(initHeaders);
+  for (const [key, value] of Object.entries(additionalHeaders != null ? additionalHeaders : {})) {
+    headers2.set(key, value);
+  }
+  return headers2;
+};
+
+// src/common/httpClientContext/HttpClientContext.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var HttpClientContext = (0, import_react8.createContext)(void 0);
+function HttpClientProvider({ httpClient, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HttpClientContext.Provider, { value: httpClient, children });
+}
+function HttpClientProviderFromBaseUrl({ baseUrl, children }) {
+  const httpClient = (0, import_react8.useMemo)(() => makeHttpClient(baseUrl), [baseUrl]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HttpClientContext.Provider, { value: httpClient, children });
+}
+var useHttpClient = () => {
+  const contextFetch = (0, import_react8.useContext)(HttpClientContext);
+  return contextFetch != null ? contextFetch : fetch;
+};
+var useHasHttpClientProvider = () => {
+  const context = (0, import_react8.useContext)(HttpClientContext);
+  return Boolean(context);
+};
+
+// src/legacy/common/hooks/useExternalStepPolling/useExternalStepPolling.tsx
 function useExternalStepPolling(polling, onAction) {
   const httpClient = useHttpClient();
   const asyncFn = (0, import_react9.useMemo)(() => {
@@ -1984,9 +1983,9 @@ function useExternalStepPolling(polling, onAction) {
 var import_react31 = require("react");
 var import_react_intl21 = require("react-intl");
 
-// src/legacy/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.messages.js
+// src/common/messages/persist-async.messages.ts
 var import_react_intl = require("react-intl");
-var PersistAsyncSchema_messages_default = (0, import_react_intl.defineMessages)({
+var persist_async_messages_default = (0, import_react_intl.defineMessages)({
   genericError: {
     id: "dynamicFlows.PersistAsyncSchema.genericError",
     defaultMessage: "Something went wrong, please try again later!",
@@ -3544,7 +3543,7 @@ function Help(props) {
     import_components12.Info,
     {
       className: "m-l-1",
-      content: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_components12.Markdown, { children: props.help.markdown }),
+      content: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_components12.Markdown, { config: { link: { target: "_blank" } }, children: props.help.markdown }),
       presentation: "POPOVER",
       size: "sm",
       "aria-label": intl.formatMessage(help_messages_default.helpAria)
@@ -4588,65 +4587,67 @@ 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)(() => {
+    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,
@@ -4655,9 +4656,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..."
@@ -5167,7 +5168,7 @@ var readImageBlobAsDataURL = (imageBlob) => (
 var getImageSource = async (httpClient, imageUrl) => {
   var _a;
   try {
-    if (isRelativePath2(imageUrl) || (imageUrl == null ? void 0 : imageUrl.startsWith(`${(_a = window == null ? void 0 : window.location) == null ? void 0 : _a.origin}/`))) {
+    if (isRelativePath(imageUrl) || (imageUrl == null ? void 0 : imageUrl.startsWith(`${(_a = window == null ? void 0 : window.location) == null ? void 0 : _a.origin}/`))) {
       return httpClient(imageUrl, {
         method: "GET",
         headers: { "Content-Type": "image/image" },
@@ -5845,7 +5846,7 @@ function PersistAsyncBasicSchema(props) {
       persistAsyncIfValid();
     }
   }, [persistAsyncModel]);
-  const setGenericPersistAsyncError = () => setPersistAsyncError(intl.formatMessage(PersistAsyncSchema_messages_default.genericError));
+  const setGenericPersistAsyncError = () => setPersistAsyncError(intl.formatMessage(persist_async_messages_default.genericError));
   const getPersistAsyncResponse = async (currentPersistAsyncModel, persistAsyncSpec) => {
     const signal = abortCurrentRequestAndGetNewAbortSignal();
     const requestBody = { [persistAsyncSpec.param]: currentPersistAsyncModel };
@@ -5984,10 +5985,10 @@ var usePersistAsync = (persistAsync) => {
         }
       }
     }
-    throw new Error(intl.formatMessage(PersistAsyncSchema_messages_default.genericError));
+    throw new Error(intl.formatMessage(persist_async_messages_default.genericError));
   }
   const handleError = (error) => {
-    const message = hasStringMessage(error) ? error.message : intl.formatMessage(PersistAsyncSchema_messages_default.genericError);
+    const message = hasStringMessage(error) ? error.message : intl.formatMessage(persist_async_messages_default.genericError);
     throw new Error(message);
   };
   return handlePersistAsync;