@remoteoss/remote-flows 1.3.0 → 1.3.1

package/dist/chunk-ZYRGEEPU.js

@@ -1,2 +0,0 @@
-import{b as y}from"./chunk-PGWKJ6FK.js";import{a as F}from"./chunk-EYQ4PYUT.js";import{b as c}from"./chunk-LNV36S6D.js";import{b as u}from"./chunk-2YTBWEC7.js";import{f,g as p}from"./chunk-66N57DKF.js";import{a as m}from"./chunk-P37U34EQ.js";import{useEffect as S}from"react";import{jsx as b}from"react/jsx-runtime";import{createElement as V}from"react";function U({defaultValues:d,onSubmit:g,components:E}){let{formId:k,onboardingBag:o}=y(),w=c(o.handleValidation),r=f({resolver:w,defaultValues:d,shouldUnregister:!1,mode:"onBlur"});S(()=>{o.employmentId&&o?.checkFieldUpdates(r.getValues())},[]),S(()=>{let t=r?.watch(e=>{Object.keys(e).some(i=>e[i]!==d[i])&&o?.checkFieldUpdates(e)});return()=>t?.unsubscribe()},[]);let h=m(async(t,e)=>{let s=e?.nativeEvent;if(s?.isDraftSubmission){let{onSuccess:i,onError:l}=s.draftCallbacks;try{if(!await r.trigger())return;let n=await o.onSubmit(t);if(n?.data)i?.();else if(n?.error){let B=o.stepState.currentStep.name,P=o.meta?.fields?.[B],O=u(n?.fieldErrors||[],P);l?.({error:n.error,rawError:n.rawError,fieldErrors:O})}}catch(a){l?.({error:a,rawError:a,fieldErrors:[]})}}else g(t)},"handleSubmit");return V(p,{...r,key:`form-${o.stepState.currentStep.name}`},b("form",{id:k,onSubmit:r.handleSubmit(h),className:"space-y-4 RemoteFlows__OnboardingForm",children:b(F,{components:E,fields:o.fields,fieldsets:o.meta.fieldsets,fieldValues:o.fieldValues})}))}m(U,"OnboardingForm");export{U as a};
-//# sourceMappingURL=chunk-ZYRGEEPU.js.map

