@remoteoss/remote-flows 0.4.0-alpha.4 → 0.4.0-alpha.6

package/README.md

@@ -26,6 +26,37 @@ Welcome to the `@remoteoss/remote-flows` package, a React library that provides
 npm install @remoteoss/remote-flows
 ```
 
+## Development
+
+To run the SDK locally for development:
+
+1. Clone the repository and install dependencies:
+
+```sh
+git clone https://github.com/remoteoss/remote-flows.git
+cd remote-flows
+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
+REMOTE_GATEWAY=https://gateway.partners.remote-sandbox.com # for sandbox
+# REMOTE_GATEWAY=https://gateway.remote.com # for production
+```
+
+3. Start the development server:
+
+```sh
+cd example
+npm run dev
+```
+
+The example app will be available at `http://localhost:3001`. The server handles authentication and proxies API requests to Remote's gateway.
+
 ## Components API
 
 ### RemoteFlows

package/dist/{chunk-OXOB35EA.js → chunk-3IOMT3AE.js}

@@ -1,2 +1,2 @@
-import{a as i}from"./chunk-76JJOA3E.js";import{b as n}from"./chunk-WS3C3WIJ.js";import{a as r}from"./chunk-AYDF3IFZ.js";import l from"react";function S({onSubmit:s,onError:a,onSuccess:m}){let{onboardingBag:t}=n(),p=r(async e=>{try{await s?.(t.parseFormValues(e));let o=await t.onSubmit(e);if(o?.data){await m?.(o.data),t?.next();return}o?.error&&a?.(o.error)}catch(o){a?.(o)}},"handleSubmit");return l.createElement(i,{defaultValues:t.stepState.values?.contract_details||t.initialValues.contract_details,onSubmit:p})}r(S,"ContractDetailsStep");export{S as a};
-//# sourceMappingURL=chunk-OXOB35EA.js.map
+import{a as i}from"./chunk-SCMGXEPG.js";import{b as n}from"./chunk-WS3C3WIJ.js";import{a as r}from"./chunk-AYDF3IFZ.js";import l from"react";function S({onSubmit:s,onError:a,onSuccess:m}){let{onboardingBag:t}=n(),p=r(async e=>{try{await s?.(t.parseFormValues(e));let o=await t.onSubmit(e);if(o?.data){await m?.(o.data),t?.next();return}o?.error&&a?.(o.error)}catch(o){a?.(o)}},"handleSubmit");return l.createElement(i,{defaultValues:t.stepState.values?.contract_details||t.initialValues.contract_details,onSubmit:p})}r(S,"ContractDetailsStep");export{S as a};
+//# sourceMappingURL=chunk-3IOMT3AE.js.map

package/dist/{chunk-KGUR7YMA.js → chunk-43345OYS.js}

@@ -1,2 +1,2 @@
-import{a as r}from"./chunk-MI3HDT5D.js";import{b as m}from"./chunk-DZYFSFZ7.js";import{a as o}from"./chunk-AYDF3IFZ.js";import a from"react";function p({onSubmit:n}){let{terminationBag:i}=m();return a.createElement(r,{onSubmit:o(async t=>{await n?.(i?.parseFormValues(t)),i?.next()},"handleSubmit")})}o(p,"PaidTimeOffForm");export{p as a};
-//# sourceMappingURL=chunk-KGUR7YMA.js.map
+import{a as r}from"./chunk-PZTCP3TY.js";import{b as m}from"./chunk-DZYFSFZ7.js";import{a as o}from"./chunk-AYDF3IFZ.js";import a from"react";function p({onSubmit:n}){let{terminationBag:i}=m();return a.createElement(r,{onSubmit:o(async t=>{await n?.(i?.parseFormValues(t)),i?.next()},"handleSubmit")})}o(p,"PaidTimeOffForm");export{p as a};
+//# sourceMappingURL=chunk-43345OYS.js.map

package/dist/{chunk-FNTHWOZU.js → chunk-4KIKAZNO.js}

@@ -1,2 +1,2 @@
-import{a}from"./chunk-76JJOA3E.js";import{b as s}from"./chunk-WS3C3WIJ.js";import{d as i}from"./chunk-N25EBX6R.js";import{a as t}from"./chunk-AYDF3IFZ.js";import d from"react";function v({components:m,onSubmit:p,onError:r,onSuccess:f}){let{onboardingBag:e}=s(),u=e.fields??[],c=i(u,e.initialValues.benefits);return d.createElement(a,{defaultValues:c,components:m,onSubmit:t(async n=>{try{await p?.(n);let o=await e.onSubmit(n);if(o?.data){await f?.(o.data),e?.next();return}o?.error&&r?.(o.error)}catch(o){r?.(o)}},"handleSubmit")})}t(v,"BenefitsStep");export{v as a};
-//# sourceMappingURL=chunk-FNTHWOZU.js.map
+import{a}from"./chunk-SCMGXEPG.js";import{b as s}from"./chunk-WS3C3WIJ.js";import{d as i}from"./chunk-TPRGCMIZ.js";import{a as t}from"./chunk-AYDF3IFZ.js";import d from"react";function v({components:m,onSubmit:p,onError:r,onSuccess:f}){let{onboardingBag:e}=s(),u=e.fields??[],c=i(u,e.initialValues.benefits);return d.createElement(a,{defaultValues:c,components:m,onSubmit:t(async n=>{try{await p?.(n);let o=await e.onSubmit(n);if(o?.data){await f?.(o.data),e?.next();return}o?.error&&r?.(o.error)}catch(o){r?.(o)}},"handleSubmit")})}t(v,"BenefitsStep");export{v as a};
+//# sourceMappingURL=chunk-4KIKAZNO.js.map

package/dist/{chunk-GLCG6IVW.js → chunk-4PNVFAMJ.js}

@@ -1,2 +1,2 @@
-import{a as m}from"./chunk-KSGPQCSG.js";import{a as n}from"./chunk-WEIRXEXU.js";import{a as e}from"./chunk-PBUHBIVK.js";import{a as T}from"./chunk-WZ5AXHQT.js";import{a}from"./chunk-T3PTQ4QM.js";import{a as f}from"./chunk-KGUR7YMA.js";import{a as r}from"./chunk-YOC3VDC7.js";import{a as p}from"./chunk-QOXOAPGX.js";import{a as t}from"./chunk-DZYFSFZ7.js";import{a as i}from"./chunk-AYDF3IFZ.js";import c,{useId as u}from"react";var k=i(({employmentId:d,render:s,options:l})=>{let y=u(),o=e({employmentId:d,options:l});return c.createElement(t.Provider,{value:{formId:y,terminationBag:o}},s({terminationBag:o,components:{SubmitButton:m,TimeOff:n,Back:r,EmployeeComunicationStep:a,TerminationDetailsStep:p,PaidTimeOffStep:f,AdditionalDetailsStep:T}}))},"TerminationFlow");export{k as a};
-//# sourceMappingURL=chunk-GLCG6IVW.js.map
+import{a as m}from"./chunk-KSGPQCSG.js";import{a as n}from"./chunk-WEIRXEXU.js";import{a as e}from"./chunk-VUCFEWCR.js";import{a as T}from"./chunk-TGYPE2O2.js";import{a}from"./chunk-MCGCUNZW.js";import{a as f}from"./chunk-43345OYS.js";import{a as r}from"./chunk-YOC3VDC7.js";import{a as p}from"./chunk-GHOJ3LWH.js";import{a as t}from"./chunk-DZYFSFZ7.js";import{a as i}from"./chunk-AYDF3IFZ.js";import c,{useId as u}from"react";var k=i(({employmentId:d,render:s,options:l})=>{let y=u(),o=e({employmentId:d,options:l});return c.createElement(t.Provider,{value:{formId:y,terminationBag:o}},s({terminationBag:o,components:{SubmitButton:m,TimeOff:n,Back:r,EmployeeComunicationStep:a,TerminationDetailsStep:p,PaidTimeOffStep:f,AdditionalDetailsStep:T}}))},"TerminationFlow");export{k as a};
+//# sourceMappingURL=chunk-4PNVFAMJ.js.map

package/dist/chunk-76MP23BL.js

@@ -0,0 +1,2 @@
+import{a as w,b as B,c as I}from"./chunk-CVGR3FDH.js";import{a as R,b as M,c as A,f as N,g as U,h as J,i as x,j as H,l as j}from"./chunk-YM5PKRUW.js";import{a as f}from"./chunk-JRQSZHUU.js";import{a as L}from"./chunk-2URGWNSM.js";import{c as u,d as p}from"./chunk-TPRGCMIZ.js";import{a}from"./chunk-AYDF3IFZ.js";import{useRef as _e,useState as v}from"react";import ge from"lodash.mergewith";var be={employment_basic_information:"basic_information",contract_details:"contract_details"},Ee={select_country:null,basic_information:"employment_basic_information",contract_details:"contract_details",benefits:null,review:null},Le=a(({employmentId:_,companyId:W,countryCode:g,type:q,options:y})=>{let b=_e({}),[n,D]=v(_),[r,K]=v(g||null),{data:i,isLoading:Y}=R(_),{data:z,isLoading:G}=A(n),{data:E,isLoading:Q}=M(W),X=g?B:w,{fieldValues:l,stepState:e,setFieldValues:Z,previousStep:$,nextStep:ee,goToStep:te}=L(X),{selectCountryForm:S,isLoading:ne}=j(y),F=J(),h=x(),P=H(),{mutateAsync:oe}=f(F),{mutateAsync:T}=f(h),{mutateAsync:ae}=f(P),O=Ee[e.currentStep.name]||"employment_basic_information",re=be[O],se=i?.data?.data?.employment?.[re]||{},{data:s,isLoading:ie}=N({countryCode:r,form:O,fieldValues:Object.keys(l).length>0?{...e.values?.[e.currentStep.name],...l}:se,options:y,enabled:!!(e.currentStep.name!=="select_country"&&r)}),{data:d,isLoading:me}=U(n,l,y),ce={...e.values?.[e.currentStep.name],...l},le=e.currentStep.name==="benefits"?ge({},z,ce):{},m={select_country:S?.fields||[],basic_information:s?.fields||[],contract_details:s?.fields||[],benefits:d?.fields||[],review:[]},de={select_country:p(m[e.currentStep.name],{country:r||i?.data.data.employment?.country.code||""}),basic_information:p(m[e.currentStep.name],i?.data?.data.employment?.basic_information||{}),contract_details:p(m[e.currentStep.name],i?.data?.data.employment?.contract_details||{}),benefits:le||{}};function V(t){return S&&e.currentStep.name==="select_country"?t:s&&e.currentStep.name!=="select_country"?u(t,s?.fields,{isPartialValidation:!0}):{}}a(V,"parseFormValues");async function ue(t){b.current[e.currentStep.name]=I(t,m[e.currentStep.name]);let o=V(t);switch(e.currentStep.name){case"select_country":return K(o.country),Promise.resolve({data:{countryCode:o.country}});case"basic_information":{let C=!n&&r,Se=n&&r&&i?.data?.data?.employment?.country&&i?.data?.data?.employment?.country.code!==r;if(C||Se){let k={basic_information:o,type:q,country_code:r};try{console.log("Creating employment with payload:",k);let c=await oe(k);return D(c.data?.data?.employment?.id),c}catch(c){throw console.error("Error creating onboarding:",c),c}}else if(n)return T({employmentId:n,basic_information:o,pricing_plan_details:{frequency:"monthly"}});return}case"contract_details":return T({employmentId:n,...{contract_details:o}});case"benefits":return ae({employmentId:n,...t})}}a(ue,"onSubmit");function pe(){$()}a(pe,"back");function fe(){ee()}a(fe,"next");function ye(t){te(t)}return a(ye,"goTo"),{employmentId:n,creditRiskStatus:E?.default_legal_entity_credit_risk_status,owner_id:E?.company_owner_user_id,stepState:e,fields:m[e.currentStep.name],isLoading:ie||Y||me||G||Q||ne,isSubmitting:F.isPending||h.isPending||P.isPending,initialValues:de,handleValidation:a(t=>{if(e.currentStep.name==="select_country")return S.handleValidation(t);if(e.currentStep.name==="benefits"&&d){let o=u(t,d?.fields);return d?.handleValidation(o)}if(s){let o=u(t,s?.fields);return s?.handleValidation(o)}return null},"handleValidation"),checkFieldUpdates:Z,parseFormValues:V,onSubmit:ue,back:pe,next:fe,goTo:ye,meta:{fields:b.current}}},"useOnboarding");export{Le as a};
+//# sourceMappingURL=chunk-76MP23BL.js.map

