@remoteoss/remote-flows 1.26.0 → 1.27.0

package/dist/chunk-T4Y4D743.js

@@ -1,2 +0,0 @@
-import{b as g}from"./chunk-Q3ALCPJN.js";import{b as F}from"./chunk-KFYWUBRS.js";import{a as S}from"./chunk-4EDPYN5F.js";import{f,h as p}from"./chunk-72RFYT5Y.js";import{b as u}from"./chunk-OSQ6VUDM.js";import{a}from"./chunk-P37U34EQ.js";import{useEffect as y}from"react";import{useEffect as k,useRef as w}from"react";import J from"fast-deep-equal";function h({handleValidation:s,defaultValues:i,checkFieldUpdates:m}){let l=F(s),o=w(i),e=f({resolver:l,defaultValues:i,shouldUnregister:!1,mode:"onBlur"});return k(()=>{let r=e?.watch(t=>{!J(t,o.current)&&(m(t),o.current=JSON.parse(JSON.stringify(t)))});return()=>r?.unsubscribe()},[]),e}a(h,"useJSONSchemaForm");import{jsx as b}from"react/jsx-runtime";import{createElement as v}from"react";function G({defaultValues:s,onSubmit:i,components:m}){let{formId:l,contractorOnboardingBag:o,formRef:e}=g(),r=h({handleValidation:o.handleValidation,defaultValues:s,checkFieldUpdates:o.checkFieldUpdates});y(()=>{e?.setValue&&(e.setValue.current=r.setValue)},[r.setValue,e]),y(()=>{o.employmentId&&o?.checkFieldUpdates(r.getValues())},[]);let t=a(async(d,V)=>{let c=V?.nativeEvent;if(c?.isDraftSubmission){let{onSuccess:O,onError:P}=c.draftCallbacks;try{await o.onSubmit(d),O?.()}catch(n){let E=o.stepState.currentStep.name,C=o.meta?.fields?.[E],R=u(n?.fieldErrors||[],C);P?.({error:n?.error||n,rawError:n?.rawError||n,fieldErrors:R})}}else await i(d)},"handleSubmit");return v(p,{...r,key:`form-${o.stepState.currentStep.name}`},b("form",{id:l,onSubmit:r.handleSubmit(t),className:"space-y-4 RemoteFlows__OnboardingForm",children:b(S,{components:m,fields:o.fields,fieldsets:o.meta.fieldsets,fieldValues:o.fieldValues})}))}a(G,"ContractorOnboardingForm");export{G as a};
-//# sourceMappingURL=chunk-T4Y4D743.js.map

