feat(create-headless-form) - add the posibility to add required and allOf (#707)

* feat(create-headless-form) - add the posibility to add required and allOff

* fix types

Author: gabrielseco

src/common/createHeadlessForm.tsx

@@ -28,8 +28,17 @@ export const createHeadlessForm = (
   options?: { jsfModify?: JSFModify },
 ): CreateHeadlessFormResult => {
   if (options && options.jsfModify) {
-    const { schema } = modify(jsfSchema, options.jsfModify);
+    const { required, allOf, ...modifyConfig } = options.jsfModify;
+    const { schema } = modify(jsfSchema, modifyConfig);
     jsfSchema = schema;
+
+    if (required) {
+      jsfSchema.required = [...schema.required, ...required];
+    }
+
+    if (allOf) {
+      jsfSchema.allOf = [...(schema.allOf || []), ...allOf];
+    }
   }
 
   let moneyFieldsData: Record<string, number | null> = {};

src/flows/types.ts

@@ -74,7 +74,16 @@ export type JSONSchemaFormType =
   // Benefits forms
   | 'benefit_renewal_request';
 
-export type JSFModify = ModifyConfig;
+export type JSFModify = ModifyConfig & {
+  /**
+   * allows to specify additional required fields for the form.
+   */
+  required?: string[];
+  /**
+   * allows to specify additional allOf rules for the form.
+   */
+  allOf?: unknown[];
+};
 
 export type FlowOptions = {
   jsfModify?: JSFModify;