package/dist/chunk-76MP23BL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/Onboarding/hooks.ts"],"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  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 { OnboardingFlowParams } from '@/src/flows/Onboarding/types';\nimport { 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 { JSONSchemaFormType } from '@/src/flows/types';\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\nexport const useOnboarding = ({\n  employmentId,\n  companyId,\n  countryCode,\n  type,\n  options,\n}: OnboardingHookProps) => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const fieldsMetaRef = useRef<Record<string, any>>({});\n  const [internalEmploymentId, setInternalEmploymentId] = useState<\n    string | undefined\n  >(employmentId);\n  const [internalCountryCode, setInternalCountryCode] = useState<string | null>(\n    countryCode || null,\n  );\n  const { data: employment, isLoading: isLoadingEmployment } =\n    useEmployment(employmentId);\n\n  const { data: benefitOffers, isLoading: isLoadingBenefitOffers } =\n    useBenefitOffers(internalEmploymentId);\n  const { data: company, isLoading: isLoadingCompany } = useCompany(companyId);\n  const stepsToUse = countryCode ? STEPS_WITHOUT_SELECT_COUNTRY : STEPS;\n\n  const {\n    fieldValues,\n    stepState,\n    setFieldValues,\n    previousStep,\n    nextStep,\n    goToStep,\n  } = useStepState(\n    stepsToUse as Record<keyof typeof STEPS, Step<keyof typeof STEPS>>,\n  );\n\n  const { selectCountryForm, isLoading: isLoadingCountries } =\n    useCountriesSchemaField(options);\n\n  const createEmploymentMutation = useCreateEmployment();\n  const updateEmploymentMutation = useUpdateEmployment();\n  const updateBenefitsOffersMutation = useUpdateBenefitsOffers();\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?.data?.data?.employment?.[\n    employmentKey\n  ] || {}) as Record<string, unknown>;\n\n  const { data: onboardingForm, isLoading: isLoadingBasicInformation } =\n    useJSONSchemaForm({\n      countryCode: internalCountryCode as string,\n      form: formType,\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: options,\n      enabled: Boolean(\n        stepState.currentStep.name !== 'select_country' && internalCountryCode,\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 benefitsFormValues = {\n    ...stepState.values?.[stepState.currentStep.name as keyof typeof STEPS], // Restore values for the current step\n    ...fieldValues,\n  };\n\n  const initialValuesBenefitOffers =\n    stepState.currentStep.name === 'benefits'\n      ? mergeWith({}, benefitOffers, benefitsFormValues)\n      : {};\n\n  const stepFields: Record<keyof typeof STEPS, Fields> = {\n    select_country: selectCountryForm?.fields || [],\n    basic_information: onboardingForm?.fields || [],\n    contract_details: onboardingForm?.fields || [],\n    benefits: benefitOffersSchema?.fields || [],\n    review: [],\n  };\n\n  const initialValues = {\n    select_country: getInitialValues(stepFields[stepState.currentStep.name], {\n      country:\n        internalCountryCode ||\n        employment?.data.data.employment?.country.code ||\n        '',\n    }),\n    basic_information: getInitialValues(\n      stepFields[stepState.currentStep.name],\n      employment?.data?.data.employment?.basic_information || {},\n    ),\n    contract_details: getInitialValues(\n      stepFields[stepState.currentStep.name],\n      employment?.data?.data.employment?.contract_details || {},\n    ),\n    benefits: initialValuesBenefitOffers || {},\n  };\n\n  function parseFormValues(values: FieldValues) {\n    if (selectCountryForm && stepState.currentStep.name === 'select_country') {\n      return values;\n    }\n    if (onboardingForm && stepState.currentStep.name !== 'select_country') {\n      return parseJSFToValidate(values, onboardingForm?.fields, {\n        isPartialValidation: true,\n      });\n    }\n    return {};\n  }\n\n  async function onSubmit(values: FieldValues) {\n    // Prettify values for the current step\n    fieldsMetaRef.current[stepState.currentStep.name] = prettifyFormValues(\n      values,\n      stepFields[stepState.currentStep.name],\n    );\n\n    const parsedValues = parseFormValues(values);\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?.data?.data?.employment?.country &&\n          employment?.data?.data?.employment?.country.code !==\n            internalCountryCode;\n        if (isEmploymentNotLoaded || hasChangedCountry) {\n          const payload: EmploymentCreateParams = {\n            basic_information: parsedValues,\n            type: type,\n            country_code: internalCountryCode,\n          };\n          try {\n            console.log('Creating employment with payload:', payload);\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        };\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    owner_id: company?.company_owner_user_id,\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:\n      isLoadingBasicInformation ||\n      isLoadingEmployment ||\n      isLoadingBenefitsOffersSchema ||\n      isLoadingBenefitOffers ||\n      isLoadingCompany ||\n      isLoadingCountries,\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 (onboardingForm) {\n        const parsedValues = parseJSFToValidate(values, onboardingForm?.fields);\n        return onboardingForm?.handleValidation(parsedValues);\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"],"mappings":"wTAoBA,OAAS,UAAAA,GAAQ,YAAAC,MAAgB,QACjC,OAAOC,OAAe,mBAgBtB,IAAMC,GAEF,CACF,6BAA8B,oBAC9B,iBAAkB,kBACpB,EAEMC,GAGF,CACF,eAAgB,KAChB,kBAAmB,+BACnB,iBAAkB,mBAClB,SAAU,KACV,OAAQ,IACV,EAEaC,GAAgBC,EAAA,CAAC,CAC5B,aAAAC,EACA,UAAAC,EACA,YAAAC,EACA,KAAAC,EACA,QAAAC,CACF,IAA2B,CAEzB,IAAMC,EAAgBC,GAA4B,CAAC,CAAC,EAC9C,CAACC,EAAsBC,CAAuB,EAAIC,EAEtDT,CAAY,EACR,CAACU,EAAqBC,CAAsB,EAAIF,EACpDP,GAAe,IACjB,EACM,CAAE,KAAMU,EAAY,UAAWC,CAAoB,EACvDC,EAAcd,CAAY,EAEtB,CAAE,KAAMe,EAAe,UAAWC,CAAuB,EAC7DC,EAAiBV,CAAoB,EACjC,CAAE,KAAMW,EAAS,UAAWC,CAAiB,EAAIC,EAAWnB,CAAS,EACrEoB,EAAanB,EAAcoB,EAA+BC,EAE1D,CACJ,YAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,SAAAC,GACA,SAAAC,EACF,EAAIC,EACFT,CACF,EAEM,CAAE,kBAAAU,EAAmB,UAAWC,EAAmB,EACvDC,EAAwB7B,CAAO,EAE3B8B,EAA2BC,EAAoB,EAC/CC,EAA2BC,EAAoB,EAC/CC,EAA+BC,EAAwB,EACvD,CAAE,YAAaC,EAA8B,EAAIC,EACrDP,CACF,EACM,CAAE,YAAaQ,CAA8B,EAAID,EACrDL,CACF,EACM,CAAE,YAAaO,EAAkC,EAAIF,EACzDH,CACF,EAEMM,EACJ/C,GAAoB4B,EAAU,YAAY,IAAI,GAC9C,+BACIoB,GAAgBjD,GAAuBgD,CAAQ,EAC/CE,GAAwBlC,GAAY,MAAM,MAAM,aACpDiC,EACF,GAAK,CAAC,EAEA,CAAE,KAAME,EAAgB,UAAWC,EAA0B,EACjEC,EAAkB,CAChB,YAAavC,EACb,KAAMkC,EACN,YACE,OAAO,KAAKpB,CAAW,EAAE,OAAS,EAC9B,CACE,GAAGC,EAAU,SAASA,EAAU,YAAY,IAAI,EAChD,GAAGD,CACL,EACAsB,GACN,QAAS1C,EACT,QAAS,GACPqB,EAAU,YAAY,OAAS,kBAAoBf,EAEvD,CAAC,EAEG,CACJ,KAAMwC,EACN,UAAWC,EACb,EAAIC,EACF7C,EACAiB,EACApB,CACF,EAEMiD,GAAqB,CACzB,GAAG5B,EAAU,SAASA,EAAU,YAAY,IAA0B,EACtE,GAAGD,CACL,EAEM8B,GACJ7B,EAAU,YAAY,OAAS,WAC3B8B,GAAU,CAAC,EAAGxC,EAAesC,EAAkB,EAC/C,CAAC,EAEDG,EAAiD,CACrD,eAAgBzB,GAAmB,QAAU,CAAC,EAC9C,kBAAmBgB,GAAgB,QAAU,CAAC,EAC9C,iBAAkBA,GAAgB,QAAU,CAAC,EAC7C,SAAUG,GAAqB,QAAU,CAAC,EAC1C,OAAQ,CAAC,CACX,EAEMO,GAAgB,CACpB,eAAgBC,EAAiBF,EAAW/B,EAAU,YAAY,IAAI,EAAG,CACvE,QACEf,GACAE,GAAY,KAAK,KAAK,YAAY,QAAQ,MAC1C,EACJ,CAAC,EACD,kBAAmB8C,EACjBF,EAAW/B,EAAU,YAAY,IAAI,EACrCb,GAAY,MAAM,KAAK,YAAY,mBAAqB,CAAC,CAC3D,EACA,iBAAkB8C,EAChBF,EAAW/B,EAAU,YAAY,IAAI,EACrCb,GAAY,MAAM,KAAK,YAAY,kBAAoB,CAAC,CAC1D,EACA,SAAU0C,IAA8B,CAAC,CAC3C,EAEA,SAASK,EAAgBC,EAAqB,CAC5C,OAAI7B,GAAqBN,EAAU,YAAY,OAAS,iBAC/CmC,EAELb,GAAkBtB,EAAU,YAAY,OAAS,iBAC5CoC,EAAmBD,EAAQb,GAAgB,OAAQ,CACxD,oBAAqB,EACvB,CAAC,EAEI,CAAC,CACV,CAVShD,EAAA4D,EAAA,mBAYT,eAAeG,GAASF,EAAqB,CAE3CvD,EAAc,QAAQoB,EAAU,YAAY,IAAI,EAAIsC,EAClDH,EACAJ,EAAW/B,EAAU,YAAY,IAAI,CACvC,EAEA,IAAMuC,EAAeL,EAAgBC,CAAM,EAC3C,OAAQnC,EAAU,YAAY,KAAM,CAClC,IAAK,iBACH,OAAAd,EAAuBqD,EAAa,OAAO,EACpC,QAAQ,QAAQ,CAAE,KAAM,CAAE,YAAaA,EAAa,OAAQ,CAAE,CAAC,EAExE,IAAK,oBAAqB,CACxB,IAAMC,EACJ,CAAC1D,GAAwBG,EACrBwD,GACJ3D,GACAG,GACAE,GAAY,MAAM,MAAM,YAAY,SACpCA,GAAY,MAAM,MAAM,YAAY,QAAQ,OAC1CF,EACJ,GAAIuD,GAAyBC,GAAmB,CAC9C,IAAMC,EAAkC,CACtC,kBAAmBH,EACnB,KAAM7D,EACN,aAAcO,CAChB,EACA,GAAI,CACF,QAAQ,IAAI,oCAAqCyD,CAAO,EACxD,IAAMC,EAAW,MAAM5B,GAA8B2B,CAAO,EAC5D,OAAA3D,EAEE4D,EAAS,MAAM,MAAM,YAAY,EACnC,EACOA,CACT,OAASC,EAAO,CACd,cAAQ,MAAM,6BAA8BA,CAAK,EAC3CA,CACR,CACF,SAAW9D,EACT,OAAOmC,EAA8B,CACnC,aAAcnC,EACd,kBAAmByD,EACnB,qBAAsB,CACpB,UAAW,SACb,CACF,CAAC,EAGH,MACF,CACA,IAAK,mBAIH,OAAOtB,EAA8B,CACnC,aAAcnC,EACd,GALoC,CACpC,iBAAkByD,CACpB,CAIA,CAAC,EAGH,IAAK,WACH,OAAOrB,GAAkC,CACvC,aAAcpC,EACd,GAAGqD,CACL,CAAC,CAEL,CAEF,CAtEe7D,EAAA+D,GAAA,YAwEf,SAASQ,IAAO,CACd3C,EAAa,CACf,CAFS5B,EAAAuE,GAAA,QAIT,SAASC,IAAO,CACd3C,GAAS,CACX,CAFS7B,EAAAwE,GAAA,QAIT,SAASC,GAAKC,EAA0B,CACtC5C,GAAS4C,CAAI,CACf,CAFS,OAAA1E,EAAAyE,GAAA,QAIF,CAIL,aAAcjE,EAcd,iBAAkBW,GAAS,wCAE3B,SAAUA,GAAS,sBAInB,UAAAO,EAIA,OAAQ+B,EAAW/B,EAAU,YAAY,IAAI,EAI7C,UACEuB,IACAnC,GACAsC,IACAnC,GACAG,GACAa,GAIF,aACEE,EAAyB,WACzBE,EAAyB,WACzBE,EAA6B,UAI/B,cAAAmB,GAMA,iBAAkB1D,EAAC6D,GAAwB,CACzC,GAAInC,EAAU,YAAY,OAAS,iBACjC,OAAOM,EAAkB,iBAAiB6B,CAAM,EAElD,GAAInC,EAAU,YAAY,OAAS,YAAcyB,EAAqB,CACpE,IAAMc,EAAeH,EACnBD,EACAV,GAAqB,MACvB,EAEA,OAAOA,GAAqB,iBAAiBc,CAAY,CAC3D,CACA,GAAIjB,EAAgB,CAClB,IAAMiB,EAAeH,EAAmBD,EAAQb,GAAgB,MAAM,EACtE,OAAOA,GAAgB,iBAAiBiB,CAAY,CACtD,CACA,OAAO,IACT,EAjBkB,oBAsBlB,kBAAmBtC,EAOnB,gBAAAiC,EAOA,SAAAG,GAMA,KAAAQ,GAMA,KAAAC,GAOA,KAAAC,GAKA,KAAM,CACJ,OAAQnE,EAAc,OACxB,CACF,CACF,EA/U6B","names":["useRef","useState","mergeWith","jsonSchemaToEmployment","stepToFormSchemaMap","useOnboarding","__name","employmentId","companyId","countryCode","type","options","fieldsMetaRef","useRef","internalEmploymentId","setInternalEmploymentId","useState","internalCountryCode","setInternalCountryCode","employment","isLoadingEmployment","useEmployment","benefitOffers","isLoadingBenefitOffers","useBenefitOffers","company","isLoadingCompany","useCompany","stepsToUse","STEPS_WITHOUT_SELECT_COUNTRY","STEPS","fieldValues","stepState","setFieldValues","previousStep","nextStep","goToStep","useStepState","selectCountryForm","isLoadingCountries","useCountriesSchemaField","createEmploymentMutation","useCreateEmployment","updateEmploymentMutation","useUpdateEmployment","updateBenefitsOffersMutation","useUpdateBenefitsOffers","createEmploymentMutationAsync","mutationToPromise","updateEmploymentMutationAsync","updateBenefitsOffersMutationAsync","formType","employmentKey","serverEmploymentData","onboardingForm","isLoadingBasicInformation","useJSONSchemaForm","benefitOffersSchema","isLoadingBenefitsOffersSchema","useBenefitOffersSchema","benefitsFormValues","initialValuesBenefitOffers","mergeWith","stepFields","initialValues","getInitialValues","parseFormValues","values","parseJSFToValidate","onSubmit","prettifyFormValues","parsedValues","isEmploymentNotLoaded","hasChangedCountry","payload","response","error","back","next","goTo","step"]}

package/dist/chunk-AU36GYLZ.js

@@ -0,0 +1,2 @@
+import{a as p}from"./chunk-T4GDGH4D.js";import{a as i}from"./chunk-MHKNAQLP.js";import{a as f}from"./chunk-T5UW2DG3.js";import{a as n}from"./chunk-76MP23BL.js";import{a as r}from"./chunk-JDDP3DHS.js";import{a as d}from"./chunk-4KIKAZNO.js";import{a as m}from"./chunk-3IOMT3AE.js";import{a}from"./chunk-M7WCW7WD.js";import{a as e}from"./chunk-WS3C3WIJ.js";import{a as t}from"./chunk-AYDF3IFZ.js";import u,{useId as y}from"react";var D=t(({employmentId:s,companyId:b,countryCode:g,type:c="employee",render:S,options:B})=>{let O=y(),o=n({companyId:b,countryCode:g,employmentId:s,type:c,options:B});return u.createElement(e.Provider,{value:{formId:O,onboardingBag:o}},S({onboardingBag:o,components:{BasicInformationStep:r,ContractDetailsStep:m,BenefitsStep:d,SubmitButton:i,BackButton:a,OnboardingInvite:p,SelectCountryStep:f}}))},"OnboardingFlow");export{D as a};
+//# sourceMappingURL=chunk-AU36GYLZ.js.map

package/dist/{chunk-CXIHR6DZ.js.map → chunk-AU36GYLZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/flows/Onboarding/OnboardingFlow.tsx"],"sourcesContent":["import React, { useId } 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';\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   */\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  };\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  type = 'employee',\n  render,\n  options,\n}: OnboardingFlowProps) => {\n  const formId = useId();\n  const onboardingBag = useOnboarding({\n    companyId,\n    employmentId,\n    type,\n    options,\n  });\n\n  return (\n    <OnboardingContext.Provider\n      value={{\n        formId: formId,\n        onboardingBag,\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        },\n      })}\n    </OnboardingContext.Provider>\n  );\n};\n"],"mappings":"2YAAA,OAAOA,GAAS,SAAAC,MAAa,QAiDtB,IAAMC,EAAiBC,EAAA,CAAC,CAC7B,aAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,WACP,OAAAC,EACA,QAAAC,CACF,IAA2B,CACzB,IAAMC,EAASC,EAAM,EACfC,EAAgBC,EAAc,CAClC,UAAAP,EACA,aAAAD,EACA,KAAAE,EACA,QAAAE,CACF,CAAC,EAED,OACEK,EAAA,cAACC,EAAkB,SAAlB,CACC,MAAO,CACL,OAAQL,EACR,cAAAE,CACF,GAECJ,EAAO,CACN,cAAAI,EACA,WAAY,CACV,qBAAsBI,EACtB,oBAAqBC,EACrB,aAAcC,EACd,aAAcC,EACd,WAAYC,EACZ,iBAAkBC,EAClB,kBAAmBC,CACrB,CACF,CAAC,CACH,CAEJ,EApC8B","names":["React","useId","OnboardingFlow","__name","employmentId","companyId","type","render","options","formId","useId","onboardingBag","useOnboarding","React","OnboardingContext","BasicInformationStep","ContractDetailsStep","BenefitsStep","OnboardingSubmit","OnboardingBack","OnboardingInvite","SelectCountryStep"]}
+{"version":3,"sources":["../src/flows/Onboarding/OnboardingFlow.tsx"],"sourcesContent":["import React, { useId } 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';\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   */\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  };\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  render,\n  options,\n}: OnboardingFlowProps) => {\n  const formId = useId();\n  const onboardingBag = useOnboarding({\n    companyId,\n    countryCode,\n    employmentId,\n    type,\n    options,\n  });\n\n  return (\n    <OnboardingContext.Provider\n      value={{\n        formId: formId,\n        onboardingBag,\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        },\n      })}\n    </OnboardingContext.Provider>\n  );\n};\n"],"mappings":"2YAAA,OAAOA,GAAS,SAAAC,MAAa,QAiDtB,IAAMC,EAAiBC,EAAA,CAAC,CAC7B,aAAAC,EACA,UAAAC,EACA,YAAAC,EACA,KAAAC,EAAO,WACP,OAAAC,EACA,QAAAC,CACF,IAA2B,CACzB,IAAMC,EAASC,EAAM,EACfC,EAAgBC,EAAc,CAClC,UAAAR,EACA,YAAAC,EACA,aAAAF,EACA,KAAAG,EACA,QAAAE,CACF,CAAC,EAED,OACEK,EAAA,cAACC,EAAkB,SAAlB,CACC,MAAO,CACL,OAAQL,EACR,cAAAE,CACF,GAECJ,EAAO,CACN,cAAAI,EACA,WAAY,CACV,qBAAsBI,EACtB,oBAAqBC,EACrB,aAAcC,EACd,aAAcC,EACd,WAAYC,EACZ,iBAAkBC,EAClB,kBAAmBC,CACrB,CACF,CAAC,CACH,CAEJ,EAtC8B","names":["React","useId","OnboardingFlow","__name","employmentId","companyId","countryCode","type","render","options","formId","useId","onboardingBag","useOnboarding","React","OnboardingContext","BasicInformationStep","ContractDetailsStep","BenefitsStep","OnboardingSubmit","OnboardingBack","OnboardingInvite","SelectCountryStep"]}

package/dist/chunk-CVGR3FDH.js

@@ -0,0 +1,2 @@
+import{a as s}from"./chunk-AYDF3IFZ.js";var c={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"}},d={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,i])=>{if(i===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(r=>r.value===i);return n?[t,{prettyValue:n?.label,label:e?.label}]:void 0}if(e?.type==="checkbox"&&e?.const)return[t,{prettyValue:!0,label:e.label}];if(e?.type==="countries"&&Array.isArray(i))return[t,{prettyValue:i.join(),label:e.label}];if(e?.type==="fieldset"){let n=l(i,e.fields);if(!n.label&&n.value){let r={...n.value,label:e.label};return[t,r]}return[t,n]}if(e)return[t,{prettyValue:i,label:e.label}]}).filter(Boolean)):{}}s(l,"prettifyFormValues");export{c as a,d as b,l as c};
+//# sourceMappingURL=chunk-CVGR3FDH.js.map

package/dist/chunk-CVGR3FDH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/Onboarding/utils.ts"],"sourcesContent":["import { 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 [key, { prettyValue: option?.label, label: field?.label }];\n          }\n          return;\n        }\n\n        if (field?.type === 'checkbox' && field?.const) {\n          return [key, { prettyValue: true, label: field.label }];\n        }\n\n        if (field?.type === 'countries' && Array.isArray(value)) {\n          return [key, { prettyValue: value.join(), label: field.label }];\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            };\n            return [key, prettyValue];\n          }\n\n          return [key, prettiedFieldset];\n        }\n\n        if (field) {\n          return [key, { prettyValue: value, label: field.label }];\n        }\n      })\n      .filter(Boolean),\n  );\n}\n"],"mappings":"wCAUO,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,CAACH,EAAK,CAAE,YAAaG,GAAQ,MAAO,MAAOD,GAAO,KAAM,CAAC,EAElE,MACF,CAEA,GAAIA,GAAO,OAAS,YAAcA,GAAO,MACvC,MAAO,CAACF,EAAK,CAAE,YAAa,GAAM,MAAOE,EAAM,KAAM,CAAC,EAGxD,GAAIA,GAAO,OAAS,aAAe,MAAM,QAAQD,CAAK,EACpD,MAAO,CAACD,EAAK,CAAE,YAAaC,EAAM,KAAK,EAAG,MAAOC,EAAM,KAAM,CAAC,EAGhE,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,KACf,EACA,MAAO,CAACF,EAAKK,CAAW,CAC1B,CAEA,MAAO,CAACL,EAAKI,CAAgB,CAC/B,CAEA,GAAIF,EACF,MAAO,CAACF,EAAK,CAAE,YAAaC,EAAO,MAAOC,EAAM,KAAM,CAAC,CAE3D,CAAC,EACA,OAAO,OAAO,CACnB,EA3DS,CAAC,CA4DZ,CAjEgBI,EAAAT,EAAA","names":["STEPS","STEPS_WITHOUT_SELECT_COUNTRY","prettifyFormValues","values","fields","key","value","field","option","prettiedFieldset","prettyValue","__name"]}