package/dist/chunk-ZYRGEEPU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/Onboarding/components/OnboardingForm.tsx"],"sourcesContent":["import { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { Form } from '@/src/components/ui/form';\nimport { useEffect } from 'react';\nimport { useOnboardingContext } from '@/src/flows/Onboarding/context';\nimport { useForm } from 'react-hook-form';\nimport { useJsonSchemasValidationFormResolver } from '@/src/components/form/validationResolver';\nimport { Fields } from '@remoteoss/json-schema-form-old';\nimport {\n  BasicInformationFormPayload,\n  BenefitsFormPayload,\n  ContractDetailsFormPayload,\n} from '@/src/flows/Onboarding/types';\nimport { $TSFixMe, Components } from '@/src/types/remoteFlows';\nimport { normalizeFieldErrors } from '@/src/lib/mutations';\n\ntype OnboardingFormProps = {\n  onSubmit: (\n    payload:\n      | BasicInformationFormPayload\n      | BenefitsFormPayload\n      | ContractDetailsFormPayload,\n  ) => void;\n  components?: Components;\n  fields?: Fields;\n  defaultValues: Record<string, unknown>;\n};\n\nexport function OnboardingForm({\n  defaultValues,\n  onSubmit,\n  components,\n}: OnboardingFormProps) {\n  const { formId, onboardingBag } = useOnboardingContext();\n\n  const resolver = useJsonSchemasValidationFormResolver(\n    onboardingBag.handleValidation,\n  );\n\n  const form = useForm({\n    resolver,\n    defaultValues,\n    shouldUnregister: false,\n    mode: 'onBlur',\n  });\n\n  useEffect(() => {\n    // When the employmentId is set,\n    // we need to run the checkFieldUpdates to update fieldValues in useStepState\n    if (onboardingBag.employmentId) {\n      onboardingBag?.checkFieldUpdates(form.getValues());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const subscription = form?.watch((values) => {\n      const isAnyFieldDirty = Object.keys(values).some(\n        (key) =>\n          values[key as keyof unknown] !== defaultValues[key as keyof unknown],\n      );\n      if (isAnyFieldDirty) {\n        onboardingBag?.checkFieldUpdates(values);\n      }\n    });\n    return () => subscription?.unsubscribe();\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      // Handle draft submission\n      const { onSuccess, onError } = nativeEvent.draftCallbacks;\n\n      try {\n        // Trigger validation\n        const isValid = await form.trigger();\n        if (!isValid) {\n          return; // Don't submit if validation fails\n        }\n\n        // Submit the form\n        const response = await onboardingBag.onSubmit(values);\n\n        if (response?.data) {\n          onSuccess?.();\n        } else if (response?.error) {\n          const currentStepName = onboardingBag.stepState.currentStep.name;\n\n          // Get the appropriate fields based on current step\n          const currentStepFields =\n            onboardingBag.meta?.fields?.[\n              currentStepName as keyof typeof onboardingBag.meta.fields\n            ];\n\n          const normalizedFieldErrors = normalizeFieldErrors(\n            response?.fieldErrors || [],\n            currentStepFields,\n          );\n          onError?.({\n            error: response.error,\n            rawError: response.rawError,\n            fieldErrors: normalizedFieldErrors,\n          });\n        }\n      } catch (error) {\n        onError?.({\n          error: error as Error,\n          rawError: error as Record<string, unknown>,\n          fieldErrors: [],\n        });\n      }\n    } else {\n      // Handle normal form submission\n      onSubmit(values);\n    }\n  };\n\n  return (\n    <Form {...form} key={`form-${onboardingBag.stepState.currentStep.name}`}>\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={onboardingBag.fields}\n          fieldsets={onboardingBag.meta.fieldsets}\n          fieldValues={onboardingBag.fieldValues}\n        />\n      </form>\n    </Form>\n  );\n}\n"],"mappings":"kPAEA,OAAS,aAAAA,MAAiB,QA+HlB,cAAAC,MAAA,oBANJ,wBAAAC,MAAA,QAhGG,SAASC,EAAe,CAC7B,cAAAC,EACA,SAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,GAAM,CAAE,OAAAC,EAAQ,cAAAC,CAAc,EAAIC,EAAqB,EAEjDC,EAAWC,EACfH,EAAc,gBAChB,EAEMI,EAAOC,EAAQ,CACnB,SAAAH,EACA,cAAAN,EACA,iBAAkB,GAClB,KAAM,QACR,CAAC,EAEDU,EAAU,IAAM,CAGVN,EAAc,cAChBA,GAAe,kBAAkBI,EAAK,UAAU,CAAC,CAGrD,EAAG,CAAC,CAAC,EAELE,EAAU,IAAM,CACd,IAAMC,EAAeH,GAAM,MAAOI,GAAW,CACnB,OAAO,KAAKA,CAAM,EAAE,KACzCC,GACCD,EAAOC,CAAoB,IAAMb,EAAca,CAAoB,CACvE,GAEET,GAAe,kBAAkBQ,CAAM,CAE3C,CAAC,EACD,MAAO,IAAMD,GAAc,YAAY,CAEzC,EAAG,CAAC,CAAC,EAEL,IAAMG,EAAeC,EAAA,MACnBH,EACAI,IACG,CACH,IAAMC,EAAcD,GAAO,YAE3B,GAAIC,GAAa,kBAAmB,CAElC,GAAM,CAAE,UAAAC,EAAW,QAAAC,CAAQ,EAAIF,EAAY,eAE3C,GAAI,CAGF,GAAI,CADY,MAAMT,EAAK,QAAQ,EAEjC,OAIF,IAAMY,EAAW,MAAMhB,EAAc,SAASQ,CAAM,EAEpD,GAAIQ,GAAU,KACZF,IAAY,UACHE,GAAU,MAAO,CAC1B,IAAMC,EAAkBjB,EAAc,UAAU,YAAY,KAGtDkB,EACJlB,EAAc,MAAM,SAClBiB,CACF,EAEIE,EAAwBC,EAC5BJ,GAAU,aAAe,CAAC,EAC1BE,CACF,EACAH,IAAU,CACR,MAAOC,EAAS,MAChB,SAAUA,EAAS,SACnB,YAAaG,CACf,CAAC,CACH,CACF,OAASE,EAAO,CACdN,IAAU,CACR,MAAOM,EACP,SAAUA,EACV,YAAa,CAAC,CAChB,CAAC,CACH,CACF,MAEExB,EAASW,CAAM,CAEnB,EApDqB,gBAsDrB,OACEd,EAAC4B,EAAA,CAAM,GAAGlB,EAAM,IAAK,QAAQJ,EAAc,UAAU,YAAY,IAAI,IACnEP,EAAC,QACC,GAAIM,EACJ,SAAUK,EAAK,aAAaM,CAAY,EACxC,UAAU,wCAEV,SAAAjB,EAAC8B,EAAA,CACC,WAAYzB,EACZ,OAAQE,EAAc,OACtB,UAAWA,EAAc,KAAK,UAC9B,YAAaA,EAAc,YAC7B,EACF,CACF,CAEJ,CA/GgBW,EAAAhB,EAAA","names":["useEffect","jsx","createElement","OnboardingForm","defaultValues","onSubmit","components","formId","onboardingBag","useOnboardingContext","resolver","useJsonSchemasValidationFormResolver","form","useForm","useEffect","subscription","values","key","handleSubmit","__name","event","nativeEvent","onSuccess","onError","response","currentStepName","currentStepFields","normalizedFieldErrors","normalizeFieldErrors","error","Form","JSONSchemaFormFields"]}