@wise/dynamic-flow-client 3.30.1 → 3.31.0

package/build/main.mjs

@@ -7655,6 +7655,29 @@ var createNumberInputComponent = (numberInputProps, updateComponent) => {
   return numberComponent;
 };
 
+// src/revamp/domain/features/validation/validateStringPattern.ts
+var validateStringPattern = (pattern, logEvent) => {
+  if (!pattern) {
+    return;
+  }
+  try {
+    new RegExp(pattern, "u");
+  } catch (error) {
+    const message = `Invalid schema pattern. Failed to instantiate RegExp with Unicode support.`;
+    if (logEvent) {
+      logEvent("warning", message, {
+        pattern,
+        error: error == null ? void 0 : error.toString()
+      });
+    } else {
+      console.warn(`DynamicFlow - warning - ${message}`, {
+        pattern,
+        error: error == null ? void 0 : error.toString()
+      });
+    }
+  }
+};
+
 // src/revamp/domain/features/validation/value-checks.ts
 var getAboveMaxItemsCheck = ({ maxItems }, messageFunctions) => (value) => {
   if (isNumber(maxItems) && isArray(value) && value.length > maxItems) {
@@ -7730,11 +7753,14 @@ var getBelowMinimumDateCheck = ({ minimum }, messageFunctions) => (value) => {
   }
   return null;
 };
-var getNotAdheringToPatternCheck = ({ pattern }, messageFunctions) => (value) => {
-  if (isString(pattern) && isString(value) && !new RegExp(pattern).test(value)) {
-    return messageFunctions.pattern();
-  }
-  return null;
+var getNotAdheringToPatternCheck = ({ pattern }, messageFunctions, options) => {
+  validateStringPattern(pattern, options == null ? void 0 : options.logEvent);
+  return (value) => {
+    if (isString(pattern) && isString(value)) {
+      return new RegExp(pattern).test(value) ? null : messageFunctions.pattern();
+    }
+    return null;
+  };
 };
 var getRequiredCheck = (required, messageFunctions) => (value) => {
   if (!required) {
@@ -7912,7 +7938,7 @@ var getPerformPersistAsync = ({
       trackFailure();
       throw new Error(genericErrorMessage);
     }
-    const validationError = response.status === 422 && isObject(json) ? getValidationError(param, json) : null;
+    const validationError = !response.ok && isObject(json) ? getValidationError(param, json) : null;
     trackFailure(json);
     throw new Error(validationError != null ? validationError : genericErrorMessage);
   };
@@ -9037,7 +9063,7 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
     minLength,
     validationMessages
   } = schema;
-  const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange } = mapperProps;
+  const { getErrorMessageFunctions, updateComponent, onRefresh, onValueChange, logEvent } = mapperProps;
   const controlForLegacyFormat = getControlForLegacyFormat(format);
   const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
   const { performPersistAsync, persistedState } = getPersistAsyncInitialState(
@@ -9058,7 +9084,7 @@ var stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
         getRequiredCheck(required, errorMessageFunctions),
         getAboveMaxLengthCheck(schema, errorMessageFunctions),
         getBelowMinLengthCheck(schema, errorMessageFunctions),
-        getNotAdheringToPatternCheck(schema, errorMessageFunctions)
+        getNotAdheringToPatternCheck(schema, errorMessageFunctions, { logEvent })
       ],
       control: control != null ? control : controlForLegacyFormat,
       displayFormat,
@@ -14432,9 +14458,6 @@ var debounce2 = (callback, waitMs) => {
 function isStatus2xx(status) {
   return status >= 200 && status < 300;
 }
-function isStatus422(status) {
-  return status === 422;
-}
 
 // src/legacy/common/validators/types/type-validators.ts
 var isString2 = (value) => typeof value === "string";
@@ -17885,7 +17908,7 @@ function PersistAsyncBlobSchema(props) {
     }
   }, [model, schema, submitted, required]);
   const onSuccess = async (httpResponse, _fileName) => {
-    const jsonResponse = await httpResponse.json();
+    const jsonResponse = await getResponseJsonObject(httpResponse);
     const id2 = getIdFromResponse(schema.persistAsync.idProperty, jsonResponse);
     onChange({ model: id2, triggerSchema: schema, triggerModel: id2 });
     setChanged(true);
@@ -17893,8 +17916,8 @@ function PersistAsyncBlobSchema(props) {
   };
   const onFailure = async (error) => {
     const errorResponse = error;
-    if (errorResponse.response && isStatus422(errorResponse.response.status)) {
-      const jsonResponse = await errorResponse.response.json();
+    if (errorResponse.response) {
+      const jsonResponse = await getResponseJsonObject(errorResponse.response);
       setPersistAsyncValidationMessages(jsonResponse.validation || {});
       setPersistAsyncValidations([schema.persistAsync.param]);
     }
@@ -17953,6 +17976,10 @@ function PersistAsyncBlobSchema(props) {
     )
   ] });
 }