package/dist/{chunk-JT5XHQEY.js → chunk-EWUUVK2K.js}

@@ -1,2 +1,2 @@
-import{a as p}from"./chunk-U3I3TJKB.js";import{b as l}from"./chunk-A4RX3KRZ.js";import{a as f}from"./chunk-IDSJI7KQ.js";import{c as u}from"./chunk-N25EBX6R.js";import{b as F}from"./chunk-6HGUGIYJ.js";import{a as r}from"./chunk-AYDF3IFZ.js";import a,{useEffect as P}from"react";import{useForm as w}from"react-hook-form";var k=["effective_date","reason_for_change","reason_for_change_description","additional_comments","additional_comments_toggle"];function U({onSubmit:_,onError:m,onSuccess:b}){let{formId:A,contractAmendment:{checkFieldUpdates:C,fields:s,onSubmit:h,stepState:S,initialValues:i,handleValidation:g}}=F(),y=l(g),e=w({resolver:y,defaultValues:S.values?.form||i,shouldUnregister:!0,mode:"onBlur"});P(()=>{let t=e?.watch(o=>{(Object.keys(e.formState.dirtyFields).length>0||e.formState.isDirty)&&C(o)});return()=>t?.unsubscribe()},[]);let V=r(async t=>{let o=!1;for(let[c,v]of Object.entries(t))if(!k.includes(c)&&i[c]!==v){o=!0;break}if(!o)return m?.({message:"no_changes_detected_contract_details"});let d=u(t,s,{isPartialValidation:!1});await _?.(d);let n=await h(t);n.error?m?.(n.error):await b?.(n.data)},"handleSubmit");return a.createElement(f,{...e},a.createElement("form",{id:A,"data-testid":"contract-amendment-form",onSubmit:e.handleSubmit(V),className:"space-y-4 RemoteFlows__ContractAmendmentForm"},a.createElement(p,{fields:s})))}r(U,"ContractAmendmentForm");export{U as a};
-//# sourceMappingURL=chunk-JT5XHQEY.js.map
+import{a as p}from"./chunk-N4L6QFI4.js";import{b as l}from"./chunk-A4RX3KRZ.js";import{a as f}from"./chunk-IDSJI7KQ.js";import{c as u}from"./chunk-TPRGCMIZ.js";import{b as F}from"./chunk-6HGUGIYJ.js";import{a as r}from"./chunk-AYDF3IFZ.js";import a,{useEffect as P}from"react";import{useForm as w}from"react-hook-form";var k=["effective_date","reason_for_change","reason_for_change_description","additional_comments","additional_comments_toggle"];function U({onSubmit:_,onError:m,onSuccess:b}){let{formId:A,contractAmendment:{checkFieldUpdates:C,fields:s,onSubmit:h,stepState:S,initialValues:i,handleValidation:g}}=F(),y=l(g),e=w({resolver:y,defaultValues:S.values?.form||i,shouldUnregister:!0,mode:"onBlur"});P(()=>{let t=e?.watch(o=>{(Object.keys(e.formState.dirtyFields).length>0||e.formState.isDirty)&&C(o)});return()=>t?.unsubscribe()},[]);let V=r(async t=>{let o=!1;for(let[c,v]of Object.entries(t))if(!k.includes(c)&&i[c]!==v){o=!0;break}if(!o)return m?.({message:"no_changes_detected_contract_details"});let d=u(t,s,{isPartialValidation:!1});await _?.(d);let n=await h(t);n.error?m?.(n.error):await b?.(n.data)},"handleSubmit");return a.createElement(f,{...e},a.createElement("form",{id:A,"data-testid":"contract-amendment-form",onSubmit:e.handleSubmit(V),className:"space-y-4 RemoteFlows__ContractAmendmentForm"},a.createElement(p,{fields:s})))}r(U,"ContractAmendmentForm");export{U as a};
+//# sourceMappingURL=chunk-EWUUVK2K.js.map

