@remoteoss/remote-flows 0.4.0-alpha.14 → 0.4.0-alpha.16

package/README.md

@@ -41,17 +41,28 @@ npm install
 2. Create a `.env` file in the example directory with your Remote credentials:
 
 ```env
-CLIENT_ID=your_client_id
-CLIENT_SECRET=your_client_secret
-REFRESH_TOKEN=your_refresh_token
+VITE_CLIENT_ID=your_client_id
+VITE_CLIENT_SECRET=your_client_secret
+VITE_REFRESH_TOKEN=your_refresh_token
 VITE_REMOTE_GATEWAY=partners # for sandbox
 # VITE_REMOTE_GATEWAY=production # for production
 ```
 
 3. Start the development server:
 
-```sh
+First run the root package with
+
+```
+npm link
+npm run dev
+```
+
+then
+
+```
 cd example
+npm install
+npm link @remoteoss/remote-flows
 npm run dev
 ```
 

package/dist/chunk-4FUC6ZJG.js

@@ -0,0 +1,2 @@
+import{b as y}from"./chunk-PGWKJ6FK.js";import{b as u}from"./chunk-QW4JPW6J.js";import{a as F}from"./chunk-2NLOH7NZ.js";import{b as f}from"./chunk-CFIJKJXD.js";import{a as p}from"./chunk-VNSF5IOL.js";import{a as m}from"./chunk-P37U34EQ.js";import{useEffect as b}from"react";import{useForm as O}from"react-hook-form";import{jsx as d}from"react/jsx-runtime";function N({defaultValues:c,onSubmit:S,components:g}){let{formId:E,onboardingBag:o}=y(),w=f(o.handleValidation),r=O({resolver:w,defaultValues:c,shouldUnregister:!1,mode:"onBlur"});b(()=>{o.employmentId&&o?.checkFieldUpdates(r.getValues())},[]),b(()=>{let t=r?.watch(e=>{Object.keys(e).some(i=>e[i]!==c[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 k=o.stepState.currentStep.name,B=o.meta?.fields?.[k],P=u(n?.fieldErrors||[],B);l?.({error:n.error,rawError:n.rawError,fieldErrors:P})}}catch(a){l?.({error:a,rawError:a,fieldErrors:[]})}}else S(t)},"handleSubmit");return d(p,{...r,children:d("form",{id:E,onSubmit:r.handleSubmit(h),className:"space-y-4 RemoteFlows__OnboardingForm",children:d(F,{components:g,fields:o.fields})})})}m(N,"OnboardingForm");export{N as a};
+//# sourceMappingURL=chunk-4FUC6ZJG.js.map

package/dist/chunk-4FUC6ZJG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/Onboarding/OnboardingForm.tsx"],"sourcesContent":["import { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { Form } from '@/src/components/ui/form';\nimport { useEffect } from 'react';\nimport { useOnboardingContext } from './context';\nimport { useForm } from 'react-hook-form';\nimport { useJsonSchemasValidationFormResolver } from '@/src/components/form/yupValidationResolver';\nimport { Fields } from '@remoteoss/json-schema-form';\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    // @ts-expect-error no matching type\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}>\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        />\n      </form>\n    </Form>\n  );\n}\n"],"mappings":"gPAEA,OAAS,aAAAA,MAAiB,QAE1B,OAAS,WAAAC,MAAe,kBA8HhB,cAAAC,MAAA,oBAvGD,SAASC,EAAe,CAC7B,cAAAC,EACA,SAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,GAAM,CAAE,OAAAC,EAAQ,cAAAC,CAAc,EAAIC,EAAqB,EAEjDC,EAAWC,EAEfH,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,EACR,SAAAV,EAAC,QACC,GAAIK,EACJ,SAAUK,EAAK,aAAaM,CAAY,EACxC,UAAU,wCAEV,SAAAhB,EAAC6B,EAAA,CACC,WAAYzB,EACZ,OAAQE,EAAc,OACxB,EACF,EACF,CAEJ,CA9GgBW,EAAAhB,EAAA","names":["useEffect","useForm","jsx","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"]}

package/dist/{chunk-6ACAZ6EG.js → chunk-7H3BRJKA.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk-BYKZON2I.js";import{b as t}from"./chunk-PGWKJ6FK.js";import{b as e}from"./chunk-QW4JPW6J.js";import{a as i}from"./chunk-P37U34EQ.js";import{jsx as c}from"react/jsx-runtime";function S({onSubmit:m,onSuccess:d,onError:a}){let{onboardingBag:o}=t(),l=i(async n=>{try{await m?.(o.parseFormValues(n));let r=await o.onSubmit(n);if(r?.data){await d?.(r?.data),o?.next();return}if(r?.error){let p=e(r?.fieldErrors||[],o.meta?.fields?.basic_information);a?.({error:r?.error,rawError:r?.rawError,fieldErrors:p})}}catch(r){a?.({error:r,rawError:r,fieldErrors:[]})}},"handleSubmit"),f=o.stepState.values?.basic_information||o.initialValues.basic_information;return c(s,{defaultValues:f,onSubmit:l})}i(S,"BasicInformationStep");export{S as a};
-//# sourceMappingURL=chunk-6ACAZ6EG.js.map
+import{a as s}from"./chunk-4FUC6ZJG.js";import{b as t}from"./chunk-PGWKJ6FK.js";import{b as e}from"./chunk-QW4JPW6J.js";import{a as i}from"./chunk-P37U34EQ.js";import{jsx as c}from"react/jsx-runtime";function S({onSubmit:m,onSuccess:d,onError:a}){let{onboardingBag:o}=t(),l=i(async n=>{try{await m?.(o.parseFormValues(n));let r=await o.onSubmit(n);if(r?.data){await d?.(r?.data),o?.next();return}if(r?.error){let p=e(r?.fieldErrors||[],o.meta?.fields?.basic_information);a?.({error:r?.error,rawError:r?.rawError,fieldErrors:p})}}catch(r){a?.({error:r,rawError:r,fieldErrors:[]})}},"handleSubmit"),f=o.stepState.values?.basic_information||o.initialValues.basic_information;return c(s,{defaultValues:f,onSubmit:l})}i(S,"BasicInformationStep");export{S as a};
+//# sourceMappingURL=chunk-7H3BRJKA.js.map

package/dist/{chunk-Q4KOH5ZH.js → chunk-AJXPL6EK.js}

@@ -1,2 +1,2 @@
-import{a}from"./chunk-BYKZON2I.js";import{b as i}from"./chunk-PGWKJ6FK.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as d}from"react/jsx-runtime";function y({onSubmit:s,onSuccess:c,onError:t}){let{onboardingBag:o}=i(),u=e(async n=>{try{await s?.({countryCode:n.country});let r=await o.onSubmit(n);if(r?.data){await c?.(r?.data),o?.next();return}r?.error&&t?.({error:r.error,rawError:r.rawError,fieldErrors:[]})}catch(r){t?.({error:r,rawError:r,fieldErrors:[]})}},"handleSubmit"),l=o.stepState.values?.select_country||o.initialValues.select_country;return d(a,{defaultValues:l,onSubmit:u})}e(y,"SelectCountryStep");export{y as a};
-//# sourceMappingURL=chunk-Q4KOH5ZH.js.map
+import{a}from"./chunk-4FUC6ZJG.js";import{b as i}from"./chunk-PGWKJ6FK.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as d}from"react/jsx-runtime";function y({onSubmit:s,onSuccess:c,onError:t}){let{onboardingBag:o}=i(),u=e(async n=>{try{await s?.({countryCode:n.country});let r=await o.onSubmit(n);if(r?.data){await c?.(r?.data),o?.next();return}r?.error&&t?.({error:r.error,rawError:r.rawError,fieldErrors:[]})}catch(r){t?.({error:r,rawError:r,fieldErrors:[]})}},"handleSubmit"),l=o.stepState.values?.select_country||o.initialValues.select_country;return d(a,{defaultValues:l,onSubmit:u})}e(y,"SelectCountryStep");export{y as a};
+//# sourceMappingURL=chunk-AJXPL6EK.js.map

package/dist/{chunk-BMEK4OFQ.js → chunk-OJYT4TBR.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk-BYKZON2I.js";import{b as n}from"./chunk-PGWKJ6FK.js";import{b as i}from"./chunk-QW4JPW6J.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as p}from"react/jsx-runtime";function F({onSubmit:l,onError:t,onSuccess:d}){let{onboardingBag:o}=n(),m=e(async a=>{try{await l?.(o.parseFormValues(a));let r=await o.onSubmit(a);if(r?.data){await d?.(r.data),o?.next();return}if(r?.error){let c=i(r?.fieldErrors||[],o.meta?.fields?.contract_details);t?.({error:r.error,rawError:r.rawError,fieldErrors:c})}}catch(r){t?.({error:r,rawError:r,fieldErrors:[]})}},"handleSubmit");return p(s,{defaultValues:o.stepState.values?.contract_details||o.initialValues.contract_details,onSubmit:m})}e(F,"ContractDetailsStep");export{F as a};
-//# sourceMappingURL=chunk-BMEK4OFQ.js.map
+import{a as s}from"./chunk-4FUC6ZJG.js";import{b as n}from"./chunk-PGWKJ6FK.js";import{b as i}from"./chunk-QW4JPW6J.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as p}from"react/jsx-runtime";function F({onSubmit:l,onError:t,onSuccess:d}){let{onboardingBag:o}=n(),m=e(async a=>{try{await l?.(o.parseFormValues(a));let r=await o.onSubmit(a);if(r?.data){await d?.(r.data),o?.next();return}if(r?.error){let c=i(r?.fieldErrors||[],o.meta?.fields?.contract_details);t?.({error:r.error,rawError:r.rawError,fieldErrors:c})}}catch(r){t?.({error:r,rawError:r,fieldErrors:[]})}},"handleSubmit");return p(s,{defaultValues:o.stepState.values?.contract_details||o.initialValues.contract_details,onSubmit:m})}e(F,"ContractDetailsStep");export{F as a};
+//# sourceMappingURL=chunk-OJYT4TBR.js.map

package/dist/chunk-OSPCGWOC.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-SGW2UR4M.js";import{a as p}from"./chunk-G7P5P2TG.js";import{a as i}from"./chunk-C3HJSV4T.js";import{a as S}from"./chunk-GPAE53HO.js";import{a as c}from"./chunk-RYEMAPG4.js";import{a as m}from"./chunk-AJXPL6EK.js";import{a as r}from"./chunk-7H3BRJKA.js";import{a as f}from"./chunk-Z5OWW63F.js";import{a as s}from"./chunk-OJYT4TBR.js";import{a}from"./chunk-VN4HDCRB.js";import{a as n}from"./chunk-PGWKJ6FK.js";import{a as t}from"./chunk-P37U34EQ.js";import{useId as w,useState as C}from"react";import{jsx as R}from"react/jsx-runtime";var H=t(({employmentId:d,companyId:b,countryCode:u,type:g="employee",skipSteps:B,render:l,options:v})=>{let O=w(),o=e({companyId:b,countryCode:u,employmentId:d,type:g,options:v,skipSteps:B}),[y,I]=C({showReserveInvoice:!1,showInviteSuccessful:!1});return R(n.Provider,{value:{formId:O,onboardingBag:o,creditScore:y,setCreditScore:I},children:l({onboardingBag:o,components:{BasicInformationStep:r,ContractDetailsStep:s,BenefitsStep:f,SubmitButton:i,SaveDraftButton:c,BackButton:a,OnboardingInvite:p,SelectCountryStep:m,ReviewStep:S}})})},"OnboardingFlow");export{H as a};
+//# sourceMappingURL=chunk-OSPCGWOC.js.map

package/dist/chunk-OSPCGWOC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/Onboarding/OnboardingFlow.tsx"],"sourcesContent":["import React, { useId, useState } from 'react';\nimport { useOnboarding } from '@/src/flows/Onboarding/hooks';\nimport { BasicInformationStep } from '@/src/flows/Onboarding/BasicInformationStep';\nimport { OnboardingContext } from '@/src/flows/Onboarding/context';\nimport { OnboardingSubmit } from '@/src/flows/Onboarding/OnboardingSubmit';\nimport { OnboardingBack } from '@/src/flows/Onboarding/OnboardingBack';\nimport { OnboardingFlowParams } from '@/src/flows/Onboarding/types';\nimport { OnboardingInvite } from '@/src/flows/Onboarding/OnboardingInvite';\nimport { ContractDetailsStep } from '@/src/flows/Onboarding/ContractDetailsStep';\nimport { BenefitsStep } from '@/src/flows/Onboarding/BenefitsStep';\nimport { SelectCountryStep } from '@/src/flows/Onboarding/SelectCountryStep';\nimport { ReviewStep } from '@/src/flows/Onboarding/ReviewStep';\nimport { SaveDraftButton } from '@/src/flows/Onboarding/SaveDraftButton';\n\nexport type OnboardingRenderProps = {\n  /**\n   * The onboarding bag returned by the useOnboarding hook.\n   * This bag contains all the methods and properties needed to handle the onboarding flow.\n   * @see {@link useOnboarding}\n   */\n  onboardingBag: ReturnType<typeof useOnboarding>;\n  /**\n   * The components used in the onboarding flow.\n   * This includes different steps, submit button, back button.\n   * @see {@link BasicInformationStep}\n   * @see {@link ContractDetailsStep}\n   * @see {@link OnboardingSubmit}\n   * @see {@link OnboardingBack}\n   * @see {@link OnboardingInvite}\n   * @see {@link BenefitsStep}\n   * @see {@link OnboardingCreateReserve}\n   * @see {@link InvitationSection}\n   * @see {@link SelectCountryStep}\n   * @see {@link ReviewStep}\n   * @see {@link SaveDraftButton}\n   */\n  components: {\n    SubmitButton: typeof OnboardingSubmit;\n    BackButton: typeof OnboardingBack;\n    BasicInformationStep: typeof BasicInformationStep;\n    OnboardingInvite: typeof OnboardingInvite;\n    ContractDetailsStep: typeof ContractDetailsStep;\n    BenefitsStep: typeof BenefitsStep;\n    SelectCountryStep: typeof SelectCountryStep;\n    ReviewStep: typeof ReviewStep;\n    SaveDraftButton: typeof SaveDraftButton;\n  };\n};\n\ntype OnboardingFlowProps = OnboardingFlowParams & {\n  render: ({\n    onboardingBag,\n    components,\n  }: OnboardingRenderProps) => React.ReactNode;\n};\n\nexport const OnboardingFlow = ({\n  employmentId,\n  companyId,\n  countryCode,\n  type = 'employee',\n  skipSteps,\n  render,\n  options,\n}: OnboardingFlowProps) => {\n  const formId = useId();\n  const onboardingBag = useOnboarding({\n    companyId,\n    countryCode,\n    employmentId,\n    type,\n    options,\n    skipSteps,\n  });\n\n  const [creditScore, setCreditScore] = useState<{\n    showReserveInvoice: boolean;\n    showInviteSuccessful: boolean;\n  }>({\n    showReserveInvoice: false,\n    showInviteSuccessful: false,\n  });\n\n  return (\n    <OnboardingContext.Provider\n      value={{\n        formId: formId,\n        onboardingBag,\n        creditScore,\n        setCreditScore: setCreditScore,\n      }}\n    >\n      {render({\n        onboardingBag,\n        components: {\n          BasicInformationStep: BasicInformationStep,\n          ContractDetailsStep: ContractDetailsStep,\n          BenefitsStep: BenefitsStep,\n          SubmitButton: OnboardingSubmit,\n          SaveDraftButton: SaveDraftButton,\n          BackButton: OnboardingBack,\n          OnboardingInvite: OnboardingInvite,\n          SelectCountryStep: SelectCountryStep,\n          ReviewStep: ReviewStep,\n        },\n      })}\n    </OnboardingContext.Provider>\n  );\n};\n"],"mappings":"2dAAA,OAAgB,SAAAA,EAAO,YAAAC,MAAgB,QAoFnC,cAAAC,MAAA,oBA5BG,IAAMC,EAAiBC,EAAA,CAAC,CAC7B,aAAAC,EACA,UAAAC,EACA,YAAAC,EACA,KAAAC,EAAO,WACP,UAAAC,EACA,OAAAC,EACA,QAAAC,CACF,IAA2B,CACzB,IAAMC,EAASC,EAAM,EACfC,EAAgBC,EAAc,CAClC,UAAAT,EACA,YAAAC,EACA,aAAAF,EACA,KAAAG,EACA,QAAAG,EACA,UAAAF,CACF,CAAC,EAEK,CAACO,EAAaC,CAAc,EAAIC,EAGnC,CACD,mBAAoB,GACpB,qBAAsB,EACxB,CAAC,EAED,OACEhB,EAACiB,EAAkB,SAAlB,CACC,MAAO,CACL,OAAQP,EACR,cAAAE,EACA,YAAAE,EACA,eAAgBC,CAClB,EAEC,SAAAP,EAAO,CACN,cAAAI,EACA,WAAY,CACV,qBAAsBM,EACtB,oBAAqBC,EACrB,aAAcC,EACd,aAAcC,EACd,gBAAiBC,EACjB,WAAYC,EACZ,iBAAkBC,EAClB,kBAAmBC,EACnB,WAAYC,CACd,CACF,CAAC,EACH,CAEJ,EApD8B","names":["useId","useState","jsx","OnboardingFlow","__name","employmentId","companyId","countryCode","type","skipSteps","render","options","formId","useId","onboardingBag","useOnboarding","creditScore","setCreditScore","useState","OnboardingContext","BasicInformationStep","ContractDetailsStep","BenefitsStep","OnboardingSubmit","SaveDraftButton","OnboardingBack","OnboardingInvite","SelectCountryStep","ReviewStep"]}

package/dist/chunk-RYEMAPG4.js

@@ -0,0 +1,2 @@
+import{b as d}from"./chunk-PGWKJ6FK.js";import{b as m}from"./chunk-3ZWDIEEM.js";import{a as r}from"./chunk-P37U34EQ.js";import{jsx as b}from"react/jsx-runtime";var B=r(({onSuccess:l,onError:c,className:o,children:n,disabled:e=!1,...f})=>{let{onboardingBag:i,formId:E}=d(),{components:p}=m(),s=r(async()=>{let a=document.getElementById(E);if(a){let t=new Event("submit",{bubbles:!0,cancelable:!0});t.isDraftSubmission=!0,t.draftCallbacks={onSuccess:l,onError:c},a.dispatchEvent(t)}},"handleSaveDraft"),u=p?.button;return u?b(u,{...f,onClick:s,disabled:e||i.isSubmitting,className:o,children:n}):b("button",{type:"button",onClick:s,disabled:e||i.isSubmitting,className:o,children:n})},"SaveDraftButton");export{B as a};
+//# sourceMappingURL=chunk-RYEMAPG4.js.map

package/dist/chunk-RYEMAPG4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/Onboarding/SaveDraftButton.tsx"],"sourcesContent":["import { useFormFields } from '@/src/context';\nimport { useOnboardingContext } from './context';\nimport { ButtonHTMLAttributes } from 'react';\nimport { NormalizedFieldError } from '@/src/lib/mutations';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\n\ntype SaveDraftButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'onError'\n> & {\n  onSuccess?: () => void | Promise<void>;\n  onError?: ({\n    error,\n    rawError,\n    fieldErrors,\n  }: {\n    error: Error;\n    rawError: Record<string, unknown>;\n    fieldErrors: NormalizedFieldError[];\n  }) => void;\n};\n\nexport const SaveDraftButton = ({\n  onSuccess,\n  onError,\n  className,\n  children,\n  disabled = false,\n  ...props\n}: SaveDraftButtonProps) => {\n  const { onboardingBag, formId } = useOnboardingContext();\n\n  const { components } = useFormFields();\n\n  const handleSaveDraft = async () => {\n    const form = document.getElementById(formId);\n    if (form) {\n      const submitEvent = new Event('submit', {\n        bubbles: true,\n        cancelable: true,\n      });\n      (submitEvent as $TSFixMe).isDraftSubmission = true;\n      (submitEvent as $TSFixMe).draftCallbacks = { onSuccess, onError };\n      form.dispatchEvent(submitEvent);\n    }\n  };\n\n  const CustomButton = components?.button;\n  if (CustomButton) {\n    return (\n      <CustomButton\n        {...props}\n        onClick={handleSaveDraft}\n        disabled={disabled || onboardingBag.isSubmitting}\n        className={className}\n      >\n        {children}\n      </CustomButton>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleSaveDraft}\n      disabled={disabled || onboardingBag.isSubmitting}\n      className={className}\n    >\n      {children}\n    </button>\n  );\n};\n"],"mappings":"wHAkDM,cAAAA,MAAA,oBA5BC,IAAMC,EAAkBC,EAAA,CAAC,CAC9B,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,GACX,GAAGC,CACL,IAA4B,CAC1B,GAAM,CAAE,cAAAC,EAAe,OAAAC,CAAO,EAAIC,EAAqB,EAEjD,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAE/BC,EAAkBZ,EAAA,SAAY,CAClC,IAAMa,EAAO,SAAS,eAAeL,CAAM,EAC3C,GAAIK,EAAM,CACR,IAAMC,EAAc,IAAI,MAAM,SAAU,CACtC,QAAS,GACT,WAAY,EACd,CAAC,EACAA,EAAyB,kBAAoB,GAC7CA,EAAyB,eAAiB,CAAE,UAAAb,EAAW,QAAAC,CAAQ,EAChEW,EAAK,cAAcC,CAAW,CAChC,CACF,EAXwB,mBAalBC,EAAeL,GAAY,OACjC,OAAIK,EAEAjB,EAACiB,EAAA,CACE,GAAGT,EACJ,QAASM,EACT,SAAUP,GAAYE,EAAc,aACpC,UAAWJ,EAEV,SAAAC,EACH,EAKFN,EAAC,UACC,KAAK,SACL,QAASc,EACT,SAAUP,GAAYE,EAAc,aACpC,UAAWJ,EAEV,SAAAC,EACH,CAEJ,EAjD+B","names":["jsx","SaveDraftButton","__name","onSuccess","onError","className","children","disabled","props","onboardingBag","formId","useOnboardingContext","components","useFormFields","handleSaveDraft","form","submitEvent","CustomButton"]}

package/dist/chunk-SGW2UR4M.js

@@ -0,0 +1,2 @@
+import{a as ce,b as le,c as b,d as me}from"./chunk-XIPPSRO6.js";import{a as Fe}from"./chunk-CVTAWW6F.js";import{a as de,b as fe,c as ue,f as ye,g as pe,h as _e,i as Se,j as be,l as ge}from"./chunk-AN7L3GVL.js";import{a as w}from"./chunk-QW4JPW6J.js";import{a as re}from"./chunk-PJBAQZ6G.js";import{c as S,d as T}from"./chunk-MH6KKP6K.js";import{a as r}from"./chunk-P37U34EQ.js";import{useEffect as xe,useMemo as l,useRef as Ge,useState as Ee}from"react";import We from"lodash.mergewith";import{jsx as Qe}from"react/jsx-runtime";var Ke={employment_basic_information:"basic_information",contract_details:"contract_details"},Ye={select_country:null,basic_information:"employment_basic_information",contract_details:"contract_details",benefits:null,review:null},ze=r(({isLoadingBasicInformationForm:m,isLoadingContractDetailsForm:R,isLoadingEmployment:N,isLoadingBenefitsOffersSchema:v,isLoadingBenefitOffers:a,isLoadingCompany:j,isLoadingCountries:u,employmentStatus:o,employmentId:J,currentStepName:i,basicInformationFields:P,contractDetailsFields:c})=>{let g=m||R||N||v||a||j||u,B=o&&me.includes(o),F=!!(J&&B&&i!=="review"),I=g||F,y=!!(F&&!g&&P.length>0&&c.length>0);return{isLoading:I,isNavigatingToReview:y,isEmploymentReadOnly:B}},"getLoadingStates"),st=r(({employmentId:m,companyId:R,countryCode:N,type:v,options:a,skipSteps:j})=>{let u=Ge({select_country:{},basic_information:{},contract_details:{},benefits:{}}),[o,J]=Ee(m),[i,P]=Ee(N||null),{data:c,isLoading:g,refetch:B}=de(o);c?.country?.code&&i!==c.country.code&&P(c.country.code);let{data:F,isLoading:I}=ue(o),{data:y,isLoading:A,refetch:he}=fe(R),Oe=j?.includes("select_country")?le:ce,{fieldValues:p,stepState:e,setFieldValues:Ve,previousStep:Ce,nextStep:Le,goToStep:D,setStepValues:U}=re(Oe),{selectCountryForm:k,isLoading:H}=ge({jsfModify:a?.jsfModify?.select_country,jsonSchemaVersion:a?.jsonSchemaVersion,queryOptions:{enabled:e.currentStep.name==="select_country"}}),x=_e(a),G=Se(a),W=be(a),{mutateAsync:Me}=w(x),{mutateAsync:K}=w(G),{mutateAsync:Te}=w(W),Pe=Ye[e.currentStep.name]||"employment_basic_information",Be=Ke[Pe],Ie=c?.[Be]||{},Y=r(({form:n,options:s={}})=>ye({countryCode:i,form:n,fieldValues:Object.keys(p).length>0?{...e.values?.[e.currentStep.name],...p}:Ie,options:{...s,queryOptions:{enabled:s.queryOptions?.enabled??!0}}}),"useJSONSchema"),ke=!!(i&&(e.currentStep.name==="basic_information"||m)),we=!!(i&&(e.currentStep.name==="contract_details"||m)),{data:d,isLoading:z}=Y({form:"employment_basic_information",options:{jsfModify:a?.jsfModify?.basic_information,queryOptions:{enabled:ke}}}),_=a?.jsfModify?.contract_details?.fields?.annual_gross_salary,q=_&&typeof _=="object"&&"presentation"in _?_.presentation:void 0,Re=l(()=>({fields:{annual_gross_salary:{..._,presentation:{annual_gross_salary_conversion_properties:{label:q?.annual_gross_salary_conversion_properties?.label,description:q?.annual_gross_salary_conversion_properties?.description},desiredCurrency:y?.desired_currency,Component:r(n=>Qe(Fe,{desiredCurrency:y?.desired_currency||"",...n}),"Component")}}}}),[y?.desired_currency,q,_]),{data:f,isLoading:Q}=Y({form:"contract_details",options:{jsfModify:{...a?.jsfModify?.contract_details,fields:{...a?.jsfModify?.contract_details?.fields,...Re.fields}},queryOptions:{enabled:we}}}),{data:E,isLoading:X}=pe(o,p,a),Z=l(()=>{if(e.currentStep.name==="benefits"){let n={...e.values?.[e.currentStep.name],...p};return We({},F,n)}return{}},[e.currentStep.name,F,e.values,p]),t=l(()=>({select_country:k?.fields||[],basic_information:d?.fields||[],contract_details:f?.fields||[],benefits:E?.fields||[],review:[]}),[k?.fields,d?.fields,f?.fields,E?.fields]),{country:{code:$}={},basic_information:ee={},contract_details:te={},status:ne}=c||{},oe=e.currentStep.name,h=l(()=>T(t.select_country,{country:i||$||""}),[t.select_country,i,$]),O=l(()=>T(t.basic_information,ee||{}),[t.basic_information,ee]),V=l(()=>T(t.contract_details,te||{}),[t.contract_details,te]),C=l(()=>T(t.benefits,Z),[t.benefits,Z]),Ne=l(()=>({select_country:h,basic_information:O,contract_details:V,benefits:C}),[h,O,V,C]),{isLoading:ve,isNavigatingToReview:ae,isEmploymentReadOnly:je}=l(()=>ze({isLoadingBasicInformationForm:z,isLoadingContractDetailsForm:Q,isLoadingEmployment:g,isLoadingBenefitsOffersSchema:X,isLoadingBenefitOffers:I,isLoadingCompany:A,isLoadingCountries:H,employmentId:m,employmentStatus:ne,basicInformationFields:t.basic_information,contractDetailsFields:t.contract_details,currentStepName:oe}),[z,Q,g,X,I,A,H,m,ne,t.basic_information,t.contract_details,oe]);xe(()=>{ae&&(u.current={select_country:b(h,t.select_country),basic_information:b(O,t.basic_information),contract_details:b(V,t.contract_details),benefits:b(C,t.benefits)},U({select_country:h,basic_information:O,contract_details:V,benefits:C,review:{}}),D("review"))},[O,C,V,D,ae,h,U,t.basic_information,t.benefits,t.contract_details,t.select_country]);let ie=r(n=>k&&e.currentStep.name==="select_country"?n:d&&e.currentStep.name==="basic_information"?S(n,d?.fields,{isPartialValidation:!0}):f&&e.currentStep.name==="contract_details"?S(n,f?.fields,{isPartialValidation:!0}):{},"parseFormValues");async function Je(n){let s=e.currentStep.name;s in u.current&&(u.current[s]=b(n,t[s]));let L=ie(n);switch(he(),e.currentStep.name){case"select_country":return P(L.country),Promise.resolve({data:{countryCode:L.country}});case"basic_information":{let se=!o&&i,Ue=o&&i&&c?.country&&c?.country.code!==i;if(se||Ue){let He={basic_information:L,type:v,country_code:i};try{let M=await Me(He);return J(M.data?.data?.employment?.id),M}catch(M){throw console.error("Error creating onboarding:",M),M}}else if(o)return K({employmentId:o,basic_information:L,pricing_plan_details:{frequency:"monthly"}});return}case"contract_details":return K({employmentId:o,...{contract_details:L,pricing_plan_details:{frequency:"monthly"}}});case"benefits":return Te({employmentId:o,...n})}}r(Je,"onSubmit");function De(){Ce()}r(De,"back");function qe(){Le()}r(qe,"next");function Ae(n){D(n)}return r(Ae,"goTo"),{employmentId:o,creditRiskStatus:y?.default_legal_entity_credit_risk_status,fieldValues:p,stepState:e,fields:t[e.currentStep.name],isLoading:ve,isSubmitting:x.isPending||G.isPending||W.isPending,initialValues:Ne,handleValidation:r(n=>{if(e.currentStep.name==="select_country")return k.handleValidation(n);if(e.currentStep.name==="benefits"&&E){let s=S(n,E?.fields);return E?.handleValidation(s)}if(d&&e.currentStep.name==="basic_information"){let s=S(n,d?.fields);return d?.handleValidation(s)}if(f&&e.currentStep.name==="contract_details"){let s=S(n,f?.fields);return f?.handleValidation(s)}return null},"handleValidation"),checkFieldUpdates:Ve,parseFormValues:ie,onSubmit:Je,back:De,next:qe,goTo:Ae,meta:{fields:u.current},refetchEmployment:B,employment:c,isEmploymentReadOnly:je}},"useOnboarding");export{st as a};
+//# sourceMappingURL=chunk-SGW2UR4M.js.map

package/dist/{chunk-EIWJKCKN.js.map → chunk-SGW2UR4M.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/flows/Onboarding/hooks.tsx"],"sourcesContent":["import {\n  Employment,\n  EmploymentCreateParams,\n  EmploymentFullParams,\n} from '@/src/client';\nimport { Fields } from '@remoteoss/json-schema-form';\n\nimport { useStepState, Step } from '@/src/flows/useStepState';\nimport {\n  prettifyFormValues,\n  reviewStepAllowedEmploymentStatus,\n  STEPS,\n  STEPS_WITHOUT_SELECT_COUNTRY,\n} from '@/src/flows/Onboarding/utils';\nimport {\n  getInitialValues,\n  parseJSFToValidate,\n} from '@/src/components/form/utils';\nimport { mutationToPromise } from '@/src/lib/mutations';\nimport { FieldValues } from 'react-hook-form';\nimport { Meta, OnboardingFlowParams } from '@/src/flows/Onboarding/types';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport mergeWith from 'lodash.mergewith';\nimport {\n  useBenefitOffers,\n  useBenefitOffersSchema,\n  useCompany,\n  useCountriesSchemaField,\n  useCreateEmployment,\n  useEmployment,\n  useJSONSchemaForm,\n  useUpdateBenefitsOffers,\n  useUpdateEmployment,\n} from '@/src/flows/Onboarding/api';\nimport { JSFModify, JSONSchemaFormType } from '@/src/flows/types';\nimport { AnnualGrossSalary } from '@/src/flows/Onboarding/AnnualGrossSalary';\nimport { JSFField } from '@/src/types/remoteFlows';\n\ntype OnboardingHookProps = OnboardingFlowParams;\n\nconst jsonSchemaToEmployment: Partial<\n  Record<JSONSchemaFormType, keyof Employment>\n> = {\n  employment_basic_information: 'basic_information',\n  contract_details: 'contract_details',\n};\n\nconst stepToFormSchemaMap: Record<\n  keyof typeof STEPS,\n  JSONSchemaFormType | null\n> = {\n  select_country: null,\n  basic_information: 'employment_basic_information',\n  contract_details: 'contract_details',\n  benefits: null,\n  review: null,\n};\n\nconst getLoadingStates = ({\n  isLoadingBasicInformationForm,\n  isLoadingContractDetailsForm,\n  isLoadingEmployment,\n  isLoadingBenefitsOffersSchema,\n  isLoadingBenefitOffers,\n  isLoadingCompany,\n  isLoadingCountries,\n  employmentStatus,\n  employmentId,\n  currentStepName,\n  basicInformationFields,\n  contractDetailsFields,\n}: {\n  isLoadingBasicInformationForm: boolean;\n  isLoadingContractDetailsForm: boolean;\n  isLoadingEmployment: boolean;\n  isLoadingBenefitsOffersSchema: boolean;\n  isLoadingBenefitOffers: boolean;\n  isLoadingCompany: boolean;\n  isLoadingCountries: boolean;\n  employmentStatus?: Employment['status'];\n  employmentId?: string;\n  currentStepName: string;\n  basicInformationFields: Fields;\n  contractDetailsFields: Fields;\n}) => {\n  const initialLoading =\n    isLoadingBasicInformationForm ||\n    isLoadingContractDetailsForm ||\n    isLoadingEmployment ||\n    isLoadingBenefitsOffersSchema ||\n    isLoadingBenefitOffers ||\n    isLoadingCompany ||\n    isLoadingCountries;\n\n  const isEmploymentReadOnly =\n    employmentStatus &&\n    reviewStepAllowedEmploymentStatus.includes(employmentStatus);\n\n  const shouldHandleReadOnlyEmployment = Boolean(\n    employmentId && isEmploymentReadOnly && currentStepName !== 'review',\n  );\n\n  const isLoading = initialLoading || shouldHandleReadOnlyEmployment;\n\n  const isNavigatingToReview = Boolean(\n    shouldHandleReadOnlyEmployment &&\n      !initialLoading &&\n      basicInformationFields.length > 0 &&\n      contractDetailsFields.length > 0,\n  );\n\n  return { isLoading, isNavigatingToReview, isEmploymentReadOnly };\n};\n\nexport const useOnboarding = ({\n  employmentId,\n  companyId,\n  countryCode,\n  type,\n  options,\n  skipSteps,\n}: OnboardingHookProps) => {\n  const fieldsMetaRef = useRef<{\n    select_country: Meta;\n    basic_information: Meta;\n    contract_details: Meta;\n    benefits: Meta;\n  }>({\n    select_country: {},\n    basic_information: {},\n    contract_details: {},\n    benefits: {},\n  });\n  const [internalEmploymentId, setInternalEmploymentId] = useState<\n    string | undefined\n  >(employmentId);\n  const [internalCountryCode, setInternalCountryCode] = useState<string | null>(\n    countryCode || null,\n  );\n  const {\n    data: employment,\n    isLoading: isLoadingEmployment,\n    refetch: refetchEmployment,\n  } = useEmployment(internalEmploymentId);\n\n  // if the employment is loaded, country code has not been set yet\n  // we set the internal country code with the employment country code\n  if (\n    employment?.country?.code &&\n    internalCountryCode !== employment.country.code\n  ) {\n    setInternalCountryCode(employment.country.code);\n  }\n\n  const { data: benefitOffers, isLoading: isLoadingBenefitOffers } =\n    useBenefitOffers(internalEmploymentId);\n  const {\n    data: company,\n    isLoading: isLoadingCompany,\n    refetch: refetchCompany,\n  } = useCompany(companyId);\n  const stepsToUse = skipSteps?.includes('select_country')\n    ? STEPS_WITHOUT_SELECT_COUNTRY\n    : STEPS;\n\n  const {\n    fieldValues,\n    stepState,\n    setFieldValues,\n    previousStep,\n    nextStep,\n    goToStep,\n    setStepValues,\n  } = useStepState(\n    stepsToUse as Record<keyof typeof STEPS, Step<keyof typeof STEPS>>,\n  );\n\n  const { selectCountryForm, isLoading: isLoadingCountries } =\n    useCountriesSchemaField({\n      jsfModify: options?.jsfModify?.select_country,\n      jsonSchemaVersion: options?.jsonSchemaVersion,\n      queryOptions: {\n        enabled: stepState.currentStep.name === 'select_country',\n      },\n    });\n\n  const createEmploymentMutation = useCreateEmployment(options);\n  const updateEmploymentMutation = useUpdateEmployment(options);\n  const updateBenefitsOffersMutation = useUpdateBenefitsOffers(options);\n  const { mutateAsync: createEmploymentMutationAsync } = mutationToPromise(\n    createEmploymentMutation,\n  );\n  const { mutateAsync: updateEmploymentMutationAsync } = mutationToPromise(\n    updateEmploymentMutation,\n  );\n  const { mutateAsync: updateBenefitsOffersMutationAsync } = mutationToPromise(\n    updateBenefitsOffersMutation,\n  );\n\n  const formType =\n    stepToFormSchemaMap[stepState.currentStep.name] ||\n    'employment_basic_information';\n  const employmentKey = jsonSchemaToEmployment[formType] as keyof Employment;\n  const serverEmploymentData = (employment?.[employmentKey] || {}) as Record<\n    string,\n    unknown\n  >;\n\n  const useJSONSchema = ({\n    form,\n    options: jsonSchemaOptions = {},\n  }: {\n    form: JSONSchemaFormType;\n    options?: {\n      jsfModify?: JSFModify;\n      queryOptions?: { enabled?: boolean };\n    };\n  }) => {\n    return useJSONSchemaForm({\n      countryCode: internalCountryCode as string,\n      form: form,\n      fieldValues:\n        Object.keys(fieldValues).length > 0\n          ? {\n              ...stepState.values?.[stepState.currentStep.name], // Restore values for the current step\n              ...fieldValues,\n            }\n          : serverEmploymentData,\n      options: {\n        ...jsonSchemaOptions,\n        queryOptions: {\n          enabled: jsonSchemaOptions.queryOptions?.enabled ?? true,\n        },\n      },\n    });\n  };\n\n  const isBasicInformationDetailsEnabled = Boolean(\n    internalCountryCode &&\n      (stepState.currentStep.name === 'basic_information' ||\n        Boolean(employmentId)),\n  );\n\n  const isContractDetailsEnabled = Boolean(\n    internalCountryCode &&\n      (stepState.currentStep.name === 'contract_details' ||\n        Boolean(employmentId)),\n  );\n\n  const {\n    data: basicInformationForm,\n    isLoading: isLoadingBasicInformationForm,\n  } = useJSONSchema({\n    form: 'employment_basic_information',\n    options: {\n      jsfModify: options?.jsfModify?.basic_information,\n      queryOptions: {\n        enabled: isBasicInformationDetailsEnabled,\n      },\n    },\n  });\n\n  const annualGrossSalaryField =\n    options?.jsfModify?.contract_details?.fields?.annual_gross_salary;\n  const annualSalaryFieldPresentation =\n    annualGrossSalaryField &&\n    typeof annualGrossSalaryField === 'object' &&\n    'presentation' in annualGrossSalaryField\n      ? (\n          annualGrossSalaryField as {\n            presentation?: {\n              annual_gross_salary_conversion_properties?: {\n                label?: string;\n                description?: string;\n              };\n            };\n          }\n        ).presentation\n      : undefined;\n\n  const customFields = useMemo(\n    () => ({\n      fields: {\n        annual_gross_salary: {\n          ...annualGrossSalaryField,\n          presentation: {\n            annual_gross_salary_conversion_properties: {\n              label:\n                annualSalaryFieldPresentation\n                  ?.annual_gross_salary_conversion_properties?.label,\n              description:\n                annualSalaryFieldPresentation\n                  ?.annual_gross_salary_conversion_properties?.description,\n            },\n            desiredCurrency: company?.desired_currency,\n            Component: (props: JSFField & { currency: string }) => (\n              <AnnualGrossSalary\n                desiredCurrency={company?.desired_currency || ''}\n                {...props}\n              />\n            ),\n          },\n        },\n      },\n    }),\n    [\n      company?.desired_currency,\n      annualSalaryFieldPresentation,\n      annualGrossSalaryField,\n    ],\n  );\n\n  const { data: contractDetailsForm, isLoading: isLoadingContractDetailsForm } =\n    useJSONSchema({\n      form: 'contract_details',\n      options: {\n        jsfModify: {\n          ...options?.jsfModify?.contract_details,\n          fields: {\n            ...options?.jsfModify?.contract_details?.fields,\n            ...customFields.fields,\n          },\n        },\n        queryOptions: {\n          enabled: isContractDetailsEnabled,\n        },\n      },\n    });\n\n  const {\n    data: benefitOffersSchema,\n    isLoading: isLoadingBenefitsOffersSchema,\n  } = useBenefitOffersSchema(\n    internalEmploymentId as string,\n    fieldValues,\n    options,\n  );\n\n  const initialValuesBenefitOffers = useMemo(() => {\n    if (stepState.currentStep.name === 'benefits') {\n      const benefitsFormValues = {\n        ...stepState.values?.[stepState.currentStep.name as keyof typeof STEPS], // Restore values for the current step\n        ...fieldValues,\n      };\n      return mergeWith({}, benefitOffers, benefitsFormValues);\n    }\n    return {};\n  }, [\n    stepState.currentStep.name,\n    benefitOffers,\n    stepState.values,\n    fieldValues,\n  ]);\n\n  const stepFields: Record<keyof typeof STEPS, Fields> = useMemo(\n    () => ({\n      select_country: selectCountryForm?.fields || [],\n      basic_information: basicInformationForm?.fields || [],\n      contract_details: contractDetailsForm?.fields || [],\n      benefits: benefitOffersSchema?.fields || [],\n      review: [],\n    }),\n    [\n      selectCountryForm?.fields,\n      basicInformationForm?.fields,\n      contractDetailsForm?.fields,\n      benefitOffersSchema?.fields,\n    ],\n  );\n\n  const {\n    country: { code: employmentCountryCode } = {},\n    basic_information: employmentBasicInformation = {},\n    contract_details: employmentContractDetails = {},\n    status: employmentStatus,\n  } = employment || {};\n  const currentStepName = stepState.currentStep.name;\n\n  const selectCountryInitialValues = useMemo(\n    () =>\n      getInitialValues(stepFields.select_country, {\n        country: internalCountryCode || employmentCountryCode || '',\n      }),\n    [stepFields.select_country, internalCountryCode, employmentCountryCode],\n  );\n\n  const basicInformationInitialValues = useMemo(\n    () =>\n      getInitialValues(\n        stepFields.basic_information,\n        employmentBasicInformation || {},\n      ),\n    [stepFields.basic_information, employmentBasicInformation],\n  );\n\n  const contractDetailsInitialValues = useMemo(\n    () =>\n      getInitialValues(\n        stepFields.contract_details,\n        employmentContractDetails || {},\n      ),\n    [stepFields.contract_details, employmentContractDetails],\n  );\n\n  const benefitsInitialValues = useMemo(\n    () => getInitialValues(stepFields.benefits, initialValuesBenefitOffers),\n    [stepFields.benefits, initialValuesBenefitOffers],\n  );\n\n  const initialValues = useMemo(\n    () => ({\n      select_country: selectCountryInitialValues,\n      basic_information: basicInformationInitialValues,\n      contract_details: contractDetailsInitialValues,\n      benefits: benefitsInitialValues,\n    }),\n    [\n      selectCountryInitialValues,\n      basicInformationInitialValues,\n      contractDetailsInitialValues,\n      benefitsInitialValues,\n    ],\n  );\n\n  const { isLoading, isNavigatingToReview, isEmploymentReadOnly } = useMemo(\n    () =>\n      getLoadingStates({\n        isLoadingBasicInformationForm,\n        isLoadingContractDetailsForm,\n        isLoadingEmployment,\n        isLoadingBenefitsOffersSchema,\n        isLoadingBenefitOffers,\n        isLoadingCompany,\n        isLoadingCountries,\n        employmentId,\n        employmentStatus: employmentStatus,\n        basicInformationFields: stepFields.basic_information,\n        contractDetailsFields: stepFields.contract_details,\n        currentStepName: currentStepName,\n      }),\n    [\n      isLoadingBasicInformationForm,\n      isLoadingContractDetailsForm,\n      isLoadingEmployment,\n      isLoadingBenefitsOffersSchema,\n      isLoadingBenefitOffers,\n      isLoadingCompany,\n      isLoadingCountries,\n      employmentId,\n      employmentStatus,\n      stepFields.basic_information,\n      stepFields.contract_details,\n      currentStepName,\n    ],\n  );\n\n  useEffect(() => {\n    if (isNavigatingToReview) {\n      fieldsMetaRef.current = {\n        select_country: prettifyFormValues(\n          selectCountryInitialValues,\n          stepFields.select_country,\n        ),\n        basic_information: prettifyFormValues(\n          basicInformationInitialValues,\n          stepFields.basic_information,\n        ),\n        contract_details: prettifyFormValues(\n          contractDetailsInitialValues,\n          stepFields.contract_details,\n        ),\n        benefits: prettifyFormValues(\n          benefitsInitialValues,\n          stepFields.benefits,\n        ),\n      };\n\n      setStepValues({\n        select_country: selectCountryInitialValues,\n        basic_information: basicInformationInitialValues,\n        contract_details: contractDetailsInitialValues,\n        benefits: benefitsInitialValues,\n        review: {},\n      });\n\n      goToStep('review');\n    }\n  }, [\n    basicInformationInitialValues,\n    benefitsInitialValues,\n    contractDetailsInitialValues,\n    goToStep,\n    isNavigatingToReview,\n    selectCountryInitialValues,\n    setStepValues,\n    stepFields.basic_information,\n    stepFields.benefits,\n    stepFields.contract_details,\n    stepFields.select_country,\n  ]);\n\n  const parseFormValues = (values: FieldValues) => {\n    if (selectCountryForm && stepState.currentStep.name === 'select_country') {\n      return values;\n    }\n    if (\n      basicInformationForm &&\n      stepState.currentStep.name === 'basic_information'\n    ) {\n      return parseJSFToValidate(values, basicInformationForm?.fields, {\n        isPartialValidation: true,\n      });\n    }\n\n    if (\n      contractDetailsForm &&\n      stepState.currentStep.name === 'contract_details'\n    ) {\n      return parseJSFToValidate(values, contractDetailsForm?.fields, {\n        isPartialValidation: true,\n      });\n    }\n\n    return {};\n  };\n\n  async function onSubmit(values: FieldValues) {\n    // Prettify values for the current step\n    const currentStepName = stepState.currentStep.name;\n    if (currentStepName in fieldsMetaRef.current) {\n      fieldsMetaRef.current[\n        currentStepName as keyof typeof fieldsMetaRef.current\n      ] = prettifyFormValues(values, stepFields[currentStepName]);\n    }\n\n    const parsedValues = parseFormValues(values);\n    refetchCompany();\n    switch (stepState.currentStep.name) {\n      case 'select_country': {\n        setInternalCountryCode(parsedValues.country);\n        return Promise.resolve({ data: { countryCode: parsedValues.country } });\n      }\n      case 'basic_information': {\n        const isEmploymentNotLoaded =\n          !internalEmploymentId && internalCountryCode;\n        const hasChangedCountry =\n          internalEmploymentId &&\n          internalCountryCode &&\n          employment?.country &&\n          employment?.country.code !== internalCountryCode;\n        if (isEmploymentNotLoaded || hasChangedCountry) {\n          const payload: EmploymentCreateParams = {\n            basic_information: parsedValues,\n            type: type,\n            country_code: internalCountryCode,\n          };\n          try {\n            const response = await createEmploymentMutationAsync(payload);\n            await refetchCompany();\n            setInternalEmploymentId(\n              // @ts-expect-error the types from the response are not matching\n              response.data?.data?.employment?.id,\n            );\n            return response;\n          } catch (error) {\n            console.error('Error creating onboarding:', error);\n            throw error;\n          }\n        } else if (internalEmploymentId) {\n          return updateEmploymentMutationAsync({\n            employmentId: internalEmploymentId,\n            basic_information: parsedValues,\n            pricing_plan_details: {\n              frequency: 'monthly',\n            },\n          });\n        }\n\n        return;\n      }\n      case 'contract_details': {\n        const payload: EmploymentFullParams = {\n          contract_details: parsedValues,\n          pricing_plan_details: {\n            frequency: 'monthly',\n          },\n        };\n        return updateEmploymentMutationAsync({\n          employmentId: internalEmploymentId as string,\n          ...payload,\n        });\n      }\n\n      case 'benefits': {\n        return updateBenefitsOffersMutationAsync({\n          employmentId: internalEmploymentId as string,\n          ...values,\n        });\n      }\n    }\n    return;\n  }\n\n  function back() {\n    previousStep();\n  }\n\n  function next() {\n    nextStep();\n  }\n\n  function goTo(step: keyof typeof STEPS) {\n    goToStep(step);\n  }\n\n  return {\n    /**\n     * Employment id passed useful to be used between components\n     */\n    employmentId: internalEmploymentId,\n\n    /**\n     * Credit risk status of the company, useful to know what to to show in the review step\n     * The possible values are:\n     * - not_started\n     * - ready\n     * - in_progress\n     * - referred\n     * - fail\n     * - deposit_required\n     * - no_deposit_required\n     */\n\n    creditRiskStatus: company?.default_legal_entity_credit_risk_status,\n\n    /**\n     * Current step state containing the current step and total number of steps\n     */\n    stepState,\n    /**\n     * Array of form fields from the onboarding schema\n     */\n    fields: stepFields[stepState.currentStep.name],\n    /**\n     * Loading state indicating if the onboarding schema is being fetched\n     */\n    isLoading: isLoading,\n    /**\n     * Loading state indicating if the onboarding mutation is in progress\n     */\n    isSubmitting:\n      createEmploymentMutation.isPending ||\n      updateEmploymentMutation.isPending ||\n      updateBenefitsOffersMutation.isPending,\n    /**\n     * Initial form values\n     */\n    initialValues,\n    /**\n     * Function to validate form values against the onboarding schema\n     * @param values - Form values to validate\n     * @returns Validation result or null if no schema is available\n     */\n    handleValidation: (values: FieldValues) => {\n      if (stepState.currentStep.name === 'select_country') {\n        return selectCountryForm.handleValidation(values);\n      }\n      if (stepState.currentStep.name === 'benefits' && benefitOffersSchema) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          benefitOffersSchema?.fields,\n        );\n\n        return benefitOffersSchema?.handleValidation(parsedValues);\n      }\n      if (\n        basicInformationForm &&\n        stepState.currentStep.name === 'basic_information'\n      ) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          basicInformationForm?.fields,\n        );\n        return basicInformationForm?.handleValidation(parsedValues);\n      }\n\n      if (\n        contractDetailsForm &&\n        stepState.currentStep.name === 'contract_details'\n      ) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          contractDetailsForm?.fields,\n        );\n        return contractDetailsForm?.handleValidation(parsedValues);\n      }\n\n      return null;\n    },\n    /**\n     * Function to update the current form field values\n     * @param values - New form values to set\n     */\n    checkFieldUpdates: setFieldValues,\n\n    /**\n     * Function to parse form values before submission\n     * @param values - Form values to parse\n     * @returns Parsed form values\n     */\n    parseFormValues,\n\n    /**\n     * Function to handle form submission\n     * @param values - Form values to submit\n     * @returns Promise resolving to the mutation result\n     */\n    onSubmit,\n\n    /**\n     * Function to handle going back to the previous step\n     * @returns {void}\n     */\n    back,\n\n    /**\n     * Function to handle going to the next step\n     * @returns {void}\n     */\n    next,\n\n    /**\n     * Function to handle going to a specific step\n     * @param step The step to go to.\n     * @returns {void}\n     */\n    goTo,\n\n    /**\n     * Fields metadata for each step\n     */\n    meta: {\n      fields: fieldsMetaRef.current,\n    },\n\n    /**\n     * Function to refetch the employment data\n     * @returns {void}\n     */\n    refetchEmployment,\n    /**\n     * Employment data\n     */\n    employment,\n\n    /**\n     * let's the user know that the employment cannot be edited, happens when employment.status is invited, created_awaiting_reserve or created_reserve_paid\n     * @returns {boolean}\n     */\n    isEmploymentReadOnly,\n  };\n};\n"],"mappings":"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","names":["useEffect","useMemo","useRef","useState","mergeWith","jsx","jsonSchemaToEmployment","stepToFormSchemaMap","getLoadingStates","__name","isLoadingBasicInformationForm","isLoadingContractDetailsForm","isLoadingEmployment","isLoadingBenefitsOffersSchema","isLoadingBenefitOffers","isLoadingCompany","isLoadingCountries","employmentStatus","employmentId","currentStepName","basicInformationFields","contractDetailsFields","initialLoading","isEmploymentReadOnly","reviewStepAllowedEmploymentStatus","shouldHandleReadOnlyEmployment","isLoading","isNavigatingToReview","useOnboarding","companyId","countryCode","type","options","skipSteps","fieldsMetaRef","useRef","internalEmploymentId","setInternalEmploymentId","useState","internalCountryCode","setInternalCountryCode","employment","refetchEmployment","useEmployment","benefitOffers","useBenefitOffers","company","refetchCompany","useCompany","stepsToUse","STEPS_WITHOUT_SELECT_COUNTRY","STEPS","fieldValues","stepState","setFieldValues","previousStep","nextStep","goToStep","setStepValues","useStepState","selectCountryForm","useCountriesSchemaField","createEmploymentMutation","useCreateEmployment","updateEmploymentMutation","useUpdateEmployment","updateBenefitsOffersMutation","useUpdateBenefitsOffers","createEmploymentMutationAsync","mutationToPromise","updateEmploymentMutationAsync","updateBenefitsOffersMutationAsync","formType","employmentKey","serverEmploymentData","useJSONSchema","form","jsonSchemaOptions","useJSONSchemaForm","isBasicInformationDetailsEnabled","isContractDetailsEnabled","basicInformationForm","annualGrossSalaryField","annualSalaryFieldPresentation","customFields","useMemo","props","AnnualGrossSalary","contractDetailsForm","benefitOffersSchema","useBenefitOffersSchema","initialValuesBenefitOffers","benefitsFormValues","mergeWith","stepFields","employmentCountryCode","employmentBasicInformation","employmentContractDetails","selectCountryInitialValues","getInitialValues","basicInformationInitialValues","contractDetailsInitialValues","benefitsInitialValues","initialValues","useEffect","prettifyFormValues","parseFormValues","values","parseJSFToValidate","onSubmit","parsedValues","isEmploymentNotLoaded","hasChangedCountry","payload","response","error","back","next","goTo","step"]}
+{"version":3,"sources":["../src/flows/Onboarding/hooks.tsx"],"sourcesContent":["import {\n  Employment,\n  EmploymentCreateParams,\n  EmploymentFullParams,\n} from '@/src/client';\nimport { Fields } from '@remoteoss/json-schema-form';\n\nimport { useStepState, Step } from '@/src/flows/useStepState';\nimport {\n  prettifyFormValues,\n  reviewStepAllowedEmploymentStatus,\n  STEPS,\n  STEPS_WITHOUT_SELECT_COUNTRY,\n} from '@/src/flows/Onboarding/utils';\nimport {\n  getInitialValues,\n  parseJSFToValidate,\n} from '@/src/components/form/utils';\nimport { mutationToPromise } from '@/src/lib/mutations';\nimport { FieldValues } from 'react-hook-form';\nimport { Meta, OnboardingFlowParams } from '@/src/flows/Onboarding/types';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport mergeWith from 'lodash.mergewith';\nimport {\n  useBenefitOffers,\n  useBenefitOffersSchema,\n  useCompany,\n  useCountriesSchemaField,\n  useCreateEmployment,\n  useEmployment,\n  useJSONSchemaForm,\n  useUpdateBenefitsOffers,\n  useUpdateEmployment,\n} from '@/src/flows/Onboarding/api';\nimport { JSFModify, JSONSchemaFormType } from '@/src/flows/types';\nimport { AnnualGrossSalary } from '@/src/flows/Onboarding/AnnualGrossSalary';\nimport { JSFField } from '@/src/types/remoteFlows';\n\ntype OnboardingHookProps = OnboardingFlowParams;\n\nconst jsonSchemaToEmployment: Partial<\n  Record<JSONSchemaFormType, keyof Employment>\n> = {\n  employment_basic_information: 'basic_information',\n  contract_details: 'contract_details',\n};\n\nconst stepToFormSchemaMap: Record<\n  keyof typeof STEPS,\n  JSONSchemaFormType | null\n> = {\n  select_country: null,\n  basic_information: 'employment_basic_information',\n  contract_details: 'contract_details',\n  benefits: null,\n  review: null,\n};\n\nconst getLoadingStates = ({\n  isLoadingBasicInformationForm,\n  isLoadingContractDetailsForm,\n  isLoadingEmployment,\n  isLoadingBenefitsOffersSchema,\n  isLoadingBenefitOffers,\n  isLoadingCompany,\n  isLoadingCountries,\n  employmentStatus,\n  employmentId,\n  currentStepName,\n  basicInformationFields,\n  contractDetailsFields,\n}: {\n  isLoadingBasicInformationForm: boolean;\n  isLoadingContractDetailsForm: boolean;\n  isLoadingEmployment: boolean;\n  isLoadingBenefitsOffersSchema: boolean;\n  isLoadingBenefitOffers: boolean;\n  isLoadingCompany: boolean;\n  isLoadingCountries: boolean;\n  employmentStatus?: Employment['status'];\n  employmentId?: string;\n  currentStepName: string;\n  basicInformationFields: Fields;\n  contractDetailsFields: Fields;\n}) => {\n  const initialLoading =\n    isLoadingBasicInformationForm ||\n    isLoadingContractDetailsForm ||\n    isLoadingEmployment ||\n    isLoadingBenefitsOffersSchema ||\n    isLoadingBenefitOffers ||\n    isLoadingCompany ||\n    isLoadingCountries;\n\n  const isEmploymentReadOnly =\n    employmentStatus &&\n    reviewStepAllowedEmploymentStatus.includes(employmentStatus);\n\n  const shouldHandleReadOnlyEmployment = Boolean(\n    employmentId && isEmploymentReadOnly && currentStepName !== 'review',\n  );\n\n  const isLoading = initialLoading || shouldHandleReadOnlyEmployment;\n\n  const isNavigatingToReview = Boolean(\n    shouldHandleReadOnlyEmployment &&\n      !initialLoading &&\n      basicInformationFields.length > 0 &&\n      contractDetailsFields.length > 0,\n  );\n\n  return { isLoading, isNavigatingToReview, isEmploymentReadOnly };\n};\n\nexport const useOnboarding = ({\n  employmentId,\n  companyId,\n  countryCode,\n  type,\n  options,\n  skipSteps,\n}: OnboardingHookProps) => {\n  const fieldsMetaRef = useRef<{\n    select_country: Meta;\n    basic_information: Meta;\n    contract_details: Meta;\n    benefits: Meta;\n  }>({\n    select_country: {},\n    basic_information: {},\n    contract_details: {},\n    benefits: {},\n  });\n  const [internalEmploymentId, setInternalEmploymentId] = useState<\n    string | undefined\n  >(employmentId);\n  const [internalCountryCode, setInternalCountryCode] = useState<string | null>(\n    countryCode || null,\n  );\n  const {\n    data: employment,\n    isLoading: isLoadingEmployment,\n    refetch: refetchEmployment,\n  } = useEmployment(internalEmploymentId);\n\n  // if the employment is loaded, country code has not been set yet\n  // we set the internal country code with the employment country code\n  if (\n    employment?.country?.code &&\n    internalCountryCode !== employment.country.code\n  ) {\n    setInternalCountryCode(employment.country.code);\n  }\n\n  const { data: benefitOffers, isLoading: isLoadingBenefitOffers } =\n    useBenefitOffers(internalEmploymentId);\n  const {\n    data: company,\n    isLoading: isLoadingCompany,\n    refetch: refetchCompany,\n  } = useCompany(companyId);\n  const stepsToUse = skipSteps?.includes('select_country')\n    ? STEPS_WITHOUT_SELECT_COUNTRY\n    : STEPS;\n\n  const {\n    fieldValues,\n    stepState,\n    setFieldValues,\n    previousStep,\n    nextStep,\n    goToStep,\n    setStepValues,\n  } = useStepState(\n    stepsToUse as Record<keyof typeof STEPS, Step<keyof typeof STEPS>>,\n  );\n\n  const { selectCountryForm, isLoading: isLoadingCountries } =\n    useCountriesSchemaField({\n      jsfModify: options?.jsfModify?.select_country,\n      jsonSchemaVersion: options?.jsonSchemaVersion,\n      queryOptions: {\n        enabled: stepState.currentStep.name === 'select_country',\n      },\n    });\n\n  const createEmploymentMutation = useCreateEmployment(options);\n  const updateEmploymentMutation = useUpdateEmployment(options);\n  const updateBenefitsOffersMutation = useUpdateBenefitsOffers(options);\n  const { mutateAsync: createEmploymentMutationAsync } = mutationToPromise(\n    createEmploymentMutation,\n  );\n  const { mutateAsync: updateEmploymentMutationAsync } = mutationToPromise(\n    updateEmploymentMutation,\n  );\n  const { mutateAsync: updateBenefitsOffersMutationAsync } = mutationToPromise(\n    updateBenefitsOffersMutation,\n  );\n\n  const formType =\n    stepToFormSchemaMap[stepState.currentStep.name] ||\n    'employment_basic_information';\n  const employmentKey = jsonSchemaToEmployment[formType] as keyof Employment;\n  const serverEmploymentData = (employment?.[employmentKey] || {}) as Record<\n    string,\n    unknown\n  >;\n\n  const useJSONSchema = ({\n    form,\n    options: jsonSchemaOptions = {},\n  }: {\n    form: JSONSchemaFormType;\n    options?: {\n      jsfModify?: JSFModify;\n      queryOptions?: { enabled?: boolean };\n    };\n  }) => {\n    return useJSONSchemaForm({\n      countryCode: internalCountryCode as string,\n      form: form,\n      fieldValues:\n        Object.keys(fieldValues).length > 0\n          ? {\n              ...stepState.values?.[stepState.currentStep.name], // Restore values for the current step\n              ...fieldValues,\n            }\n          : serverEmploymentData,\n      options: {\n        ...jsonSchemaOptions,\n        queryOptions: {\n          enabled: jsonSchemaOptions.queryOptions?.enabled ?? true,\n        },\n      },\n    });\n  };\n\n  const isBasicInformationDetailsEnabled = Boolean(\n    internalCountryCode &&\n      (stepState.currentStep.name === 'basic_information' ||\n        Boolean(employmentId)),\n  );\n\n  const isContractDetailsEnabled = Boolean(\n    internalCountryCode &&\n      (stepState.currentStep.name === 'contract_details' ||\n        Boolean(employmentId)),\n  );\n\n  const {\n    data: basicInformationForm,\n    isLoading: isLoadingBasicInformationForm,\n  } = useJSONSchema({\n    form: 'employment_basic_information',\n    options: {\n      jsfModify: options?.jsfModify?.basic_information,\n      queryOptions: {\n        enabled: isBasicInformationDetailsEnabled,\n      },\n    },\n  });\n\n  const annualGrossSalaryField =\n    options?.jsfModify?.contract_details?.fields?.annual_gross_salary;\n  const annualSalaryFieldPresentation =\n    annualGrossSalaryField &&\n    typeof annualGrossSalaryField === 'object' &&\n    'presentation' in annualGrossSalaryField\n      ? (\n          annualGrossSalaryField as {\n            presentation?: {\n              annual_gross_salary_conversion_properties?: {\n                label?: string;\n                description?: string;\n              };\n            };\n          }\n        ).presentation\n      : undefined;\n\n  const customFields = useMemo(\n    () => ({\n      fields: {\n        annual_gross_salary: {\n          ...annualGrossSalaryField,\n          presentation: {\n            annual_gross_salary_conversion_properties: {\n              label:\n                annualSalaryFieldPresentation\n                  ?.annual_gross_salary_conversion_properties?.label,\n              description:\n                annualSalaryFieldPresentation\n                  ?.annual_gross_salary_conversion_properties?.description,\n            },\n            desiredCurrency: company?.desired_currency,\n            Component: (props: JSFField & { currency: string }) => (\n              <AnnualGrossSalary\n                desiredCurrency={company?.desired_currency || ''}\n                {...props}\n              />\n            ),\n          },\n        },\n      },\n    }),\n    [\n      company?.desired_currency,\n      annualSalaryFieldPresentation,\n      annualGrossSalaryField,\n    ],\n  );\n\n  const { data: contractDetailsForm, isLoading: isLoadingContractDetailsForm } =\n    useJSONSchema({\n      form: 'contract_details',\n      options: {\n        jsfModify: {\n          ...options?.jsfModify?.contract_details,\n          fields: {\n            ...options?.jsfModify?.contract_details?.fields,\n            ...customFields.fields,\n          },\n        },\n        queryOptions: {\n          enabled: isContractDetailsEnabled,\n        },\n      },\n    });\n\n  const {\n    data: benefitOffersSchema,\n    isLoading: isLoadingBenefitsOffersSchema,\n  } = useBenefitOffersSchema(\n    internalEmploymentId as string,\n    fieldValues,\n    options,\n  );\n\n  const initialValuesBenefitOffers = useMemo(() => {\n    if (stepState.currentStep.name === 'benefits') {\n      const benefitsFormValues = {\n        ...stepState.values?.[stepState.currentStep.name as keyof typeof STEPS], // Restore values for the current step\n        ...fieldValues,\n      };\n      return mergeWith({}, benefitOffers, benefitsFormValues);\n    }\n    return {};\n  }, [\n    stepState.currentStep.name,\n    benefitOffers,\n    stepState.values,\n    fieldValues,\n  ]);\n\n  const stepFields: Record<keyof typeof STEPS, Fields> = useMemo(\n    () => ({\n      select_country: selectCountryForm?.fields || [],\n      basic_information: basicInformationForm?.fields || [],\n      contract_details: contractDetailsForm?.fields || [],\n      benefits: benefitOffersSchema?.fields || [],\n      review: [],\n    }),\n    [\n      selectCountryForm?.fields,\n      basicInformationForm?.fields,\n      contractDetailsForm?.fields,\n      benefitOffersSchema?.fields,\n    ],\n  );\n\n  const {\n    country: { code: employmentCountryCode } = {},\n    basic_information: employmentBasicInformation = {},\n    contract_details: employmentContractDetails = {},\n    status: employmentStatus,\n  } = employment || {};\n  const currentStepName = stepState.currentStep.name;\n\n  const selectCountryInitialValues = useMemo(\n    () =>\n      getInitialValues(stepFields.select_country, {\n        country: internalCountryCode || employmentCountryCode || '',\n      }),\n    [stepFields.select_country, internalCountryCode, employmentCountryCode],\n  );\n\n  const basicInformationInitialValues = useMemo(\n    () =>\n      getInitialValues(\n        stepFields.basic_information,\n        employmentBasicInformation || {},\n      ),\n    [stepFields.basic_information, employmentBasicInformation],\n  );\n\n  const contractDetailsInitialValues = useMemo(\n    () =>\n      getInitialValues(\n        stepFields.contract_details,\n        employmentContractDetails || {},\n      ),\n    [stepFields.contract_details, employmentContractDetails],\n  );\n\n  const benefitsInitialValues = useMemo(\n    () => getInitialValues(stepFields.benefits, initialValuesBenefitOffers),\n    [stepFields.benefits, initialValuesBenefitOffers],\n  );\n\n  const initialValues = useMemo(\n    () => ({\n      select_country: selectCountryInitialValues,\n      basic_information: basicInformationInitialValues,\n      contract_details: contractDetailsInitialValues,\n      benefits: benefitsInitialValues,\n    }),\n    [\n      selectCountryInitialValues,\n      basicInformationInitialValues,\n      contractDetailsInitialValues,\n      benefitsInitialValues,\n    ],\n  );\n\n  const { isLoading, isNavigatingToReview, isEmploymentReadOnly } = useMemo(\n    () =>\n      getLoadingStates({\n        isLoadingBasicInformationForm,\n        isLoadingContractDetailsForm,\n        isLoadingEmployment,\n        isLoadingBenefitsOffersSchema,\n        isLoadingBenefitOffers,\n        isLoadingCompany,\n        isLoadingCountries,\n        employmentId,\n        employmentStatus: employmentStatus,\n        basicInformationFields: stepFields.basic_information,\n        contractDetailsFields: stepFields.contract_details,\n        currentStepName: currentStepName,\n      }),\n    [\n      isLoadingBasicInformationForm,\n      isLoadingContractDetailsForm,\n      isLoadingEmployment,\n      isLoadingBenefitsOffersSchema,\n      isLoadingBenefitOffers,\n      isLoadingCompany,\n      isLoadingCountries,\n      employmentId,\n      employmentStatus,\n      stepFields.basic_information,\n      stepFields.contract_details,\n      currentStepName,\n    ],\n  );\n\n  useEffect(() => {\n    if (isNavigatingToReview) {\n      fieldsMetaRef.current = {\n        select_country: prettifyFormValues(\n          selectCountryInitialValues,\n          stepFields.select_country,\n        ),\n        basic_information: prettifyFormValues(\n          basicInformationInitialValues,\n          stepFields.basic_information,\n        ),\n        contract_details: prettifyFormValues(\n          contractDetailsInitialValues,\n          stepFields.contract_details,\n        ),\n        benefits: prettifyFormValues(\n          benefitsInitialValues,\n          stepFields.benefits,\n        ),\n      };\n\n      setStepValues({\n        select_country: selectCountryInitialValues,\n        basic_information: basicInformationInitialValues,\n        contract_details: contractDetailsInitialValues,\n        benefits: benefitsInitialValues,\n        review: {},\n      });\n\n      goToStep('review');\n    }\n  }, [\n    basicInformationInitialValues,\n    benefitsInitialValues,\n    contractDetailsInitialValues,\n    goToStep,\n    isNavigatingToReview,\n    selectCountryInitialValues,\n    setStepValues,\n    stepFields.basic_information,\n    stepFields.benefits,\n    stepFields.contract_details,\n    stepFields.select_country,\n  ]);\n\n  const parseFormValues = (values: FieldValues) => {\n    if (selectCountryForm && stepState.currentStep.name === 'select_country') {\n      return values;\n    }\n    if (\n      basicInformationForm &&\n      stepState.currentStep.name === 'basic_information'\n    ) {\n      return parseJSFToValidate(values, basicInformationForm?.fields, {\n        isPartialValidation: true,\n      });\n    }\n\n    if (\n      contractDetailsForm &&\n      stepState.currentStep.name === 'contract_details'\n    ) {\n      return parseJSFToValidate(values, contractDetailsForm?.fields, {\n        isPartialValidation: true,\n      });\n    }\n\n    return {};\n  };\n\n  async function onSubmit(values: FieldValues) {\n    // Prettify values for the current step\n    const currentStepName = stepState.currentStep.name;\n    if (currentStepName in fieldsMetaRef.current) {\n      fieldsMetaRef.current[\n        currentStepName as keyof typeof fieldsMetaRef.current\n      ] = prettifyFormValues(values, stepFields[currentStepName]);\n    }\n\n    const parsedValues = parseFormValues(values);\n    refetchCompany();\n    switch (stepState.currentStep.name) {\n      case 'select_country': {\n        setInternalCountryCode(parsedValues.country);\n        return Promise.resolve({ data: { countryCode: parsedValues.country } });\n      }\n      case 'basic_information': {\n        const isEmploymentNotLoaded =\n          !internalEmploymentId && internalCountryCode;\n        const hasChangedCountry =\n          internalEmploymentId &&\n          internalCountryCode &&\n          employment?.country &&\n          employment?.country.code !== internalCountryCode;\n        if (isEmploymentNotLoaded || hasChangedCountry) {\n          const payload: EmploymentCreateParams = {\n            basic_information: parsedValues,\n            type: type,\n            country_code: internalCountryCode,\n          };\n          try {\n            const response = await createEmploymentMutationAsync(payload);\n            setInternalEmploymentId(\n              // @ts-expect-error the types from the response are not matching\n              response.data?.data?.employment?.id,\n            );\n            return response;\n          } catch (error) {\n            console.error('Error creating onboarding:', error);\n            throw error;\n          }\n        } else if (internalEmploymentId) {\n          return updateEmploymentMutationAsync({\n            employmentId: internalEmploymentId,\n            basic_information: parsedValues,\n            pricing_plan_details: {\n              frequency: 'monthly',\n            },\n          });\n        }\n\n        return;\n      }\n      case 'contract_details': {\n        const payload: EmploymentFullParams = {\n          contract_details: parsedValues,\n          pricing_plan_details: {\n            frequency: 'monthly',\n          },\n        };\n        return updateEmploymentMutationAsync({\n          employmentId: internalEmploymentId as string,\n          ...payload,\n        });\n      }\n\n      case 'benefits': {\n        return updateBenefitsOffersMutationAsync({\n          employmentId: internalEmploymentId as string,\n          ...values,\n        });\n      }\n    }\n    return;\n  }\n\n  function back() {\n    previousStep();\n  }\n\n  function next() {\n    nextStep();\n  }\n\n  function goTo(step: keyof typeof STEPS) {\n    goToStep(step);\n  }\n\n  return {\n    /**\n     * Employment id passed useful to be used between components\n     */\n    employmentId: internalEmploymentId,\n\n    /**\n     * Credit risk status of the company, useful to know what to to show in the review step\n     * The possible values are:\n     * - not_started\n     * - ready\n     * - in_progress\n     * - referred\n     * - fail\n     * - deposit_required\n     * - no_deposit_required\n     */\n\n    creditRiskStatus: company?.default_legal_entity_credit_risk_status,\n    /**\n     * Current state of the form fields for the current step.\n     */\n    fieldValues,\n    /**\n     * Current step state containing the current step and total number of steps\n     */\n    stepState,\n    /**\n     * Array of form fields from the onboarding schema\n     */\n    fields: stepFields[stepState.currentStep.name],\n    /**\n     * Loading state indicating if the onboarding schema is being fetched\n     */\n    isLoading: isLoading,\n    /**\n     * Loading state indicating if the onboarding mutation is in progress\n     */\n    isSubmitting:\n      createEmploymentMutation.isPending ||\n      updateEmploymentMutation.isPending ||\n      updateBenefitsOffersMutation.isPending,\n    /**\n     * Initial form values\n     */\n    initialValues,\n    /**\n     * Function to validate form values against the onboarding schema\n     * @param values - Form values to validate\n     * @returns Validation result or null if no schema is available\n     */\n    handleValidation: (values: FieldValues) => {\n      if (stepState.currentStep.name === 'select_country') {\n        return selectCountryForm.handleValidation(values);\n      }\n      if (stepState.currentStep.name === 'benefits' && benefitOffersSchema) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          benefitOffersSchema?.fields,\n        );\n\n        return benefitOffersSchema?.handleValidation(parsedValues);\n      }\n      if (\n        basicInformationForm &&\n        stepState.currentStep.name === 'basic_information'\n      ) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          basicInformationForm?.fields,\n        );\n        return basicInformationForm?.handleValidation(parsedValues);\n      }\n\n      if (\n        contractDetailsForm &&\n        stepState.currentStep.name === 'contract_details'\n      ) {\n        const parsedValues = parseJSFToValidate(\n          values,\n          contractDetailsForm?.fields,\n        );\n        return contractDetailsForm?.handleValidation(parsedValues);\n      }\n\n      return null;\n    },\n    /**\n     * Function to update the current form field values\n     * @param values - New form values to set\n     */\n    checkFieldUpdates: setFieldValues,\n\n    /**\n     * Function to parse form values before submission\n     * @param values - Form values to parse\n     * @returns Parsed form values\n     */\n    parseFormValues,\n\n    /**\n     * Function to handle form submission\n     * @param values - Form values to submit\n     * @returns Promise resolving to the mutation result\n     */\n    onSubmit,\n\n    /**\n     * Function to handle going back to the previous step\n     * @returns {void}\n     */\n    back,\n\n    /**\n     * Function to handle going to the next step\n     * @returns {void}\n     */\n    next,\n\n    /**\n     * Function to handle going to a specific step\n     * @param step The step to go to.\n     * @returns {void}\n     */\n    goTo,\n\n    /**\n     * Fields metadata for each step\n     */\n    meta: {\n      fields: fieldsMetaRef.current,\n    },\n\n    /**\n     * Function to refetch the employment data\n     * @returns {void}\n     */\n    refetchEmployment,\n    /**\n     * Employment data\n     */\n    employment,\n\n    /**\n     * let's the user know that the employment cannot be edited, happens when employment.status is invited, created_awaiting_reserve or created_reserve_paid\n     * @returns {boolean}\n     */\n    isEmploymentReadOnly,\n  };\n};\n"],"mappings":"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","names":["useEffect","useMemo","useRef","useState","mergeWith","jsx","jsonSchemaToEmployment","stepToFormSchemaMap","getLoadingStates","__name","isLoadingBasicInformationForm","isLoadingContractDetailsForm","isLoadingEmployment","isLoadingBenefitsOffersSchema","isLoadingBenefitOffers","isLoadingCompany","isLoadingCountries","employmentStatus","employmentId","currentStepName","basicInformationFields","contractDetailsFields","initialLoading","isEmploymentReadOnly","reviewStepAllowedEmploymentStatus","shouldHandleReadOnlyEmployment","isLoading","isNavigatingToReview","useOnboarding","companyId","countryCode","type","options","skipSteps","fieldsMetaRef","useRef","internalEmploymentId","setInternalEmploymentId","useState","internalCountryCode","setInternalCountryCode","employment","refetchEmployment","useEmployment","benefitOffers","useBenefitOffers","company","refetchCompany","useCompany","stepsToUse","STEPS_WITHOUT_SELECT_COUNTRY","STEPS","fieldValues","stepState","setFieldValues","previousStep","nextStep","goToStep","setStepValues","useStepState","selectCountryForm","useCountriesSchemaField","createEmploymentMutation","useCreateEmployment","updateEmploymentMutation","useUpdateEmployment","updateBenefitsOffersMutation","useUpdateBenefitsOffers","createEmploymentMutationAsync","mutationToPromise","updateEmploymentMutationAsync","updateBenefitsOffersMutationAsync","formType","employmentKey","serverEmploymentData","useJSONSchema","form","jsonSchemaOptions","useJSONSchemaForm","isBasicInformationDetailsEnabled","isContractDetailsEnabled","basicInformationForm","annualGrossSalaryField","annualSalaryFieldPresentation","customFields","useMemo","props","AnnualGrossSalary","contractDetailsForm","benefitOffersSchema","useBenefitOffersSchema","initialValuesBenefitOffers","benefitsFormValues","mergeWith","stepFields","employmentCountryCode","employmentBasicInformation","employmentContractDetails","selectCountryInitialValues","getInitialValues","basicInformationInitialValues","contractDetailsInitialValues","benefitsInitialValues","initialValues","useEffect","prettifyFormValues","parseFormValues","values","parseJSFToValidate","onSubmit","parsedValues","isEmploymentNotLoaded","hasChangedCountry","payload","response","error","back","next","goTo","step"]}

package/dist/{chunk-4UBZTJMC.js → chunk-XIPPSRO6.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk-P37U34EQ.js";var p={select_country:{index:0,name:"select_country"},basic_information:{index:1,name:"basic_information"},contract_details:{index:2,name:"contract_details"},benefits:{index:3,name:"benefits"},review:{index:4,name:"review"}},c={basic_information:{index:0,name:"basic_information"},contract_details:{index:1,name:"contract_details"},benefits:{index:2,name:"benefits"},review:{index:3,name:"review"}};function l(o,a){return a?Object.fromEntries(Object.entries(o).map(([t,r])=>{if(r===void 0)return[t,void 0];let e=a.find(n=>n.name===t);if(e?.isVisible===!1||e?.deprecated)return[t,void 0];if(e?.type==="radio"||e?.type==="select"){let n=e.options.find(i=>i.value===r);return n?[t,{prettyValue:n?.label,label:e?.label,inputType:e?.type}]:void 0}if(e?.type==="checkbox"&&e?.const)return[t,{prettyValue:!0,label:e.label,inputType:e?.type}];if(e?.type==="countries"&&Array.isArray(r))return[t,{prettyValue:r.join(),label:e.label,inputType:e?.type}];if(e?.type==="fieldset"){let n=l(r,e.fields);if(!n.label&&n.value){let i={...n.value,label:e.label,inputType:e?.type};return[t,i]}return[t,n]}if(e?.type==="money")return[t,{prettyValue:r,label:e.label,inputType:e?.type,desiredCurrency:e?.desiredCurrency}];if(e)return[t,{prettyValue:r,label:e.label,inputType:e?.type}]}).filter(Boolean)):{}}s(l,"prettifyFormValues");var d=["invited","created_awaiting_reserve","created_reserve_paid"];export{p as a,c as b,l as c,d};
-//# sourceMappingURL=chunk-4UBZTJMC.js.map
+import{a as o}from"./chunk-P37U34EQ.js";var p={select_country:{index:0,name:"select_country"},basic_information:{index:1,name:"basic_information"},contract_details:{index:2,name:"contract_details"},benefits:{index:3,name:"benefits"},review:{index:4,name:"review"}},c={basic_information:{index:0,name:"basic_information"},contract_details:{index:1,name:"contract_details"},benefits:{index:2,name:"benefits"},review:{index:3,name:"review"}};function l(s,a){return a?Object.fromEntries(Object.entries(s).map(([t,r])=>{if(r===void 0)return[t,void 0];let e=a.find(n=>n.name===t);if(e?.isVisible===!1||e?.deprecated)return[t,void 0];if(e?.type==="radio"||e?.type==="select"){let n=e.options.find(i=>i.value===r);return n?[t,{prettyValue:n?.label,label:e?.label,inputType:e?.type}]:void 0}if(e?.type==="checkbox"&&e?.const)return[t,{prettyValue:!0,label:e.label,inputType:e?.type}];if(e?.type==="countries"&&Array.isArray(r))return[t,{prettyValue:r.join(),label:e.label,inputType:e?.type}];if(e?.type==="fieldset"){let n=l(r,e.fields);if(!n.label&&n.value){let i={...n.value,label:e.label,inputType:e?.type};return[t,i]}return[t,n]}if(e?.type==="money")return[t,{prettyValue:r,label:e.label,inputType:e?.type,currency:e?.currency}];if(e)return[t,{prettyValue:r,label:e.label,inputType:e?.type}]}).filter(Boolean)):{}}o(l,"prettifyFormValues");var d=["invited","created_awaiting_reserve","created_reserve_paid"];export{p as a,c as b,l as c,d};
+//# sourceMappingURL=chunk-XIPPSRO6.js.map

package/dist/{chunk-4UBZTJMC.js.map → chunk-XIPPSRO6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/flows/Onboarding/utils.ts"],"sourcesContent":["import { Employment } from '@/src/flows/Onboarding/types';\nimport { Step } from '@/src/flows/useStepState';\nimport { Fields } from '@remoteoss/json-schema-form';\n\ntype StepKeys =\n  | 'select_country'\n  | 'basic_information'\n  | 'contract_details'\n  | 'benefits'\n  | 'review';\n\nexport const STEPS: Record<StepKeys, Step<StepKeys>> = {\n  select_country: {\n    index: 0,\n    name: 'select_country',\n  },\n  basic_information: { index: 1, name: 'basic_information' },\n  contract_details: { index: 2, name: 'contract_details' },\n  benefits: { index: 3, name: 'benefits' },\n  review: { index: 4, name: 'review' },\n} as const;\n\nexport const STEPS_WITHOUT_SELECT_COUNTRY: Record<\n  Exclude<StepKeys, 'select_country'>,\n  Step<Exclude<StepKeys, 'select_country'>>\n> = {\n  basic_information: { index: 0, name: 'basic_information' },\n  contract_details: { index: 1, name: 'contract_details' },\n  benefits: { index: 2, name: 'benefits' },\n  review: { index: 3, name: 'review' },\n} as const;\n\n/**\n * Function to prettify form values. Returns a pretty value and label for each field.\n * @param values - Form values to prettify\n * @param fields - Form fields\n * @returns Prettified form values\n */\n// @ts-expect-error need to check function return type\nexport function prettifyFormValues(\n  values: Record<string, unknown>,\n  fields: Fields | undefined,\n) {\n  if (!fields) {\n    return {};\n  }\n  return Object.fromEntries(\n    Object.entries(values)\n      // @ts-expect-error need to check function return type\n      .map(([key, value]) => {\n        if (value === undefined) {\n          return [key, undefined];\n        }\n\n        const field = fields.find((field) => field.name === key);\n\n        if (field?.isVisible === false || field?.deprecated) {\n          return [key, undefined];\n        }\n\n        if (field?.type === 'radio' || field?.type === 'select') {\n          const option = (\n            field.options as Array<{ value: string; label: string }>\n          ).find((option) => option.value === value);\n\n          if (option) {\n            return [\n              key,\n              {\n                prettyValue: option?.label,\n                label: field?.label,\n                inputType: field?.type,\n              },\n            ];\n          }\n          return;\n        }\n\n        if (field?.type === 'checkbox' && field?.const) {\n          return [\n            key,\n            { prettyValue: true, label: field.label, inputType: field?.type },\n          ];\n        }\n\n        if (field?.type === 'countries' && Array.isArray(value)) {\n          return [\n            key,\n            {\n              prettyValue: value.join(),\n              label: field.label,\n              inputType: field?.type,\n            },\n          ];\n        }\n\n        if (field?.type === 'fieldset') {\n          // @ts-expect-error need to check function return type\n          const prettiedFieldset = prettifyFormValues(\n            value as Record<string, unknown>,\n            field.fields as Fields,\n          );\n\n          // Handles benefits fieldset in specific\n          if (!prettiedFieldset.label && prettiedFieldset.value) {\n            const prettyValue: Record<string, unknown> = {\n              ...prettiedFieldset.value,\n              label: field.label,\n              inputType: field?.type,\n            };\n            return [key, prettyValue];\n          }\n\n          return [key, prettiedFieldset];\n        }\n\n        if (field?.type === 'money') {\n          return [\n            key,\n            {\n              prettyValue: value,\n              label: field.label,\n              inputType: field?.type,\n              desiredCurrency: field?.desiredCurrency,\n            },\n          ];\n        }\n\n        if (field) {\n          return [\n            key,\n            { prettyValue: value, label: field.label, inputType: field?.type },\n          ];\n        }\n      })\n      .filter(Boolean),\n  );\n}\n\n/**\n * Array of employment statuses that are allowed to proceed to the review step.\n * These statuses indicate that the employment is in a final state and the employment cannot be modified further.\n * @type {Employment['status'][]}\n * @constant\n */\nexport const reviewStepAllowedEmploymentStatus: Employment['status'][] = [\n  'invited',\n  'created_awaiting_reserve',\n  'created_reserve_paid',\n];\n"],"mappings":"wCAWO,IAAMA,EAA0C,CACrD,eAAgB,CACd,MAAO,EACP,KAAM,gBACR,EACA,kBAAmB,CAAE,MAAO,EAAG,KAAM,mBAAoB,EACzD,iBAAkB,CAAE,MAAO,EAAG,KAAM,kBAAmB,EACvD,SAAU,CAAE,MAAO,EAAG,KAAM,UAAW,EACvC,OAAQ,CAAE,MAAO,EAAG,KAAM,QAAS,CACrC,EAEaC,EAGT,CACF,kBAAmB,CAAE,MAAO,EAAG,KAAM,mBAAoB,EACzD,iBAAkB,CAAE,MAAO,EAAG,KAAM,kBAAmB,EACvD,SAAU,CAAE,MAAO,EAAG,KAAM,UAAW,EACvC,OAAQ,CAAE,MAAO,EAAG,KAAM,QAAS,CACrC,EASO,SAASC,EACdC,EACAC,EACA,CACA,OAAKA,EAGE,OAAO,YACZ,OAAO,QAAQD,CAAM,EAElB,IAAI,CAAC,CAACE,EAAKC,CAAK,IAAM,CACrB,GAAIA,IAAU,OACZ,MAAO,CAACD,EAAK,MAAS,EAGxB,IAAME,EAAQH,EAAO,KAAMG,GAAUA,EAAM,OAASF,CAAG,EAEvD,GAAIE,GAAO,YAAc,IAASA,GAAO,WACvC,MAAO,CAACF,EAAK,MAAS,EAGxB,GAAIE,GAAO,OAAS,SAAWA,GAAO,OAAS,SAAU,CACvD,IAAMC,EACJD,EAAM,QACN,KAAMC,GAAWA,EAAO,QAAUF,CAAK,EAEzC,OAAIE,EACK,CACLH,EACA,CACE,YAAaG,GAAQ,MACrB,MAAOD,GAAO,MACd,UAAWA,GAAO,IACpB,CACF,EAEF,MACF,CAEA,GAAIA,GAAO,OAAS,YAAcA,GAAO,MACvC,MAAO,CACLF,EACA,CAAE,YAAa,GAAM,MAAOE,EAAM,MAAO,UAAWA,GAAO,IAAK,CAClE,EAGF,GAAIA,GAAO,OAAS,aAAe,MAAM,QAAQD,CAAK,EACpD,MAAO,CACLD,EACA,CACE,YAAaC,EAAM,KAAK,EACxB,MAAOC,EAAM,MACb,UAAWA,GAAO,IACpB,CACF,EAGF,GAAIA,GAAO,OAAS,WAAY,CAE9B,IAAME,EAAmBP,EACvBI,EACAC,EAAM,MACR,EAGA,GAAI,CAACE,EAAiB,OAASA,EAAiB,MAAO,CACrD,IAAMC,EAAuC,CAC3C,GAAGD,EAAiB,MACpB,MAAOF,EAAM,MACb,UAAWA,GAAO,IACpB,EACA,MAAO,CAACF,EAAKK,CAAW,CAC1B,CAEA,MAAO,CAACL,EAAKI,CAAgB,CAC/B,CAEA,GAAIF,GAAO,OAAS,QAClB,MAAO,CACLF,EACA,CACE,YAAaC,EACb,MAAOC,EAAM,MACb,UAAWA,GAAO,KAClB,gBAAiBA,GAAO,eAC1B,CACF,EAGF,GAAIA,EACF,MAAO,CACLF,EACA,CAAE,YAAaC,EAAO,MAAOC,EAAM,MAAO,UAAWA,GAAO,IAAK,CACnE,CAEJ,CAAC,EACA,OAAO,OAAO,CACnB,EA5FS,CAAC,CA6FZ,CAlGgBI,EAAAT,EAAA,sBA0GT,IAAMU,EAA4D,CACvE,UACA,2BACA,sBACF","names":["STEPS","STEPS_WITHOUT_SELECT_COUNTRY","prettifyFormValues","values","fields","key","value","field","option","prettiedFieldset","prettyValue","__name","reviewStepAllowedEmploymentStatus"]}
+{"version":3,"sources":["../src/flows/Onboarding/utils.ts"],"sourcesContent":["import { Employment } from '@/src/flows/Onboarding/types';\nimport { Step } from '@/src/flows/useStepState';\nimport { Fields } from '@remoteoss/json-schema-form';\n\ntype StepKeys =\n  | 'select_country'\n  | 'basic_information'\n  | 'contract_details'\n  | 'benefits'\n  | 'review';\n\nexport const STEPS: Record<StepKeys, Step<StepKeys>> = {\n  select_country: {\n    index: 0,\n    name: 'select_country',\n  },\n  basic_information: { index: 1, name: 'basic_information' },\n  contract_details: { index: 2, name: 'contract_details' },\n  benefits: { index: 3, name: 'benefits' },\n  review: { index: 4, name: 'review' },\n} as const;\n\nexport const STEPS_WITHOUT_SELECT_COUNTRY: Record<\n  Exclude<StepKeys, 'select_country'>,\n  Step<Exclude<StepKeys, 'select_country'>>\n> = {\n  basic_information: { index: 0, name: 'basic_information' },\n  contract_details: { index: 1, name: 'contract_details' },\n  benefits: { index: 2, name: 'benefits' },\n  review: { index: 3, name: 'review' },\n} as const;\n\n/**\n * Function to prettify form values. Returns a pretty value and label for each field.\n * @param values - Form values to prettify\n * @param fields - Form fields\n * @returns Prettified form values\n */\n// @ts-expect-error need to check function return type\nexport function prettifyFormValues(\n  values: Record<string, unknown>,\n  fields: Fields | undefined,\n) {\n  if (!fields) {\n    return {};\n  }\n  return Object.fromEntries(\n    Object.entries(values)\n      // @ts-expect-error need to check function return type\n      .map(([key, value]) => {\n        if (value === undefined) {\n          return [key, undefined];\n        }\n\n        const field = fields.find((field) => field.name === key);\n\n        if (field?.isVisible === false || field?.deprecated) {\n          return [key, undefined];\n        }\n\n        if (field?.type === 'radio' || field?.type === 'select') {\n          const option = (\n            field.options as Array<{ value: string; label: string }>\n          ).find((option) => option.value === value);\n\n          if (option) {\n            return [\n              key,\n              {\n                prettyValue: option?.label,\n                label: field?.label,\n                inputType: field?.type,\n              },\n            ];\n          }\n          return;\n        }\n\n        if (field?.type === 'checkbox' && field?.const) {\n          return [\n            key,\n            { prettyValue: true, label: field.label, inputType: field?.type },\n          ];\n        }\n\n        if (field?.type === 'countries' && Array.isArray(value)) {\n          return [\n            key,\n            {\n              prettyValue: value.join(),\n              label: field.label,\n              inputType: field?.type,\n            },\n          ];\n        }\n\n        if (field?.type === 'fieldset') {\n          // @ts-expect-error need to check function return type\n          const prettiedFieldset = prettifyFormValues(\n            value as Record<string, unknown>,\n            field.fields as Fields,\n          );\n\n          // Handles benefits fieldset in specific\n          if (!prettiedFieldset.label && prettiedFieldset.value) {\n            const prettyValue: Record<string, unknown> = {\n              ...prettiedFieldset.value,\n              label: field.label,\n              inputType: field?.type,\n            };\n            return [key, prettyValue];\n          }\n\n          return [key, prettiedFieldset];\n        }\n\n        if (field?.type === 'money') {\n          return [\n            key,\n            {\n              prettyValue: value,\n              label: field.label,\n              inputType: field?.type,\n              currency: field?.currency,\n            },\n          ];\n        }\n\n        if (field) {\n          return [\n            key,\n            { prettyValue: value, label: field.label, inputType: field?.type },\n          ];\n        }\n      })\n      .filter(Boolean),\n  );\n}\n\n/**\n * Array of employment statuses that are allowed to proceed to the review step.\n * These statuses indicate that the employment is in a final state and the employment cannot be modified further.\n * @type {Employment['status'][]}\n * @constant\n */\nexport const reviewStepAllowedEmploymentStatus: Employment['status'][] = [\n  'invited',\n  'created_awaiting_reserve',\n  'created_reserve_paid',\n];\n"],"mappings":"wCAWO,IAAMA,EAA0C,CACrD,eAAgB,CACd,MAAO,EACP,KAAM,gBACR,EACA,kBAAmB,CAAE,MAAO,EAAG,KAAM,mBAAoB,EACzD,iBAAkB,CAAE,MAAO,EAAG,KAAM,kBAAmB,EACvD,SAAU,CAAE,MAAO,EAAG,KAAM,UAAW,EACvC,OAAQ,CAAE,MAAO,EAAG,KAAM,QAAS,CACrC,EAEaC,EAGT,CACF,kBAAmB,CAAE,MAAO,EAAG,KAAM,mBAAoB,EACzD,iBAAkB,CAAE,MAAO,EAAG,KAAM,kBAAmB,EACvD,SAAU,CAAE,MAAO,EAAG,KAAM,UAAW,EACvC,OAAQ,CAAE,MAAO,EAAG,KAAM,QAAS,CACrC,EASO,SAASC,EACdC,EACAC,EACA,CACA,OAAKA,EAGE,OAAO,YACZ,OAAO,QAAQD,CAAM,EAElB,IAAI,CAAC,CAACE,EAAKC,CAAK,IAAM,CACrB,GAAIA,IAAU,OACZ,MAAO,CAACD,EAAK,MAAS,EAGxB,IAAME,EAAQH,EAAO,KAAMG,GAAUA,EAAM,OAASF,CAAG,EAEvD,GAAIE,GAAO,YAAc,IAASA,GAAO,WACvC,MAAO,CAACF,EAAK,MAAS,EAGxB,GAAIE,GAAO,OAAS,SAAWA,GAAO,OAAS,SAAU,CACvD,IAAMC,EACJD,EAAM,QACN,KAAMC,GAAWA,EAAO,QAAUF,CAAK,EAEzC,OAAIE,EACK,CACLH,EACA,CACE,YAAaG,GAAQ,MACrB,MAAOD,GAAO,MACd,UAAWA,GAAO,IACpB,CACF,EAEF,MACF,CAEA,GAAIA,GAAO,OAAS,YAAcA,GAAO,MACvC,MAAO,CACLF,EACA,CAAE,YAAa,GAAM,MAAOE,EAAM,MAAO,UAAWA,GAAO,IAAK,CAClE,EAGF,GAAIA,GAAO,OAAS,aAAe,MAAM,QAAQD,CAAK,EACpD,MAAO,CACLD,EACA,CACE,YAAaC,EAAM,KAAK,EACxB,MAAOC,EAAM,MACb,UAAWA,GAAO,IACpB,CACF,EAGF,GAAIA,GAAO,OAAS,WAAY,CAE9B,IAAME,EAAmBP,EACvBI,EACAC,EAAM,MACR,EAGA,GAAI,CAACE,EAAiB,OAASA,EAAiB,MAAO,CACrD,IAAMC,EAAuC,CAC3C,GAAGD,EAAiB,MACpB,MAAOF,EAAM,MACb,UAAWA,GAAO,IACpB,EACA,MAAO,CAACF,EAAKK,CAAW,CAC1B,CAEA,MAAO,CAACL,EAAKI,CAAgB,CAC/B,CAEA,GAAIF,GAAO,OAAS,QAClB,MAAO,CACLF,EACA,CACE,YAAaC,EACb,MAAOC,EAAM,MACb,UAAWA,GAAO,KAClB,SAAUA,GAAO,QACnB,CACF,EAGF,GAAIA,EACF,MAAO,CACLF,EACA,CAAE,YAAaC,EAAO,MAAOC,EAAM,MAAO,UAAWA,GAAO,IAAK,CACnE,CAEJ,CAAC,EACA,OAAO,OAAO,CACnB,EA5FS,CAAC,CA6FZ,CAlGgBI,EAAAT,EAAA,sBA0GT,IAAMU,EAA4D,CACvE,UACA,2BACA,sBACF","names":["STEPS","STEPS_WITHOUT_SELECT_COUNTRY","prettifyFormValues","values","fields","key","value","field","option","prettiedFieldset","prettyValue","__name","reviewStepAllowedEmploymentStatus"]}

package/dist/{chunk-HXZSZEOG.js → chunk-Y766WEDN.js}

@@ -1,2 +1,2 @@
-import{a as m}from"./chunk-LLIGZSYY.js";import{a as n}from"./chunk-JXCJLQRA.js";import{a as e}from"./chunk-AI2TYE56.js";import{a as T}from"./chunk-26PHG6H2.js";import{a}from"./chunk-X3YONWNH.js";import{a as f}from"./chunk-RDLTU3FE.js";import{a as r}from"./chunk-BF7QENCN.js";import{a as p}from"./chunk-ZUNKCQBT.js";import{a as t}from"./chunk-MRYRNB7Y.js";import{a as i}from"./chunk-P37U34EQ.js";import{useId as c}from"react";import{jsx as u}from"react/jsx-runtime";var A=i(({employmentId:d,render:s,options:l})=>{let y=c(),o=e({employmentId:d,options:l});return u(t.Provider,{value:{formId:y,terminationBag:o},children:s({terminationBag:o,components:{SubmitButton:m,TimeOff:n,Back:r,EmployeeComunicationStep:a,TerminationDetailsStep:p,PaidTimeOffStep:f,AdditionalDetailsStep:T}})})},"TerminationFlow");export{A as a};
-//# sourceMappingURL=chunk-HXZSZEOG.js.map
+import{a as p}from"./chunk-ZUNKCQBT.js";import{a as m}from"./chunk-LLIGZSYY.js";import{a as n}from"./chunk-JXCJLQRA.js";import{a as e}from"./chunk-AI2TYE56.js";import{a as T}from"./chunk-26PHG6H2.js";import{a}from"./chunk-X3YONWNH.js";import{a as f}from"./chunk-RDLTU3FE.js";import{a as r}from"./chunk-BF7QENCN.js";import{a as t}from"./chunk-MRYRNB7Y.js";import{a as i}from"./chunk-P37U34EQ.js";import{useId as c}from"react";import{jsx as u}from"react/jsx-runtime";var A=i(({employmentId:d,render:s,options:l})=>{let y=c(),o=e({employmentId:d,options:l});return u(t.Provider,{value:{formId:y,terminationBag:o},children:s({terminationBag:o,components:{SubmitButton:m,TimeOff:n,Back:r,EmployeeComunicationStep:a,TerminationDetailsStep:p,PaidTimeOffStep:f,AdditionalDetailsStep:T}})})},"TerminationFlow");export{A as a};
+//# sourceMappingURL=chunk-Y766WEDN.js.map

package/dist/{chunk-4J55VB37.js → chunk-Z5OWW63F.js}

@@ -1,2 +1,2 @@
-import{a as m}from"./chunk-BYKZON2I.js";import{b as a}from"./chunk-PGWKJ6FK.js";import{b as t}from"./chunk-QW4JPW6J.js";import{d as s}from"./chunk-MH6KKP6K.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as E}from"react/jsx-runtime";function P({components:d,onSubmit:l,onError:i,onSuccess:f}){let{onboardingBag:o}=a(),p=o.fields??[],c=s(p,o.initialValues.benefits);return E(m,{defaultValues:c,components:d,onSubmit:e(async n=>{try{await l?.(n);let r=await o.onSubmit(n);if(r?.data){await f?.(r.data),o?.next();return}if(r?.error){let u=t(r?.fieldErrors||[],o.meta?.fields?.benefits);i?.({error:r.error,rawError:r.rawError,fieldErrors:u})}}catch(r){i?.({error:r,rawError:r,fieldErrors:[]})}},"handleSubmit")})}e(P,"BenefitsStep");export{P as a};
-//# sourceMappingURL=chunk-4J55VB37.js.map
+import{a as m}from"./chunk-4FUC6ZJG.js";import{b as a}from"./chunk-PGWKJ6FK.js";import{b as t}from"./chunk-QW4JPW6J.js";import{d as s}from"./chunk-MH6KKP6K.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as E}from"react/jsx-runtime";function P({components:d,onSubmit:l,onError:i,onSuccess:f}){let{onboardingBag:o}=a(),p=o.fields??[],c=s(p,o.initialValues.benefits);return E(m,{defaultValues:c,components:d,onSubmit:e(async n=>{try{await l?.(n);let r=await o.onSubmit(n);if(r?.data){await f?.(r.data),o?.next();return}if(r?.error){let u=t(r?.fieldErrors||[],o.meta?.fields?.benefits);i?.({error:r.error,rawError:r.rawError,fieldErrors:u})}}catch(r){i?.({error:r,rawError:r,fieldErrors:[]})}},"handleSubmit")})}e(P,"BenefitsStep");export{P as a};
+//# sourceMappingURL=chunk-Z5OWW63F.js.map

package/dist/flows/Onboarding/BasicInformationStep.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-6ACAZ6EG.js";import"../../chunk-BYKZON2I.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as BasicInformationStep};
+import{a}from"../../chunk-7H3BRJKA.js";import"../../chunk-4FUC6ZJG.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as BasicInformationStep};
 //# sourceMappingURL=BasicInformationStep.js.map

package/dist/flows/Onboarding/BenefitsStep.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-4J55VB37.js";import"../../chunk-BYKZON2I.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-MH6KKP6K.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as BenefitsStep};
+import{a}from"../../chunk-Z5OWW63F.js";import"../../chunk-4FUC6ZJG.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-MH6KKP6K.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as BenefitsStep};
 //# sourceMappingURL=BenefitsStep.js.map

package/dist/flows/Onboarding/ContractDetailsStep.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-BMEK4OFQ.js";import"../../chunk-BYKZON2I.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as ContractDetailsStep};
+import{a}from"../../chunk-OJYT4TBR.js";import"../../chunk-4FUC6ZJG.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as ContractDetailsStep};
 //# sourceMappingURL=ContractDetailsStep.js.map

package/dist/flows/Onboarding/OnboardingFlow.d.ts

@@ -10,6 +10,7 @@ import { ContractDetailsStep } from './ContractDetailsStep.js';
 import { BenefitsStep } from './BenefitsStep.js';
 import { SelectCountryStep } from './SelectCountryStep.js';
 import { ReviewStep } from './ReviewStep.js';
+import { SaveDraftButton } from './SaveDraftButton.js';
 import '@tanstack/query-core';
 import '../../types.gen-D_v539E_.js';
 import '../../mutations-B6HWH-rZ.js';
@@ -42,6 +43,7 @@ type OnboardingRenderProps = {
      * @see {@link InvitationSection}
      * @see {@link SelectCountryStep}
      * @see {@link ReviewStep}
+     * @see {@link SaveDraftButton}
      */
     components: {
         SubmitButton: typeof OnboardingSubmit;
@@ -52,6 +54,7 @@ type OnboardingRenderProps = {
         BenefitsStep: typeof BenefitsStep;
         SelectCountryStep: typeof SelectCountryStep;
         ReviewStep: typeof ReviewStep;
+        SaveDraftButton: typeof SaveDraftButton;
     };
 };
 type OnboardingFlowProps = OnboardingFlowParams & {

package/dist/flows/Onboarding/OnboardingFlow.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-NBGOLNUH.js";import"../../chunk-G7P5P2TG.js";import"../../chunk-C3HJSV4T.js";import"../../chunk-GPAE53HO.js";import"../../chunk-Q4KOH5ZH.js";import"../../chunk-EIWJKCKN.js";import"../../chunk-4UBZTJMC.js";import"../../chunk-CVTAWW6F.js";import"../../chunk-AN7L3GVL.js";import"../../chunk-WVJDCDGZ.js";import"../../chunk-6ACAZ6EG.js";import"../../chunk-4J55VB37.js";import"../../chunk-BMEK4OFQ.js";import"../../chunk-BYKZON2I.js";import"../../chunk-VN4HDCRB.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-PWUYHFON.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-WKK63LAY.js";import"../../chunk-PJBAQZ6G.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-MH6KKP6K.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as OnboardingFlow};
+import{a}from"../../chunk-OSPCGWOC.js";import"../../chunk-SGW2UR4M.js";import"../../chunk-XIPPSRO6.js";import"../../chunk-G7P5P2TG.js";import"../../chunk-C3HJSV4T.js";import"../../chunk-GPAE53HO.js";import"../../chunk-RYEMAPG4.js";import"../../chunk-AJXPL6EK.js";import"../../chunk-CVTAWW6F.js";import"../../chunk-AN7L3GVL.js";import"../../chunk-WVJDCDGZ.js";import"../../chunk-7H3BRJKA.js";import"../../chunk-Z5OWW63F.js";import"../../chunk-OJYT4TBR.js";import"../../chunk-4FUC6ZJG.js";import"../../chunk-VN4HDCRB.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-PWUYHFON.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-WKK63LAY.js";import"../../chunk-PJBAQZ6G.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-MH6KKP6K.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as OnboardingFlow};
 //# sourceMappingURL=OnboardingFlow.js.map

package/dist/flows/Onboarding/OnboardingForm.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-BYKZON2I.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as OnboardingForm};
+import{a}from"../../chunk-4FUC6ZJG.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as OnboardingForm};
 //# sourceMappingURL=OnboardingForm.js.map

package/dist/flows/Onboarding/SaveDraftButton.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonHTMLAttributes } from 'react';
+import { N as NormalizedFieldError } from '../../mutations-B6HWH-rZ.js';
+
+type SaveDraftButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onError'> & {
+    onSuccess?: () => void | Promise<void>;
+    onError?: ({ error, rawError, fieldErrors, }: {
+        error: Error;
+        rawError: Record<string, unknown>;
+        fieldErrors: NormalizedFieldError[];
+    }) => void;
+};
+declare const SaveDraftButton: ({ onSuccess, onError, className, children, disabled, ...props }: SaveDraftButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { SaveDraftButton };

package/dist/flows/Onboarding/SaveDraftButton.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-RYEMAPG4.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-P37U34EQ.js";export{a as SaveDraftButton};
+//# sourceMappingURL=SaveDraftButton.js.map

package/dist/flows/Onboarding/SaveDraftButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/flows/Onboarding/SelectCountryStep.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-Q4KOH5ZH.js";import"../../chunk-BYKZON2I.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as SelectCountryStep};
+import{a}from"../../chunk-AJXPL6EK.js";import"../../chunk-4FUC6ZJG.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as SelectCountryStep};
 //# sourceMappingURL=SelectCountryStep.js.map

package/dist/flows/Onboarding/context.d.ts

@@ -27,6 +27,7 @@ declare const useOnboardingContext: () => {
     readonly onboardingBag: {
         employmentId: string | undefined;
         creditRiskStatus: "fail" | "not_started" | "ready" | "in_progress" | "referred" | "deposit_required" | "no_deposit_required" | undefined;
+        fieldValues: react_hook_form.FieldValues;
         stepState: {
             currentStep: Step<"benefits" | "review" | "basic_information" | "contract_details" | "select_country">;
             totalSteps: number;

package/dist/flows/Onboarding/hooks.d.ts

@@ -28,6 +28,10 @@ declare const useOnboarding: ({ employmentId, companyId, countryCode, type, opti
      * - no_deposit_required
      */
     creditRiskStatus: "fail" | "not_started" | "ready" | "in_progress" | "referred" | "deposit_required" | "no_deposit_required" | undefined;
+    /**
+     * Current state of the form fields for the current step.
+     */
+    fieldValues: FieldValues;
     /**
      * Current step state containing the current step and total number of steps
      */

package/dist/flows/Onboarding/hooks.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-EIWJKCKN.js";import"../../chunk-4UBZTJMC.js";import"../../chunk-CVTAWW6F.js";import"../../chunk-AN7L3GVL.js";import"../../chunk-WVJDCDGZ.js";import"../../chunk-PWUYHFON.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-WKK63LAY.js";import"../../chunk-PJBAQZ6G.js";import"../../chunk-RLETCEUU.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-MH6KKP6K.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as useOnboarding};
+import{a}from"../../chunk-SGW2UR4M.js";import"../../chunk-XIPPSRO6.js";import"../../chunk-CVTAWW6F.js";import"../../chunk-AN7L3GVL.js";import"../../chunk-WVJDCDGZ.js";import"../../chunk-PWUYHFON.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-WKK63LAY.js";import"../../chunk-PJBAQZ6G.js";import"../../chunk-RLETCEUU.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-MH6KKP6K.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as useOnboarding};
 //# sourceMappingURL=hooks.js.map

package/dist/flows/Onboarding/index.d.ts

@@ -22,3 +22,4 @@ import 'yup';
 import '../../types-CxSFjQw5.js';
 import './SelectCountryStep.js';
 import './ReviewStep.js';
+import './SaveDraftButton.js';

package/dist/flows/Onboarding/index.js

@@ -1,2 +1,2 @@
-import"../../chunk-GULCZWSK.js";import{a}from"../../chunk-NBGOLNUH.js";import"../../chunk-G7P5P2TG.js";import"../../chunk-C3HJSV4T.js";import"../../chunk-GPAE53HO.js";import"../../chunk-Q4KOH5ZH.js";import"../../chunk-EIWJKCKN.js";import"../../chunk-4UBZTJMC.js";import"../../chunk-CVTAWW6F.js";import"../../chunk-AN7L3GVL.js";import"../../chunk-WVJDCDGZ.js";import"../../chunk-6ACAZ6EG.js";import"../../chunk-4J55VB37.js";import"../../chunk-BMEK4OFQ.js";import"../../chunk-BYKZON2I.js";import"../../chunk-VN4HDCRB.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-PWUYHFON.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-WKK63LAY.js";import"../../chunk-PJBAQZ6G.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-MH6KKP6K.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as OnboardingFlow};
+import"../../chunk-GULCZWSK.js";import{a}from"../../chunk-OSPCGWOC.js";import"../../chunk-SGW2UR4M.js";import"../../chunk-XIPPSRO6.js";import"../../chunk-G7P5P2TG.js";import"../../chunk-C3HJSV4T.js";import"../../chunk-GPAE53HO.js";import"../../chunk-RYEMAPG4.js";import"../../chunk-AJXPL6EK.js";import"../../chunk-CVTAWW6F.js";import"../../chunk-AN7L3GVL.js";import"../../chunk-WVJDCDGZ.js";import"../../chunk-7H3BRJKA.js";import"../../chunk-Z5OWW63F.js";import"../../chunk-OJYT4TBR.js";import"../../chunk-4FUC6ZJG.js";import"../../chunk-VN4HDCRB.js";import"../../chunk-PGWKJ6FK.js";import"../../chunk-PWUYHFON.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-WKK63LAY.js";import"../../chunk-PJBAQZ6G.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-MH6KKP6K.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as OnboardingFlow};
 //# sourceMappingURL=index.js.map

package/dist/flows/Onboarding/utils.js

@@ -1,2 +1,2 @@
-import{a,b,c,d}from"../../chunk-4UBZTJMC.js";import"../../chunk-P37U34EQ.js";export{a as STEPS,b as STEPS_WITHOUT_SELECT_COUNTRY,c as prettifyFormValues,d as reviewStepAllowedEmploymentStatus};
+import{a,b,c,d}from"../../chunk-XIPPSRO6.js";import"../../chunk-P37U34EQ.js";export{a as STEPS,b as STEPS_WITHOUT_SELECT_COUNTRY,c as prettifyFormValues,d as reviewStepAllowedEmploymentStatus};
 //# sourceMappingURL=utils.js.map

package/dist/flows/Termination/TerminationFlow.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-HXZSZEOG.js";import"../../chunk-LLIGZSYY.js";import"../../chunk-JXCJLQRA.js";import"../../chunk-AI2TYE56.js";import"../../chunk-XFD3ULUF.js";import"../../chunk-WWANHPT7.js";import"../../chunk-DR7VGNO2.js";import"../../chunk-XSHHMBMT.js";import"../../chunk-JODJFARP.js";import"../../chunk-W5DG5WWJ.js";import"../../chunk-VX2UC3HG.js";import"../../chunk-S4XU4SE7.js";import"../../chunk-26PHG6H2.js";import"../../chunk-X3YONWNH.js";import"../../chunk-RDLTU3FE.js";import"../../chunk-BF7QENCN.js";import"../../chunk-ZUNKCQBT.js";import"../../chunk-6SWZH7KI.js";import"../../chunk-MRYRNB7Y.js";import"../../chunk-PWUYHFON.js";import"../../chunk-LX7QBDSF.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-WKK63LAY.js";import"../../chunk-PJBAQZ6G.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-MH6KKP6K.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as TerminationFlow};
+import{a}from"../../chunk-Y766WEDN.js";import"../../chunk-ZUNKCQBT.js";import"../../chunk-LLIGZSYY.js";import"../../chunk-JXCJLQRA.js";import"../../chunk-AI2TYE56.js";import"../../chunk-XFD3ULUF.js";import"../../chunk-WWANHPT7.js";import"../../chunk-DR7VGNO2.js";import"../../chunk-XSHHMBMT.js";import"../../chunk-JODJFARP.js";import"../../chunk-W5DG5WWJ.js";import"../../chunk-VX2UC3HG.js";import"../../chunk-S4XU4SE7.js";import"../../chunk-26PHG6H2.js";import"../../chunk-X3YONWNH.js";import"../../chunk-RDLTU3FE.js";import"../../chunk-6SWZH7KI.js";import"../../chunk-BF7QENCN.js";import"../../chunk-MRYRNB7Y.js";import"../../chunk-PWUYHFON.js";import"../../chunk-LX7QBDSF.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-WKK63LAY.js";import"../../chunk-PJBAQZ6G.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-MH6KKP6K.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as TerminationFlow};
 //# sourceMappingURL=TerminationFlow.js.map

package/dist/flows/Termination/index.js

@@ -1,2 +1,2 @@
-import"../../chunk-M22FKNEY.js";import{a}from"../../chunk-HXZSZEOG.js";import"../../chunk-LLIGZSYY.js";import"../../chunk-JXCJLQRA.js";import"../../chunk-AI2TYE56.js";import"../../chunk-XFD3ULUF.js";import"../../chunk-WWANHPT7.js";import"../../chunk-DR7VGNO2.js";import"../../chunk-XSHHMBMT.js";import"../../chunk-JODJFARP.js";import"../../chunk-W5DG5WWJ.js";import"../../chunk-VX2UC3HG.js";import"../../chunk-S4XU4SE7.js";import"../../chunk-26PHG6H2.js";import"../../chunk-X3YONWNH.js";import"../../chunk-RDLTU3FE.js";import"../../chunk-BF7QENCN.js";import"../../chunk-ZUNKCQBT.js";import"../../chunk-6SWZH7KI.js";import"../../chunk-MRYRNB7Y.js";import"../../chunk-PWUYHFON.js";import"../../chunk-LX7QBDSF.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-WKK63LAY.js";import"../../chunk-PJBAQZ6G.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-MH6KKP6K.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as TerminationFlow};
+import"../../chunk-M22FKNEY.js";import{a}from"../../chunk-Y766WEDN.js";import"../../chunk-ZUNKCQBT.js";import"../../chunk-LLIGZSYY.js";import"../../chunk-JXCJLQRA.js";import"../../chunk-AI2TYE56.js";import"../../chunk-XFD3ULUF.js";import"../../chunk-WWANHPT7.js";import"../../chunk-DR7VGNO2.js";import"../../chunk-XSHHMBMT.js";import"../../chunk-JODJFARP.js";import"../../chunk-W5DG5WWJ.js";import"../../chunk-VX2UC3HG.js";import"../../chunk-S4XU4SE7.js";import"../../chunk-26PHG6H2.js";import"../../chunk-X3YONWNH.js";import"../../chunk-RDLTU3FE.js";import"../../chunk-6SWZH7KI.js";import"../../chunk-BF7QENCN.js";import"../../chunk-MRYRNB7Y.js";import"../../chunk-PWUYHFON.js";import"../../chunk-LX7QBDSF.js";import"../../chunk-QW4JPW6J.js";import"../../chunk-WKK63LAY.js";import"../../chunk-PJBAQZ6G.js";import"../../chunk-2NLOH7NZ.js";import"../../chunk-XO3JWN33.js";import"../../chunk-RLETCEUU.js";import"../../chunk-CFIJKJXD.js";import"../../chunk-GEYFQVQI.js";import"../../chunk-3ZWDIEEM.js";import"../../chunk-VNSF5IOL.js";import"../../chunk-MH6KKP6K.js";import"../../chunk-KPHSEIR3.js";import"../../chunk-P37U34EQ.js";export{a as TerminationFlow};
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -53,6 +53,7 @@ import './flows/Onboarding/ContractDetailsStep.js';
 import './flows/Onboarding/BenefitsStep.js';
 import './flows/Onboarding/SelectCountryStep.js';
 import './flows/Onboarding/ReviewStep.js';
+import './flows/Onboarding/SaveDraftButton.js';
 
 type UseEmployment = Pick<ContractAmendmentParams, 'employmentId'>;
 /**

package/dist/index.js

@@ -1,2 +1,2 @@
-import"./chunk-M22FKNEY.js";import{a as tr}from"./chunk-HXZSZEOG.js";import"./chunk-LLIGZSYY.js";import"./chunk-JXCJLQRA.js";import"./chunk-AI2TYE56.js";import"./chunk-XFD3ULUF.js";import"./chunk-WWANHPT7.js";import"./chunk-DR7VGNO2.js";import"./chunk-XSHHMBMT.js";import"./chunk-JODJFARP.js";import"./chunk-W5DG5WWJ.js";import"./chunk-VX2UC3HG.js";import"./chunk-S4XU4SE7.js";import"./chunk-GULCZWSK.js";import"./chunk-26PHG6H2.js";import"./chunk-X3YONWNH.js";import"./chunk-RDLTU3FE.js";import"./chunk-BF7QENCN.js";import"./chunk-ZUNKCQBT.js";import"./chunk-6SWZH7KI.js";import"./chunk-MRYRNB7Y.js";import{a as or}from"./chunk-NBGOLNUH.js";import"./chunk-G7P5P2TG.js";import"./chunk-C3HJSV4T.js";import"./chunk-GPAE53HO.js";import"./chunk-Q4KOH5ZH.js";import"./chunk-EIWJKCKN.js";import"./chunk-4UBZTJMC.js";import"./chunk-CVTAWW6F.js";import"./chunk-AN7L3GVL.js";import"./chunk-WVJDCDGZ.js";import"./chunk-6ACAZ6EG.js";import"./chunk-4J55VB37.js";import"./chunk-BMEK4OFQ.js";import"./chunk-BYKZON2I.js";import"./chunk-VN4HDCRB.js";import"./chunk-PGWKJ6FK.js";import"./chunk-FGBEOUQK.js";import{a as E}from"./chunk-DKIWM2PT.js";import"./chunk-WIRFNWEU.js";import"./chunk-3NZ6PO4D.js";import"./chunk-YO4OQIFP.js";import"./chunk-32RYPLZK.js";import"./chunk-PJCUSCO4.js";import"./chunk-EEAMZPP6.js";import"./chunk-FB5J7SRP.js";import{a as R}from"./chunk-Y56L3QKM.js";import{a as z}from"./chunk-3HPG2L62.js";import{a as T}from"./chunk-KM4XVL2X.js";import"./chunk-A7ZJQCNU.js";import{a as B}from"./chunk-EV5YPN4F.js";import{a as _}from"./chunk-DYB3RWP7.js";import{a as P}from"./chunk-ZOG52VVG.js";import"./chunk-KSHK3ZPX.js";import{b as y,c as k,e as C}from"./chunk-SUS7UBI5.js";import"./chunk-UPRUP24B.js";import"./chunk-PWUYHFON.js";import{a as er}from"./chunk-OOVMHJTY.js";import{a as H}from"./chunk-RXK4RLF6.js";import{a as ar}from"./chunk-HAOVUJOL.js";import{a as J,b as rr}from"./chunk-LX7QBDSF.js";import"./chunk-QW4JPW6J.js";import"./chunk-5SMMQQXP.js";import{a as p}from"./chunk-WKK63LAY.js";import"./chunk-PJBAQZ6G.js";import"./chunk-CTTXXEWI.js";import{a as G}from"./chunk-CSU6IQX3.js";import{a as Z}from"./chunk-MA4IML3T.js";import"./chunk-2NLOH7NZ.js";import"./chunk-XO3JWN33.js";import"./chunk-RLETCEUU.js";import"./chunk-CFIJKJXD.js";import"./chunk-GEYFQVQI.js";import{a as g,c as v}from"./chunk-3ZWDIEEM.js";import"./chunk-VNSF5IOL.js";import"./chunk-MH6KKP6K.js";import"./chunk-TVZAFTPT.js";import{c as F}from"./chunk-KPHSEIR3.js";import{a as e}from"./chunk-P37U34EQ.js";import{QueryClient as L,QueryClientProvider as q}from"@tanstack/react-query";function l(r){let a=document.documentElement;Object.keys(r).forEach(t=>{let o=r[t];o&&a.style.setProperty(t,o)})}e(l,"setCssProperties");function S(r){let a={};return Object.keys(r).forEach(t=>{a[`--${t}`]=r[t]}),a}e(S,"mapThemeColors");function N(r){return{"--spacing":r}}e(N,"mapThemeSpacing");function O(r){return{"--radius":r}}e(O,"mapThemeBorderRadius");function j(r){return{"--fontSizeBase":r.fontSizeBase}}e(j,"mapThemeFont");function h(r){r?.colors&&l(S(r.colors)),r?.spacing&&l(N(r.spacing)),r?.borderRadius&&l(O(r.borderRadius)),r?.font&&l(j(r.font))}e(h,"applyTheme");import{createContext as D,useEffect as I,useMemo as A}from"react";import{jsx as V}from"react/jsx-runtime";var K=D({theme:{}});function u(r){I(()=>{r.theme&&Object.keys(r.theme).length>0&&h(r.theme)},[r.theme]);let a=A(()=>({theme:r.theme}),[r.theme]);return V(K.Provider,{value:a,children:r.children})}e(u,"ThemeProvider");var m={partners:"https://gateway.partners.remote-sandbox.com",production:"https://gateway.remote.com",sandbox:"https://gateway.remote-sandbox.com",staging:"https://gateway.niceremote.com"};import{createClient as U}from"@hey-api/client-fetch";import{useQuery as W}from"@tanstack/react-query";import{useRef as w}from"react";function M(r){try{return new URL(r),!0}catch{return!1}}e(M,"isValidUrl");var f=e(({auth:r,options:a})=>{let t=w(null),{refetch:o}=W({queryKey:["auth"],queryFn:r,enabled:!1}),c=a?.environment?m[a?.environment]:"https://gateway.remote.com",s=p.getConfig(),x="0.4.0-alpha.14",d=!!a?.proxy&&M(a.proxy.url);return a?.proxy&&!d&&console.error("Invalid proxy URL provided. Using default base URL."),w(U({...s,headers:{...s.headers,...d?a?.proxy?.headers:{},"X-Client-Name":"remote-flows-sdk","X-Client-Version":x},baseUrl:d?a.proxy?.url:c,auth:e(async()=>{function b(i){return!i||Date.now()+6e4>i}if(e(b,"hasTokenExpired"),!t.current||b(t.current.expiresAt)){let{data:i}=await o();i&&(t.current={accessToken:i.accessToken,expiresAt:Date.now()+i.expiresIn*1e3})}return t.current?.accessToken},"auth")}))},"useAuth");import{jsx as n}from"react/jsx-runtime";var Q=new L;function X({children:r,auth:a,proxy:t,environment:o}){let c=f({auth:a,options:{proxy:t,environment:o}});return n(v.Provider,{value:{client:c.current},children:r})}e(X,"RemoteFlowContextWrapper");function Y({children:r,components:a}){return n(g.Provider,{value:a?{components:a}:{components:{}},children:r})}e(Y,"FormFieldsProvider");function $({auth:r,children:a,components:t,theme:o,proxy:c,environment:s}){return n(q,{client:Q,children:n(Y,{components:t,children:n(X,{auth:r,proxy:c,environment:s,children:n(u,{theme:o,children:a})})})})}e($,"RemoteFlows");export{G as ContractAmendmentConfirmationForm,er as ContractAmendmentFlow,Z as ContractAmendmentForm,H as ContractAmendmentSubmit,B as CostCalculatorDisclaimer,P as CostCalculatorFlow,R as CostCalculatorForm,z as CostCalculatorResetButton,E as CostCalculatorResults,T as CostCalculatorSubmitButton,or as OnboardingFlow,$ as RemoteFlows,tr as TerminationFlow,y as buildCostCalculatorEstimationPayload,_ as disclaimerData,F as transformYupErrorsIntoObject,ar as useContractAmendment,C as useCostCalculator,k as useCostCalculatorEstimationPdf,J as useEmploymentQuery,rr as useTimeOffQuery};
+import"./chunk-M22FKNEY.js";import{a as tr}from"./chunk-Y766WEDN.js";import"./chunk-ZUNKCQBT.js";import"./chunk-LLIGZSYY.js";import"./chunk-JXCJLQRA.js";import"./chunk-AI2TYE56.js";import"./chunk-XFD3ULUF.js";import"./chunk-WWANHPT7.js";import"./chunk-DR7VGNO2.js";import"./chunk-XSHHMBMT.js";import"./chunk-JODJFARP.js";import"./chunk-W5DG5WWJ.js";import"./chunk-VX2UC3HG.js";import"./chunk-S4XU4SE7.js";import"./chunk-GULCZWSK.js";import"./chunk-26PHG6H2.js";import"./chunk-X3YONWNH.js";import"./chunk-RDLTU3FE.js";import"./chunk-6SWZH7KI.js";import"./chunk-BF7QENCN.js";import"./chunk-MRYRNB7Y.js";import{a as or}from"./chunk-OSPCGWOC.js";import"./chunk-SGW2UR4M.js";import"./chunk-XIPPSRO6.js";import"./chunk-G7P5P2TG.js";import"./chunk-C3HJSV4T.js";import"./chunk-GPAE53HO.js";import"./chunk-RYEMAPG4.js";import"./chunk-AJXPL6EK.js";import"./chunk-CVTAWW6F.js";import"./chunk-AN7L3GVL.js";import"./chunk-WVJDCDGZ.js";import"./chunk-7H3BRJKA.js";import"./chunk-Z5OWW63F.js";import"./chunk-OJYT4TBR.js";import"./chunk-4FUC6ZJG.js";import"./chunk-VN4HDCRB.js";import"./chunk-PGWKJ6FK.js";import"./chunk-FGBEOUQK.js";import{a as E}from"./chunk-DKIWM2PT.js";import"./chunk-WIRFNWEU.js";import"./chunk-3NZ6PO4D.js";import"./chunk-YO4OQIFP.js";import"./chunk-32RYPLZK.js";import"./chunk-PJCUSCO4.js";import"./chunk-EEAMZPP6.js";import"./chunk-FB5J7SRP.js";import{a as R}from"./chunk-Y56L3QKM.js";import{a as z}from"./chunk-3HPG2L62.js";import{a as T}from"./chunk-KM4XVL2X.js";import"./chunk-A7ZJQCNU.js";import{a as B}from"./chunk-EV5YPN4F.js";import{a as _}from"./chunk-DYB3RWP7.js";import{a as P}from"./chunk-ZOG52VVG.js";import"./chunk-KSHK3ZPX.js";import{b as y,c as k,e as C}from"./chunk-SUS7UBI5.js";import"./chunk-UPRUP24B.js";import"./chunk-PWUYHFON.js";import{a as er}from"./chunk-OOVMHJTY.js";import{a as H}from"./chunk-RXK4RLF6.js";import{a as ar}from"./chunk-HAOVUJOL.js";import{a as J,b as rr}from"./chunk-LX7QBDSF.js";import"./chunk-QW4JPW6J.js";import"./chunk-5SMMQQXP.js";import{a as p}from"./chunk-WKK63LAY.js";import"./chunk-PJBAQZ6G.js";import"./chunk-CTTXXEWI.js";import{a as G}from"./chunk-CSU6IQX3.js";import{a as Z}from"./chunk-MA4IML3T.js";import"./chunk-2NLOH7NZ.js";import"./chunk-XO3JWN33.js";import"./chunk-RLETCEUU.js";import"./chunk-CFIJKJXD.js";import"./chunk-GEYFQVQI.js";import{a as g,c as v}from"./chunk-3ZWDIEEM.js";import"./chunk-VNSF5IOL.js";import"./chunk-MH6KKP6K.js";import"./chunk-TVZAFTPT.js";import{c as F}from"./chunk-KPHSEIR3.js";import{a as e}from"./chunk-P37U34EQ.js";import{QueryClient as L,QueryClientProvider as q}from"@tanstack/react-query";function l(r){let a=document.documentElement;Object.keys(r).forEach(t=>{let o=r[t];o&&a.style.setProperty(t,o)})}e(l,"setCssProperties");function S(r){let a={};return Object.keys(r).forEach(t=>{a[`--${t}`]=r[t]}),a}e(S,"mapThemeColors");function N(r){return{"--spacing":r}}e(N,"mapThemeSpacing");function O(r){return{"--radius":r}}e(O,"mapThemeBorderRadius");function j(r){return{"--fontSizeBase":r.fontSizeBase}}e(j,"mapThemeFont");function h(r){r?.colors&&l(S(r.colors)),r?.spacing&&l(N(r.spacing)),r?.borderRadius&&l(O(r.borderRadius)),r?.font&&l(j(r.font))}e(h,"applyTheme");import{createContext as D,useEffect as I,useMemo as A}from"react";import{jsx as V}from"react/jsx-runtime";var K=D({theme:{}});function u(r){I(()=>{r.theme&&Object.keys(r.theme).length>0&&h(r.theme)},[r.theme]);let a=A(()=>({theme:r.theme}),[r.theme]);return V(K.Provider,{value:a,children:r.children})}e(u,"ThemeProvider");var m={partners:"https://gateway.partners.remote-sandbox.com",production:"https://gateway.remote.com",sandbox:"https://gateway.remote-sandbox.com",staging:"https://gateway.niceremote.com"};import{createClient as U}from"@hey-api/client-fetch";import{useQuery as W}from"@tanstack/react-query";import{useRef as w}from"react";function M(r){try{return new URL(r),!0}catch{return!1}}e(M,"isValidUrl");var f=e(({auth:r,options:a})=>{let t=w(null),{refetch:o}=W({queryKey:["auth"],queryFn:r,enabled:!1}),c=a?.environment?m[a?.environment]:"https://gateway.remote.com",s=p.getConfig(),x="0.4.0-alpha.16",d=!!a?.proxy&&M(a.proxy.url);return a?.proxy&&!d&&console.error("Invalid proxy URL provided. Using default base URL."),w(U({...s,headers:{...s.headers,...d?a?.proxy?.headers:{},"X-Client-Name":"remote-flows-sdk","X-Client-Version":x},baseUrl:d?a.proxy?.url:c,auth:e(async()=>{function b(i){return!i||Date.now()+6e4>i}if(e(b,"hasTokenExpired"),!t.current||b(t.current.expiresAt)){let{data:i}=await o();i&&(t.current={accessToken:i.accessToken,expiresAt:Date.now()+i.expiresIn*1e3})}return t.current?.accessToken},"auth")}))},"useAuth");import{jsx as n}from"react/jsx-runtime";var Q=new L;function X({children:r,auth:a,proxy:t,environment:o}){let c=f({auth:a,options:{proxy:t,environment:o}});return n(v.Provider,{value:{client:c.current},children:r})}e(X,"RemoteFlowContextWrapper");function Y({children:r,components:a}){return n(g.Provider,{value:a?{components:a}:{components:{}},children:r})}e(Y,"FormFieldsProvider");function $({auth:r,children:a,components:t,theme:o,proxy:c,environment:s}){return n(q,{client:Q,children:n(Y,{components:t,children:n(X,{auth:r,proxy:c,environment:s,children:n(u,{theme:o,children:a})})})})}e($,"RemoteFlows");export{G as ContractAmendmentConfirmationForm,er as ContractAmendmentFlow,Z as ContractAmendmentForm,H as ContractAmendmentSubmit,B as CostCalculatorDisclaimer,P as CostCalculatorFlow,R as CostCalculatorForm,z as CostCalculatorResetButton,E as CostCalculatorResults,T as CostCalculatorSubmitButton,or as OnboardingFlow,$ as RemoteFlows,tr as TerminationFlow,y as buildCostCalculatorEstimationPayload,_ as disclaimerData,F as transformYupErrorsIntoObject,ar as useContractAmendment,C as useCostCalculator,k as useCostCalculatorEstimationPdf,J as useEmploymentQuery,rr as useTimeOffQuery};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/RemoteFlowsProvider.tsx","../src/lib/applyTheme.ts","../src/theme.tsx","../src/environments.ts","../src/useAuth.ts"],"sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { ThemeProvider } from '@/src/theme';\nimport { FormFieldsContext, RemoteFlowContext } from './context';\nimport { Components, RemoteFlowsSDKProps } from './types/remoteFlows';\nimport { useAuth } from './useAuth';\n\nconst queryClient = new QueryClient();\n\ntype RemoteFlowContextWrapperProps = {\n  auth: RemoteFlowsSDKProps['auth'];\n  children: React.ReactNode;\n  environment?: RemoteFlowsSDKProps['environment'];\n  proxy?: RemoteFlowsSDKProps['proxy'];\n};\n\nfunction RemoteFlowContextWrapper({\n  children,\n  auth,\n  proxy,\n  environment,\n}: RemoteFlowContextWrapperProps) {\n  const remoteApiClient = useAuth({\n    auth,\n    options: {\n      proxy,\n      environment,\n    },\n  });\n  return (\n    <RemoteFlowContext.Provider value={{ client: remoteApiClient.current }}>\n      {children}\n    </RemoteFlowContext.Provider>\n  );\n}\n\nexport function FormFieldsProvider({\n  children,\n  components,\n}: PropsWithChildren<{\n  components?: Components;\n}>) {\n  return (\n    <FormFieldsContext.Provider\n      value={components ? { components } : { components: {} }}\n    >\n      {children}\n    </FormFieldsContext.Provider>\n  );\n}\n\nexport function RemoteFlows({\n  auth,\n  children,\n  components,\n  theme,\n  proxy,\n  environment,\n}: PropsWithChildren<RemoteFlowsSDKProps>) {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FormFieldsProvider components={components}>\n        <RemoteFlowContextWrapper\n          auth={auth}\n          proxy={proxy}\n          environment={environment}\n        >\n          <ThemeProvider theme={theme}>{children}</ThemeProvider>\n        </RemoteFlowContextWrapper>\n      </FormFieldsProvider>\n    </QueryClientProvider>\n  );\n}\n","import {\n  CssThemeBorder,\n  CssThemeColors,\n  CssThemeFont,\n  CssThemeSpacing,\n  ThemeColors,\n  ThemeFont,\n  ThemeProviderProps,\n} from '@/src/types/theme';\n\nfunction setCssProperties(variables: Record<string, string>) {\n  const root = document.documentElement;\n  Object.keys(variables).forEach((v) => {\n    const propertyVal = variables[v];\n    if (propertyVal) {\n      root.style.setProperty(v, propertyVal);\n    }\n  });\n}\n\nfunction mapThemeColors(colors: ThemeColors): CssThemeColors {\n  const result: CssThemeColors = {};\n  Object.keys(colors).forEach((key) => {\n    result[`--${key}` as keyof CssThemeColors] =\n      colors[key as keyof ThemeColors];\n  });\n  return result;\n}\n\nfunction mapThemeSpacing(spacing: string): CssThemeSpacing {\n  return {\n    '--spacing': spacing,\n  };\n}\n\nfunction mapThemeBorderRadius(borderRadius: string): CssThemeBorder {\n  return {\n    '--radius': borderRadius,\n  };\n}\n\nfunction mapThemeFont(font: ThemeFont): CssThemeFont {\n  return {\n    '--fontSizeBase': font.fontSizeBase,\n  };\n}\n\nexport function applyTheme(theme: ThemeProviderProps['theme']) {\n  if (theme?.colors) {\n    setCssProperties(mapThemeColors(theme.colors));\n  }\n\n  if (theme?.spacing) {\n    setCssProperties(mapThemeSpacing(theme.spacing));\n  }\n\n  if (theme?.borderRadius) {\n    setCssProperties(mapThemeBorderRadius(theme.borderRadius));\n  }\n\n  if (theme?.font) {\n    setCssProperties(mapThemeFont(theme.font));\n  }\n}\n","import { applyTheme } from '@/src/lib/applyTheme';\nimport { createContext, useEffect, useMemo } from 'react';\nimport { ThemeProviderProps } from './types/theme';\n\nconst ThemeContext = createContext<Omit<ThemeProviderProps, 'children'>>({\n  theme: {},\n});\n\nexport function ThemeProvider(props: ThemeProviderProps) {\n  useEffect(() => {\n    if (props.theme && Object.keys(props.theme).length > 0) {\n      applyTheme(props.theme);\n    }\n  }, [props.theme]);\n\n  const value = useMemo(() => {\n    return { theme: props.theme };\n  }, [props.theme]);\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {props.children}\n    </ThemeContext.Provider>\n  );\n}\n","export const ENVIRONMENTS = {\n  partners: 'https://gateway.partners.remote-sandbox.com',\n  production: 'https://gateway.remote.com',\n  sandbox: 'https://gateway.remote-sandbox.com',\n  staging: 'https://gateway.niceremote.com',\n};\n","import { client } from '@/src/client/client.gen';\nimport { ENVIRONMENTS } from '@/src/environments';\nimport { createClient } from '@hey-api/client-fetch';\nimport { useQuery } from '@tanstack/react-query';\nimport { useRef } from 'react';\nimport { RemoteFlowsSDKProps } from './types/remoteFlows';\n\ntype AuthResponse = {\n  accessToken: string;\n  expiresIn: number;\n};\n\ntype Options = Partial<{\n  environment: keyof typeof ENVIRONMENTS;\n  proxy: RemoteFlowsSDKProps['proxy'];\n}>;\n\nfunction isValidUrl(url: string) {\n  try {\n    new URL(url);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport const useAuth = ({\n  auth,\n  options,\n}: {\n  auth: () => Promise<AuthResponse>;\n  options?: Options;\n}) => {\n  const session = useRef<{ accessToken: string; expiresAt: number } | null>(\n    null,\n  );\n  const { refetch } = useQuery({\n    queryKey: ['auth'],\n    queryFn: auth,\n    enabled: false,\n  });\n\n  const baseUrl = options?.environment\n    ? ENVIRONMENTS[options?.environment]\n    : process.env.REMOTE_GATEWAY_URL;\n\n  const clientConfig = client.getConfig();\n  const npmPackageVersion = process.env.VERSION;\n  const isValidProxy = !!options?.proxy && isValidUrl(options.proxy.url);\n\n  if (options?.proxy && !isValidProxy) {\n    console.error('Invalid proxy URL provided. Using default base URL.');\n  }\n\n  return useRef(\n    createClient({\n      ...clientConfig,\n      headers: {\n        ...clientConfig.headers,\n        ...(isValidProxy ? options?.proxy?.headers : {}),\n        'X-Client-Name': 'remote-flows-sdk',\n        'X-Client-Version': npmPackageVersion,\n      },\n      baseUrl: isValidProxy ? options.proxy?.url : baseUrl,\n      auth: async () => {\n        function hasTokenExpired(expiresAt: number | undefined) {\n          return !expiresAt || Date.now() + 60000 > expiresAt;\n        }\n        if (!session.current || hasTokenExpired(session.current.expiresAt)) {\n          const { data } = await refetch();\n          if (data) {\n            session.current = {\n              accessToken: data.accessToken,\n              expiresAt: Date.now() + data.expiresIn * 1000,\n            };\n          }\n        }\n        return session.current?.accessToken;\n      },\n    }),\n  );\n};\n"],"mappings":"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","names":["QueryClient","QueryClientProvider","setCssProperties","variables","root","v","propertyVal","__name","mapThemeColors","colors","result","key","mapThemeSpacing","spacing","mapThemeBorderRadius","borderRadius","mapThemeFont","font","applyTheme","theme","createContext","useEffect","useMemo","jsx","ThemeContext","createContext","ThemeProvider","props","useEffect","applyTheme","value","useMemo","__name","ENVIRONMENTS","createClient","useQuery","useRef","isValidUrl","url","__name","useAuth","auth","options","session","useRef","refetch","useQuery","baseUrl","ENVIRONMENTS","clientConfig","client","npmPackageVersion","isValidProxy","createClient","hasTokenExpired","expiresAt","data","jsx","queryClient","QueryClient","RemoteFlowContextWrapper","children","auth","proxy","environment","remoteApiClient","useAuth","RemoteFlowContext","__name","FormFieldsProvider","components","FormFieldsContext","RemoteFlows","theme","QueryClientProvider","ThemeProvider"]}
+{"version":3,"sources":["../src/RemoteFlowsProvider.tsx","../src/lib/applyTheme.ts","../src/theme.tsx","../src/environments.ts","../src/useAuth.ts"],"sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { ThemeProvider } from '@/src/theme';\nimport { FormFieldsContext, RemoteFlowContext } from './context';\nimport { Components, RemoteFlowsSDKProps } from './types/remoteFlows';\nimport { useAuth } from './useAuth';\n\nconst queryClient = new QueryClient();\n\ntype RemoteFlowContextWrapperProps = {\n  auth: RemoteFlowsSDKProps['auth'];\n  children: React.ReactNode;\n  environment?: RemoteFlowsSDKProps['environment'];\n  proxy?: RemoteFlowsSDKProps['proxy'];\n};\n\nfunction RemoteFlowContextWrapper({\n  children,\n  auth,\n  proxy,\n  environment,\n}: RemoteFlowContextWrapperProps) {\n  const remoteApiClient = useAuth({\n    auth,\n    options: {\n      proxy,\n      environment,\n    },\n  });\n  return (\n    <RemoteFlowContext.Provider value={{ client: remoteApiClient.current }}>\n      {children}\n    </RemoteFlowContext.Provider>\n  );\n}\n\nexport function FormFieldsProvider({\n  children,\n  components,\n}: PropsWithChildren<{\n  components?: Components;\n}>) {\n  return (\n    <FormFieldsContext.Provider\n      value={components ? { components } : { components: {} }}\n    >\n      {children}\n    </FormFieldsContext.Provider>\n  );\n}\n\nexport function RemoteFlows({\n  auth,\n  children,\n  components,\n  theme,\n  proxy,\n  environment,\n}: PropsWithChildren<RemoteFlowsSDKProps>) {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FormFieldsProvider components={components}>\n        <RemoteFlowContextWrapper\n          auth={auth}\n          proxy={proxy}\n          environment={environment}\n        >\n          <ThemeProvider theme={theme}>{children}</ThemeProvider>\n        </RemoteFlowContextWrapper>\n      </FormFieldsProvider>\n    </QueryClientProvider>\n  );\n}\n","import {\n  CssThemeBorder,\n  CssThemeColors,\n  CssThemeFont,\n  CssThemeSpacing,\n  ThemeColors,\n  ThemeFont,\n  ThemeProviderProps,\n} from '@/src/types/theme';\n\nfunction setCssProperties(variables: Record<string, string>) {\n  const root = document.documentElement;\n  Object.keys(variables).forEach((v) => {\n    const propertyVal = variables[v];\n    if (propertyVal) {\n      root.style.setProperty(v, propertyVal);\n    }\n  });\n}\n\nfunction mapThemeColors(colors: ThemeColors): CssThemeColors {\n  const result: CssThemeColors = {};\n  Object.keys(colors).forEach((key) => {\n    result[`--${key}` as keyof CssThemeColors] =\n      colors[key as keyof ThemeColors];\n  });\n  return result;\n}\n\nfunction mapThemeSpacing(spacing: string): CssThemeSpacing {\n  return {\n    '--spacing': spacing,\n  };\n}\n\nfunction mapThemeBorderRadius(borderRadius: string): CssThemeBorder {\n  return {\n    '--radius': borderRadius,\n  };\n}\n\nfunction mapThemeFont(font: ThemeFont): CssThemeFont {\n  return {\n    '--fontSizeBase': font.fontSizeBase,\n  };\n}\n\nexport function applyTheme(theme: ThemeProviderProps['theme']) {\n  if (theme?.colors) {\n    setCssProperties(mapThemeColors(theme.colors));\n  }\n\n  if (theme?.spacing) {\n    setCssProperties(mapThemeSpacing(theme.spacing));\n  }\n\n  if (theme?.borderRadius) {\n    setCssProperties(mapThemeBorderRadius(theme.borderRadius));\n  }\n\n  if (theme?.font) {\n    setCssProperties(mapThemeFont(theme.font));\n  }\n}\n","import { applyTheme } from '@/src/lib/applyTheme';\nimport { createContext, useEffect, useMemo } from 'react';\nimport { ThemeProviderProps } from './types/theme';\n\nconst ThemeContext = createContext<Omit<ThemeProviderProps, 'children'>>({\n  theme: {},\n});\n\nexport function ThemeProvider(props: ThemeProviderProps) {\n  useEffect(() => {\n    if (props.theme && Object.keys(props.theme).length > 0) {\n      applyTheme(props.theme);\n    }\n  }, [props.theme]);\n\n  const value = useMemo(() => {\n    return { theme: props.theme };\n  }, [props.theme]);\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {props.children}\n    </ThemeContext.Provider>\n  );\n}\n","export const ENVIRONMENTS = {\n  partners: 'https://gateway.partners.remote-sandbox.com',\n  production: 'https://gateway.remote.com',\n  sandbox: 'https://gateway.remote-sandbox.com',\n  staging: 'https://gateway.niceremote.com',\n};\n","import { client } from '@/src/client/client.gen';\nimport { ENVIRONMENTS } from '@/src/environments';\nimport { createClient } from '@hey-api/client-fetch';\nimport { useQuery } from '@tanstack/react-query';\nimport { useRef } from 'react';\nimport { RemoteFlowsSDKProps } from './types/remoteFlows';\n\ntype AuthResponse = {\n  accessToken: string;\n  expiresIn: number;\n};\n\ntype Options = Partial<{\n  environment: keyof typeof ENVIRONMENTS;\n  proxy: RemoteFlowsSDKProps['proxy'];\n}>;\n\nfunction isValidUrl(url: string) {\n  try {\n    new URL(url);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport const useAuth = ({\n  auth,\n  options,\n}: {\n  auth: () => Promise<AuthResponse>;\n  options?: Options;\n}) => {\n  const session = useRef<{ accessToken: string; expiresAt: number } | null>(\n    null,\n  );\n  const { refetch } = useQuery({\n    queryKey: ['auth'],\n    queryFn: auth,\n    enabled: false,\n  });\n\n  const baseUrl = options?.environment\n    ? ENVIRONMENTS[options?.environment]\n    : process.env.REMOTE_GATEWAY_URL;\n\n  const clientConfig = client.getConfig();\n  const npmPackageVersion = process.env.VERSION;\n  const isValidProxy = !!options?.proxy && isValidUrl(options.proxy.url);\n\n  if (options?.proxy && !isValidProxy) {\n    console.error('Invalid proxy URL provided. Using default base URL.');\n  }\n\n  return useRef(\n    createClient({\n      ...clientConfig,\n      headers: {\n        ...clientConfig.headers,\n        ...(isValidProxy ? options?.proxy?.headers : {}),\n        'X-Client-Name': 'remote-flows-sdk',\n        'X-Client-Version': npmPackageVersion,\n      },\n      baseUrl: isValidProxy ? options.proxy?.url : baseUrl,\n      auth: async () => {\n        function hasTokenExpired(expiresAt: number | undefined) {\n          return !expiresAt || Date.now() + 60000 > expiresAt;\n        }\n        if (!session.current || hasTokenExpired(session.current.expiresAt)) {\n          const { data } = await refetch();\n          if (data) {\n            session.current = {\n              accessToken: data.accessToken,\n              expiresAt: Date.now() + data.expiresIn * 1000,\n            };\n          }\n        }\n        return session.current?.accessToken;\n      },\n    }),\n  );\n};\n"],"mappings":"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","names":["QueryClient","QueryClientProvider","setCssProperties","variables","root","v","propertyVal","__name","mapThemeColors","colors","result","key","mapThemeSpacing","spacing","mapThemeBorderRadius","borderRadius","mapThemeFont","font","applyTheme","theme","createContext","useEffect","useMemo","jsx","ThemeContext","createContext","ThemeProvider","props","useEffect","applyTheme","value","useMemo","__name","ENVIRONMENTS","createClient","useQuery","useRef","isValidUrl","url","__name","useAuth","auth","options","session","useRef","refetch","useQuery","baseUrl","ENVIRONMENTS","clientConfig","client","npmPackageVersion","isValidProxy","createClient","hasTokenExpired","expiresAt","data","jsx","queryClient","QueryClient","RemoteFlowContextWrapper","children","auth","proxy","environment","remoteApiClient","useAuth","RemoteFlowContext","__name","FormFieldsProvider","components","FormFieldsContext","RemoteFlows","theme","QueryClientProvider","ThemeProvider"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remoteoss/remote-flows",
-  "version": "0.4.0-alpha.14",
+  "version": "0.4.0-alpha.16",
   "scripts": {
     "build": "NODE_ENV=production tsup",
     "ci": "npm run build && npm run check-format && npm run check-exports && npm run lint && npm run test",

package/dist/chunk-BYKZON2I.js

@@ -1,2 +0,0 @@
-import{b as l}from"./chunk-PGWKJ6FK.js";import{a as d}from"./chunk-2NLOH7NZ.js";import{b as s}from"./chunk-CFIJKJXD.js";import{a}from"./chunk-VNSF5IOL.js";import{a as t}from"./chunk-P37U34EQ.js";import{useEffect as f}from"react";import{useForm as b}from"react-hook-form";import{jsx as e}from"react/jsx-runtime";function w({defaultValues:i,onSubmit:c,components:p}){let{formId:F,onboardingBag:o}=l(),u=s(o.handleValidation),r=b({resolver:u,defaultValues:i,shouldUnregister:!1,mode:"onBlur"});return f(()=>{o.employmentId&&o?.checkFieldUpdates(r.getValues())},[]),f(()=>{let y=r?.watch(n=>{Object.keys(n).some(m=>n[m]!==i[m])&&o?.checkFieldUpdates(n)});return()=>y?.unsubscribe()},[]),e(a,{...r,children:e("form",{id:F,onSubmit:r.handleSubmit(c),className:"space-y-4 RemoteFlows__OnboardingForm",children:e(d,{components:p,fields:o.fields})})})}t(w,"OnboardingForm");export{w as a};
-//# sourceMappingURL=chunk-BYKZON2I.js.map

package/dist/chunk-BYKZON2I.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/Onboarding/OnboardingForm.tsx"],"sourcesContent":["import { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { Form } from '@/src/components/ui/form';\nimport { useEffect } from 'react';\nimport { useOnboardingContext } from './context';\nimport { useForm } from 'react-hook-form';\nimport { useJsonSchemasValidationFormResolver } from '@/src/components/form/yupValidationResolver';\nimport { Fields } from '@remoteoss/json-schema-form';\nimport {\n  BasicInformationFormPayload,\n  BenefitsFormPayload,\n  ContractDetailsFormPayload,\n} from '@/src/flows/Onboarding/types';\nimport { Components } from '@/src/types/remoteFlows';\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    // @ts-expect-error no matching type\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  return (\n    <Form {...form}>\n      <form\n        id={formId}\n        onSubmit={form.handleSubmit(onSubmit)}\n        className=\"space-y-4 RemoteFlows__OnboardingForm\"\n      >\n        <JSONSchemaFormFields\n          components={components}\n          fields={onboardingBag.fields}\n        />\n      </form>\n    </Form>\n  );\n}\n"],"mappings":"mMAEA,OAAS,aAAAA,MAAiB,QAE1B,OAAS,WAAAC,MAAe,kBAuEhB,cAAAC,MAAA,oBAjDD,SAASC,EAAe,CAC7B,cAAAC,EACA,SAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,GAAM,CAAE,OAAAC,EAAQ,cAAAC,CAAc,EAAIC,EAAqB,EAEjDC,EAAWC,EAEfH,EAAc,gBAChB,EAEMI,EAAOC,EAAQ,CACnB,SAAAH,EACA,cAAAN,EACA,iBAAkB,GAClB,KAAM,QACR,CAAC,EAED,OAAAU,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,EAGHb,EAACgB,EAAA,CAAM,GAAGN,EACR,SAAAV,EAAC,QACC,GAAIK,EACJ,SAAUK,EAAK,aAAaP,CAAQ,EACpC,UAAU,wCAEV,SAAAH,EAACiB,EAAA,CACC,WAAYb,EACZ,OAAQE,EAAc,OACxB,EACF,EACF,CAEJ,CAxDgBY,EAAAjB,EAAA","names":["useEffect","useForm","jsx","OnboardingForm","defaultValues","onSubmit","components","formId","onboardingBag","useOnboardingContext","resolver","useJsonSchemasValidationFormResolver","form","useForm","useEffect","subscription","values","key","Form","JSONSchemaFormFields","__name"]}

package/dist/chunk-EIWJKCKN.js

@@ -1,2 +0,0 @@
-import{a as le,b as me,c as S,d as de}from"./chunk-4UBZTJMC.js";import{a as Ee}from"./chunk-CVTAWW6F.js";import{a as fe,b as ue,c as ye,f as pe,g as _e,h as Se,i as be,j as ge,l as Fe}from"./chunk-AN7L3GVL.js";import{a as w}from"./chunk-QW4JPW6J.js";import{a as ce}from"./chunk-PJBAQZ6G.js";import{c as _,d as T}from"./chunk-MH6KKP6K.js";import{a as r}from"./chunk-P37U34EQ.js";import{useEffect as xe,useMemo as l,useRef as Ge,useState as he}from"react";import We from"lodash.mergewith";import{jsx as Qe}from"react/jsx-runtime";var Ke={employment_basic_information:"basic_information",contract_details:"contract_details"},Ye={select_country:null,basic_information:"employment_basic_information",contract_details:"contract_details",benefits:null,review:null},ze=r(({isLoadingBasicInformationForm:m,isLoadingContractDetailsForm:R,isLoadingEmployment:N,isLoadingBenefitsOffersSchema:v,isLoadingBenefitOffers:a,isLoadingCompany:j,isLoadingCountries:u,employmentStatus:o,employmentId:J,currentStepName:i,basicInformationFields:P,contractDetailsFields:c})=>{let b=m||R||N||v||a||j||u,B=o&&de.includes(o),g=!!(J&&B&&i!=="review"),I=b||g,y=!!(g&&!b&&P.length>0&&c.length>0);return{isLoading:I,isNavigatingToReview:y,isEmploymentReadOnly:B}},"getLoadingStates"),st=r(({employmentId:m,companyId:R,countryCode:N,type:v,options:a,skipSteps:j})=>{let u=Ge({select_country:{},basic_information:{},contract_details:{},benefits:{}}),[o,J]=he(m),[i,P]=he(N||null),{data:c,isLoading:b,refetch:B}=fe(o);c?.country?.code&&i!==c.country.code&&P(c.country.code);let{data:g,isLoading:I}=ye(o),{data:y,isLoading:A,refetch:U}=ue(R),Oe=j?.includes("select_country")?me:le,{fieldValues:F,stepState:e,setFieldValues:Ve,previousStep:Ce,nextStep:Le,goToStep:D,setStepValues:H}=ce(Oe),{selectCountryForm:k,isLoading:x}=Fe({jsfModify:a?.jsfModify?.select_country,jsonSchemaVersion:a?.jsonSchemaVersion,queryOptions:{enabled:e.currentStep.name==="select_country"}}),G=Se(a),W=be(a),K=ge(a),{mutateAsync:Me}=w(G),{mutateAsync:Y}=w(W),{mutateAsync:Te}=w(K),Pe=Ye[e.currentStep.name]||"employment_basic_information",Be=Ke[Pe],Ie=c?.[Be]||{},z=r(({form:n,options:s={}})=>pe({countryCode:i,form:n,fieldValues:Object.keys(F).length>0?{...e.values?.[e.currentStep.name],...F}:Ie,options:{...s,queryOptions:{enabled:s.queryOptions?.enabled??!0}}}),"useJSONSchema"),ke=!!(i&&(e.currentStep.name==="basic_information"||m)),we=!!(i&&(e.currentStep.name==="contract_details"||m)),{data:d,isLoading:Q}=z({form:"employment_basic_information",options:{jsfModify:a?.jsfModify?.basic_information,queryOptions:{enabled:ke}}}),p=a?.jsfModify?.contract_details?.fields?.annual_gross_salary,q=p&&typeof p=="object"&&"presentation"in p?p.presentation:void 0,Re=l(()=>({fields:{annual_gross_salary:{...p,presentation:{annual_gross_salary_conversion_properties:{label:q?.annual_gross_salary_conversion_properties?.label,description:q?.annual_gross_salary_conversion_properties?.description},desiredCurrency:y?.desired_currency,Component:r(n=>Qe(Ee,{desiredCurrency:y?.desired_currency||"",...n}),"Component")}}}}),[y?.desired_currency,q,p]),{data:f,isLoading:X}=z({form:"contract_details",options:{jsfModify:{...a?.jsfModify?.contract_details,fields:{...a?.jsfModify?.contract_details?.fields,...Re.fields}},queryOptions:{enabled:we}}}),{data:E,isLoading:Z}=_e(o,F,a),$=l(()=>{if(e.currentStep.name==="benefits"){let n={...e.values?.[e.currentStep.name],...F};return We({},g,n)}return{}},[e.currentStep.name,g,e.values,F]),t=l(()=>({select_country:k?.fields||[],basic_information:d?.fields||[],contract_details:f?.fields||[],benefits:E?.fields||[],review:[]}),[k?.fields,d?.fields,f?.fields,E?.fields]),{country:{code:ee}={},basic_information:te={},contract_details:ne={},status:oe}=c||{},ae=e.currentStep.name,h=l(()=>T(t.select_country,{country:i||ee||""}),[t.select_country,i,ee]),O=l(()=>T(t.basic_information,te||{}),[t.basic_information,te]),V=l(()=>T(t.contract_details,ne||{}),[t.contract_details,ne]),C=l(()=>T(t.benefits,$),[t.benefits,$]),Ne=l(()=>({select_country:h,basic_information:O,contract_details:V,benefits:C}),[h,O,V,C]),{isLoading:ve,isNavigatingToReview:ie,isEmploymentReadOnly:je}=l(()=>ze({isLoadingBasicInformationForm:Q,isLoadingContractDetailsForm:X,isLoadingEmployment:b,isLoadingBenefitsOffersSchema:Z,isLoadingBenefitOffers:I,isLoadingCompany:A,isLoadingCountries:x,employmentId:m,employmentStatus:oe,basicInformationFields:t.basic_information,contractDetailsFields:t.contract_details,currentStepName:ae}),[Q,X,b,Z,I,A,x,m,oe,t.basic_information,t.contract_details,ae]);xe(()=>{ie&&(u.current={select_country:S(h,t.select_country),basic_information:S(O,t.basic_information),contract_details:S(V,t.contract_details),benefits:S(C,t.benefits)},H({select_country:h,basic_information:O,contract_details:V,benefits:C,review:{}}),D("review"))},[O,C,V,D,ie,h,H,t.basic_information,t.benefits,t.contract_details,t.select_country]);let se=r(n=>k&&e.currentStep.name==="select_country"?n:d&&e.currentStep.name==="basic_information"?_(n,d?.fields,{isPartialValidation:!0}):f&&e.currentStep.name==="contract_details"?_(n,f?.fields,{isPartialValidation:!0}):{},"parseFormValues");async function Je(n){let s=e.currentStep.name;s in u.current&&(u.current[s]=S(n,t[s]));let L=se(n);switch(U(),e.currentStep.name){case"select_country":return P(L.country),Promise.resolve({data:{countryCode:L.country}});case"basic_information":{let re=!o&&i,Ue=o&&i&&c?.country&&c?.country.code!==i;if(re||Ue){let He={basic_information:L,type:v,country_code:i};try{let M=await Me(He);return await U(),J(M.data?.data?.employment?.id),M}catch(M){throw console.error("Error creating onboarding:",M),M}}else if(o)return Y({employmentId:o,basic_information:L,pricing_plan_details:{frequency:"monthly"}});return}case"contract_details":return Y({employmentId:o,...{contract_details:L,pricing_plan_details:{frequency:"monthly"}}});case"benefits":return Te({employmentId:o,...n})}}r(Je,"onSubmit");function De(){Ce()}r(De,"back");function qe(){Le()}r(qe,"next");function Ae(n){D(n)}return r(Ae,"goTo"),{employmentId:o,creditRiskStatus:y?.default_legal_entity_credit_risk_status,stepState:e,fields:t[e.currentStep.name],isLoading:ve,isSubmitting:G.isPending||W.isPending||K.isPending,initialValues:Ne,handleValidation:r(n=>{if(e.currentStep.name==="select_country")return k.handleValidation(n);if(e.currentStep.name==="benefits"&&E){let s=_(n,E?.fields);return E?.handleValidation(s)}if(d&&e.currentStep.name==="basic_information"){let s=_(n,d?.fields);return d?.handleValidation(s)}if(f&&e.currentStep.name==="contract_details"){let s=_(n,f?.fields);return f?.handleValidation(s)}return null},"handleValidation"),checkFieldUpdates:Ve,parseFormValues:se,onSubmit:Je,back:De,next:qe,goTo:Ae,meta:{fields:u.current},refetchEmployment:B,employment:c,isEmploymentReadOnly:je}},"useOnboarding");export{st as a};
-//# sourceMappingURL=chunk-EIWJKCKN.js.map

package/dist/chunk-NBGOLNUH.js

@@ -1,2 +0,0 @@
-import{a as p}from"./chunk-G7P5P2TG.js";import{a as i}from"./chunk-C3HJSV4T.js";import{a as f}from"./chunk-GPAE53HO.js";import{a as c}from"./chunk-Q4KOH5ZH.js";import{a as t}from"./chunk-EIWJKCKN.js";import{a as r}from"./chunk-6ACAZ6EG.js";import{a as m}from"./chunk-4J55VB37.js";import{a as s}from"./chunk-BMEK4OFQ.js";import{a}from"./chunk-VN4HDCRB.js";import{a as n}from"./chunk-PGWKJ6FK.js";import{a as e}from"./chunk-P37U34EQ.js";import{useId as I,useState as w}from"react";import{jsx as C}from"react/jsx-runtime";var E=e(({employmentId:d,companyId:S,countryCode:b,type:g="employee",skipSteps:u,render:l,options:B})=>{let O=I(),o=t({companyId:S,countryCode:b,employmentId:d,type:g,options:B,skipSteps:u}),[v,y]=w({showReserveInvoice:!1,showInviteSuccessful:!1});return C(n.Provider,{value:{formId:O,onboardingBag:o,creditScore:v,setCreditScore:y},children:l({onboardingBag:o,components:{BasicInformationStep:r,ContractDetailsStep:s,BenefitsStep:m,SubmitButton:i,BackButton:a,OnboardingInvite:p,SelectCountryStep:c,ReviewStep:f}})})},"OnboardingFlow");export{E as a};
-//# sourceMappingURL=chunk-NBGOLNUH.js.map

package/dist/chunk-NBGOLNUH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/Onboarding/OnboardingFlow.tsx"],"sourcesContent":["import React, { useId, useState } from 'react';\nimport { useOnboarding } from '@/src/flows/Onboarding/hooks';\nimport { BasicInformationStep } from '@/src/flows/Onboarding/BasicInformationStep';\nimport { OnboardingContext } from '@/src/flows/Onboarding/context';\nimport { OnboardingSubmit } from '@/src/flows/Onboarding/OnboardingSubmit';\nimport { OnboardingBack } from '@/src/flows/Onboarding/OnboardingBack';\nimport { OnboardingFlowParams } from '@/src/flows/Onboarding/types';\nimport { OnboardingInvite } from '@/src/flows/Onboarding/OnboardingInvite';\nimport { ContractDetailsStep } from '@/src/flows/Onboarding/ContractDetailsStep';\nimport { BenefitsStep } from '@/src/flows/Onboarding/BenefitsStep';\nimport { SelectCountryStep } from '@/src/flows/Onboarding/SelectCountryStep';\nimport { ReviewStep } from '@/src/flows/Onboarding/ReviewStep';\n\nexport type OnboardingRenderProps = {\n  /**\n   * The onboarding bag returned by the useOnboarding hook.\n   * This bag contains all the methods and properties needed to handle the onboarding flow.\n   * @see {@link useOnboarding}\n   */\n  onboardingBag: ReturnType<typeof useOnboarding>;\n  /**\n   * The components used in the onboarding flow.\n   * This includes different steps, submit button, back button.\n   * @see {@link BasicInformationStep}\n   * @see {@link ContractDetailsStep}\n   * @see {@link OnboardingSubmit}\n   * @see {@link OnboardingBack}\n   * @see {@link OnboardingInvite}\n   * @see {@link BenefitsStep}\n   * @see {@link OnboardingCreateReserve}\n   * @see {@link InvitationSection}\n   * @see {@link SelectCountryStep}\n   * @see {@link ReviewStep}\n   */\n  components: {\n    SubmitButton: typeof OnboardingSubmit;\n    BackButton: typeof OnboardingBack;\n    BasicInformationStep: typeof BasicInformationStep;\n    OnboardingInvite: typeof OnboardingInvite;\n    ContractDetailsStep: typeof ContractDetailsStep;\n    BenefitsStep: typeof BenefitsStep;\n    SelectCountryStep: typeof SelectCountryStep;\n    ReviewStep: typeof ReviewStep;\n  };\n};\n\ntype OnboardingFlowProps = OnboardingFlowParams & {\n  render: ({\n    onboardingBag,\n    components,\n  }: OnboardingRenderProps) => React.ReactNode;\n};\n\nexport const OnboardingFlow = ({\n  employmentId,\n  companyId,\n  countryCode,\n  type = 'employee',\n  skipSteps,\n  render,\n  options,\n}: OnboardingFlowProps) => {\n  const formId = useId();\n  const onboardingBag = useOnboarding({\n    companyId,\n    countryCode,\n    employmentId,\n    type,\n    options,\n    skipSteps,\n  });\n\n  const [creditScore, setCreditScore] = useState<{\n    showReserveInvoice: boolean;\n    showInviteSuccessful: boolean;\n  }>({\n    showReserveInvoice: false,\n    showInviteSuccessful: false,\n  });\n\n  return (\n    <OnboardingContext.Provider\n      value={{\n        formId: formId,\n        onboardingBag,\n        creditScore,\n        setCreditScore: setCreditScore,\n      }}\n    >\n      {render({\n        onboardingBag,\n        components: {\n          BasicInformationStep: BasicInformationStep,\n          ContractDetailsStep: ContractDetailsStep,\n          BenefitsStep: BenefitsStep,\n          SubmitButton: OnboardingSubmit,\n          BackButton: OnboardingBack,\n          OnboardingInvite: OnboardingInvite,\n          SelectCountryStep: SelectCountryStep,\n          ReviewStep: ReviewStep,\n        },\n      })}\n    </OnboardingContext.Provider>\n  );\n};\n"],"mappings":"mbAAA,OAAgB,SAAAA,EAAO,YAAAC,MAAgB,QAiFnC,cAAAC,MAAA,oBA5BG,IAAMC,EAAiBC,EAAA,CAAC,CAC7B,aAAAC,EACA,UAAAC,EACA,YAAAC,EACA,KAAAC,EAAO,WACP,UAAAC,EACA,OAAAC,EACA,QAAAC,CACF,IAA2B,CACzB,IAAMC,EAASC,EAAM,EACfC,EAAgBC,EAAc,CAClC,UAAAT,EACA,YAAAC,EACA,aAAAF,EACA,KAAAG,EACA,QAAAG,EACA,UAAAF,CACF,CAAC,EAEK,CAACO,EAAaC,CAAc,EAAIC,EAGnC,CACD,mBAAoB,GACpB,qBAAsB,EACxB,CAAC,EAED,OACEhB,EAACiB,EAAkB,SAAlB,CACC,MAAO,CACL,OAAQP,EACR,cAAAE,EACA,YAAAE,EACA,eAAgBC,CAClB,EAEC,SAAAP,EAAO,CACN,cAAAI,EACA,WAAY,CACV,qBAAsBM,EACtB,oBAAqBC,EACrB,aAAcC,EACd,aAAcC,EACd,WAAYC,EACZ,iBAAkBC,EAClB,kBAAmBC,EACnB,WAAYC,CACd,CACF,CAAC,EACH,CAEJ,EAnD8B","names":["useId","useState","jsx","OnboardingFlow","__name","employmentId","companyId","countryCode","type","skipSteps","render","options","formId","useId","onboardingBag","useOnboarding","creditScore","setCreditScore","useState","OnboardingContext","BasicInformationStep","ContractDetailsStep","BenefitsStep","OnboardingSubmit","OnboardingBack","OnboardingInvite","SelectCountryStep","ReviewStep"]}