FIO-8347: Added ability to skip mask validation

src/process/validation/rules/__tests__/validateMask.test.ts

@@ -86,3 +86,33 @@ it('Validating a mutil-mask component should return null if the value matches th
     result = await validateMask(context);
     expect(result).to.equal(null);
 });
+
+it('Validating a mask component should return null if the instance contains a skipMaskValidation property', async () => {
+    const component = { ...simpleTextField, inputMask: '999-999-9999' };
+    const data = {
+        component: '1234',
+    };
+    const context = generateProcessorContext(component, data);
+    let result = await validateMask(context);
+    expect(result).to.be.instanceOf(FieldError);
+    expect(result?.errorKeyOrMessage).to.equal('mask');
+    (context as any).instance = { skipMaskValidation: true };
+    result = await validateMask(context);
+    expect(result).to.equal(null);
+});
+
+it('Validating a mask component should return null if the validate object contains a skipMaskValidation', async () => {
+    const component = {
+        ...simpleTextField,
+        inputMask: '999-999-9999',
+        validate: {
+            skipMaskValidation: true,
+        },
+    };
+    const data = {
+        component: '1234',
+    };
+    const context = generateProcessorContext(component, data);
+    const result = await validateMask(context);
+    expect(result).to.equal(null);
+});

src/process/validation/rules/validateMask.ts

@@ -21,6 +21,14 @@ const isValidatableComponent = (component: any): component is TextFieldComponent
     );
 };
 
+// Include instance.skipMaskValidation check to maintain backward compatibility
+const shouldSkipMaskValidation = (context: ValidationContext) => {
+    const { component, instance } = context;
+    return (component as TextFieldComponent).validate?.skipMaskValidation ||
+        (instance as any)?.skipMaskValidation;
+};
+
+
 function getMaskByLabel(component: TextFieldComponent, maskName: string | undefined) {
     if (maskName) {
         const inputMask = component.inputMasks?.find((inputMask) => {
@@ -90,8 +98,8 @@ export function matchInputMask(value: any, inputMask: any) {
 }
 
 export const shouldValidate = (context: ValidationContext) => {
-    const { component, value } = context;
-    if (!isValidatableComponent(component) || !value) {
+    const { component, value, instance } = context;
+    if (!isValidatableComponent(component) || !value || shouldSkipMaskValidation(context)) {
         return false;
     }
     if (value == null) {

src/types/Component.ts

@@ -72,6 +72,7 @@ export type TextFieldComponent = BaseComponent & {
         maxWords?: number | string;
         pattern?: string;
         patternMessage?: string;
+        skipMaskValidation?: boolean;
     };
 };