package/dist/chunk-T4Y4D743.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/ContractorOnboarding/components/ContractorOnboardingForm.tsx","../src/components/form/useJSONSchemaForm.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { $TSFixMe, JSFFields } from '@/src/types/remoteFlows';\nimport { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { Form } from '@/src/components/ui/form';\nimport { BasicInformationFormPayload } from '@/src/flows/Onboarding/types';\nimport { Components } from '@/src/types/remoteFlows';\nimport { useContractorOnboardingContext } from '@/src/flows/ContractorOnboarding/context';\nimport {\n  EligibilityQuestionnaireFormPayload,\n  PricingPlanFormPayload,\n  ContractorOnboardingContractDetailsFormPayload,\n} from '@/src/flows/ContractorOnboarding/types';\nimport { normalizeFieldErrors } from '@/src/lib/mutations';\nimport { useJSONSchemaForm } from '@/src/components/form/useJSONSchemaForm';\n\ntype ContractorOnboardingFormProps = {\n  onSubmit: (\n    payload:\n      | BasicInformationFormPayload\n      | PricingPlanFormPayload\n      | ContractorOnboardingContractDetailsFormPayload\n      | EligibilityQuestionnaireFormPayload,\n  ) => Promise<void>;\n  components?: Components;\n  fields?: JSFFields;\n  defaultValues: Record<string, unknown>;\n};\n\nexport function ContractorOnboardingForm({\n  defaultValues,\n  onSubmit,\n  components,\n}: ContractorOnboardingFormProps) {\n  const { formId, contractorOnboardingBag, formRef } =\n    useContractorOnboardingContext();\n\n  const form = useJSONSchemaForm({\n    handleValidation: contractorOnboardingBag.handleValidation,\n    defaultValues,\n    checkFieldUpdates: contractorOnboardingBag.checkFieldUpdates,\n  });\n\n  // Register the form's setValue method with the context so other components can access it\n  useEffect(() => {\n    if (formRef?.setValue) {\n      formRef.setValue.current = form.setValue;\n    }\n  }, [form.setValue, formRef]);\n\n  useEffect(() => {\n    // When the employmentId is set,\n    // we need to run the checkFieldUpdates to update fieldValues in useStepState\n    if (contractorOnboardingBag.employmentId) {\n      contractorOnboardingBag?.checkFieldUpdates(form.getValues());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleSubmit = async (\n    values: Record<string, unknown>,\n    event?: React.BaseSyntheticEvent,\n  ) => {\n    const nativeEvent = event?.nativeEvent as $TSFixMe;\n\n    if (nativeEvent?.isDraftSubmission) {\n      const { onSuccess, onError } = nativeEvent.draftCallbacks;\n\n      try {\n        await contractorOnboardingBag.onSubmit(values);\n        onSuccess?.();\n      } catch (error: $TSFixMe) {\n        const currentStepName =\n          contractorOnboardingBag.stepState.currentStep.name;\n        const currentStepFields =\n          contractorOnboardingBag.meta?.fields?.[\n            currentStepName as keyof typeof contractorOnboardingBag.meta.fields\n          ];\n\n        const normalizedFieldErrors = normalizeFieldErrors(\n          error?.fieldErrors || [],\n          currentStepFields,\n        );\n        onError?.({\n          error: error?.error || (error as Error),\n          rawError: error?.rawError || (error as Record<string, unknown>),\n          fieldErrors: normalizedFieldErrors,\n        });\n      }\n    } else {\n      await onSubmit(values as $TSFixMe);\n    }\n  };\n\n  return (\n    <Form\n      {...form}\n      key={`form-${contractorOnboardingBag.stepState.currentStep.name}`}\n    >\n      <form\n        id={formId}\n        onSubmit={form.handleSubmit(handleSubmit)}\n        className='space-y-4 RemoteFlows__OnboardingForm'\n      >\n        <JSONSchemaFormFields\n          components={components}\n          fields={contractorOnboardingBag.fields}\n          fieldsets={contractorOnboardingBag.meta.fieldsets}\n          fieldValues={contractorOnboardingBag.fieldValues}\n        />\n      </form>\n    </Form>\n  );\n}\n","import { FieldValues, useForm, UseFormReturn } from 'react-hook-form';\nimport { useEffect, useRef } from 'react';\nimport equal from 'fast-deep-equal';\nimport { useJsonSchemasValidationFormResolver } from '@/src/components/form/validationResolver';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\nimport { ValidationResult } from '@remoteoss/remote-json-schema-form-kit';\n\ntype UseJsonSchemaFormOptions = {\n  handleValidation: (values: FieldValues) => Promise<ValidationResult | null>;\n  defaultValues: Record<string, unknown>;\n  checkFieldUpdates: (values: FieldValues) => void;\n};\n\nexport function useJSONSchemaForm({\n  handleValidation,\n  defaultValues,\n  checkFieldUpdates,\n}: UseJsonSchemaFormOptions): UseFormReturn<$TSFixMe> {\n  const resolver = useJsonSchemasValidationFormResolver(handleValidation);\n  const prevValuesRef = useRef(defaultValues);\n\n  const form = useForm({\n    resolver,\n    defaultValues,\n    shouldUnregister: false,\n    mode: 'onBlur',\n  });\n  // Watch form changes and trigger checkFieldUpdates\n  useEffect(() => {\n    const subscription = form?.watch((values) => {\n      const hasChanged = !equal(values, prevValuesRef.current);\n      if (hasChanged) {\n        checkFieldUpdates(values);\n        prevValuesRef.current = JSON.parse(JSON.stringify(values));\n      }\n    });\n    return () => subscription?.unsubscribe();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return form;\n}\n"],"mappings":"6OAAA,OAAS,aAAAA,MAAiB,QCC1B,OAAS,aAAAC,EAAW,UAAAC,MAAc,QAClC,OAAOC,MAAW,kBAWX,SAASC,EAAkB,CAChC,iBAAAC,EACA,cAAAC,EACA,kBAAAC,CACF,EAAsD,CACpD,IAAMC,EAAWC,EAAqCJ,CAAgB,EAChEK,EAAgBC,EAAOL,CAAa,EAEpCM,EAAOC,EAAQ,CACnB,SAAAL,EACA,cAAAF,EACA,iBAAkB,GAClB,KAAM,QACR,CAAC,EAED,OAAAQ,EAAU,IAAM,CACd,IAAMC,EAAeH,GAAM,MAAOI,GAAW,CACxB,CAACC,EAAMD,EAAQN,EAAc,OAAO,IAErDH,EAAkBS,CAAM,EACxBN,EAAc,QAAU,KAAK,MAAM,KAAK,UAAUM,CAAM,CAAC,EAE7D,CAAC,EACD,MAAO,IAAMD,GAAc,YAAY,CAEzC,EAAG,CAAC,CAAC,EAEEH,CACT,CA5BgBM,EAAAd,EAAA,qBD0FR,cAAAe,MAAA,oBATJ,wBAAAC,MAAA,QAlEG,SAASC,EAAyB,CACvC,cAAAC,EACA,SAAAC,EACA,WAAAC,CACF,EAAkC,CAChC,GAAM,CAAE,OAAAC,EAAQ,wBAAAC,EAAyB,QAAAC,CAAQ,EAC/CC,EAA+B,EAE3BC,EAAOC,EAAkB,CAC7B,iBAAkBJ,EAAwB,iBAC1C,cAAAJ,EACA,kBAAmBI,EAAwB,iBAC7C,CAAC,EAGDK,EAAU,IAAM,CACVJ,GAAS,WACXA,EAAQ,SAAS,QAAUE,EAAK,SAEpC,EAAG,CAACA,EAAK,SAAUF,CAAO,CAAC,EAE3BI,EAAU,IAAM,CAGVL,EAAwB,cAC1BA,GAAyB,kBAAkBG,EAAK,UAAU,CAAC,CAG/D,EAAG,CAAC,CAAC,EAEL,IAAMG,EAAeC,EAAA,MACnBC,EACAC,IACG,CACH,IAAMC,EAAcD,GAAO,YAE3B,GAAIC,GAAa,kBAAmB,CAClC,GAAM,CAAE,UAAAC,EAAW,QAAAC,CAAQ,EAAIF,EAAY,eAE3C,GAAI,CACF,MAAMV,EAAwB,SAASQ,CAAM,EAC7CG,IAAY,CACd,OAASE,EAAiB,CACxB,IAAMC,EACJd,EAAwB,UAAU,YAAY,KAC1Ce,EACJf,EAAwB,MAAM,SAC5Bc,CACF,EAEIE,EAAwBC,EAC5BJ,GAAO,aAAe,CAAC,EACvBE,CACF,EACAH,IAAU,CACR,MAAOC,GAAO,OAAUA,EACxB,SAAUA,GAAO,UAAaA,EAC9B,YAAaG,CACf,CAAC,CACH,CACF,MACE,MAAMnB,EAASW,CAAkB,CAErC,EAjCqB,gBAmCrB,OACEd,EAACwB,EAAA,CACE,GAAGf,EACJ,IAAK,QAAQH,EAAwB,UAAU,YAAY,IAAI,IAE/DP,EAAC,QACC,GAAIM,EACJ,SAAUI,EAAK,aAAaG,CAAY,EACxC,UAAU,wCAEV,SAAAb,EAAC0B,EAAA,CACC,WAAYrB,EACZ,OAAQE,EAAwB,OAChC,UAAWA,EAAwB,KAAK,UACxC,YAAaA,EAAwB,YACvC,EACF,CACF,CAEJ,CApFgBO,EAAAZ,EAAA","names":["useEffect","useEffect","useRef","equal","useJSONSchemaForm","handleValidation","defaultValues","checkFieldUpdates","resolver","useJsonSchemasValidationFormResolver","prevValuesRef","useRef","form","useForm","useEffect","subscription","values","equal","__name","jsx","createElement","ContractorOnboardingForm","defaultValues","onSubmit","components","formId","contractorOnboardingBag","formRef","useContractorOnboardingContext","form","useJSONSchemaForm","useEffect","handleSubmit","__name","values","event","nativeEvent","onSuccess","onError","error","currentStepName","currentStepFields","normalizedFieldErrors","normalizeFieldErrors","Form","JSONSchemaFormFields"]}