+var getResponseJsonObject = async (response) => {
+  const json = await response.json().catch(() => ({}));
+  return isObject2(json) ? json : {};
+};
 var PersistAsyncBlobSchema_default = PersistAsyncBlobSchema;
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.tsx
@@ -19319,7 +19346,7 @@ function PersistAsyncBasicSchema(props) {
       if (isStatus2xx(response.status)) {
         const id = getIdFromResponse(idProperty, responseBody);
         onChange({ model: id, triggerSchema: schema, triggerModel: id });
-      } else if (isStatus422(response.status)) {
+      } else if (!response.ok) {
         const { validation } = responseBody;
         const error = isObject2(validation) && (validation == null ? void 0 : validation[param]) || null;
         setPersistAsyncError(error);
@@ -19423,13 +19450,11 @@ var usePersistAsync = (persistAsync) => {
     }
   }
   async function handleHTTPError(response) {
-    if (response.status === 422) {
-      const jsonResponse = await response.json();
-      if (isObject2(jsonResponse)) {
-        const error = getErrorFromResponse(persistAsync.param, jsonResponse);
-        if (isString2(error)) {
-          throw new Error(error);
-        }
+    const jsonResponse = await response.json();
+    if (isObject2(jsonResponse)) {
+      const error = getErrorFromResponse(persistAsync.param, jsonResponse);
+      if (isString2(error)) {
+        throw new Error(error);
       }
     }
     throw new Error(intl.formatMessage(generic_error_messages_default.genericErrorRetryHint));

package/build/types/legacy/common/utils/api-utils.d.ts

@@ -1,2 +1 @@
 export declare function isStatus2xx(status: Response['status']): boolean;
-export declare function isStatus422(status: Response['status']): status is 422;

package/build/types/revamp/domain/features/validation/validateStringPattern.d.ts

@@ -0,0 +1,2 @@
+import { LoggingEventDispatcher } from '../events';
+export declare const validateStringPattern: (pattern: string | undefined, logEvent?: LoggingEventDispatcher) => void;

package/build/types/revamp/domain/features/validation/value-checks.d.ts

@@ -1,9 +1,12 @@
 import type { ArraySchemaList, IntegerSchema, NumberSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
+import { PersistAsyncWithUploadSchema, StringSchemaWithUpload } from '../../../utils/type-utils';
 import type { ErrorMessageFunctions } from '../../mappers/types';
 import type { LocalValue, LocalValueArray } from '../../types';
-import { PersistAsyncWithUploadSchema, StringSchemaWithUpload } from '../../../utils/type-utils';
+import { LoggingEventDispatcher } from '../events';
 export type IsInvalidCheck<V extends LocalValue> = (value: V | null) => string | null;
-type GetIsInvalidCheck<S extends Schema, V extends LocalValue> = (schema: S, messageFunctions: ErrorMessageFunctions) => IsInvalidCheck<V>;
+type GetIsInvalidCheck<S extends Schema, V extends LocalValue> = (schema: S, messageFunctions: ErrorMessageFunctions, options?: {
+    logEvent?: LoggingEventDispatcher;
+}) => IsInvalidCheck<V>;
 export declare const getAboveMaxItemsCheck: GetIsInvalidCheck<ArraySchemaList, LocalValueArray | null>;
 export declare const getBelowMinFilesCheck: GetIsInvalidCheck<ArraySchemaList, LocalValueArray | null>;
 export declare const getAboveMaxFilesCheck: GetIsInvalidCheck<ArraySchemaList, LocalValueArray | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.30.1",
+  "version": "3.31.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -53,7 +53,7 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.1.0",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "46.85.0",
+    "@transferwise/components": "46.86.1",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.18.0",
     "@transferwise/neptune-css": "14.20.1",
@@ -85,8 +85,8 @@
     "tsx": "4.19.2",
     "typescript": "5.7.3",
     "webpack": "5.97.1",
-    "@wise/dynamic-flow-fixtures": "0.0.1",
-    "@wise/dynamic-flow-renderers": "0.0.0"
+    "@wise/dynamic-flow-renderers": "0.0.0",
+    "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.31",