package/dist/{chunk-QOXOAPGX.js → chunk-GHOJ3LWH.js}

@@ -1,2 +1,2 @@
-import{a as m}from"./chunk-MI3HDT5D.js";import{b as r}from"./chunk-DZYFSFZ7.js";import{a as o}from"./chunk-AYDF3IFZ.js";import a from"react";function p({onSubmit:n}){let{terminationBag:i}=r();return a.createElement(m,{onSubmit:o(async t=>{await n?.(i?.parseFormValues(t)),i?.next()},"handleSubmit")})}o(p,"TerminationDetailsForm");export{p as a};
-//# sourceMappingURL=chunk-QOXOAPGX.js.map
+import{a as m}from"./chunk-PZTCP3TY.js";import{b as r}from"./chunk-DZYFSFZ7.js";import{a as o}from"./chunk-AYDF3IFZ.js";import a from"react";function p({onSubmit:n}){let{terminationBag:i}=r();return a.createElement(m,{onSubmit:o(async t=>{await n?.(i?.parseFormValues(t)),i?.next()},"handleSubmit")})}o(p,"TerminationDetailsForm");export{p as a};
+//# sourceMappingURL=chunk-GHOJ3LWH.js.map

package/dist/{chunk-PX72OIDO.js → chunk-HCAVC2KN.js}

@@ -1,2 +1,2 @@
-import{a as l}from"./chunk-OLJ2S6A6.js";import{d as s,e}from"./chunk-7CP4PNU4.js";import{b as a}from"./chunk-A4RX3KRZ.js";import{a as r}from"./chunk-AYDF3IFZ.js";import g,{useId as y}from"react";import{useForm as p}from"react-hook-form";var v=r(({estimationOptions:n=s,defaultValues:o={countryRegionSlug:"",currencySlug:"",salary:""},options:i,render:u})=>{let c=y(),t=e({defaultRegion:o.countryRegionSlug,estimationOptions:n,options:i}),m=a(t.handleValidation),C=p({resolver:m,defaultValues:{country:o?.countryRegionSlug,currency:o?.currencySlug,region:"",salary:o?.salary},shouldUnregister:!0,mode:"onBlur"});return g.createElement(l.Provider,{value:{form:C,formId:c,costCalculatorBag:t}},u(t))},"CostCalculatorFlow");export{v as a};
-//# sourceMappingURL=chunk-PX72OIDO.js.map
+import{a as l}from"./chunk-OLJ2S6A6.js";import{d as s,e}from"./chunk-VURWIX6S.js";import{b as a}from"./chunk-A4RX3KRZ.js";import{a as r}from"./chunk-AYDF3IFZ.js";import g,{useId as y}from"react";import{useForm as p}from"react-hook-form";var v=r(({estimationOptions:n=s,defaultValues:o={countryRegionSlug:"",currencySlug:"",salary:""},options:i,render:u})=>{let c=y(),t=e({defaultRegion:o.countryRegionSlug,estimationOptions:n,options:i}),m=a(t.handleValidation),C=p({resolver:m,defaultValues:{country:o?.countryRegionSlug,currency:o?.currencySlug,region:"",salary:o?.salary},shouldUnregister:!1,mode:"onBlur"});return g.createElement(l.Provider,{value:{form:C,formId:c,costCalculatorBag:t}},u(t))},"CostCalculatorFlow");export{v as a};
+//# sourceMappingURL=chunk-HCAVC2KN.js.map

