chore(remote-json-schema-form-kit) - upgrade to npm release (#918)

* apply changes for 0.0.10

* update lock

* format

* fix types

* update version

* fix

* fix types

Author: gabrielseco

package-lock.json

@@ -96,7 +96,7 @@
     "@radix-ui/react-scroll-area": "^1.2.10",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
-    "@remoteoss/remote-json-schema-form-kit": "github:remoteoss/remote-json-schema-form-kit#v0.0.10",
+    "@remoteoss/remote-json-schema-form-kit": "^0.0.11",
     "@tailwindcss/cli": "^4.2.2",
     "@tailwindcss/postcss": "^4.2.2",
     "@tanstack/react-query": "^5.99.0",

package.json

@@ -1,20 +1,16 @@
 import { FieldValues } from 'react-hook-form';
 import {
   createHeadlessForm as baseCreateHeadlessForm,
-  FormResult,
   modify,
 } from '@remoteoss/remote-json-schema-form-kit';
 import { convertToCents } from '@/src/components/form/utils';
-import { JSFModify } from '@/src/flows/types';
+import {
+  JSFModify,
+  JSONSchemaFormResultWithFieldsets,
+} from '@/src/flows/types';
 import { findFieldsByType } from '@/src/flows/utils';
 import { JSFFieldset } from '@/src/types/remoteFlows';
 
-type CreateHeadlessFormResult = FormResult & {
-  meta: {
-    'x-jsf-fieldsets': JSFFieldset;
-  };
-};
-
 /*
  * Creates a headless form from a JSON Schema, useful to avoid code duplication when creating headless forms.
  * @param jsfSchema - The JSON Schema
@@ -26,18 +22,24 @@ export const createHeadlessForm = (
   jsfSchema: Record<string, unknown>,
   fieldValues?: FieldValues,
   options?: { jsfModify?: JSFModify },
-): CreateHeadlessFormResult => {
+): JSONSchemaFormResultWithFieldsets => {
   if (options && options.jsfModify) {
     const { required, allOf, ...modifyConfig } = options.jsfModify;
     const { schema } = modify(jsfSchema, modifyConfig);
     jsfSchema = schema;
 
     if (required) {
-      jsfSchema.required = [...schema.required, ...required];
+      jsfSchema.required = [
+        ...(Array.isArray(schema.required) ? schema.required : []),
+        ...required,
+      ];
     }
 
     if (allOf) {
-      jsfSchema.allOf = [...(schema.allOf || []), ...allOf];
+      jsfSchema.allOf = [
+        ...(Array.isArray(schema.allOf) ? schema.allOf : []),
+        ...allOf,
+      ];
     }
   }
 

src/common/createHeadlessForm.tsx

@@ -1,4 +1,3 @@
-import { FormResult } from '@remoteoss/remote-json-schema-form-kit';
 import { useMemo } from 'react';
 import {
   CreateContractDocument,
@@ -618,7 +617,7 @@ export const useGetEligibilityQuestionnaire = ({
   return useQuery<
     EligibilityQuestionnaireJsonSchemaResponse['data'],
     Error,
-    FormResult
+    JSONSchemaFormResultWithFieldsets
   >({
     queryKey: ['eligibility-questionnaire'],
     queryFn: async (): Promise<

src/flows/ContractorOnboarding/api.ts

@@ -1,7 +1,8 @@
 import { JSFFieldset } from '@/src/types/remoteFlows';
 import type {
   ModifyConfig,
-  FormResult,
+  FormResult as FormResultNext,
+  FormResultLegacy,
 } from '@remoteoss/remote-json-schema-form-kit';
 
 type Success<T> = {
@@ -101,6 +102,8 @@ export type FlowOptions = {
   };
 };
 
+type FormResult = FormResultNext | FormResultLegacy;
+
 export type JSONSchemaFormResultWithFieldsets = FormResult & {
   meta: {
     'x-jsf-fieldsets': JSFFieldset;