package/dist/{chunk-PX72OIDO.js.map → chunk-HCAVC2KN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/flows/CostCalculator/CostCalculatorFlow.tsx"],"sourcesContent":["import { useJsonSchemasValidationFormResolver } from '@/src/components/form/yupValidationResolver';\nimport { CostCalculatorContext } from '@/src/flows/CostCalculator/context';\nimport {\n  defaultEstimationOptions,\n  useCostCalculator,\n} from '@/src/flows/CostCalculator/hooks';\nimport {\n  CostCalculatorEstimationOptions,\n  JSFModify,\n} from '@/src/flows/CostCalculator/types';\nimport React, { useId } from 'react';\nimport { useForm } from 'react-hook-form';\n\nexport type CostCalculatorFlowProps = {\n  /**\n   * Estimation params allows you to customize the parameters sent to the /cost-calculator/estimation endpoint.\n   */\n  estimationOptions?: CostCalculatorEstimationOptions;\n  /**\n   * Default values for the form fields.\n   */\n  defaultValues?: Partial<{\n    /**\n     * Default value for the country field.\n     */\n    countryRegionSlug: string;\n    /**\n     * Default value for the currency field.\n     */\n    currencySlug: string;\n    /**\n     * Default value for the salary field.\n     */\n    salary: string;\n  }>;\n  options?: {\n    jsfModify?: JSFModify;\n  };\n  render: (\n    costCalculatorBag: ReturnType<typeof useCostCalculator>,\n  ) => React.ReactNode;\n};\n\nexport const CostCalculatorFlow = ({\n  estimationOptions = defaultEstimationOptions,\n  defaultValues = {\n    countryRegionSlug: '',\n    currencySlug: '',\n    salary: '',\n  },\n  options,\n  render,\n}: CostCalculatorFlowProps) => {\n  const formId = useId();\n  const costCalculatorBag = useCostCalculator({\n    defaultRegion: defaultValues.countryRegionSlug,\n    estimationOptions,\n    options,\n  });\n  const resolver = useJsonSchemasValidationFormResolver(\n    // @ts-expect-error no matching type\n    costCalculatorBag.handleValidation,\n  );\n\n  const form = useForm({\n    resolver,\n    defaultValues: {\n      country: defaultValues?.countryRegionSlug,\n      currency: defaultValues?.currencySlug,\n      region: '',\n      salary: defaultValues?.salary,\n    },\n    shouldUnregister: true,\n    mode: 'onBlur',\n  });\n\n  return (\n    <CostCalculatorContext.Provider\n      value={{\n        form,\n        formId: formId,\n        costCalculatorBag,\n      }}\n    >\n      {render(costCalculatorBag)}\n    </CostCalculatorContext.Provider>\n  );\n};\n"],"mappings":"kKAUA,OAAOA,GAAS,SAAAC,MAAa,QAC7B,OAAS,WAAAC,MAAe,kBAgCjB,IAAMC,EAAqBC,EAAA,CAAC,CACjC,kBAAAC,EAAoBC,EACpB,cAAAC,EAAgB,CACd,kBAAmB,GACnB,aAAc,GACd,OAAQ,EACV,EACA,QAAAC,EACA,OAAAC,CACF,IAA+B,CAC7B,IAAMC,EAASC,EAAM,EACfC,EAAoBC,EAAkB,CAC1C,cAAeN,EAAc,kBAC7B,kBAAAF,EACA,QAAAG,CACF,CAAC,EACKM,EAAWC,EAEfH,EAAkB,gBACpB,EAEMI,EAAOC,EAAQ,CACnB,SAAAH,EACA,cAAe,CACb,QAASP,GAAe,kBACxB,SAAUA,GAAe,aACzB,OAAQ,GACR,OAAQA,GAAe,MACzB,EACA,iBAAkB,GAClB,KAAM,QACR,CAAC,EAED,OACEW,EAAA,cAACC,EAAsB,SAAtB,CACC,MAAO,CACL,KAAAH,EACA,OAAQN,EACR,kBAAAE,CACF,GAECH,EAAOG,CAAiB,CAC3B,CAEJ,EA5CkC","names":["React","useId","useForm","CostCalculatorFlow","__name","estimationOptions","defaultEstimationOptions","defaultValues","options","render","formId","useId","costCalculatorBag","useCostCalculator","resolver","useJsonSchemasValidationFormResolver","form","useForm","React","CostCalculatorContext"]}
+{"version":3,"sources":["../src/flows/CostCalculator/CostCalculatorFlow.tsx"],"sourcesContent":["import { useJsonSchemasValidationFormResolver } from '@/src/components/form/yupValidationResolver';\nimport { CostCalculatorContext } from '@/src/flows/CostCalculator/context';\nimport {\n  defaultEstimationOptions,\n  useCostCalculator,\n} from '@/src/flows/CostCalculator/hooks';\nimport {\n  CostCalculatorEstimationOptions,\n  JSFModify,\n} from '@/src/flows/CostCalculator/types';\nimport React, { useId } from 'react';\nimport { useForm } from 'react-hook-form';\n\nexport type CostCalculatorFlowProps = {\n  /**\n   * Estimation params allows you to customize the parameters sent to the /cost-calculator/estimation endpoint.\n   */\n  estimationOptions?: CostCalculatorEstimationOptions;\n  /**\n   * Default values for the form fields.\n   */\n  defaultValues?: Partial<{\n    /**\n     * Default value for the country field.\n     */\n    countryRegionSlug: string;\n    /**\n     * Default value for the currency field.\n     */\n    currencySlug: string;\n    /**\n     * Default value for the salary field.\n     */\n    salary: string;\n  }>;\n  options?: {\n    jsfModify?: JSFModify;\n  };\n  render: (\n    costCalculatorBag: ReturnType<typeof useCostCalculator>,\n  ) => React.ReactNode;\n};\n\nexport const CostCalculatorFlow = ({\n  estimationOptions = defaultEstimationOptions,\n  defaultValues = {\n    countryRegionSlug: '',\n    currencySlug: '',\n    salary: '',\n  },\n  options,\n  render,\n}: CostCalculatorFlowProps) => {\n  const formId = useId();\n  const costCalculatorBag = useCostCalculator({\n    defaultRegion: defaultValues.countryRegionSlug,\n    estimationOptions,\n    options,\n  });\n  const resolver = useJsonSchemasValidationFormResolver(\n    // @ts-expect-error no matching type\n    costCalculatorBag.handleValidation,\n  );\n\n  const form = useForm({\n    resolver,\n    defaultValues: {\n      country: defaultValues?.countryRegionSlug,\n      currency: defaultValues?.currencySlug,\n      region: '',\n      salary: defaultValues?.salary,\n    },\n    shouldUnregister: false,\n    mode: 'onBlur',\n  });\n\n  return (\n    <CostCalculatorContext.Provider\n      value={{\n        form,\n        formId: formId,\n        costCalculatorBag,\n      }}\n    >\n      {render(costCalculatorBag)}\n    </CostCalculatorContext.Provider>\n  );\n};\n"],"mappings":"kKAUA,OAAOA,GAAS,SAAAC,MAAa,QAC7B,OAAS,WAAAC,MAAe,kBAgCjB,IAAMC,EAAqBC,EAAA,CAAC,CACjC,kBAAAC,EAAoBC,EACpB,cAAAC,EAAgB,CACd,kBAAmB,GACnB,aAAc,GACd,OAAQ,EACV,EACA,QAAAC,EACA,OAAAC,CACF,IAA+B,CAC7B,IAAMC,EAASC,EAAM,EACfC,EAAoBC,EAAkB,CAC1C,cAAeN,EAAc,kBAC7B,kBAAAF,EACA,QAAAG,CACF,CAAC,EACKM,EAAWC,EAEfH,EAAkB,gBACpB,EAEMI,EAAOC,EAAQ,CACnB,SAAAH,EACA,cAAe,CACb,QAASP,GAAe,kBACxB,SAAUA,GAAe,aACzB,OAAQ,GACR,OAAQA,GAAe,MACzB,EACA,iBAAkB,GAClB,KAAM,QACR,CAAC,EAED,OACEW,EAAA,cAACC,EAAsB,SAAtB,CACC,MAAO,CACL,KAAAH,EACA,OAAQN,EACR,kBAAAE,CACF,GAECH,EAAOG,CAAiB,CAC3B,CAEJ,EA5CkC","names":["React","useId","useForm","CostCalculatorFlow","__name","estimationOptions","defaultEstimationOptions","defaultValues","options","render","formId","useId","costCalculatorBag","useCostCalculator","resolver","useJsonSchemasValidationFormResolver","form","useForm","React","CostCalculatorContext"]}

package/dist/{chunk-BLPOQIGB.js → chunk-HS4YNYBH.js}

@@ -1,2 +1,2 @@
-import{a as m}from"./chunk-IDSJI7KQ.js";import{c as n}from"./chunk-N25EBX6R.js";import{b as a}from"./chunk-6HGUGIYJ.js";import{a as o}from"./chunk-AYDF3IFZ.js";import i from"react";import{useForm as S}from"react-hook-form";function R({onSubmit:s,onError:d,onSuccess:c}){let{contractAmendment:{stepState:l,isSubmitting:u,onSubmit:f,fields:C},formId:p}=a(),r=S({defaultValues:l.values?.form}),A=o(async e=>{let F=n(e,C,{isPartialValidation:!1});await s?.(F);let t=await f(e);t.error?d?.(t.error):await c?.(t.data)},"handleSubmit");return u?null:i.createElement(m,{...r},i.createElement("form",{id:p,onSubmit:r.handleSubmit(A),className:"RemoteFlows__ContractAmendmentConfirmationForm"}))}o(R,"ContractAmendmentConfirmationForm");export{R as a};
-//# sourceMappingURL=chunk-BLPOQIGB.js.map
+import{a as m}from"./chunk-IDSJI7KQ.js";import{c as n}from"./chunk-TPRGCMIZ.js";import{b as a}from"./chunk-6HGUGIYJ.js";import{a as o}from"./chunk-AYDF3IFZ.js";import i from"react";import{useForm as S}from"react-hook-form";function R({onSubmit:s,onError:d,onSuccess:c}){let{contractAmendment:{stepState:l,isSubmitting:u,onSubmit:f,fields:C},formId:p}=a(),r=S({defaultValues:l.values?.form}),A=o(async e=>{let F=n(e,C,{isPartialValidation:!1});await s?.(F);let t=await f(e);t.error?d?.(t.error):await c?.(t.data)},"handleSubmit");return u?null:i.createElement(m,{...r},i.createElement("form",{id:p,onSubmit:r.handleSubmit(A),className:"RemoteFlows__ContractAmendmentConfirmationForm"}))}o(R,"ContractAmendmentConfirmationForm");export{R as a};
+//# sourceMappingURL=chunk-HS4YNYBH.js.map

package/dist/{chunk-YIBRPAR3.js → chunk-JDDP3DHS.js}

@@ -1,2 +1,2 @@
-import{a as e}from"./chunk-76JJOA3E.js";import{b as t}from"./chunk-WS3C3WIJ.js";import{a}from"./chunk-AYDF3IFZ.js";import f from"react";function S({onSubmit:s,onSuccess:m,onError:i}){let{onboardingBag:r}=t(),p=a(async n=>{try{await s?.(r.parseFormValues(n));let o=await r.onSubmit(n);if(o?.data){await m?.(o?.data),r?.next();return}o?.error&&i?.(o?.error)}catch(o){i?.(o)}},"handleSubmit"),c=r.stepState.values?.basic_information||r.initialValues.basic_information;return f.createElement(e,{defaultValues:c,onSubmit:p})}a(S,"BasicInformationStep");export{S as a};
-//# sourceMappingURL=chunk-YIBRPAR3.js.map
+import{a as e}from"./chunk-SCMGXEPG.js";import{b as t}from"./chunk-WS3C3WIJ.js";import{a}from"./chunk-AYDF3IFZ.js";import f from"react";function S({onSubmit:s,onSuccess:m,onError:i}){let{onboardingBag:r}=t(),p=a(async n=>{try{await s?.(r.parseFormValues(n));let o=await r.onSubmit(n);if(o?.data){await m?.(o?.data),r?.next();return}o?.error&&i?.(o?.error)}catch(o){i?.(o)}},"handleSubmit"),c=r.stepState.values?.basic_information||r.initialValues.basic_information;return f.createElement(e,{defaultValues:c,onSubmit:p})}a(S,"BasicInformationStep");export{S as a};
+//# sourceMappingURL=chunk-JDDP3DHS.js.map

package/dist/{chunk-T3PTQ4QM.js → chunk-MCGCUNZW.js}

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk-MI3HDT5D.js";import{b as i}from"./chunk-DZYFSFZ7.js";import{a as o}from"./chunk-AYDF3IFZ.js";import e from"react";function l({onSubmit:r}){let{terminationBag:m}=i();return e.createElement(n,{onSubmit:o(async t=>{await r?.(m?.parseFormValues(t)),m?.next()},"handleSubmit")})}o(l,"EmployeeCommunicationForm");export{l as a};
-//# sourceMappingURL=chunk-T3PTQ4QM.js.map
+import{a as n}from"./chunk-PZTCP3TY.js";import{b as i}from"./chunk-DZYFSFZ7.js";import{a as o}from"./chunk-AYDF3IFZ.js";import e from"react";function l({onSubmit:r}){let{terminationBag:m}=i();return e.createElement(n,{onSubmit:o(async t=>{await r?.(m?.parseFormValues(t)),m?.next()},"handleSubmit")})}o(l,"EmployeeCommunicationForm");export{l as a};
+//# sourceMappingURL=chunk-MCGCUNZW.js.map

package/dist/chunk-N4L6QFI4.js

@@ -0,0 +1,2 @@
+import{a as De}from"./chunk-GFBF55NR.js";import{b as x}from"./chunk-WRDKLT4N.js";import{a as he,b as A}from"./chunk-56BNVYTD.js";import{a as we,b as C,c as D,d as P,e as T,f as I,g as W}from"./chunk-IDSJI7KQ.js";import{a as d}from"./chunk-5ETXP2QF.js";import{a as o}from"./chunk-AYDF3IFZ.js";import q,{Fragment as xo}from"react";import*as X from"react";import*as oe from"@radix-ui/react-checkbox";import{Check as _t}from"lucide-react";var ie=X.forwardRef(({className:e,...t},r)=>X.createElement(oe.Root,{ref:r,className:d("peer h-4 w-4 shrink-0 rounded-sm border border-input ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-checkbox data-[state=checked]:text-primary",e),...t},X.createElement(oe.Indicator,{className:d("flex items-center justify-center text-current")},X.createElement(_t,{className:"h-4 w-4"}))));ie.displayName=oe.Root.displayName;import*as R from"react";import{useFormContext as xt}from"react-hook-form";function se({name:e,defaultValue:t,description:r,label:a,onChange:i,multiple:c,options:p,component:g,...F}){let{components:n}=x(),{control:m}=xt(),f=o((s,l,h)=>{let v=h.value?[...h.value]:[];l?v.includes(s)||h.onChange([...v,s]):h.onChange(v.filter(_=>_!==s))},"handleCheckboxChange");return R.createElement(C,{control:m,name:e,defaultValue:t,render:({field:s,fieldState:l})=>{let h=g||n?.checkbox;if(h){let v={name:e,description:r,label:a,defaultValue:t,multiple:c,options:p,...F};return R.createElement(h,{field:{...s,onChange:o(_=>{if(c){let{checked:L,value:S}=_.target;f(S,L,s),i?.(L);return}s.onChange(_),i?.(_)},"onChange")},fieldState:l,fieldData:v})}return R.createElement(D,{"data-field":e,className:d(`RemoteFlows__CheckBoxField__Item__${e}`)},R.createElement(T,null,R.createElement(R.Fragment,null,p&&c?R.createElement(P,null,a):null,p&&c?p.map(v=>R.createElement("div",{key:v.value,className:"flex space-x-2"},R.createElement(ie,{id:v.value,onCheckedChange:_=>{f(v.value,_===!0,s),i?.(_,v.value)},checked:s.value?.includes(v.value),className:"RemoteFlows__CheckBox__Input"}),R.createElement(P,{htmlFor:v.value,className:"mb-0 RemoteFlows__CheckBox__Label"},v.label))):R.createElement("div",{className:"flex space-x-2"},R.createElement(ie,{id:e,onCheckedChange:v=>{s.onChange(v),i?.(v)},checked:s.value,className:"RemoteFlows__CheckBox__Input"}),R.createElement(P,{htmlFor:e,className:"mb-0 RemoteFlows__CheckBox__Label"},a)))),r&&R.createElement(I,null,r),l.error&&R.createElement(W,null))}})}o(se,"CheckBoxField");import{CalendarIcon as Pt}from"lucide-react";import*as k from"react";import{useFormContext as kt}from"react-hook-form";import*as le from"react";import{ChevronLeft as Ct,ChevronRight as bt}from"lucide-react";import{DayPicker as St}from"react-day-picker";function Te({className:e,classNames:t,showOutsideDays:r=!0,...a}){return le.createElement(St,{showOutsideDays:r,className:d("p-3",e),classNames:{months:"flex flex-col sm:flex-row gap-2",month:"flex flex-col gap-4",caption:"flex justify-center pt-1 relative items-center w-full",caption_label:"text-sm font-medium",nav:"flex items-center gap-1",nav_button:d(he({variant:"outline"}),"size-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-x-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:d("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",a.mode==="range"?"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:d(he({variant:"ghost"}),"size-8 p-0 font-normal aria-selected:opacity-100"),day_range_start:"day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",day_range_end:"day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",day_outside:"day-outside text-muted-foreground aria-selected:text-muted-foreground",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-accent-foreground",day_hidden:"invisible",...t},components:{IconLeft:o(({className:i,...c})=>le.createElement(Ct,{className:d("size-4",i),...c}),"IconLeft"),IconRight:o(({className:i,...c})=>le.createElement(bt,{className:d("size-4",i),...c}),"IconRight")},...a})}o(Te,"Calendar");import*as re from"react";import*as U from"@radix-ui/react-popover";function me({...e}){return re.createElement(U.Root,{"data-slot":"popover",...e})}o(me,"Popover");function de({...e}){return re.createElement(U.Trigger,{"data-slot":"popover-trigger",...e})}o(de,"PopoverTrigger");function ce({className:e,align:t="center",sideOffset:r=4,...a}){return re.createElement(U.Portal,null,re.createElement(U.Content,{"data-slot":"popover-content",align:t,sideOffset:r,className:d("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",e),...a}))}o(ce,"PopoverContent");import{PopoverClose as Nt}from"@radix-ui/react-popover";import{format as Ie}from"date-fns";function Re({description:e,label:t,name:r,minDate:a,onChange:i,component:c,...p}){let{components:g}=x(),{control:F}=kt();return k.createElement(C,{control:F,name:r,render:({field:n,fieldState:m})=>{let f=c||g?.date;if(f){let s={description:e,label:t,name:r,minDate:a,onChange:i,...p};return k.createElement(f,{field:{...n,onChange:o(l=>{n.onChange(l),i?.(l)},"onChange")},fieldState:m,fieldData:s})}return k.createElement(D,{"data-field":r,className:`flex flex-col RemoteFlows__DatePickerField__Item__${r}`},k.createElement(P,{className:"RemoteFlows__DatePickerField__Label"},t),k.createElement(me,null,k.createElement(de,{asChild:!0},k.createElement(T,null,k.createElement("div",null,k.createElement(A,{type:"button",variant:"outline",className:d("w-full pl-3 text-left font-normal",!n.value&&"text-muted-foreground"),"data-testid":`date-picker-button-${r}`},n.value&&k.createElement(k.Fragment,null,Ie(n.value,"yyyy-MM-dd")),k.createElement(Pt,{className:"ml-auto h-4 w-4 opacity-50"}))))),k.createElement(ce,{className:"w-auto p-0 RemoteFlows__DatepickerField__PopoverContent",align:"start"},k.createElement(Te,{mode:"single",className:"RemoteFlows__DatepickerField__Calendar",selected:n.value?new Date(n.value):void 0,onSelect:s=>{n.onChange(s?Ie(s,"yyyy-MM-dd"):null),i?.(s)},defaultMonth:a?new Date(a):void 0,components:{DayContent:o(s=>k.createElement(Nt,null,s.date.getDate()),"DayContent")},...a&&{disabled:o(s=>s<new Date(a),"disabled")}}))),e?k.createElement(I,null,e):null,m.error&&k.createElement(W,{className:"RemoteFlows__DatePickerField__Error"}))}})}o(Re,"DatePickerField");import*as K from"react";import{cva as wt}from"class-variance-authority";import*as pe from"react";var Dt=wt("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",warning:"bg-card bg-warning border-warning-border [&>svg]:text-current"}},defaultVariants:{variant:"default"}});function Le({className:e,variant:t,...r}){return pe.createElement("div",{"data-slot":"alert",role:"alert",className:d(Dt({variant:t}),e),...r})}o(Le,"Alert");function We({className:e,...t}){return pe.createElement("div",{"data-slot":"alert-title",className:d("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",e),...t})}o(We,"AlertTitle");function Me({className:e,...t}){return pe.createElement("div",{"data-slot":"alert-description",className:d("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",e),...t})}o(Me,"AlertDescription");import{AlertCircle as Tt}from"lucide-react";import ae from"react";function ue({title:e,description:t,severity:r}){let{components:a}=x();if(a?.statement){let i=a?.statement;return ae.createElement(i,{data:{title:e,description:t,severity:r}})}return ae.createElement(Le,{variant:"warning"},ae.createElement(Tt,{className:"h-4 w-4"}),e&&ae.createElement(We,null,e),ae.createElement(Me,null,t))}o(ue,"Statement");function Ee({label:e,name:t,fields:r,description:a,components:i,statement:c}){return K.createElement("fieldset",{className:d("border-1 border-input p-4 rounded-xl",`RemoteFlows__FieldSetField__${t}`)},K.createElement("legend",{className:"text-sm font-semibold px-2"},e),a?K.createElement("div",{className:"mb-5 RemoteFlows__FieldSetField__Description",dangerouslySetInnerHTML:{__html:a}}):null,K.createElement("div",{className:"grid gap-4"},r.map(p=>{let g=fe[p.type];return p.isVisible===!1||p.deprecated?null:K.createElement(g,{...p,key:p.name,name:`${t}.${p.name}`,component:i?.[p.type]})}),c?K.createElement(ue,{...c}):null))}o(Ee,"FieldSetField");import*as G from"react";import{useFormContext as Mt}from"react-hook-form";import z,{useState as It,useRef as Rt}from"react";import{Upload as Lt,X as Wt}from"lucide-react";function $e({onChange:e,className:t,multiple:r}){let[a,i]=It([]),c=Rt(null),p=o(n=>{n.preventDefault(),c.current?.click()},"handleClick"),g=o(n=>{if(n.target.files&&n.target.files.length>0){let m=Array.from(n.target.files);i(m),e(n)}},"handleChange"),F=o(n=>{i(m=>m.filter(f=>f!==n))},"onRemoveFile");return z.createElement("div",{className:d("flex flex-col items-start gap-4",t)},z.createElement("input",{type:"file",ref:c,onChange:g,className:"hidden","aria-label":"File upload",multiple:r}),z.createElement(A,{type:"button",onClick:p,className:"gap-2"},z.createElement(Lt,{className:"h-4 w-4"}),"Choose File"),a.length===0&&z.createElement("div",{className:"text-sm"},r?z.createElement("span",{className:"font-medium"},"No files selected. You can select multiple files"):z.createElement("span",{className:"font-medium"},"No file selected.")),a.length>0&&a.map((n,m)=>z.createElement("div",{key:m,className:"text-sm flex items-center gap-2"},"Selected file: ",z.createElement("span",{className:"font-medium"},n.name)," (",Math.round(n.size/1024)," KB)",z.createElement(A,{variant:"ghost",onClick:()=>F(n)},z.createElement(Wt,null)))))}o($e,"FileUploader");var Et=o(e=>new Promise((t,r)=>{let a=new FileReader;a.readAsDataURL(e),a.onload=()=>t(a.result),a.onerror=i=>r(i)}),"toBase64"),He=o(async e=>{let t=e.target.files?Array.from(e.target.files):[];return await Promise.all(t.map(async a=>{let i=await Et(a);return{name:a.name,content:i.split(",")[1]}}))},"convertFilesToBase64");function Be({name:e,description:t,label:r,multiple:a,onChange:i,component:c,...p}){let{components:g}=x(),{control:F}=Mt();return G.createElement(C,{control:F,name:e,render:({field:n,fieldState:m})=>{let f=c||g?.file;if(f){let s={name:e,description:t,label:r,multiple:a,...p};return G.createElement(f,{field:{...n,value:null,onChange:o(async l=>{let h=await He(l);n.onChange(h),i?.(h)},"onChange")},fieldState:m,fieldData:s})}return G.createElement(D,{"data-field":e,className:`RemoteFlows__FileUpload__Item__${e}`},G.createElement(P,{className:"RemoteFlows__FileUpload__Label"},r),G.createElement(T,null,G.createElement($e,{onChange:async s=>{let l=await He(s);n.onChange(l),i?.(l)},multiple:a,className:d("RemoteFlows__FileUpload__Input")})),t&&G.createElement("div",{className:"flex items-center justify-between"},G.createElement(I,{className:"RemoteFlows__FileUpload__Description"},t)),m.error&&G.createElement(W,{className:"RemoteFlows__FileUpload__Error"}))}})}o(Be,"FileUploadField");import ye from"react";import{useFormContext as Ht}from"react-hook-form";import*as j from"react";import{useFormContext as $t}from"react-hook-form";import*as Ae from"react";function ze({className:e,type:t,...r}){return Ae.createElement("input",{type:t,"data-slot":"input",className:d("shadow-xs border-input file:text-foreground placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-xl border bg-transparent px-4 py-7 text-sm transition-[color] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-focused","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...r})}o(ze,"Input");function V({name:e,description:t,label:r,type:a,onChange:i,component:c,includeErrorMessage:p=!0,...g}){let{components:F}=x(),{control:n}=$t();return j.createElement(C,{control:n,name:e,render:({field:m,fieldState:f})=>{let s=c||F?.text;if(s){let l={name:e,description:t,label:r,type:a,onChange:i,...g};return j.createElement(s,{field:{...m,onChange:o(h=>{m.onChange(h),i?.(h)},"onChange")},fieldState:f,fieldData:l})}return j.createElement(D,{"data-field":e,className:`RemoteFlows__TextField__Item__${e}`},r&&j.createElement(P,{className:"RemoteFlows__TextField__Label"},r),j.createElement(T,null,j.createElement(ze,{...m,value:m.value??"",onChange:l=>{m.onChange(l),i?.(l)},className:"RemoteFlows__TextField__Input",placeholder:r})),t&&j.createElement(I,{className:"RemoteFlows__TextField__Description"},t),p&&f.error&&j.createElement(W,{className:"RemoteFlows__TextField__Error"}))}})}o(V,"TextField");function _e(e){let{components:t}=x(),{control:r}=Ht(),a=e.component||t?.number;return a?ye.createElement(C,{control:r,name:e.name,render:({field:i,fieldState:c})=>ye.createElement(a,{field:{...i,onChange:o(p=>{i.onChange(p),e.onChange?.(p)},"onChange")},fieldState:c,fieldData:e})}):ye.createElement(V,{...e,type:"text",inputMode:"decimal",pattern:"^[0-9.]*$"})}o(_e,"NumberField");import*as Q from"@radix-ui/react-radio-group";import{CircleIcon as Bt}from"lucide-react";import*as ne from"react";function Oe({className:e,...t}){return ne.createElement(Q.Root,{"data-slot":"radio-group",className:d("grid gap-3",e),...t})}o(Oe,"RadioGroup");function Ge({className:e,...t}){return ne.createElement(Q.Item,{"data-slot":"radio-group-item",className:d("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...t},ne.createElement(Q.Indicator,{"data-slot":"radio-group-indicator",className:"relative flex items-center justify-center"},ne.createElement(Bt,{className:"fill-radio absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"})))}o(Ge,"RadioGroupItem");import*as N from"react";import{useFormContext as At}from"react-hook-form";function Ve({name:e,defaultValue:t,description:r,label:a,options:i,onChange:c,component:p,...g}){let{components:F}=x(),{control:n}=At();return N.createElement(C,{control:n,name:e,defaultValue:t,render:({field:m,fieldState:f})=>{let s=p||F?.radio;if(s){let l={name:e,defaultValue:t,description:r,label:a,options:i,...g};return N.createElement(s,{field:{...m,onChange:o(h=>{m.onChange(h),c?.(h)},"onChange")},fieldState:f,fieldData:l})}return N.createElement(D,{className:d("space-y-3",`RemoteFlows__RadioGroupField__Item__${e}`),"data-field":e},N.createElement(P,null,a),N.createElement(T,null,N.createElement(Oe,{"aria-label":a||e,onValueChange:l=>{m.onChange(l),c?.(l)},value:m.value,className:"flex flex-col space-y-3"},i?.map(l=>N.createElement(N.Fragment,null,N.createElement(D,{key:l.value,"data-field":e,className:"flex items-start space-x-3 space-y-0 gap-0 RemoteFlows__RadioField__Item"},N.createElement(T,null,N.createElement(Ge,{value:l.value,className:"RemoteFlows__RadioField__Input"})),N.createElement("div",null,N.createElement(P,{className:"font-normal mb-0 RemoteFlows__RadioField__Label"},l.label),l.description&&N.createElement(I,{className:"mt-2"},l.description))))))),r&&N.createElement(I,null,r),f.error&&N.createElement(W,null))}})}o(Ve,"RadioGroupField");import*as M from"react";import*as b from"react";import*as y from"@radix-ui/react-select";import{CheckIcon as zt,ChevronDownIcon as Ue,ChevronUpIcon as Ot}from"lucide-react";function je({...e}){return b.createElement(y.Root,{"data-slot":"select",...e})}o(je,"Select");function Je({...e}){return b.createElement(y.Group,{"data-slot":"select-group",...e})}o(Je,"SelectGroup");function qe({...e}){return b.createElement(y.Value,{"data-slot":"select-value",...e})}o(qe,"SelectValue");function Ke({className:e,children:t,...r}){return b.createElement(y.Trigger,{"data-slot":"select-trigger",className:d("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex w-full items-center justify-between rounded-xl border bg-transparent px-4 py-7 text-sm whitespace-nowrap transition-[color] outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","focus-visible:border-focused",e),...r},t,b.createElement(y.Icon,{asChild:!0,className:"absolute right-4"},b.createElement(Ue,{className:"size-4"})))}o(Ke,"SelectTrigger");function Ye({className:e,children:t,position:r="popper",...a}){return b.createElement(y.Portal,null,b.createElement(y.Content,{"data-slot":"select-content",className:d("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-xl border",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:r,...a},b.createElement(Gt,null),b.createElement(y.Viewport,{className:d(r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1")},t),b.createElement(Vt,null)))}o(Ye,"SelectContent");function Xe({className:e,children:t,...r}){return b.createElement(y.Item,{"data-slot":"select-item",className:d("focus:bg-accent focus:text-accent-foreground min-h-11 justify-between [&_svg:not([class*='text-'])]:text-muted-foreground flex w-full cursor-default items-center gap-2 py-2 px-4 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...r},b.createElement(y.ItemText,null,t),b.createElement("span",{className:"flex size-3.5 items-center justify-center"},b.createElement(y.ItemIndicator,null,b.createElement(zt,{className:"size-4"}))))}o(Xe,"SelectItem");function Gt({className:e,...t}){return b.createElement(y.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:d("flex cursor-default items-center justify-center py-1",e),...t},b.createElement(Ot,{className:"size-4"}))}o(Gt,"SelectScrollUpButton");function Vt({className:e,...t}){return b.createElement(y.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:d("flex cursor-default items-center justify-center py-1",e),...t},b.createElement(Ue,{className:"size-4"}))}o(Vt,"SelectScrollDownButton");import{useFormContext as Ut}from"react-hook-form";function Qe({label:e,name:t,options:r,defaultValue:a,description:i,onChange:c,component:p,...g}){let{control:F}=Ut(),{components:n}=x();return M.createElement(C,{defaultValue:a,control:F,name:t,render:({field:m,fieldState:f})=>{let s=p||n?.select;if(s){let l={label:e,name:t,options:r,defaultValue:a,description:i,onChange:c,...g};return M.createElement(s,{field:{...m,onChange:o(h=>{m.onChange(h),c?.(h)},"onChange")},fieldState:f,fieldData:l})}return M.createElement(D,{"data-field":t,className:`RemoteFlows__SelectField__Item__${t}`},M.createElement(P,{className:"RemoteFlows__SelectField__Label"},e),M.createElement(T,null,M.createElement("div",{className:"relative"},M.createElement(je,{value:m.value||"",onValueChange:l=>{m.onChange(l),c?.(l)}},M.createElement(Ke,{className:"RemoteFlows__SelectField__Trigger","aria-invalid":!!f.error,"aria-label":e},M.createElement("span",{className:"absolute"},M.createElement(qe,{placeholder:e}))),M.createElement(Ye,{className:"RemoteFlows__SelectField__Content"},M.createElement(Je,{className:"RemoteFlows__SelectField__Group"},r.map(l=>M.createElement(Xe,{key:l.value,value:l.value,className:"RemoteFlows__SelectField__SelectItem"},l.label))))))),i&&M.createElement(I,null,i),f.error&&M.createElement(W,null))}})}o(Qe,"SelectField");import J,{useState as eo}from"react";import{useFormContext as to}from"react-hook-form";import w,{Fragment as Kt,useState as Yt}from"react";import{Check as Xt,ChevronDownIcon as Qt,X as Zt}from"lucide-react";import*as Y from"react";import{Command as Z}from"cmdk";import{SearchIcon as Ca}from"lucide-react";import*as H from"react";import*as E from"@radix-ui/react-dialog";import{XIcon as jt}from"lucide-react";function xe({...e}){return H.createElement(E.Root,{"data-slot":"dialog",...e})}o(xe,"Dialog");function Ze({...e}){return H.createElement(E.Trigger,{"data-slot":"dialog-trigger",...e})}o(Ze,"DialogTrigger");function Jt({...e}){return H.createElement(E.Portal,{"data-slot":"dialog-portal",...e})}o(Jt,"DialogPortal");function qt({className:e,...t}){return H.createElement(E.Overlay,{"data-slot":"dialog-overlay",className:d("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",e),...t})}o(qt,"DialogOverlay");function Ce({className:e,children:t,...r}){return H.createElement(Jt,{"data-slot":"dialog-portal"},H.createElement(qt,null),H.createElement(E.Content,{"data-slot":"dialog-content",className:d("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",e),...r},t,H.createElement(E.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 RemoteFlows__Dialog__Close"},H.createElement(jt,null),H.createElement("span",{className:"sr-only"},"Close"))))}o(Ce,"DialogContent");function be({className:e,...t}){return H.createElement("div",{"data-slot":"dialog-header",className:d("flex flex-col gap-2 text-center sm:text-left",e),...t})}o(be,"DialogHeader");function Se({className:e,...t}){return H.createElement(E.Title,{"data-slot":"dialog-title",className:d("text-lg leading-none font-semibold",e),...t})}o(Se,"DialogTitle");function et({className:e,...t}){return Y.createElement(Z,{"data-slot":"command",className:d("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",e),...t})}o(et,"Command");function tt({className:e,...t}){return Y.createElement(Z.List,{"data-slot":"command-list",className:d("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",e),...t})}o(tt,"CommandList");function ot({...e}){return Y.createElement(Z.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...e})}o(ot,"CommandEmpty");function rt({className:e,...t}){return Y.createElement(Z.Group,{"data-slot":"command-group",className:d("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",e),...t})}o(rt,"CommandGroup");function at({className:e,...t}){return Y.createElement(Z.Separator,{"data-slot":"command-separator",className:d("bg-border -mx-1 h-px",e),...t})}o(at,"CommandSeparator");function nt({className:e,...t}){return Y.createElement(Z.Item,{"data-slot":"command-item",className:d("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t})}o(nt,"CommandItem");function it({options:e,selected:t,onChange:r,placeholder:a,...i}){let[c,p]=Yt(!1),g=o(n=>{r(t.filter(m=>m.value!==n.value))},"handleUnselect"),F=e.reduce((n,m)=>{let f=m.category||"Uncategorized";return n[f]||(n[f]=[]),n[f].push(m),n},{});return w.createElement(me,{open:c,onOpenChange:p,...i},w.createElement(de,null,w.createElement(A,{variant:"outline",role:"combobox","aria-expanded":c,className:"w-full justify-between font-normal",type:"button"},w.createElement("div",{className:"flex gap-1 flex-wrap overflow-x-auto max-h-[2.5rem] items-center"},t.length>0?t.map(n=>w.createElement(De,{key:n.label,variant:"secondary",className:"mr-1 mb-1"},n.label,w.createElement("div",{role:"button",tabIndex:0,"aria-label":`remove ${n.label}`,className:"ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",onKeyDown:m=>{m.key==="Enter"&&g(n)},onMouseDown:m=>{m.preventDefault(),m.stopPropagation()},onClick:()=>g(n)},w.createElement(Zt,{className:"h-3 w-3 text-muted-foreground hover:text-foreground"})))):w.createElement("span",{className:"text-foreground"},a)),w.createElement(Qt,{className:"size-4"}))),w.createElement(ce,{align:"start",className:"w-full p-0"},w.createElement(et,null,w.createElement(tt,null,w.createElement(ot,null,"No item found."),Object.entries(F).map(([n,m],f)=>w.createElement(Kt,{key:n},f>0&&w.createElement(at,null),w.createElement(rt,{heading:n},m.map(s=>{let l=t.some(h=>h.value===s.value);return w.createElement(nt,{key:s.label,onSelect:()=>{r(l?t.filter(h=>h.value!==s.value):[...t,s])}},w.createElement(Xt,{className:d("mr-2 h-4 w-4",l?"opacity-100":"opacity-0")}),s.label)}))))))))}o(it,"MultiSelect");function st({label:e,name:t,options:r,defaultValue:a,description:i,onChange:c,$meta:p,component:g,...F}){let{control:n}=to(),{components:m}=x(),[f,s]=eo([]);return J.createElement(C,{defaultValue:a,control:n,name:t,render:({field:l,fieldState:h})=>{let v=g||m?.countries;if(v){let S={label:e,name:t,options:r,defaultValue:a,description:i,onChange:c,$meta:p,...F};return J.createElement(v,{field:{...l,onChange:o(B=>{l.onChange(B),c?.(B)},"onChange")},fieldState:h,fieldData:S})}let _=[...Object.entries(p?.regions||{}).map(([S,B])=>({value:B,label:S,category:"Regions"})),...Object.entries(p?.subregions||{}).map(([S,B])=>({value:B,label:S,category:"Subregions"})),...r.map(S=>({...S,value:S.value,label:S.label,category:"Countries"}))],L=o(S=>{let B=S.map(({value:yt})=>yt);l.onChange(B),c?.(B),s(S)},"handleChange");return J.createElement(D,{"data-field":t,className:`RemoteFlows__CountryField__Item__${t}`},J.createElement(P,{className:"RemoteFlows__CountryField__Label"},e),J.createElement(T,null,J.createElement(it,{options:_,selected:f,onChange:L,...F})),i&&J.createElement(I,null,i),h.error&&J.createElement(W,null))}})}o(st,"CountryField");import*as O from"react";import{useFormContext as oo}from"react-hook-form";import*as ge from"react";var Pe=ge.forwardRef(({className:e,...t},r)=>ge.createElement("textarea",{className:d("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:r,...t}));Pe.displayName="Textarea";function lt({name:e,description:t,label:r,onChange:a,maxLength:i,component:c,...p}){let{components:g}=x(),{control:F}=oo();return O.createElement(C,{control:F,name:e,render:({field:n,fieldState:m})=>{let f=c||g?.textarea;if(f){let l={name:e,description:t,label:r,maxLength:i,...p};return O.createElement(f,{field:{...n,onChange:o(h=>{n.onChange(h),a?.(h)},"onChange")},fieldState:m,fieldData:l})}let s=n.value?.length??0;return O.createElement(D,{"data-field":e,className:`RemoteFlows__TextArea__Item__${e}`},O.createElement(P,{className:"RemoteFlows__TextArea__Label"},r),O.createElement(T,null,O.createElement(Pe,{...n,value:n.value??"",onChange:l=>{n.onChange(l),a?.(l)},className:d(m.error&&"border-red-500 focus-visible:ring-red-500","RemoteFlows__TextArea__Input"),placeholder:r})),(t||i)&&O.createElement("div",{className:"flex items-center justify-between"},t&&O.createElement(I,{className:"RemoteFlows__TextArea__Description"},t),i&&O.createElement("span",{className:"text-sm ml-auto RemoteFlows__TextArea__MaxLength"},s,"/",i)),m.error&&O.createElement(W,{className:"RemoteFlows__TextArea__Error"}))}})}o(lt,"TextAreaField");import ke from"react";import{useFormContext as ro}from"react-hook-form";function mt(e){let{components:t}=x(),{control:r}=ro(),a=e.component||t?.email;return a?ke.createElement(C,{control:r,name:e.name,render:({field:i,fieldState:c})=>ke.createElement(a,{field:{...i,onChange:o(p=>{i.onChange(p),e.onChange?.(p)},"onChange")},fieldState:c,fieldData:e})}):ke.createElement(V,{...e,type:"email"})}o(mt,"EmailField");import dt from"react";import{useFormContext as ao}from"react-hook-form";function ct(e){let{control:t}=ao();return dt.createElement(C,{control:t,name:e.name,render:({field:r})=>dt.createElement("input",{...r,type:"hidden"})})}o(ct,"HiddenField");import u,{useEffect as co,useState as Ft}from"react";import{yupResolver as po}from"@hookform/resolvers/yup";import{useForm as uo,useFormContext as fo,useFieldArray as go}from"react-hook-form";import*as $ from"yup";import pt from"lodash.groupby";import ee from"lodash.capitalize";var ut=60,Fe=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"];function no(e){if(e<60)return`${e}m`;let t=Math.floor(e/ut),r=e%ut;return r>0?`${t}h${r}m`:`${t}h`}o(no,"convertBreakDurationToHours");function ft(e){let t=e.reduce((r,a)=>a.hours+r,0);return Number(t.toFixed(2))}o(ft,"calculateTotalWorkHours");function io(e,t){let r=t.map(({day:c})=>c.toLowerCase()),a=r.indexOf(e),i=null;for(;a<r.length&&!i;){let c=r[a],p=r[a+1],g=Fe.indexOf(c)+1;Fe[g]===p||(i=c),a+=1}return i}o(io,"findLastConsecutiveDay");function so(e){return e.start_time&&e.end_time&&(typeof e.hours=="number"?e.hours:Number.parseInt(e.hours))>0}o(so,"shouldSummarizeSchedule");function lo(e){return Number.parseInt(e.break_duration_minutes)>0}o(lo,"shouldSummarizeBreaks");function gt(e){let t=e.filter(so),r=pt(t,g=>`${g.start_time}|${g.end_time}`),a=e.filter(lo),i=pt(a,"break_duration_minutes"),c=Object.keys(r).map(g=>{let F=r[g],n=F[0].day,[m,f]=g.split("|"),s=`from <span>${m.replace(":","h")}</span> to <span>${f.replace(":","h")}</span>`,l=io(n,F),v=(l?F.findIndex(_=>_.day===l):-1)===F.length-1;return F.length===1?`${ee(n)}, ${s}`:!v||!l?F.reduce((_,L,S)=>{let B=ee(L.day);return S===F.length-1?`${_}and ${B}, ${s}`:`${_}<span>${B}</span>, `},""):`<span>${ee(n)}</span> to <span>${ee(l)}</span>, ${s}`}),p=Object.keys(i).reverse().map((g,F)=>{let n=F===0,m=i[g],f=no(parseInt(g,10));if(Object.keys(i).length===1)return`With ${f} daily breaks`;if(m.length===1){let s=`${f} break on ${ee(m[0].day)}.`;return n?`With ${s}`:s}return m.reduce((s,l,h)=>{let v=ee(l.day);return h===0?`${s} ${v}`:h===m.length-1?`${s}, and ${v}.`:`${s}, ${v}`},n?`With ${f} break on`:`${f} break on`)});return{workHoursSummary:c,breakSummary:p}}o(gt,"buildWorkScheduleSummary");function Ne(e){let{checked:t,start_time:r,end_time:a,break_duration_minutes:i}=e;if(!t)return 0;let[c,p]=r.split(":").map(Number),[g,F]=a.split(":").map(Number),n=c*60+p,s=(g*60+F-n-Number.parseInt(i||"0"))/60;return s===Math.floor(s)?s:Number(s.toFixed(2))}o(Ne,"calculateHours");var mo={monday:"Mon",tuesday:"Tue",wednesday:"Wed",thursday:"Thu",friday:"Fri",saturday:"Sat",sunday:"Sun"};function ve(e){return mo[e]}o(ve,"getShortWeekday");var Fo=$.object({day:$.string().required(),checked:$.boolean().required(),start_time:$.string().matches(/^([01]\d|2[0-3]):([0-5]\d)$/,"Invalid time format (HH:mm)").when("checked",{is:!0,then:o(e=>e.required("Required"),"then"),otherwise:o(e=>e.optional().nullable(),"otherwise")}),end_time:$.string().matches(/^([01]\d|2[0-3]):([0-5]\d)$/,"Invalid time format (HH:mm)").when("checked",{is:!0,then:o(e=>e.required("Required"),"then"),otherwise:o(e=>e.optional().nullable(),"otherwise")}),hours:$.number().default(0),break_duration_minutes:$.string().default("0")}),vo=$.object({schedule:$.array(Fo)});function ho({defaultSchedule:e,onSubmit:t}){let[r,a]=Ft(!1),i=Fe.map(v=>{let _=e.find(L=>L.day.toLowerCase()===ve(v).toLowerCase()||L.day.toLowerCase()===v.toLowerCase());return _?{..._,day:ve(v),checked:!0}:{...e[0],checked:!1,day:ve(v)}}),c=uo({defaultValues:{schedule:i},resolver:po(vo)}),{handleSubmit:p,watch:g,reset:F,control:n,formState:m}=c,{fields:f}=go({name:"schedule",control:n}),s=g("schedule");function l(v){let _=v.schedule.filter(({checked:L})=>L).map(L=>({...L,hours:Ne(L)}));t(_),a(!1)}o(l,"handleSubmitWorkingHours");function h(){F(),a(!1)}return o(h,"handleCancel"),u.createElement("div",{className:"flex items-center justify-between"},u.createElement(xe,{open:r,onOpenChange:a},u.createElement(Ze,{asChild:!0},u.createElement(A,{variant:"link",className:"flex items-center p-0 RemoteFlows__WorkScheduleSelectionForm__Trigger"},"Edit Schedule")),u.createElement(Ce,{className:"max-w-5xl max-h-[90vh] overflow-y-auto px-8 py-4 RemoteFlows__WorkScheduleSelectionForm__Content"},u.createElement(be,null,u.createElement(Se,{className:"RemoteFlows__WorkScheduleSelectionForm__Title"},"Edit employee working hours")),u.createElement(we,{...c},u.createElement("form",{className:"space-y-4 RemoteFlows__WorkScheduleSelectionForm__Form"},u.createElement("div",{className:"rounded-lg"},u.createElement("p",{className:"text-gray-600 text-sm mb-4 RemoteFlows__WorkScheduleSelectionForm__Description"},"The times displayed are in the employee's time zone in the 24-hour format."),u.createElement("div",{className:"grid grid-cols-12 gap-4 text-sm font-medium text-gray-500 uppercase tracking-wide RemoteFlows__WorkScheduleSelectionForm__Header"},u.createElement("div",{className:"col-span-2"}),u.createElement("div",{className:"col-span-3 text-center"},"START"),u.createElement("div",{className:"col-span-1 text-center"}),u.createElement("div",{className:"col-span-3 text-center"},"END"),u.createElement("div",{className:"col-span-2 text-center"},"HOURS")),u.createElement("div",{className:"RemoteFlows__WorkScheduleSelectionForm__Rows"},f.map((v,_)=>{let L=s[_],S=Ne(L);return u.createElement(u.Fragment,{key:v.id},u.createElement("div",{className:"grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Hours"},u.createElement("div",{className:"col-span-2 flex items-center gap-3"},u.createElement(se,{label:v.day,name:`schedule.${_}.checked`})),u.createElement("div",{className:"col-span-3"},u.createElement(V,{name:`schedule.${_}.start_time`,includeErrorMessage:!1})),u.createElement("div",{className:"col-span-1 text-center text-gray-500"},"to"),u.createElement("div",{className:"col-span-3"},u.createElement(V,{name:`schedule.${_}.end_time`,includeErrorMessage:!1})),u.createElement("div",{className:"col-span-2 text-center text-gray-600"},isNaN(S)?"-":`${S} hours`)),u.createElement("div",{className:"grid grid-cols-12 gap-4 items-center py-2 RemoteFlows__WorkScheduleSelectionForm__Row-Break"},u.createElement("div",{className:"col-span-2 text-gray-500"},"Break"),u.createElement("div",{className:"col-span-2"},u.createElement(V,{name:`schedule.${_}.break_duration_minutes`,includeErrorMessage:!1})),u.createElement("div",{className:"col-span-2 text-gray-500"},"minutes"),u.createElement("div",{className:"col-span-4"})))}))),Object.keys(m.errors).length>0&&u.createElement("p",{className:"text-destructive text-sm mb-0"},"Invalid time format (HH:mm)"),u.createElement("div",{className:"flex gap-4 pt-4"},u.createElement(A,{type:"button",className:"reset-button",variant:"outline",onClick:h},"Cancel"),u.createElement(A,{type:"button",className:"submit-button",onClick:p(l)},"Save Schedule")))))))}o(ho,"WorkScheduleSelectionForm");function vt(e){let{components:t}=x(),{setValue:r,control:a,watch:i}=fo(),c=i(e.name),[p,g]=Ft(c),{workHoursSummary:F,breakSummary:n}=gt(p),m=ft(p);co(()=>{r(e.name,p)},[p,e.name,r]);function f(l){g(l)}o(f,"onSubmit");let s=e.component||t?.["work-schedule"];return s?u.createElement(C,{control:a,name:e.name,render:({field:l,fieldState:h})=>u.createElement(s,{field:{...l,onChange:o(v=>{l.onChange(v),e.onChange?.(v)},"onChange")},fieldState:h,fieldData:{...e,defaultFormattedValue:{workHoursSummary:F,breakSummary:n,totalWorkHours:m}}})}):u.createElement("div",{className:"flex flex-col gap-3 RemoteFlows__WorkScheduleField"},u.createElement("p",{className:"text-sm RemoteFlows__WorkScheduleField__Title"},"Work hours"),u.createElement("div",{className:"flex flex-col gap-1 RemoteFlows__WorkScheduleField__Summary"},u.createElement("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__WorkHours",dangerouslySetInnerHTML:{__html:F.join(", ")}}),u.createElement("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Break"},n.join()),u.createElement("p",{className:"text-sm text-gray-500 RemoteFlows__WorkScheduleField__Summary__Total"},"Total of ",u.createElement("span",null,m)," hours per week"),u.createElement(ho,{defaultSchedule:p,onSubmit:f})))}o(vt,"WorkScheduleField");var fe={checkbox:se,text:V,email:mt,money:_e,select:Qe,radio:Ve,number:_e,file:Be,fieldset:Ee,date:Re,textarea:lt,countries:st,hidden:ct,"work-schedule":vt};import te,{useEffect as yo}from"react";import{useFormContext as _o}from"react-hook-form";function ht({name:e,value:t,description:r,statement:a}){let{setValue:i}=_o();return yo(()=>{i(e,t)},[]),te.createElement("div",null,a?te.createElement(te.Fragment,null,te.createElement("p",{className:`text-sm RemoteFlows__ForcedValue__Title__${e}`,dangerouslySetInnerHTML:{__html:a?.title}}),te.createElement("p",{className:`text-xs RemoteFlows__ForcedValue__Description__${e}`,dangerouslySetInnerHTML:{__html:a?.description}})):te.createElement("p",{className:`text-xs RemoteFlows__ForcedValue__Description__${e}`,dangerouslySetInnerHTML:{__html:r}}))}o(ht,"ForcedValueField");function Co(e){return e.const!==void 0&&e.const===e.default&&e.inputType!=="checkbox"&&e.inputType!=="hidden"}o(Co,"checkFieldHasForcedValue");var Qn=o(({fields:e,components:t})=>!e||e.length===0?null:q.createElement(q.Fragment,null,e.map(r=>{if(r.isVisible===!1||r.deprecated)return null;if(Co(r))return q.createElement(ht,{key:r.name,name:r.name,description:r.description,value:r.const,statement:r.statement});let a=fe[r.inputType];return r.inputType==="fieldset"?q.createElement(a,{...r,components:t}):a?q.createElement(xo,{key:r.name},q.createElement(a,{...r,component:t&&t[r.inputType]}),r.statement?q.createElement(ue,{...r.statement}):null):q.createElement("p",{className:"error"},"Field type ",r.inputType," not supported")})),"JSONSchemaFormFields");export{Qn as a};
+//# sourceMappingURL=chunk-N4L6QFI4.js.map