@remoteoss/remote-flows 1.2.0 → 1.2.1

package/dist/chunk-7FMR3EIX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/shared/zendesk-drawer/utils.ts","../src/components/shared/zendesk-drawer/api.ts","../src/components/shared/zendesk-drawer/ZendeskDrawer.tsx","../src/components/shared/zendesk-drawer/ZendeskTriggerButton.tsx"],"sourcesContent":["export const zendeskArticles = {\n  /**\n   * Disclaimer for Cost Calculator\n   * Access: Private (Need Remote account to access)\n   * https://support.remote.com/hc/en-us/articles/4668194326797\n   */\n  disclaimerCostCalculator: 4668194326797,\n  /**\n   * Employee Onboarding Timeline\n   * Access: Private (Need Remote account to access)\n   * https://support.remote.com/hc/en-us/articles/4411262104589\n   */\n  employeeOnboardingTimeline: 4411262104589,\n  /**\n   * Extra Payments\n   * Access: Public (Everyone can access)\n   * https://support.remote.com/hc/en-us/articles/4466822781709\n   */\n  extraPayments: 4466822781709,\n  /**\n   * International Pricing\n   * Access: Public (Everyone can access)\n   * https://support.remote.com/hc/en-us/articles/4410698586893\n   */\n  internationalPricing: 4410698586893,\n  /**\n   * Remote FX Rate\n   * Access: Public (Everyone can access)\n   * https://support.remote.com/hc/en-us/articles/33271144977421\n   */\n  remoteFxRate: 33271144977421,\n  /**\n   * Employee Communication for Terminations\n   * Access: Public (Everyone can access)\n   * https://support.remote.com/hc/en-us/articles/4411585179661\n   */\n  terminationEmployeeCommunication: 4411585179661,\n  /**\n   * Notice Period for Terminations by Country\n   * Access: Public (Everyone can access)\n   * https://support.remote.com/hc/en-us/articles/5831900985613\n   */\n  terminationNoticePeriods: 5831900985613,\n  /**\n   * Involuntary Offboarding Service Charge\n   * Access: Private (Need Remote account to access)\n   * https://support.remote.com/hc/en-us/articles/4406932229133\n   */\n  involuntaryOffboardingServiceCharge: 4406932229133,\n  /**\n   * Reconciliation Invoice\n   * Access: Public (Everyone can access)\n   * https://support.remote.com/hc/en-us/articles/17604014808589\n   */\n  reconciliationInvoice: 17604014808589,\n};\n\nexport const buildZendeskURL = (zendeskId: number) => {\n  return `https://support.remote.com/hc/en-us/articles/${zendeskId}`;\n};\n","import { getShowHelpCenterArticle } from '@/src/client';\nimport { useClient } from '@/src/context';\nimport { sanitizeHtmlWithImageErrorHandling } from '@/src/lib/utils';\nimport { Client } from '@/src/client/client';\nimport { useQuery } from '@tanstack/react-query';\n\nexport const useZendeskArticle = (\n  zendeskId: number | null,\n  queryOptions?: { enabled?: boolean },\n) => {\n  const { client } = useClient();\n  return useQuery({\n    queryKey: ['zendesk-article', zendeskId],\n    queryFn: async () => {\n      const response = await getShowHelpCenterArticle({\n        client: client as Client,\n        path: {\n          id: Number(zendeskId),\n        },\n      });\n\n      if (response.error) {\n        throw new Error(response.error.message || 'Failed to fetch article');\n      }\n\n      return response;\n    },\n    select: (data) => {\n      const article = data.data?.data.help_center_article;\n      if (article) {\n        return {\n          ...article,\n          body: sanitizeHtmlWithImageErrorHandling(article.body || ''),\n        };\n      }\n      return article;\n    },\n    retry: false,\n    ...queryOptions,\n  });\n};\n","import { useZendeskArticle } from '@/src/components/shared/zendesk-drawer/api';\nimport {\n  Drawer,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n} from '@/src/components/ui/drawer';\nimport { useFormFields } from '@/src/context';\nimport { buildZendeskURL } from '@/src/components/shared/zendesk-drawer/utils';\n\nexport type ZendeskDrawerProps = {\n  Trigger: React.ReactElement;\n  zendeskId: number;\n  open: boolean;\n  onClose: () => void;\n};\n\nexport const ZendeskDrawer = ({\n  Trigger,\n  zendeskId,\n  open,\n  onClose,\n}: ZendeskDrawerProps) => {\n  const { components } = useFormFields();\n  const zendeskURL = buildZendeskURL(zendeskId);\n\n  const handleClose = () => {\n    onClose?.();\n  };\n\n  const { data, isLoading, error } = useZendeskArticle(zendeskId, {\n    enabled: open,\n  });\n\n  const CustomZendeskDrawer = components?.zendeskDrawer;\n\n  if (CustomZendeskDrawer) {\n    return (\n      <CustomZendeskDrawer\n        open={open}\n        onClose={handleClose}\n        data={data}\n        isLoading={isLoading}\n        error={error}\n        zendeskURL={zendeskURL}\n        Trigger={Trigger}\n      />\n    );\n  }\n\n  return (\n    <Drawer\n      open={open}\n      onOpenChange={(open) => !open && handleClose()}\n      direction='right'\n    >\n      <DrawerTrigger asChild>{Trigger}</DrawerTrigger>\n      <DrawerContent className='h-full w-[540px] mt-0 ml-auto RemoteFlows_ZendeskDrawer'>\n        <div className='h-full flex flex-col'>\n          <DrawerHeader>\n            <DrawerTitle>{data?.title}</DrawerTitle>\n            <DrawerDescription>\n              For more details see our{' '}\n              <a href={zendeskURL} target='_blank' rel='noopener noreferrer'>\n                help article\n              </a>{' '}\n            </DrawerDescription>\n          </DrawerHeader>\n          {isLoading && <div>Loading...</div>}\n          {error && (\n            <div className='text-sm p-4 text-red-500'>\n              Error loading article\n            </div>\n          )}\n          <div\n            className='flex-1 overflow-y-auto p-4 RemoteFlows_ZendeskDrawer__Content'\n            dangerouslySetInnerHTML={{\n              __html: data?.body || '',\n            }}\n          ></div>\n        </div>\n      </DrawerContent>\n    </Drawer>\n  );\n};\n","import { cn } from '@/src/lib/utils';\nimport { ZendeskDrawer } from './ZendeskDrawer';\nimport { buildZendeskURL } from './utils';\nimport { useState } from 'react';\n\ninterface ZendeskTriggerButtonProps {\n  /**\n   * The Zendesk ID for the help article\n   */\n  zendeskId: number;\n  /**\n   * The class name for the button\n   */\n  className?: string;\n  /**\n   * The callback function to be called when the button is clicked\n   */\n  onClick?: (zendeskId: number) => void;\n  /**\n   * The children to be rendered inside the button\n   */\n  children?: React.ReactNode;\n  /**\n   * Whether to open the help article in a new tab\n   */\n  external?: boolean;\n}\n\nconst baseClassName =\n  'RemoteFlows__ZendeskTriggerButton text-blue-500 hover:underline inline-block text-xs bg-transparent border-none cursor-pointer p-0';\n\nexport function ZendeskTriggerButton({\n  zendeskId,\n  className,\n  onClick,\n  children,\n  external = false,\n}: ZendeskTriggerButtonProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handleClick = () => {\n    if (!external) {\n      setIsOpen(true);\n    }\n    onClick?.(zendeskId);\n  };\n\n  if (external) {\n    return (\n      <a\n        href={buildZendeskURL(zendeskId)}\n        target='_blank'\n        rel='noopener noreferrer'\n        onClick={handleClick}\n        className={cn(baseClassName, className)}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  return (\n    <ZendeskDrawer\n      zendeskId={zendeskId}\n      open={isOpen}\n      onClose={() => setIsOpen(false)}\n      Trigger={\n        <button onClick={handleClick} className={cn(baseClassName, className)}>\n          {children}\n        </button>\n      }\n    />\n  );\n}\n"],"mappings":"yPAAO,IAAMA,EAAkB,CAM7B,yBAA0B,cAM1B,2BAA4B,cAM5B,cAAe,cAMf,qBAAsB,cAMtB,aAAc,eAMd,iCAAkC,cAMlC,yBAA0B,cAM1B,oCAAqC,cAMrC,sBAAuB,cACzB,EAEaC,EAAkBC,EAACC,GACvB,gDAAgDA,CAAS,GADnC,mBCrD/B,OAAS,YAAAC,MAAgB,wBAElB,IAAMC,EAAoBC,EAAA,CAC/BC,EACAC,IACG,CACH,GAAM,CAAE,OAAAC,CAAO,EAAIC,EAAU,EAC7B,OAAOC,EAAS,CACd,SAAU,CAAC,kBAAmBJ,CAAS,EACvC,QAASD,EAAA,SAAY,CACnB,IAAMM,EAAW,MAAMC,EAAyB,CAC9C,OAAQJ,EACR,KAAM,CACJ,GAAI,OAAOF,CAAS,CACtB,CACF,CAAC,EAED,GAAIK,EAAS,MACX,MAAM,IAAI,MAAMA,EAAS,MAAM,SAAW,yBAAyB,EAGrE,OAAOA,CACT,EAbS,WAcT,OAAQN,EAACQ,GAAS,CAChB,IAAMC,EAAUD,EAAK,MAAM,KAAK,oBAChC,OAAIC,GACK,CACL,GAAGA,EACH,KAAMC,EAAmCD,EAAQ,MAAQ,EAAE,CAC7D,CAGJ,EATQ,UAUR,MAAO,GACP,GAAGP,CACL,CAAC,CACH,EAlCiC,qBCkC3B,cAAAS,EAuBM,QAAAC,MAvBN,oBArBC,IAAMC,EAAgBC,EAAA,CAAC,CAC5B,QAAAC,EACA,UAAAC,EACA,KAAAC,EACA,QAAAC,CACF,IAA0B,CACxB,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAC/BC,EAAaC,EAAgBN,CAAS,EAEtCO,EAAcT,EAAA,IAAM,CACxBI,IAAU,CACZ,EAFoB,eAId,CAAE,KAAAM,EAAM,UAAAC,EAAW,MAAAC,CAAM,EAAIC,EAAkBX,EAAW,CAC9D,QAASC,CACX,CAAC,EAEKW,EAAsBT,GAAY,cAExC,OAAIS,EAEAjB,EAACiB,EAAA,CACC,KAAMX,EACN,QAASM,EACT,KAAMC,EACN,UAAWC,EACX,MAAOC,EACP,WAAYL,EACZ,QAASN,EACX,EAKFH,EAACiB,EAAA,CACC,KAAMZ,EACN,aAAeA,GAAS,CAACA,GAAQM,EAAY,EAC7C,UAAU,QAEV,UAAAZ,EAACmB,EAAA,CAAc,QAAO,GAAE,SAAAf,EAAQ,EAChCJ,EAACoB,EAAA,CAAc,UAAU,0DACvB,SAAAnB,EAAC,OAAI,UAAU,uBACb,UAAAA,EAACoB,EAAA,CACC,UAAArB,EAACsB,EAAA,CAAa,SAAAT,GAAM,MAAM,EAC1BZ,EAACsB,EAAA,CAAkB,qCACQ,IACzBvB,EAAC,KAAE,KAAMU,EAAY,OAAO,SAAS,IAAI,sBAAsB,wBAE/D,EAAK,KACP,GACF,EACCI,GAAad,EAAC,OAAI,sBAAU,EAC5Be,GACCf,EAAC,OAAI,UAAU,2BAA2B,iCAE1C,EAEFA,EAAC,OACC,UAAU,gEACV,wBAAyB,CACvB,OAAQa,GAAM,MAAQ,EACxB,EACD,GACH,EACF,GACF,CAEJ,EAnE6B,iBChB7B,OAAS,YAAAW,MAAgB,QA8CnB,cAAAC,MAAA,oBArBN,IAAMC,EACJ,qIAEK,SAASC,EAAqB,CACnC,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,EACb,EAA8B,CAC5B,GAAM,CAACC,EAAQC,CAAS,EAAIC,EAAS,EAAK,EAEpCC,EAAcC,EAAA,IAAM,CACnBL,GACHE,EAAU,EAAI,EAEhBJ,IAAUF,CAAS,CACrB,EALoB,eAOpB,OAAII,EAEAP,EAAC,KACC,KAAMa,EAAgBV,CAAS,EAC/B,OAAO,SACP,IAAI,sBACJ,QAASQ,EACT,UAAWG,EAAGb,EAAeG,CAAS,EAErC,SAAAE,EACH,EAKFN,EAACe,EAAA,CACC,UAAWZ,EACX,KAAMK,EACN,QAAS,IAAMC,EAAU,EAAK,EAC9B,QACET,EAAC,UAAO,QAASW,EAAa,UAAWG,EAAGb,EAAeG,CAAS,EACjE,SAAAE,EACH,EAEJ,CAEJ,CA1CgBM,EAAAV,EAAA","names":["zendeskArticles","buildZendeskURL","__name","zendeskId","useQuery","useZendeskArticle","__name","zendeskId","queryOptions","client","useClient","useQuery","response","getShowHelpCenterArticle","data","article","sanitizeHtmlWithImageErrorHandling","jsx","jsxs","ZendeskDrawer","__name","Trigger","zendeskId","open","onClose","components","useFormFields","zendeskURL","buildZendeskURL","handleClose","data","isLoading","error","useZendeskArticle","CustomZendeskDrawer","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","useState","jsx","baseClassName","ZendeskTriggerButton","zendeskId","className","onClick","children","external","isOpen","setIsOpen","useState","handleClick","__name","buildZendeskURL","cn","ZendeskDrawer"]}

package/dist/chunk-7WTIUK53.js

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

package/dist/chunk-7WTIUK53.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/Onboarding/hooks.tsx"],"sourcesContent":["import { ValidationResult } from '@remoteoss/remote-json-schema-form-kit';\nimport {\n  Employment,\n  EmploymentCreateParams,\n  EmploymentFullParams,\n} from '@/src/client';\nimport { Fields } from '@remoteoss/json-schema-form-old';\nimport { useStepState, Step } from '@/src/flows/useStepState';\nimport {\n  BASIC_INFORMATION_SCHEMA_VERSION,\n  disabledInviteButtonEmploymentStatus,\n  getContractDetailsSchemaVersion,\n  reviewStepAllowedEmploymentStatus,\n  STEPS,\n  STEPS_WITHOUT_SELECT_COUNTRY,\n} from '@/src/flows/Onboarding/utils';\nimport { prettifyFormValues } from '@/src/lib/utils';\nimport {\n  getInitialValues,\n  enableAckFields,\n  parseJSFToValidate,\n} from '@/src/components/form/utils';\nimport { mutationToPromise } from '@/src/lib/mutations';\nimport { FieldValues } from 'react-hook-form';\nimport { OnboardingFlowProps } from '@/src/flows/Onboarding/types';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport mergeWith from 'lodash.mergewith';\nimport {\n  useBenefitOffers,\n  useBenefitOffersSchema,\n  useCompany,\n  useCountriesSchemaField,\n  useCreateEmployment,\n  useEmployment,\n  useJSONSchemaForm,\n  useUpdateBenefitsOffers,\n  useUpdateEmployment,\n  useUpsertContractEligibility,\n} from '@/src/flows/Onboarding/api';\nimport { JSFModifyNext, JSONSchemaFormType } from '@/src/flows/types';\nimport { AnnualGrossSalary } from '@/src/flows/Onboarding/components/AnnualGrossSalary';\nimport { $TSFixMe, JSFField, JSFFieldset, Meta } from '@/src/types/remoteFlows';\nimport { EquityPriceDetails } from '@/src/flows/Onboarding/components/EquityPriceDetails';\n\ntype OnboardingHookProps = Omit<OnboardingFlowProps, 'render'>;\n\nconst jsonSchemaToEmployment: Partial<\n  Record<JSONSchemaFormType, keyof Employment>\n> = {\n  employment_basic_information: 'basic_information',\n  contract_details: 'contract_details',\n};\n\nconst stepToFormSchemaMap: Record<\n  keyof typeof STEPS,\n  JSONSchemaFormType | null\n> = {\n  select_country: null,\n  basic_information: 'employment_basic_information',\n  contract_details: 'contract_details',\n  benefits: null,\n  review: null,\n};\n\nconst getLoadingStates = ({\n  isLoadingBasicInformationForm,\n  isLoadingContractDetailsForm,\n  isLoadingEmployment,\n  isLoadingBenefitsOffersSchema,\n  isLoadingBenefitOffers,\n  isLoadingCompany,\n  isLoadingCountries,\n  employmentStatus,\n  employmentId,\n  currentStepName,\n  basicInformationFields,\n  contractDetailsFields,\n}: {\n  isLoadingBasicInformationForm: boolean;\n  isLoadingContractDetailsForm: boolean;\n  isLoadingEmployment: boolean;\n  isLoadingBenefitsOffersSchema: boolean;\n  isLoadingBenefitOffers: boolean;\n  isLoadingCompany: boolean;\n  isLoadingCountries: boolean;\n  employmentStatus?: Employment['status'];\n  employmentId?: string;\n  currentStepName: string;\n  basicInformationFields: Fields;\n  contractDetailsFields: Fields;\n}) => {\n  const initialLoading =\n    isLoadingBasicInformationForm ||\n    isLoadingContractDetailsForm ||\n    isLoadingEmployment ||\n    isLoadingBenefitsOffersSchema ||\n    isLoadingBenefitOffers ||\n    isLoadingCompany ||\n    isLoadingCountries;\n\n  const isEmploymentReadOnly =\n    employmentStatus &&\n    reviewStepAllowedEmploymentStatus.includes(employmentStatus);\n\n  const canInvite =\n    employmentStatus &&\n    !disabledInviteButtonEmploymentStatus.includes(employmentStatus);\n\n  const shouldHandleReadOnlyEmployment = Boolean(\n    employmentId && isEmploymentReadOnly && currentStepName !== 'review',\n  );\n\n  const isLoading = initialLoading || shouldHandleReadOnlyEmployment;\n\n  const isNavigatingToReview = Boolean(\n    shouldHandleReadOnlyEmployment &&\n      !initialLoading &&\n      basicInformationFields.length > 0 &&\n      contractDetailsFields.length > 0,\n  );\n\n  return {\n    isLoading,\n    isNavigatingToReview,\n    isEmploymentReadOnly,\n    canInvite,\n  };\n};\n\nexport const useOnboarding = ({\n  employmentId,\n  companyId,\n  countryCode,\n  type,\n  options,\n  skipSteps,\n  externalId,\n  initialValues: onboardingInitialValues,\n}: OnboardingHookProps) => {\n  const fieldsMetaRef = useRef<{\n    select_country: Meta;\n    basic_information: Meta;\n    contract_details: Meta;\n    benefits: Meta;\n  }>({\n    select_country: {},\n    basic_information: {},\n    contract_details: {},\n    benefits: {},\n  });\n  const [internalEmploymentId, setInternalEmploymentId] = useState<\n    string | undefined\n  >(employmentId);\n  const [internalCountryCode, setInternalCountryCode] = useState<string | null>(\n    countryCode || null,\n  );\n  const {\n    data: employment,\n    isLoading: isLoadingEmployment,\n    refetch: refetchEmployment,\n  } = useEmployment(internalEmploymentId);\n\n  // if the employment is loaded, country code has not been set yet\n  // we set the internal country code with the employment country code\n  if (employmentId && employment?.country?.code && !internalCountryCode) {\n    setInternalCountryCode(employment.country.code);\n  }\n\n  const { data: benefitOffers, isLoading: isLoadingBenefitOffers } =\n    useBenefitOffers(internalEmploymentId);\n\n  const {\n    data: company,\n    isLoading: isLoadingCompany,\n    refetch: refetchCompany,\n  } = useCompany(companyId);\n  const stepsToUse = skipSteps?.includes('select_country')\n    ? STEPS_WITHOUT_SELECT_COUNTRY\n    : STEPS;\n\n  const {\n    fieldValues,\n    stepState,\n    setFieldValues,\n    previousStep,\n    nextStep,\n    goToStep,\n    setStepValues,\n  } = useStepState(\n    stepsToUse as Record<keyof typeof STEPS, Step<keyof typeof STEPS>>,\n  );\n\n  const { selectCountryForm, isLoading: isLoadingCountries } =\n    useCountriesSchemaField({\n      jsfModify: options?.jsfModify?.select_country,\n      queryOptions: {\n        enabled: stepState.currentStep.name === 'select_country',\n      },\n    });\n\n  const createEmploymentMutation = useCreateEmployment(options);\n  const updateEmploymentMutation = useUpdateEmployment(options);\n  const updateBenefitsOffersMutation = useUpdateBenefitsOffers(options);\n  const updateContractEligibilityMutation = useUpsertContractEligibility();\n  const { mutateAsync: createEmploymentMutationAsync } = mutationToPromise(\n    createEmploymentMutation,\n  );\n  const { mutateAsync: updateEmploymentMutationAsync } = mutationToPromise(\n    updateEmploymentMutation,\n  );\n  const { mutateAsync: updateBenefitsOffersMutationAsync } = mutationToPromise(\n    updateBenefitsOffersMutation,\n  );\n\n  const formType =\n    stepToFormSchemaMap[stepState.currentStep.name] ||\n    'employment_basic_information';\n  const employmentKey = jsonSchemaToEmployment[formType] as keyof Employment;\n  const serverEmploymentData = (employment?.[employmentKey] || {}) as Record<\n    string,\n    unknown\n  >;\n\n  const useJSONSchema = ({\n    form,\n    options: jsonSchemaOptions = {},\n    query = {},\n    jsonSchemaVersion,\n  }: {\n    form: JSONSchemaFormType;\n    options?: {\n      jsfModify?: JSFModifyNext;\n      queryOptions?: { enabled?: boolean };\n    };\n    query?: Record<string, string>;\n    jsonSchemaVersion?: number;\n  }) => {\n    const hasUserEnteredAnyValues = Object.keys(fieldValues).length > 0;\n    // when you write on the fields, the values are stored in the fieldValues state\n    // when values are stored in the stepState is when the user has navigated to the step\n    // and then we have the values from the server and the onboardingInitialValues that the user can inject,\n    const mergedFormValues = hasUserEnteredAnyValues\n      ? {\n          ...onboardingInitialValues,\n          ...stepState.values?.[stepState.currentStep.name], // Restore values for the current step\n          ...fieldValues,\n        }\n      : {\n          ...onboardingInitialValues,\n          ...serverEmploymentData,\n        };\n\n    return useJSONSchemaForm({\n      countryCode: internalCountryCode as string,\n      form: form,\n      fieldValues: mergedFormValues,\n      query,\n      options: {\n        ...jsonSchemaOptions,\n        queryOptions: {\n          enabled: jsonSchemaOptions.queryOptions?.enabled ?? true,\n        },\n      },\n      jsonSchemaVersion,\n    });\n  };\n\n  const isBasicInformationDetailsEnabled = Boolean(\n    internalCountryCode &&\n      (stepState.currentStep.name === 'basic_information' ||\n        Boolean(employmentId)),\n  );\n\n  const isContractDetailsEnabled = Boolean(\n    internalCountryCode &&\n      (stepState.currentStep.name === 'contract_details' ||\n        Boolean(employmentId)),\n  );\n\n  const {\n    data: basicInformationForm,\n    isLoading: isLoadingBasicInformationForm,\n  } = useJSONSchema({\n    form: 'employment_basic_information',\n    options: {\n      jsfModify: options?.jsfModify?.basic_information,\n      queryOptions: {\n        enabled: isBasicInformationDetailsEnabled,\n      },\n    },\n    jsonSchemaVersion: BASIC_INFORMATION_SCHEMA_VERSION,\n  });\n\n  const annualGrossSalaryField =\n    options?.jsfModify?.contract_details?.fields?.annual_gross_salary;\n  const annualSalaryFieldPresentation =\n    annualGrossSalaryField &&\n    typeof annualGrossSalaryField === 'object' &&\n    'presentation' in annualGrossSalaryField\n      ? (\n          annualGrossSalaryField as {\n            presentation?: {\n              annual_gross_salary_conversion_properties?: {\n                label?: string;\n                description?: string;\n              };\n            };\n          }\n        ).presentation\n      : undefined;\n\n  const equityCompensationField =\n    options?.jsfModify?.contract_details?.fields?.equity_compensation;\n\n  const contractDetailsCustomFields = useMemo(\n    () => ({\n      fields: {\n        annual_gross_salary: {\n          ...annualGrossSalaryField,\n          presentation: {\n            annual_gross_salary_conversion_properties: {\n              label:\n                annualSalaryFieldPresentation\n                  ?.annual_gross_salary_conversion_properties?.label,\n              description:\n                annualSalaryFieldPresentation\n                  ?.annual_gross_salary_conversion_properties?.description,\n            },\n            desiredCurrency: company?.desired_currency,\n            Component: (props: JSFField & { currency: string }) => {\n              return (\n                <AnnualGrossSalary\n                  desiredCurrency={company?.desired_currency || ''}\n                  {...props}\n                />\n              );\n            },\n          },\n        },\n        equity_compensation: {\n          ...equityCompensationField,\n          presentation: {\n            calculateDynamicProperties: (\n              values: FieldValues,\n              field: JSFField,\n            ) => {\n              const offerEquity =\n                values.equity_compensation?.offer_equity_compensation;\n              const equityCost = field?.meta?.cost;\n\n              return {\n                extra: (\n                  <EquityPriceDetails\n                    offerEquity={offerEquity}\n                    equityCost={equityCost as $TSFixMe}\n                  />\n                ),\n              };\n            },\n          },\n        },\n      },\n    }),\n    [\n      annualGrossSalaryField,\n      annualSalaryFieldPresentation,\n      company?.desired_currency,\n      equityCompensationField,\n    ],\n  );\n\n  const effectiveContractDetailsJsonSchemaVersion =\n    getContractDetailsSchemaVersion(options, internalCountryCode);\n\n  const { data: contractDetailsForm, isLoading: isLoadingContractDetailsForm } =\n    useJSONSchema({\n      form: 'contract_details',\n      query: {\n        employment_id: internalEmploymentId as string,\n      },\n      options: {\n        jsfModify: {\n          ...options?.jsfModify?.contract_details,\n          fields: {\n            ...options?.jsfModify?.contract_details?.fields,\n            ...contractDetailsCustomFields.fields,\n          },\n        },\n        queryOptions: {\n          enabled: isContractDetailsEnabled,\n        },\n      },\n      jsonSchemaVersion: effectiveContractDetailsJsonSchemaVersion,\n    });\n\n  const {\n    data: benefitOffersSchema,\n    isLoading: isLoadingBenefitsOffersSchema,\n  } = useBenefitOffersSchema(\n    internalEmploymentId as string,\n    fieldValues,\n    options,\n  );\n\n  const initialValuesBenefitOffers = useMemo(() => {\n    if (stepState.currentStep.name === 'benefits') {\n      const benefitsFormValues = {\n        ...stepState.values?.[stepState.currentStep.name as keyof typeof STEPS], // Restore values for the current step\n        ...fieldValues,\n      };\n      return mergeWith({}, benefitOffers, benefitsFormValues);\n    }\n    return {};\n  }, [\n    stepState.currentStep.name,\n    benefitOffers,\n    stepState.values,\n    fieldValues,\n  ]);\n\n  const stepFields: Record<keyof typeof STEPS, Fields> = useMemo(\n    () => ({\n      select_country: selectCountryForm?.fields || [],\n      basic_information: basicInformationForm?.fields || [],\n      contract_details: contractDetailsForm?.fields || [],\n      benefits: benefitOffersSchema?.fields || [],\n      review: [],\n    }),\n    [\n      selectCountryForm?.fields,\n      basicInformationForm?.fields,\n      contractDetailsForm?.fields,\n      benefitOffersSchema?.fields,\n    ],\n  );\n\n  const stepFieldsWithFlatFieldsets: Record<\n    keyof typeof STEPS,\n    JSFFieldset | null | undefined\n  > = {\n    select_country: null,\n    basic_information: basicInformationForm?.meta['x-jsf-fieldsets'],\n    contract_details: contractDetailsForm?.meta['x-jsf-fieldsets'],\n    benefits: null,\n    review: null,\n  };\n\n  const {\n    country,\n    basic_information: employmentBasicInformation = {},\n    contract_details: employmentContractDetails = {},\n    status: employmentStatus,\n  } = employment || {};\n\n  const employmentCountryCode = country?.code;\n  const currentStepName = stepState.currentStep.name;\n\n  const selectCountryInitialValues = useMemo(\n    () =>\n      getInitialValues(stepFields.select_country, {\n        country: internalCountryCode || employmentCountryCode || '',\n      }),\n    [stepFields.select_country, internalCountryCode, employmentCountryCode],\n  );\n\n  const basicInformationInitialValues = useMemo(() => {\n    const initialValues = {\n      ...onboardingInitialValues,\n      ...employmentBasicInformation,\n    };\n\n    return getInitialValues(stepFields.basic_information, initialValues);\n  }, [\n    stepFields.basic_information,\n    employmentBasicInformation,\n    onboardingInitialValues,\n  ]);\n\n  const contractDetailsInitialValues = useMemo(() => {\n    const initialValues = {\n      ...onboardingInitialValues,\n      ...employmentContractDetails,\n    };\n\n    return getInitialValues(stepFields.contract_details, initialValues);\n  }, [\n    stepFields.contract_details,\n    employmentContractDetails,\n    onboardingInitialValues,\n  ]);\n\n  const benefitsInitialValues = useMemo(() => {\n    const initialValues = {\n      ...onboardingInitialValues,\n      ...initialValuesBenefitOffers,\n    };\n\n    return getInitialValues(stepFields.benefits, initialValues);\n  }, [\n    stepFields.benefits,\n    initialValuesBenefitOffers,\n    onboardingInitialValues,\n  ]);\n\n  const initialValues = useMemo(() => {\n    if (employment) {\n      return {\n        select_country: selectCountryInitialValues,\n        // We don't store ack fields in the db, eg \"ack_start_date_ammendment\" for Argentina, and therefore is not returned in the employment response\n        // So when an employmentId exists, it means that the user has already started the onboarding process, and we need to enable the ack fields\n        basic_information: enableAckFields(\n          stepFields['basic_information'],\n          basicInformationInitialValues,\n        ),\n        contract_details:\n          // if contract details is null, it means it has not been filled yet, so we can't enable the ack fields\n          employment?.contract_details !== null\n            ? enableAckFields(\n                stepFields['contract_details'],\n                contractDetailsInitialValues,\n              )\n            : contractDetailsInitialValues,\n        benefits: benefitsInitialValues,\n      };\n    }\n    return {\n      select_country: selectCountryInitialValues,\n      basic_information: basicInformationInitialValues,\n      contract_details: contractDetailsInitialValues,\n      benefits: benefitsInitialValues,\n    };\n  }, [\n    selectCountryInitialValues,\n    basicInformationInitialValues,\n    contractDetailsInitialValues,\n    benefitsInitialValues,\n    employment,\n    stepFields,\n  ]);\n\n  const { isLoading, isNavigatingToReview, isEmploymentReadOnly, canInvite } =\n    useMemo(\n      () =>\n        getLoadingStates({\n          isLoadingBasicInformationForm,\n          isLoadingContractDetailsForm,\n          isLoadingEmployment,\n          isLoadingBenefitsOffersSchema,\n          isLoadingBenefitOffers,\n          isLoadingCompany,\n          isLoadingCountries,\n          employmentId,\n          employmentStatus: employmentStatus,\n          basicInformationFields: stepFields.basic_information,\n          contractDetailsFields: stepFields.contract_details,\n          currentStepName: currentStepName,\n        }),\n      [\n        isLoadingBasicInformationForm,\n        isLoadingContractDetailsForm,\n        isLoadingEmployment,\n        isLoadingBenefitsOffersSchema,\n        isLoadingBenefitOffers,\n        isLoadingCompany,\n        isLoadingCountries,\n        employmentId,\n        employmentStatus,\n        stepFields.basic_information,\n        stepFields.contract_details,\n        currentStepName,\n      ],\n    );\n\n  useEffect(() => {\n    if (isNavigatingToReview) {\n      fieldsMetaRef.current = {\n        select_country: prettifyFormValues(\n          selectCountryInitialValues,\n          stepFields.select_country,\n        ),\n        basic_information: prettifyFormValues(\n          basicInformationInitialValues,\n          stepFields.basic_information,\n        ),\n        contract_details: prettifyFormValues(\n          contractDetailsInitialValues,\n          stepFields.contract_details,\n        ),\n        benefits: prettifyFormValues(\n          benefitsInitialValues,\n          stepFields.benefits,\n        ),\n      };\n\n      setStepValues({\n        select_country: selectCountryInitialValues,\n        basic_information: basicInformationInitialValues,\n        contract_details: contractDetailsInitialValues,\n        benefits: benefitsInitialValues,\n        review: {},\n      });\n\n      goToStep('review');\n    }\n  }, [\n    basicInformationInitialValues,\n    benefitsInitialValues,\n    contractDetailsInitialValues,\n    goToStep,\n    isNavigatingToReview,\n    selectCountryInitialValues,\n    setStepValues,\n    stepFields.basic_information,\n    stepFields.benefits,\n    stepFields.contract_details,\n    stepFields.select_country,\n  ]);\n\n  const parseFormValues = async (values: FieldValues) => {\n    if (selectCountryForm && stepState.currentStep.name === 'select_country') {\n      return values;\n    }\n    if (\n      basicInformationForm &&\n      stepState.currentStep.name === 'basic_information'\n    ) {\n      return await parseJSFToValidate(values, basicInformationForm?.fields, {\n        isPartialValidation: false,\n      });\n    }\n\n    if (\n      contractDetailsForm &&\n      stepState.currentStep.name === 'contract_details'\n    ) {\n      return await parseJSFToValidate(values, contractDetailsForm?.fields, {\n        isPartialValidation: false,\n      });\n    }\n\n    return {};\n  };\n\n  async function onSubmit(values: FieldValues) {\n    // Prettify values for the current step\n    const currentStepName = stepState.currentStep.name;\n    if (currentStepName in fieldsMetaRef.current) {\n      fieldsMetaRef.current[\n        currentStepName as keyof typeof fieldsMetaRef.current\n      ] = prettifyFormValues(values, stepFields[currentStepName]);\n    }\n\n    const parsedValues = await parseFormValues(values);\n    refetchCompany();\n    switch (stepState.currentStep.name) {\n      case 'select_country': {\n        setInternalCountryCode(parsedValues.country);\n        return Promise.resolve({ data: { countryCode: parsedValues.country } });\n      }\n      case 'basic_information': {\n        const isEmploymentNotLoaded =\n          !internalEmploymentId && internalCountryCode;\n        const hasChangedCountry =\n          internalEmploymentId &&\n          internalCountryCode &&\n          employment?.country &&\n          employment?.country.code !== internalCountryCode;\n        if (isEmploymentNotLoaded || hasChangedCountry) {\n          const payload: EmploymentCreateParams = {\n            basic_information: parsedValues,\n            type: type,\n            country_code: internalCountryCode,\n            external_id: externalId,\n          };\n          try {\n            const response = await createEmploymentMutationAsync(payload);\n            // @ts-expect-error the types from the response are not matching\n            const employmentId = response.data?.data?.employment?.id;\n            setInternalEmploymentId(employmentId);\n            await updateContractEligibilityMutation.mutateAsync({\n              employmentId: employmentId,\n              eligible_to_work_in_residing_country: 'citizen',\n              employer_or_work_restrictions: false,\n            });\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            external_id: externalId,\n          });\n        }\n\n        return;\n      }\n      case 'contract_details': {\n        const payload: EmploymentFullParams = {\n          contract_details: parsedValues,\n          pricing_plan_details: {\n            frequency: 'monthly',\n          },\n        };\n        return updateEmploymentMutationAsync({\n          employmentId: internalEmploymentId as string,\n          external_id: externalId,\n          ...payload,\n        });\n      }\n\n      case 'benefits': {\n        return updateBenefitsOffersMutationAsync({\n          employmentId: internalEmploymentId as string,\n          ...values,\n        });\n      }\n    }\n    return;\n  }\n\n  function back() {\n    previousStep();\n  }\n\n  function next() {\n    nextStep();\n  }\n\n  function goTo(step: keyof typeof STEPS) {\n    goToStep(step);\n  }\n\n  return {\n    /**\n     * Employment id passed useful to be used between components\n     */\n    employmentId: internalEmploymentId,\n\n    /**\n     * Credit risk status of the company, useful to know what to to show in the review step\n     * The possible values are:\n     * - not_started\n     * - ready\n     * - in_progress\n     * - referred\n     * - fail\n     * - deposit_required\n     * - no_deposit_required\n     */\n\n    creditRiskStatus: company?.default_legal_entity_credit_risk_status,\n    /**\n     * Current state of the form fields for the current step.\n     */\n    fieldValues,\n    /**\n     * Current step state containing the current step and total number of steps\n     */\n    stepState,\n    /**\n     * Array of form fields from the onboarding schema\n     */\n    fields: stepFields[stepState.currentStep.name],\n    /**\n     * Loading state indicating if the onboarding schema is being fetched\n     */\n    isLoading: isLoading,\n    /**\n     * Loading state indicating if the onboarding mutation is in progress\n     */\n    isSubmitting:\n      createEmploymentMutation.isPending ||\n      updateEmploymentMutation.isPending ||\n      updateBenefitsOffersMutation.isPending,\n    /**\n     * Initial form values\n     */\n    initialValues,\n    /**\n     * Function to validate form values against the onboarding schema\n     * @param values - Form values to validate\n     * @returns Validation result or null if no schema is available\n     */\n    handleValidation: async (\n      values: FieldValues,\n    ): Promise<ValidationResult | null> => {\n      if (stepState.currentStep.name === 'select_country') {\n        return selectCountryForm.handleValidation(values);\n      }\n      if (stepState.currentStep.name === 'benefits' && benefitOffersSchema) {\n        const parsedValues = await parseJSFToValidate(\n          values,\n          benefitOffersSchema?.fields,\n          { isPartialValidation: false },\n        );\n\n        return benefitOffersSchema?.handleValidation(parsedValues);\n      }\n      if (\n        basicInformationForm &&\n        stepState.currentStep.name === 'basic_information'\n      ) {\n        const parsedValues = await parseJSFToValidate(\n          values,\n          basicInformationForm?.fields,\n          { isPartialValidation: false },\n        );\n        return basicInformationForm?.handleValidation(parsedValues);\n      }\n\n      if (\n        contractDetailsForm &&\n        stepState.currentStep.name === 'contract_details'\n      ) {\n        const parsedValues = await parseJSFToValidate(\n          values,\n          contractDetailsForm?.fields,\n          { isPartialValidation: false },\n        );\n        return contractDetailsForm?.handleValidation(parsedValues);\n      }\n\n      return null;\n    },\n    /**\n     * Function to update the current form field values\n     * @param values - New form values to set\n     */\n    checkFieldUpdates: setFieldValues,\n\n    /**\n     * Function to parse form values before submission\n     * @param values - Form values to parse\n     * @returns Parsed form values\n     */\n    parseFormValues,\n\n    /**\n     * Function to handle form submission\n     * @param values - Form values to submit\n     * @returns Promise resolving to the mutation result\n     */\n    onSubmit,\n\n    /**\n     * Function to handle going back to the previous step\n     * @returns {void}\n     */\n    back,\n\n    /**\n     * Function to handle going to the next step\n     * @returns {void}\n     */\n    next,\n\n    /**\n     * Function to handle going to a specific step\n     * @param step The step to go to.\n     * @returns {void}\n     */\n    goTo,\n\n    /**\n     * Fields metadata for each step\n     */\n    meta: {\n      fields: fieldsMetaRef.current,\n      fieldsets: stepFieldsWithFlatFieldsets[stepState.currentStep.name],\n    },\n\n    /**\n     * Function to refetch the employment data\n     * @returns {void}\n     */\n    refetchEmployment,\n    /**\n     * Employment data\n     */\n    employment,\n\n    /**\n     * let's the user know that the employment cannot be edited, happens when employment.status is invited, created_awaiting_reserve or created_reserve_paid\n     * @returns {boolean}\n     */\n    isEmploymentReadOnly,\n\n    /**\n     * let's the user know if the company can invite employees\n     * @returns {boolean}\n     */\n    canInvite,\n  };\n};\n"],"mappings":"2eAyBA,OAAS,aAAAA,GAAW,WAAAC,EAAS,UAAAC,GAAQ,YAAAC,OAAgB,QACrD,OAAOC,OAAe,mBAiTN,cAAAC,OAAA,oBA7RhB,IAAMC,GAEF,CACF,6BAA8B,oBAC9B,iBAAkB,kBACpB,EAEMC,GAGF,CACF,eAAgB,KAChB,kBAAmB,+BACnB,iBAAkB,mBAClB,SAAU,KACV,OAAQ,IACV,EAEMC,GAAmBC,EAAA,CAAC,CACxB,8BAAAC,EACA,6BAAAC,EACA,oBAAAC,EACA,8BAAAC,EACA,uBAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,uBAAAC,EACA,sBAAAC,CACF,IAaM,CACJ,IAAMC,EACJZ,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,EAEIO,EACJN,GACAO,GAAkC,SAASP,CAAgB,EAEvDQ,EACJR,GACA,CAACS,GAAqC,SAAST,CAAgB,EAE3DU,EAAiC,GACrCT,GAAgBK,GAAwBJ,IAAoB,UAGxDS,EAAYN,GAAkBK,EAE9BE,EAAuB,GAC3BF,GACE,CAACL,GACDF,EAAuB,OAAS,GAChCC,EAAsB,OAAS,GAGnC,MAAO,CACL,UAAAO,EACA,qBAAAC,EACA,qBAAAN,EACA,UAAAE,CACF,CACF,EA/DyB,oBAiEZK,GAAgBrB,EAAA,CAAC,CAC5B,aAAAS,EACA,UAAAa,EACA,YAAAC,EACA,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WAAAC,EACA,cAAeC,CACjB,IAA2B,CACzB,IAAMC,EAAgBC,GAKnB,CACD,eAAgB,CAAC,EACjB,kBAAmB,CAAC,EACpB,iBAAkB,CAAC,EACnB,SAAU,CAAC,CACb,CAAC,EACK,CAACC,EAAsBC,CAAuB,EAAIC,GAEtDxB,CAAY,EACR,CAACyB,EAAqBC,CAAsB,EAAIF,GACpDV,GAAe,IACjB,EACM,CACJ,KAAMa,EACN,UAAWjC,EACX,QAASkC,CACX,EAAIC,GAAcP,CAAoB,EAIlCtB,GAAgB2B,GAAY,SAAS,MAAQ,CAACF,GAChDC,EAAuBC,EAAW,QAAQ,IAAI,EAGhD,GAAM,CAAE,KAAMG,EAAe,UAAWlC,CAAuB,EAC7DmC,GAAiBT,CAAoB,EAEjC,CACJ,KAAMU,EACN,UAAWnC,EACX,QAASoC,EACX,EAAIC,GAAWrB,CAAS,EAClBsB,GAAalB,GAAW,SAAS,gBAAgB,EACnDmB,GACAC,GAEE,CACJ,YAAAC,EACA,UAAAC,EACA,eAAAC,GACA,aAAAC,GACA,SAAAC,GACA,SAAAC,EACA,cAAAC,CACF,EAAIC,GACFV,EACF,EAEM,CAAE,kBAAAW,EAAmB,UAAWhD,CAAmB,EACvDiD,GAAwB,CACtB,UAAW/B,GAAS,WAAW,eAC/B,aAAc,CACZ,QAASuB,EAAU,YAAY,OAAS,gBAC1C,CACF,CAAC,EAEGS,EAA2BC,GAAoBjC,CAAO,EACtDkC,EAA2BC,GAAoBnC,CAAO,EACtDoC,EAA+BC,GAAwBrC,CAAO,EAC9DsC,GAAoCC,GAA6B,EACjE,CAAE,YAAaC,EAA8B,EAAIC,EACrDT,CACF,EACM,CAAE,YAAaU,CAA8B,EAAID,EACrDP,CACF,EACM,CAAE,YAAaS,EAAkC,EAAIF,EACzDL,CACF,EAEMQ,GACJvE,GAAoBkD,EAAU,YAAY,IAAI,GAC9C,+BACIsB,GAAgBzE,GAAuBwE,EAAQ,EAC/CE,GAAwBnC,IAAakC,EAAa,GAAK,CAAC,EAKxDE,EAAgBxE,EAAA,CAAC,CACrB,KAAAyE,EACA,QAASC,EAAoB,CAAC,EAC9B,MAAAC,EAAQ,CAAC,EACT,kBAAAC,CACF,IAQM,CAKJ,IAAMC,EAJ0B,OAAO,KAAK9B,CAAW,EAAE,OAAS,EAK9D,CACE,GAAGnB,EACH,GAAGoB,EAAU,SAASA,EAAU,YAAY,IAAI,EAChD,GAAGD,CACL,EACA,CACE,GAAGnB,EACH,GAAG2C,EACL,EAEJ,OAAOO,GAAkB,CACvB,YAAa5C,EACb,KAAMuC,EACN,YAAaI,EACb,MAAAF,EACA,QAAS,CACP,GAAGD,EACH,aAAc,CACZ,QAASA,EAAkB,cAAc,SAAW,EACtD,CACF,EACA,kBAAAE,CACF,CAAC,CACH,EA1CsB,iBA4ChBG,GAAmC,GACvC7C,IACGc,EAAU,YAAY,OAAS,qBACtBvC,IAGRuE,GAA2B,GAC/B9C,IACGc,EAAU,YAAY,OAAS,oBACtBvC,IAGR,CACJ,KAAMwE,EACN,UAAWhF,EACb,EAAIuE,EAAc,CAChB,KAAM,+BACN,QAAS,CACP,UAAW/C,GAAS,WAAW,kBAC/B,aAAc,CACZ,QAASsD,EACX,CACF,EACA,kBAAmBG,EACrB,CAAC,EAEKC,EACJ1D,GAAS,WAAW,kBAAkB,QAAQ,oBAC1C2D,EACJD,GACA,OAAOA,GAA2B,UAClC,iBAAkBA,EAEZA,EAQA,aACF,OAEAE,GACJ5D,GAAS,WAAW,kBAAkB,QAAQ,oBAE1C6D,GAA8BC,EAClC,KAAO,CACL,OAAQ,CACN,oBAAqB,CACnB,GAAGJ,EACH,aAAc,CACZ,0CAA2C,CACzC,MACEC,GACI,2CAA2C,MACjD,YACEA,GACI,2CAA2C,WACnD,EACA,gBAAiB3C,GAAS,iBAC1B,UAAWzC,EAACwF,GAER5F,GAAC6F,GAAA,CACC,gBAAiBhD,GAAS,kBAAoB,GAC7C,GAAG+C,EACN,EALO,YAQb,CACF,EACA,oBAAqB,CACnB,GAAGH,GACH,aAAc,CACZ,2BAA4BrF,EAAA,CAC1B0F,EACAC,IACG,CACH,IAAMC,EACJF,EAAO,qBAAqB,0BACxBG,EAAaF,GAAO,MAAM,KAEhC,MAAO,CACL,MACE/F,GAACkG,GAAA,CACC,YAAaF,EACb,WAAYC,EACd,CAEJ,CACF,EAhB4B,6BAiB9B,CACF,CACF,CACF,GACA,CACEV,EACAC,EACA3C,GAAS,iBACT4C,EACF,CACF,EAEMU,GACJC,GAAgCvE,EAASS,CAAmB,EAExD,CAAE,KAAM+D,EAAqB,UAAW/F,EAA6B,EACzEsE,EAAc,CACZ,KAAM,mBACN,MAAO,CACL,cAAezC,CACjB,EACA,QAAS,CACP,UAAW,CACT,GAAGN,GAAS,WAAW,iBACvB,OAAQ,CACN,GAAGA,GAAS,WAAW,kBAAkB,OACzC,GAAG6D,GAA4B,MACjC,CACF,EACA,aAAc,CACZ,QAASN,EACX,CACF,EACA,kBAAmBe,EACrB,CAAC,EAEG,CACJ,KAAMG,EACN,UAAW9F,EACb,EAAI+F,GACFpE,EACAgB,EACAtB,CACF,EAEM2E,GAA6Bb,EAAQ,IAAM,CAC/C,GAAIvC,EAAU,YAAY,OAAS,WAAY,CAC7C,IAAMqD,EAAqB,CACzB,GAAGrD,EAAU,SAASA,EAAU,YAAY,IAA0B,EACtE,GAAGD,CACL,EACA,OAAOuD,GAAU,CAAC,EAAG/D,EAAe8D,CAAkB,CACxD,CACA,MAAO,CAAC,CACV,EAAG,CACDrD,EAAU,YAAY,KACtBT,EACAS,EAAU,OACVD,CACF,CAAC,EAEKwD,EAAiDhB,EACrD,KAAO,CACL,eAAgBhC,GAAmB,QAAU,CAAC,EAC9C,kBAAmB0B,GAAsB,QAAU,CAAC,EACpD,iBAAkBgB,GAAqB,QAAU,CAAC,EAClD,SAAUC,GAAqB,QAAU,CAAC,EAC1C,OAAQ,CAAC,CACX,GACA,CACE3C,GAAmB,OACnB0B,GAAsB,OACtBgB,GAAqB,OACrBC,GAAqB,MACvB,CACF,EAEMM,GAGF,CACF,eAAgB,KAChB,kBAAmBvB,GAAsB,KAAK,iBAAiB,EAC/D,iBAAkBgB,GAAqB,KAAK,iBAAiB,EAC7D,SAAU,KACV,OAAQ,IACV,EAEM,CACJ,QAAAQ,GACA,kBAAmBC,GAA6B,CAAC,EACjD,iBAAkBC,GAA4B,CAAC,EAC/C,OAAQnG,EACV,EAAI4B,GAAc,CAAC,EAEbwE,GAAwBH,IAAS,KACjC/F,GAAkBsC,EAAU,YAAY,KAExC6D,EAA6BtB,EACjC,IACEuB,EAAiBP,EAAW,eAAgB,CAC1C,QAASrE,GAAuB0E,IAAyB,EAC3D,CAAC,EACH,CAACL,EAAW,eAAgBrE,EAAqB0E,EAAqB,CACxE,EAEMG,EAAgCxB,EAAQ,IAAM,CAClD,IAAMyB,EAAgB,CACpB,GAAGpF,EACH,GAAG8E,EACL,EAEA,OAAOI,EAAiBP,EAAW,kBAAmBS,CAAa,CACrE,EAAG,CACDT,EAAW,kBACXG,GACA9E,CACF,CAAC,EAEKqF,EAA+B1B,EAAQ,IAAM,CACjD,IAAMyB,EAAgB,CACpB,GAAGpF,EACH,GAAG+E,EACL,EAEA,OAAOG,EAAiBP,EAAW,iBAAkBS,CAAa,CACpE,EAAG,CACDT,EAAW,iBACXI,GACA/E,CACF,CAAC,EAEKsF,EAAwB3B,EAAQ,IAAM,CAC1C,IAAMyB,EAAgB,CACpB,GAAGpF,EACH,GAAGwE,EACL,EAEA,OAAOU,EAAiBP,EAAW,SAAUS,CAAa,CAC5D,EAAG,CACDT,EAAW,SACXH,GACAxE,CACF,CAAC,EAEKoF,GAAgBzB,EAAQ,IACxBnD,EACK,CACL,eAAgByE,EAGhB,kBAAmBM,EACjBZ,EAAW,kBACXQ,CACF,EACA,iBAEE3E,GAAY,mBAAqB,KAC7B+E,EACEZ,EAAW,iBACXU,CACF,EACAA,EACN,SAAUC,CACZ,EAEK,CACL,eAAgBL,EAChB,kBAAmBE,EACnB,iBAAkBE,EAClB,SAAUC,CACZ,EACC,CACDL,EACAE,EACAE,EACAC,EACA9E,EACAmE,CACF,CAAC,EAEK,CAAE,UAAApF,GAAW,qBAAAC,GAAsB,qBAAAN,GAAsB,UAAAE,EAAU,EACvEuE,EACE,IACExF,GAAiB,CACf,8BAAAE,GACA,6BAAAC,GACA,oBAAAC,EACA,8BAAAC,GACA,uBAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,aAAAE,EACA,iBAAkBD,GAClB,uBAAwB+F,EAAW,kBACnC,sBAAuBA,EAAW,iBAClC,gBAAiB7F,EACnB,CAAC,EACH,CACET,GACAC,GACAC,EACAC,GACAC,EACAC,EACAC,EACAE,EACAD,GACA+F,EAAW,kBACXA,EAAW,iBACX7F,EACF,CACF,EAEF0G,GAAU,IAAM,CACVhG,KACFS,EAAc,QAAU,CACtB,eAAgBwF,EACdR,EACAN,EAAW,cACb,EACA,kBAAmBc,EACjBN,EACAR,EAAW,iBACb,EACA,iBAAkBc,EAChBJ,EACAV,EAAW,gBACb,EACA,SAAUc,EACRH,EACAX,EAAW,QACb,CACF,EAEAlD,EAAc,CACZ,eAAgBwD,EAChB,kBAAmBE,EACnB,iBAAkBE,EAClB,SAAUC,EACV,OAAQ,CAAC,CACX,CAAC,EAED9D,EAAS,QAAQ,EAErB,EAAG,CACD2D,EACAG,EACAD,EACA7D,EACAhC,GACAyF,EACAxD,EACAkD,EAAW,kBACXA,EAAW,SACXA,EAAW,iBACXA,EAAW,cACb,CAAC,EAED,IAAMe,GAAkBtH,EAAA,MAAO0F,GACzBnC,GAAqBP,EAAU,YAAY,OAAS,iBAC/C0C,EAGPT,GACAjC,EAAU,YAAY,OAAS,oBAExB,MAAMuE,EAAmB7B,EAAQT,GAAsB,OAAQ,CACpE,oBAAqB,EACvB,CAAC,EAIDgB,GACAjD,EAAU,YAAY,OAAS,mBAExB,MAAMuE,EAAmB7B,EAAQO,GAAqB,OAAQ,CACnE,oBAAqB,EACvB,CAAC,EAGI,CAAC,EAtBc,mBAyBxB,eAAeuB,GAAS9B,EAAqB,CAE3C,IAAMhF,EAAkBsC,EAAU,YAAY,KAC1CtC,KAAmBmB,EAAc,UACnCA,EAAc,QACZnB,CACF,EAAI2G,EAAmB3B,EAAQa,EAAW7F,CAAe,CAAC,GAG5D,IAAM+G,EAAe,MAAMH,GAAgB5B,CAAM,EAEjD,OADAhD,GAAe,EACPM,EAAU,YAAY,KAAM,CAClC,IAAK,iBACH,OAAAb,EAAuBsF,EAAa,OAAO,EACpC,QAAQ,QAAQ,CAAE,KAAM,CAAE,YAAaA,EAAa,OAAQ,CAAE,CAAC,EAExE,IAAK,oBAAqB,CACxB,IAAMC,EACJ,CAAC3F,GAAwBG,EACrByF,GACJ5F,GACAG,GACAE,GAAY,SACZA,GAAY,QAAQ,OAASF,EAC/B,GAAIwF,GAAyBC,GAAmB,CAC9C,IAAMC,EAAkC,CACtC,kBAAmBH,EACnB,KAAMjG,EACN,aAAcU,EACd,YAAaP,CACf,EACA,GAAI,CACF,IAAMkG,EAAW,MAAM5D,GAA8B2D,CAAO,EAEtDnH,GAAeoH,EAAS,MAAM,MAAM,YAAY,GACtD,OAAA7F,EAAwBvB,EAAY,EACpC,MAAMsD,GAAkC,YAAY,CAClD,aAActD,GACd,qCAAsC,UACtC,8BAA+B,EACjC,CAAC,EAEMoH,CACT,OAASC,EAAO,CACd,cAAQ,MAAM,6BAA8BA,CAAK,EAC3CA,CACR,CACF,SAAW/F,EACT,OAAOoC,EAA8B,CACnC,aAAcpC,EACd,kBAAmB0F,EACnB,qBAAsB,CACpB,UAAW,SACb,EACA,YAAa9F,CACf,CAAC,EAGH,MACF,CACA,IAAK,mBAOH,OAAOwC,EAA8B,CACnC,aAAcpC,EACd,YAAaJ,EACb,GAToC,CACpC,iBAAkB8F,EAClB,qBAAsB,CACpB,UAAW,SACb,CACF,CAKA,CAAC,EAGH,IAAK,WACH,OAAOrD,GAAkC,CACvC,aAAcrC,EACd,GAAG2D,CACL,CAAC,CAEL,CAEF,CAlFe1F,EAAAwH,GAAA,YAoFf,SAASO,IAAO,CACd7E,GAAa,CACf,CAFSlD,EAAA+H,GAAA,QAIT,SAASC,IAAO,CACd7E,GAAS,CACX,CAFSnD,EAAAgI,GAAA,QAIT,SAASC,GAAKC,EAA0B,CACtC9E,EAAS8E,CAAI,CACf,CAFS,OAAAlI,EAAAiI,GAAA,QAIF,CAIL,aAAclG,EAcd,iBAAkBU,GAAS,wCAI3B,YAAAM,EAIA,UAAAC,EAIA,OAAQuD,EAAWvD,EAAU,YAAY,IAAI,EAI7C,UAAW7B,GAIX,aACEsC,EAAyB,WACzBE,EAAyB,WACzBE,EAA6B,UAI/B,cAAAmD,GAMA,iBAAkBhH,EAAA,MAChB0F,GACqC,CACrC,GAAI1C,EAAU,YAAY,OAAS,iBACjC,OAAOO,EAAkB,iBAAiBmC,CAAM,EAElD,GAAI1C,EAAU,YAAY,OAAS,YAAckD,EAAqB,CACpE,IAAMuB,EAAe,MAAMF,EACzB7B,EACAQ,GAAqB,OACrB,CAAE,oBAAqB,EAAM,CAC/B,EAEA,OAAOA,GAAqB,iBAAiBuB,CAAY,CAC3D,CACA,GACExC,GACAjC,EAAU,YAAY,OAAS,oBAC/B,CACA,IAAMyE,EAAe,MAAMF,EACzB7B,EACAT,GAAsB,OACtB,CAAE,oBAAqB,EAAM,CAC/B,EACA,OAAOA,GAAsB,iBAAiBwC,CAAY,CAC5D,CAEA,GACExB,GACAjD,EAAU,YAAY,OAAS,mBAC/B,CACA,IAAMyE,EAAe,MAAMF,EACzB7B,EACAO,GAAqB,OACrB,CAAE,oBAAqB,EAAM,CAC/B,EACA,OAAOA,GAAqB,iBAAiBwB,CAAY,CAC3D,CAEA,OAAO,IACT,EAxCkB,oBA6ClB,kBAAmBxE,GAOnB,gBAAAqE,GAOA,SAAAE,GAMA,KAAAO,GAMA,KAAAC,GAOA,KAAAC,GAKA,KAAM,CACJ,OAAQpG,EAAc,QACtB,UAAW2E,GAA4BxD,EAAU,YAAY,IAAI,CACnE,EAMA,kBAAAX,EAIA,WAAAD,EAMA,qBAAAtB,GAMA,UAAAE,EACF,CACF,EAnwB6B","names":["useEffect","useMemo","useRef","useState","mergeWith","jsx","jsonSchemaToEmployment","stepToFormSchemaMap","getLoadingStates","__name","isLoadingBasicInformationForm","isLoadingContractDetailsForm","isLoadingEmployment","isLoadingBenefitsOffersSchema","isLoadingBenefitOffers","isLoadingCompany","isLoadingCountries","employmentStatus","employmentId","currentStepName","basicInformationFields","contractDetailsFields","initialLoading","isEmploymentReadOnly","reviewStepAllowedEmploymentStatus","canInvite","disabledInviteButtonEmploymentStatus","shouldHandleReadOnlyEmployment","isLoading","isNavigatingToReview","useOnboarding","companyId","countryCode","type","options","skipSteps","externalId","onboardingInitialValues","fieldsMetaRef","useRef","internalEmploymentId","setInternalEmploymentId","useState","internalCountryCode","setInternalCountryCode","employment","refetchEmployment","useEmployment","benefitOffers","useBenefitOffers","company","refetchCompany","useCompany","stepsToUse","STEPS_WITHOUT_SELECT_COUNTRY","STEPS","fieldValues","stepState","setFieldValues","previousStep","nextStep","goToStep","setStepValues","useStepState","selectCountryForm","useCountriesSchemaField","createEmploymentMutation","useCreateEmployment","updateEmploymentMutation","useUpdateEmployment","updateBenefitsOffersMutation","useUpdateBenefitsOffers","updateContractEligibilityMutation","useUpsertContractEligibility","createEmploymentMutationAsync","mutationToPromise","updateEmploymentMutationAsync","updateBenefitsOffersMutationAsync","formType","employmentKey","serverEmploymentData","useJSONSchema","form","jsonSchemaOptions","query","jsonSchemaVersion","mergedFormValues","useJSONSchemaForm","isBasicInformationDetailsEnabled","isContractDetailsEnabled","basicInformationForm","BASIC_INFORMATION_SCHEMA_VERSION","annualGrossSalaryField","annualSalaryFieldPresentation","equityCompensationField","contractDetailsCustomFields","useMemo","props","AnnualGrossSalary","values","field","offerEquity","equityCost","EquityPriceDetails","effectiveContractDetailsJsonSchemaVersion","getContractDetailsSchemaVersion","contractDetailsForm","benefitOffersSchema","useBenefitOffersSchema","initialValuesBenefitOffers","benefitsFormValues","mergeWith","stepFields","stepFieldsWithFlatFieldsets","country","employmentBasicInformation","employmentContractDetails","employmentCountryCode","selectCountryInitialValues","getInitialValues","basicInformationInitialValues","initialValues","contractDetailsInitialValues","benefitsInitialValues","enableAckFields","useEffect","prettifyFormValues","parseFormValues","parseJSFToValidate","onSubmit","parsedValues","isEmploymentNotLoaded","hasChangedCountry","payload","response","error","back","next","goTo","step"]}

package/dist/chunk-ELXVVBRD.js

@@ -1,2 +0,0 @@
-import{a as s}from"./chunk-P37U34EQ.js";var d={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"}},_={basic_information:{index:0,name:"basic_information"},contract_details:{index:1,name:"contract_details"},benefits:{index:2,name:"benefits"},review:{index:3,name:"review"}},S=["invited","created_awaiting_reserve","created_reserve_paid"],p=["created_awaiting_reserve","invited"],o=1,f=o,r={DEU:[1,2]},a=s(t=>t?r[t]?.[0]??o:o,"getDefaultContractDetailsSchemaVersion"),l=s((t,e)=>{let n=a(e);if(!e||!r[e]||!t)return n;let i=r[e];return i.includes(t)?t:(console.warn(`[RemoteFlows] JSON Schema version ${t} is not allowed for country ${e}. Allowed versions: [${i.join(", ")}]. Using default version ${n}.`),n)},"getValidatedContractDetailsSchemaVersion"),u=s((t,e)=>{let n=t?.jsonSchemaVersionByCountry,i=e?n?.[e]?.contract_details:void 0,c=i||a(e);return l(c,e)},"getContractDetailsSchemaVersion");export{d as a,_ as b,S as c,p as d,o as e,f,u as g};
-//# sourceMappingURL=chunk-ELXVVBRD.js.map

package/dist/chunk-ELXVVBRD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/Onboarding/utils.ts"],"sourcesContent":["import { Employment, OnboardingFlowProps } from '@/src/flows/Onboarding/types';\nimport { Step } from '@/src/flows/useStepState';\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 * Array of employment statuses that are allowed to proceed to the review step.\n * These statuses indicate that the employment is in a final state and the employment cannot be modified further.\n * @type {Employment['status'][]}\n * @constant\n */\nexport const reviewStepAllowedEmploymentStatus: Employment['status'][] = [\n  'invited',\n  'created_awaiting_reserve',\n  'created_reserve_paid',\n];\n\nexport const disabledInviteButtonEmploymentStatus: Employment['status'][] = [\n  'created_awaiting_reserve',\n  'invited',\n];\n\nexport const DEFAULT_VERSION = 1;\nexport const BASIC_INFORMATION_SCHEMA_VERSION = DEFAULT_VERSION;\n\n/**\n * Defines allowed JSON schema versions per country for contract_details\n * Key: country code, Value: array of allowed versions (first is default/recommended)\n */\nconst COUNTRY_CONTRACT_DETAILS_VERSION_ALLOWLIST: Record<string, number[]> = {\n  DEU: [1, 2], // Germany: allows v1 (default) and v2\n};\n\n/**\n * Gets the default (recommended) contract details schema version for a country\n */\nconst getDefaultContractDetailsSchemaVersion = (\n  countryCode: string | null,\n): number => {\n  if (!countryCode) return DEFAULT_VERSION;\n  const allowedVersions =\n    COUNTRY_CONTRACT_DETAILS_VERSION_ALLOWLIST[countryCode];\n  return allowedVersions?.[0] ?? DEFAULT_VERSION; // First version is the default\n};\n\n/**\n * Validates if a version is allowed for a given country\n * Returns the version if valid, otherwise returns the default\n */\nconst getValidatedContractDetailsSchemaVersion = (\n  requestedVersion: number | undefined,\n  countryCode: string | null,\n): number => {\n  const defaultVersion = getDefaultContractDetailsSchemaVersion(countryCode);\n\n  // If there is no country code, no allowlist for country, or no requested version, return the default version\n  if (\n    !countryCode ||\n    !COUNTRY_CONTRACT_DETAILS_VERSION_ALLOWLIST[countryCode] ||\n    !requestedVersion\n  ) {\n    return defaultVersion;\n  }\n\n  const allowedVersions =\n    COUNTRY_CONTRACT_DETAILS_VERSION_ALLOWLIST[countryCode];\n\n  // Check if requested version is allowed\n  if (allowedVersions.includes(requestedVersion)) {\n    return requestedVersion;\n  }\n\n  // Version not allowed, return default with console warning\n  console.warn(\n    `[RemoteFlows] JSON Schema version ${requestedVersion} is not allowed for country ${countryCode}. ` +\n      `Allowed versions: [${allowedVersions.join(', ')}]. Using default version ${defaultVersion}.`,\n  );\n\n  return defaultVersion;\n};\n\n/**\n * Resolves the effective contract details schema version for a country\n * Priority: country-specific > global > default by country\n *\n * @param options - The flow options containing version configurations\n * @param countryCode - The country code to resolve version for\n * @returns The effective jsonSchemaVersion configuration\n */\nexport const getContractDetailsSchemaVersion = (\n  options: OnboardingFlowProps['options'],\n  countryCode: string | null,\n) => {\n  const jsonSchemaVersionByCountry = options?.jsonSchemaVersionByCountry;\n  const countrySpecificVersion = countryCode\n    ? jsonSchemaVersionByCountry?.[countryCode]?.contract_details\n    : undefined;\n\n  const requestedVersion = countrySpecificVersion\n    ? countrySpecificVersion\n    : getDefaultContractDetailsSchemaVersion(countryCode);\n  const effectiveVersion = getValidatedContractDetailsSchemaVersion(\n    requestedVersion,\n    countryCode,\n  );\n\n  return effectiveVersion;\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,EAQaC,EAA4D,CACvE,UACA,2BACA,sBACF,EAEaC,EAA+D,CAC1E,2BACA,SACF,EAEaC,EAAkB,EAClBC,EAAmCD,EAM1CE,EAAuE,CAC3E,IAAK,CAAC,EAAG,CAAC,CACZ,EAKMC,EAAyCC,EAC7CC,GAEKA,EAEHH,EAA2CG,CAAW,IAC/B,CAAC,GAAKL,EAHNA,EAHoB,0CAazCM,EAA2CF,EAAA,CAC/CG,EACAF,IACW,CACX,IAAMG,EAAiBL,EAAuCE,CAAW,EAGzE,GACE,CAACA,GACD,CAACH,EAA2CG,CAAW,GACvD,CAACE,EAED,OAAOC,EAGT,IAAMC,EACJP,EAA2CG,CAAW,EAGxD,OAAII,EAAgB,SAASF,CAAgB,EACpCA,GAIT,QAAQ,KACN,qCAAqCA,CAAgB,+BAA+BF,CAAW,wBACvEI,EAAgB,KAAK,IAAI,CAAC,4BAA4BD,CAAc,GAC9F,EAEOA,EACT,EA9BiD,4CAwCpCE,EAAkCN,EAAA,CAC7CO,EACAN,IACG,CACH,IAAMO,EAA6BD,GAAS,2BACtCE,EAAyBR,EAC3BO,IAA6BP,CAAW,GAAG,iBAC3C,OAEEE,EAAmBM,GAErBV,EAAuCE,CAAW,EAMtD,OALyBC,EACvBC,EACAF,CACF,CAGF,EAlB+C","names":["STEPS","STEPS_WITHOUT_SELECT_COUNTRY","reviewStepAllowedEmploymentStatus","disabledInviteButtonEmploymentStatus","DEFAULT_VERSION","BASIC_INFORMATION_SCHEMA_VERSION","COUNTRY_CONTRACT_DETAILS_VERSION_ALLOWLIST","getDefaultContractDetailsSchemaVersion","__name","countryCode","getValidatedContractDetailsSchemaVersion","requestedVersion","defaultVersion","allowedVersions","getContractDetailsSchemaVersion","options","jsonSchemaVersionByCountry","countrySpecificVersion"]}

package/dist/chunk-MKE27NUF.js

@@ -1,2 +0,0 @@
-import{a as D}from"./chunk-SGE4DLC3.js";import{a as S,b as E,c as L,d as _,e as F}from"./chunk-UOOUV52J.js";import{b as w}from"./chunk-KQPDXXG3.js";import{b as k}from"./chunk-LJGCFFAT.js";import{a as l}from"./chunk-L3Z2G32A.js";import{a as p}from"./chunk-P37U34EQ.js";import{jsx as y,jsxs as B}from"react/jsx-runtime";var A=p(({open:e,onOpenChange:a,title:t,trigger:n,children:m,className:d="",direction:i="right"})=>{let{components:f}=w(),r=f?.drawer;return r?y(r,{open:e,onOpenChange:a,title:t,trigger:n,children:m}):B(S,{open:e,onOpenChange:a,direction:i,children:[y(E,{asChild:!0,children:n}),y(L,{className:l(d,"RemoteFlows__Drawer h-full w-[540px] mt-0 ml-auto px-4"),children:B("div",{className:"h-full flex flex-col",children:[y(_,{children:y(F,{children:t})}),y("div",{className:"flex-1 overflow-y-auto",children:m})]})})]})},"Drawer");import*as T from"react";import{jsx as b}from"react/jsx-runtime";var g=T.forwardRef(({className:e,...a},t)=>b("div",{className:"relative w-full overflow-auto",children:b("table",{ref:t,className:l("w-full caption-bottom text-sm",e),...a})}));g.displayName="Table";var x=T.forwardRef(({className:e,...a},t)=>b("thead",{ref:t,className:l("[&_tr]:border-b",e),...a}));x.displayName="TableHeader";var h=T.forwardRef(({className:e,...a},t)=>b("tbody",{ref:t,className:l("[&_tr:last-child]:border-0",e),...a}));h.displayName="TableBody";var K=T.forwardRef(({className:e,...a},t)=>b("tfoot",{ref:t,className:l("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...a}));K.displayName="TableFooter";var R=T.forwardRef(({className:e,...a},t)=>b("tr",{ref:t,className:l("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...a}));R.displayName="TableRow";var v=T.forwardRef(({className:e,...a},t)=>b("th",{ref:t,className:l("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...a}));v.displayName="TableHead";var C=T.forwardRef(({className:e,...a},t)=>b("td",{ref:t,className:l("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...a}));C.displayName="TableCell";var Y=T.forwardRef(({className:e,...a},t)=>b("caption",{ref:t,className:l("mt-4 text-sm text-muted-foreground",e),...a}));Y.displayName="TableCaption";import q from"react";import{jsx as c,jsxs as I}from"react/jsx-runtime";var H=q.forwardRef(({data:e=[],columns:a,className:t=""},n)=>{let{components:m}=w(),d=m?.table;return d?c(d,{data:e,columns:a,className:t}):I(g,{ref:n,className:l("RemoteFlows__Table",t),children:[c(x,{children:c(R,{children:a.map(i=>c(v,{className:l("RemoteFlows__TableHead",i.className),children:i.label},String(i.id)))})}),c(h,{children:e?.map((i,f)=>c(R,{children:a.map(r=>c(C,{className:l("RemoteFlows__TableCell",r.className,r.cellClassName),children:r.render?r.render(i[r.id],i,f):i[r.id]},String(r.id)))},z(i,f)))})]})});H.displayName="Table";function z(e,a){return String(e.id??a)}p(z,"getRowKey");import{Fragment as M,jsx as o,jsxs as s}from"react/jsx-runtime";var J="RemoteFlows__SummaryRow flex justify-between items-center py-2 text-xs",V="RemoteFlows__SummaryRowBorder border-b border-b-1 border-b-[#E4E4E7]",u=p(({children:e,withBorder:a=!1,className:t=""})=>o("div",{className:l(J,a&&V,t),children:e}),"SummaryRow"),W=p(({usedDays:e,bookedDays:a,approvedDaysBeforeTermination:t,approvedDaysAfterTermination:n,remainingDays:m,proposedTerminationDate:d,isUnlimitedPto:i,currentEntitlementDays:f})=>{let r=new Date(d).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"});return s("div",{children:[s(u,{withBorder:!0,children:[o("label",{children:"Number of days entitled to per year"}),o("p",{"data-testid":"entitled-days",className:"font-bold",children:i?"Unlimited":f})]}),s(u,{children:[o("label",{children:"Total days booked"}),o("p",{"data-testid":"booked-days",className:"font-bold",children:a})]}),s(u,{children:[o("label",{children:"Number of days already used"}),o("p",{"data-testid":"used-days",className:"font-bold",children:e})]}),s(u,{children:[s("label",{children:["Approved for use before ",r]}),o("p",{"data-testid":"approved-days-before-termination",className:"font-bold",children:t})]}),s(u,{withBorder:!0,children:[s("label",{children:["Approved for use after ",r]}),o("p",{"data-testid":"approved-days-after-termination",className:"font-bold",children:n})]}),s(u,{children:[o("label",{children:"Total days remaining unused"}),o("p",{"data-testid":"remaining-days",className:"font-bold",children:m})]}),o(u,{className:"mb-2 py-0",children:s("p",{className:"text-xs text-[#222E39]",children:["Unused days expire on ",r]})})]})},"SummaryTimeOff"),X=[{id:"formattedDate",label:"Dates",className:"w-[250px]",cellClassName:"font-medium"},{id:"duration",label:"Duration",render:p(e=>D({number:e,singular:"day",plural:"days",followCopyGuidelines:!1,showNumber:!0}),"render")},{id:"status",label:"Status"}],Z=p(({employeeName:e,timeoffQuery:a,entitledDays:t,countryName:n,currentEntitlementDays:m,formattedProposedTerminationDate:d,onOpenChange:i,open:f})=>{let{data:r,isLoading:N}=a;return o(A,{open:f,onOpenChange:i,title:`${e} paid time off breakdown`,trigger:o(k,{variant:"link",className:"text-xs text-[#3B82F6] font-bold p-0",children:"See detailed time off breakdown \u2197"}),className:"h-full w-[540px] mt-0 ml-auto px-4 RemoteFlows_DrawerTimeOff",children:!N&&o(M,{children:Array.isArray(r?.timeoffs)&&r?.timeoffs?.length>0?s(M,{children:[o("p",{className:"text-[#09090B] font-medium mb-4",children:"This list is for your information only."}),s("p",{className:"text-xs text-[#09090B] mb-1 flex items-center justify-between gap-2",children:[s("span",{children:["Annual entitlement for ",n]}),o("span",{className:"font-bold",children:t})]}),s("p",{className:"text-xs text-[#09090B] mb-6 flex items-center justify-between gap-2",children:[s("span",{children:["Entitlement up to ",d]}),o("span",{className:"font-bold",children:m})]}),o("div",{className:"mb-2",children:o(H,{data:r?.timeoffs,columns:X})}),s("p",{className:"text-xs",children:["Total of"," ",D({number:r?.bookedDays,singular:"day",plural:"days",followCopyGuidelines:!1,showNumber:!0})," ","booked"]})]}):s(M,{children:[o("p",{className:"font-medium mb-1 text-[#09090B]",children:"No recorded time off"}),s("p",{className:"text-sm text-[#09090B]",children:["According to our records, ",e," has not taken any time off this year."]})]})})})},"DrawerTimeOff"),Ne=p(({employeeName:e,proposedTerminationDate:a,summaryData:t,formattedProposedTerminationDate:n,timeoffQuery:m,employment:d,onOpenChange:i,open:f})=>{let{entitledDays:r,bookedDays:N,usedDays:O,approvedDaysBeforeTermination:U,approvedDaysAfterTermination:$,remainingDays:Q,currentEntitlementDays:P,isUnlimitedPto:G}=t.data;return s("div",{className:"RemoteFlows__PaidTimeOff__Container py-3",children:[o("h3",{className:"RemoteFlows__PaidTimeOff__Title mb-2",children:"Paid time off"}),s("p",{className:"RemoteFlows__PaidTimeOff__Description text-sm mb-2",children:["The proposed termination date for ",e," is"," ",n,". You will need to pay them for any unused accrued days. Below is a breakdown of their time off entitlement and usage for the current annual leave period:"]}),s("div",{className:"mb-2",children:[!t?.isLoading&&!t?.isError&&t?.data&&o(W,{usedDays:O,bookedDays:N,currentEntitlementDays:P,approvedDaysBeforeTermination:U,approvedDaysAfterTermination:$,remainingDays:Q,proposedTerminationDate:a,isUnlimitedPto:G}),o(Z,{employeeName:e,timeoffQuery:m,entitledDays:r,currentEntitlementDays:P,countryName:d?.country?.name??"Unknown",onOpenChange:i,formattedProposedTerminationDate:n,open:f})]})]})},"PaidTimeOff");export{Ne as a};
-//# sourceMappingURL=chunk-MKE27NUF.js.map

package/dist/chunk-MKE27NUF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/shared/drawer/Drawer.tsx","../src/components/ui/table.tsx","../src/components/shared/table/Table.tsx","../src/flows/Termination/components/PaidTimeOff/PaidTimeOff.tsx"],"sourcesContent":["import { useFormFields } from '@/src/context';\nimport { DrawerComponentProps } from '@/src/types/remoteFlows';\nimport {\n  Drawer as DrawerPrimitive,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n} from '@/src/components/ui/drawer';\nimport { cn } from '@/src/lib/utils';\n\nexport type DrawerProps = DrawerComponentProps & {\n  className?: string;\n  direction?: 'left' | 'right';\n};\n\nexport const Drawer = ({\n  open,\n  onOpenChange,\n  title,\n  trigger,\n  children,\n  className = '',\n  direction = 'right',\n}: DrawerProps) => {\n  const { components } = useFormFields();\n  const CustomDrawer = components?.drawer;\n\n  if (CustomDrawer) {\n    return (\n      <CustomDrawer\n        open={open}\n        onOpenChange={onOpenChange}\n        title={title}\n        trigger={trigger}\n      >\n        {children}\n      </CustomDrawer>\n    );\n  }\n\n  return (\n    <DrawerPrimitive\n      open={open}\n      onOpenChange={onOpenChange}\n      direction={direction}\n    >\n      <DrawerTrigger asChild>{trigger}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          className,\n          'RemoteFlows__Drawer h-full w-[540px] mt-0 ml-auto px-4',\n        )}\n      >\n        <div className='h-full flex flex-col'>\n          <DrawerHeader>\n            <DrawerTitle>{title}</DrawerTitle>\n          </DrawerHeader>\n          <div className='flex-1 overflow-y-auto'>{children}</div>\n        </div>\n      </DrawerContent>\n    </DrawerPrimitive>\n  );\n};\n","import * as React from 'react';\n\nimport { cn } from '@/src/lib/utils';\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className='relative w-full overflow-auto'>\n    <table\n      ref={ref}\n      className={cn('w-full caption-bottom text-sm', className)}\n      {...props}\n    />\n  </div>\n));\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn('[&_tr:last-child]:border-0', className)}\n    {...props}\n  />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      'border-t bg-muted/50 font-medium [&>tr]:last:border-b-0',\n      className,\n    )}\n    {...props}\n  />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',\n      className,\n    )}\n    {...props}\n  />\n));\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      'h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n      className,\n    )}\n    {...props}\n  />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      'p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n      className,\n    )}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn('mt-4 text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n","import { useFormFields } from '@/src/context';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\nimport {\n  Table as TablePrimitive,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@/src/components/ui/table';\nimport { cn } from '@/src/lib/utils';\nimport React from 'react';\n\nexport type ColumnDef<T = $TSFixMe> = {\n  id: keyof T;\n  label: React.ReactNode;\n  className?: string;\n  cellClassName?: string;\n  render?: (value: $TSFixMe, row: T, index: number) => React.ReactNode;\n};\n\nexport type TableDataProps<T = $TSFixMe> = {\n  data: T[] | undefined;\n  columns: ColumnDef<T>[];\n  className?: string;\n};\n\nexport type TableComponentProps<T = $TSFixMe> = TableDataProps<T>;\n\nexport const Table = React.forwardRef<\n  HTMLTableElement,\n  TableDataProps<$TSFixMe>\n>(({ data = [], columns, className = '' }, ref) => {\n  const { components } = useFormFields();\n  const CustomTable = components?.table as\n    | React.ComponentType<TableDataProps<$TSFixMe>>\n    | undefined;\n\n  // Pass the same structured data to custom components\n  if (CustomTable) {\n    return <CustomTable data={data} columns={columns} className={className} />;\n  }\n\n  return (\n    <TablePrimitive ref={ref} className={cn('RemoteFlows__Table', className)}>\n      <TableHeader>\n        <TableRow>\n          {columns.map((column) => (\n            <TableHead\n              key={String(column.id)}\n              className={cn('RemoteFlows__TableHead', column.className)}\n            >\n              {column.label}\n            </TableHead>\n          ))}\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        {data?.map((row, rowIndex) => (\n          <TableRow key={getRowKey(row, rowIndex)}>\n            {columns.map((column) => (\n              <TableCell\n                key={String(column.id)}\n                className={cn(\n                  'RemoteFlows__TableCell',\n                  column.className,\n                  column.cellClassName,\n                )}\n              >\n                {column.render\n                  ? column.render(\n                      row[column.id as keyof typeof row],\n                      row,\n                      rowIndex,\n                    )\n                  : row[column.id as keyof typeof row]}\n              </TableCell>\n            ))}\n          </TableRow>\n        ))}\n      </TableBody>\n    </TablePrimitive>\n  );\n});\n\nTable.displayName = 'Table';\n\nfunction getRowKey(row: $TSFixMe, index: number): string {\n  return String(row.id ?? index);\n}\n","import { PaidTimeoffBreakdownResponse } from '@/src/common/api';\nimport { Button } from '@/src/components/ui/button';\nimport { cn } from '@/src/lib/utils';\nimport { Drawer } from '@/src/components/shared/drawer/Drawer';\nimport { Table } from '@/src/components/shared/table/Table';\nimport { UseQueryResult } from '@tanstack/react-query';\nimport { PaidTimeOffRenderProps } from '@/src/flows/Termination/components/PaidTimeOff/types';\nimport { getSingularPluralUnit } from '@/src/lib/i18n';\nimport { ColumnDef } from '@/src/components/shared/table/Table';\n\nconst rowBase =\n  'RemoteFlows__SummaryRow flex justify-between items-center py-2 text-xs';\nconst rowBorder =\n  'RemoteFlows__SummaryRowBorder border-b border-b-1 border-b-[#E4E4E7]';\n\nconst SummaryRow = ({\n  children,\n  withBorder = false,\n  className = '',\n}: {\n  children: React.ReactNode;\n  withBorder?: boolean;\n  className?: string;\n}) => {\n  return (\n    <div className={cn(rowBase, withBorder && rowBorder, className)}>\n      {children}\n    </div>\n  );\n};\n\nconst SummaryTimeOff = ({\n  usedDays,\n  bookedDays,\n  approvedDaysBeforeTermination,\n  approvedDaysAfterTermination,\n  remainingDays,\n  proposedTerminationDate,\n  isUnlimitedPto,\n  currentEntitlementDays,\n}: {\n  usedDays: string;\n  bookedDays: string;\n  approvedDaysBeforeTermination: string;\n  approvedDaysAfterTermination: string;\n  remainingDays: string;\n  proposedTerminationDate: string;\n  isUnlimitedPto: boolean;\n  currentEntitlementDays: string;\n}) => {\n  const formattedProposedTerminationDate = new Date(\n    proposedTerminationDate,\n  ).toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n  });\n  return (\n    <div>\n      <SummaryRow withBorder>\n        <label>Number of days entitled to per year</label>\n        <p data-testid='entitled-days' className='font-bold'>\n          {isUnlimitedPto ? 'Unlimited' : currentEntitlementDays}\n        </p>\n      </SummaryRow>\n      <SummaryRow>\n        <label>Total days booked</label>\n        <p data-testid='booked-days' className='font-bold'>\n          {bookedDays}\n        </p>\n      </SummaryRow>\n      <SummaryRow>\n        <label>Number of days already used</label>\n        <p data-testid='used-days' className='font-bold'>\n          {usedDays}\n        </p>\n      </SummaryRow>\n      <SummaryRow>\n        <label>\n          Approved for use before {formattedProposedTerminationDate}\n        </label>\n        <p data-testid='approved-days-before-termination' className='font-bold'>\n          {approvedDaysBeforeTermination}\n        </p>\n      </SummaryRow>\n      <SummaryRow withBorder>\n        <label>Approved for use after {formattedProposedTerminationDate}</label>\n        <p data-testid='approved-days-after-termination' className='font-bold'>\n          {approvedDaysAfterTermination}\n        </p>\n      </SummaryRow>\n      <SummaryRow>\n        <label>Total days remaining unused</label>\n        <p data-testid='remaining-days' className='font-bold'>\n          {remainingDays}\n        </p>\n      </SummaryRow>\n      <SummaryRow className='mb-2 py-0'>\n        <p className='text-xs text-[#222E39]'>\n          Unused days expire on {formattedProposedTerminationDate}\n        </p>\n      </SummaryRow>\n    </div>\n  );\n};\n\ntype TimeoffRow = {\n  formattedDate: string;\n  duration: number;\n  status: string;\n};\n\nconst TIMEOFF_COLUMNS: ColumnDef<TimeoffRow>[] = [\n  {\n    id: 'formattedDate',\n    label: 'Dates',\n    className: 'w-[250px]',\n    cellClassName: 'font-medium',\n  },\n  {\n    id: 'duration',\n    label: 'Duration',\n    render: (value: number) =>\n      getSingularPluralUnit({\n        number: value,\n        singular: 'day',\n        plural: 'days',\n        followCopyGuidelines: false,\n        showNumber: true,\n      }),\n  },\n  {\n    id: 'status',\n    label: 'Status',\n  },\n];\n\nconst DrawerTimeOff = ({\n  employeeName,\n  timeoffQuery,\n  entitledDays,\n  countryName,\n  currentEntitlementDays,\n  formattedProposedTerminationDate,\n  onOpenChange,\n  open,\n}: {\n  employeeName: string;\n  timeoffQuery: UseQueryResult<PaidTimeoffBreakdownResponse | undefined, Error>;\n  entitledDays: string;\n  countryName: string;\n  currentEntitlementDays: string;\n  onOpenChange: () => void;\n  open: boolean;\n  formattedProposedTerminationDate: string;\n}) => {\n  const { data: timeoff, isLoading } = timeoffQuery;\n\n  return (\n    <Drawer\n      open={open}\n      onOpenChange={onOpenChange}\n      title={`${employeeName} paid time off breakdown`}\n      trigger={\n        <Button variant='link' className='text-xs text-[#3B82F6] font-bold p-0'>\n          See detailed time off breakdown ↗\n        </Button>\n      }\n      className='h-full w-[540px] mt-0 ml-auto px-4 RemoteFlows_DrawerTimeOff'\n    >\n      {!isLoading && (\n        <>\n          {Array.isArray(timeoff?.timeoffs) && timeoff?.timeoffs?.length > 0 ? (\n            <>\n              <p className='text-[#09090B] font-medium mb-4'>\n                This list is for your information only.\n              </p>\n              <p className='text-xs text-[#09090B] mb-1 flex items-center justify-between gap-2'>\n                <span>Annual entitlement for {countryName}</span>\n                <span className='font-bold'>{entitledDays}</span>\n              </p>\n              <p className='text-xs text-[#09090B] mb-6 flex items-center justify-between gap-2'>\n                <span>\n                  Entitlement up to {formattedProposedTerminationDate}\n                </span>\n                <span className='font-bold'>{currentEntitlementDays}</span>\n              </p>\n              <div className='mb-2'>\n                <Table data={timeoff?.timeoffs} columns={TIMEOFF_COLUMNS} />\n              </div>\n              <p className='text-xs'>\n                Total of{' '}\n                {getSingularPluralUnit({\n                  number: timeoff?.bookedDays,\n                  singular: 'day',\n                  plural: 'days',\n                  followCopyGuidelines: false,\n                  showNumber: true,\n                })}{' '}\n                booked\n              </p>\n            </>\n          ) : (\n            <>\n              <p className='font-medium mb-1 text-[#09090B]'>\n                No recorded time off\n              </p>\n              <p className='text-sm text-[#09090B]'>\n                According to our records, {employeeName} has not taken any time\n                off this year.\n              </p>\n            </>\n          )}\n        </>\n      )}\n    </Drawer>\n  );\n};\n\nexport type PaidTimeOffProps = PaidTimeOffRenderProps;\n\n/**\n * PaidTimeOff component\n *\n * This component is used to display the paid time off summary and details.\n * It displays the summary data and a button to open the details drawer.\n * When the details drawer is open, it displays the paid time off breakdown.\n */\nexport const PaidTimeOff = ({\n  employeeName,\n  proposedTerminationDate,\n  summaryData,\n  formattedProposedTerminationDate,\n  timeoffQuery,\n  employment,\n  onOpenChange,\n  open,\n}: PaidTimeOffProps) => {\n  const {\n    entitledDays,\n    bookedDays,\n    usedDays,\n    approvedDaysBeforeTermination,\n    approvedDaysAfterTermination,\n    remainingDays,\n    currentEntitlementDays,\n    isUnlimitedPto,\n  } = summaryData.data;\n  return (\n    <div className='RemoteFlows__PaidTimeOff__Container py-3'>\n      <h3 className='RemoteFlows__PaidTimeOff__Title mb-2'>Paid time off</h3>\n      <p className='RemoteFlows__PaidTimeOff__Description text-sm mb-2'>\n        The proposed termination date for {employeeName} is{' '}\n        {formattedProposedTerminationDate}. You will need to pay them for any\n        unused accrued days. Below is a breakdown of their time off entitlement\n        and usage for the current annual leave period:\n      </p>\n      <div className='mb-2'>\n        {!summaryData?.isLoading &&\n          !summaryData?.isError &&\n          summaryData?.data && (\n            <SummaryTimeOff\n              usedDays={usedDays}\n              bookedDays={bookedDays}\n              currentEntitlementDays={currentEntitlementDays}\n              approvedDaysBeforeTermination={approvedDaysBeforeTermination}\n              approvedDaysAfterTermination={approvedDaysAfterTermination}\n              remainingDays={remainingDays}\n              proposedTerminationDate={proposedTerminationDate}\n              isUnlimitedPto={isUnlimitedPto}\n            />\n          )}\n        <DrawerTimeOff\n          employeeName={employeeName}\n          timeoffQuery={timeoffQuery}\n          entitledDays={entitledDays}\n          currentEntitlementDays={currentEntitlementDays}\n          countryName={employment?.country?.name ?? 'Unknown'}\n          onOpenChange={onOpenChange}\n          formattedProposedTerminationDate={formattedProposedTerminationDate}\n          open={open}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["jsx","jsxs","Drawer","__name","open","onOpenChange","title","trigger","children","className","direction","components","useFormFields","CustomDrawer","DrawerTrigger","DrawerContent","cn","DrawerHeader","DrawerTitle","React","jsx","Table","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption","React","jsx","jsxs","Table","React","data","columns","className","ref","components","useFormFields","CustomTable","cn","TableHeader","TableRow","column","TableHead","TableBody","row","rowIndex","TableCell","getRowKey","index","__name","Fragment","jsx","jsxs","rowBase","rowBorder","SummaryRow","__name","children","withBorder","className","cn","SummaryTimeOff","usedDays","bookedDays","approvedDaysBeforeTermination","approvedDaysAfterTermination","remainingDays","proposedTerminationDate","isUnlimitedPto","currentEntitlementDays","formattedProposedTerminationDate","TIMEOFF_COLUMNS","value","getSingularPluralUnit","DrawerTimeOff","employeeName","timeoffQuery","entitledDays","countryName","onOpenChange","open","timeoff","isLoading","Drawer","Button","Table","PaidTimeOff","summaryData","employment"]}

package/dist/chunk-QIZEGFKJ.js

@@ -1,2 +0,0 @@
-import{l as U}from"./chunk-3JVRFY6F.js";import{a as w}from"./chunk-KGKDSOER.js";import{b as J}from"./chunk-KQPDXXG3.js";import{c as G,l as K}from"./chunk-66N57DKF.js";import{a as t,b as d,c as Pe}from"./chunk-P37U34EQ.js";var F=d((Rt,V)=>{"use strict";function _e(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}t(_e,"isObject");V.exports=_e});var z=d((It,X)=>{"use strict";var ke=typeof global=="object"&&global&&global.Object===Object&&global;X.exports=ke});var L=d(($t,Q)=>{"use strict";var we=z(),Fe=typeof self=="object"&&self&&self.Object===Object&&self,Le=we||Fe||Function("return this")();Q.exports=Le});var Z=d((Mt,Y)=>{"use strict";var De=L(),Ae=t(function(){return De.Date.now()},"now");Y.exports=Ae});var te=d((_t,ee)=>{"use strict";var We=/\s/;function Be(e){for(var n=e.length;n--&&We.test(e.charAt(n)););return n}t(Be,"trimmedEndIndex");ee.exports=Be});var re=d((wt,ne)=>{"use strict";var Ne=te(),He=/^\s+/;function Ge(e){return e&&e.slice(0,Ne(e)+1).replace(He,"")}t(Ge,"baseTrim");ne.exports=Ge});var D=d((Lt,oe)=>{"use strict";var Je=L(),Ke=Je.Symbol;oe.exports=Ke});var ce=d((Dt,ae)=>{"use strict";var ie=D(),se=Object.prototype,Ue=se.hasOwnProperty,Ve=se.toString,O=ie?ie.toStringTag:void 0;function Xe(e){var n=Ue.call(e,O),r=e[O];try{e[O]=void 0;var i=!0}catch{}var a=Ve.call(e);return i&&(n?e[O]=r:delete e[O]),a}t(Xe,"getRawTag");ae.exports=Xe});var fe=d((Wt,ue)=>{"use strict";var ze=Object.prototype,Qe=ze.toString;function Ye(e){return Qe.call(e)}t(Ye,"objectToString");ue.exports=Ye});var ge=d((Nt,me)=>{"use strict";var de=D(),Ze=ce(),et=fe(),tt="[object Null]",nt="[object Undefined]",le=de?de.toStringTag:void 0;function rt(e){return e==null?e===void 0?nt:tt:le&&le in Object(e)?Ze(e):et(e)}t(rt,"baseGetTag");me.exports=rt});var be=d((Gt,pe)=>{"use strict";function ot(e){return e!=null&&typeof e=="object"}t(ot,"isObjectLike");pe.exports=ot});var ye=d((Kt,ve)=>{"use strict";var it=ge(),st=be(),at="[object Symbol]";function ct(e){return typeof e=="symbol"||st(e)&&it(e)==at}t(ct,"isSymbol");ve.exports=ct});var Ce=d((Vt,Te)=>{"use strict";var ut=re(),he=F(),ft=ye(),xe=NaN,dt=/^[-+]0x[0-9a-f]+$/i,lt=/^0b[01]+$/i,mt=/^0o[0-7]+$/i,gt=parseInt;function pt(e){if(typeof e=="number")return e;if(ft(e))return xe;if(he(e)){var n=typeof e.valueOf=="function"?e.valueOf():e;e=he(n)?n+"":n}if(typeof e!="string")return e===0?e:+e;e=ut(e);var r=lt.test(e);return r||mt.test(e)?gt(e.slice(2),r?2:8):dt.test(e)?xe:+e}t(pt,"toNumber");Te.exports=pt});var Oe=d((zt,je)=>{"use strict";var bt=F(),A=Z(),Se=Ce(),vt="Expected a function",yt=Math.max,ht=Math.min;function xt(e,n,r){var i,a,p,l,c,s,m=0,E=!1,u=!1,h=!0;if(typeof e!="function")throw new TypeError(vt);n=Se(n)||0,bt(r)&&(E=!!r.leading,u="maxWait"in r,p=u?yt(Se(r.maxWait)||0,n):p,h="trailing"in r?!!r.trailing:h);function x(o){var g=i,y=a;return i=a=void 0,m=o,l=e.apply(y,g),l}t(x,"invokeFunc");function R(o){return m=o,c=setTimeout(v,n),E?x(o):l}t(R,"leadingEdge");function C(o){var g=o-s,y=o-m,M=n-g;return u?ht(M,p-y):M}t(C,"remainingWait");function q(o){var g=o-s,y=o-m;return s===void 0||g>=n||g<0||u&&y>=p}t(q,"shouldInvoke");function v(){var o=A();if(q(o))return b(o);c=setTimeout(v,C(o))}t(v,"timerExpired");function b(o){return c=void 0,h&&i?x(o):(i=a=void 0,l)}t(b,"trailingEdge");function I(){c!==void 0&&clearTimeout(c),m=0,i=s=a=c=void 0}t(I,"cancel");function $(){return c===void 0?l:b(A())}t($,"flush");function S(){var o=A(),g=q(o);if(i=arguments,a=this,s=o,g){if(c===void 0)return R(s);if(u)return clearTimeout(c),c=setTimeout(v,n),x(s)}return c===void 0&&(c=setTimeout(v,n)),l}return t(S,"debounced"),S.cancel=I,S.flush=$,S}t(xt,"debounce");je.exports=xt});import{useState as St,useCallback as jt,useEffect as qe,useRef as Ie}from"react";var Re=Pe(Oe(),1);import{useCallback as Tt,useEffect as Ct,useRef as Ee}from"react";function W(e,n){let r=Ee(e);Ct(()=>{r.current=e},[e]);let i=Ee((0,Re.default)(a=>{r.current(a)},n)).current;return Tt(a=>{i(a)},[i])}t(W,"useDebounce");import{Fragment as Et,jsx as T,jsxs as $e}from"react/jsx-runtime";var Ot=t(({description:e,showConversion:n,targetCurrency:r,className:i,onClick:a})=>{let{components:p}=J(),l=n?`Hide ${r} conversion`:`Show ${r} conversion`,c=p?.button||"button";return $e("span",{className:i,children:[T(K,{as:"span",children:e})," ",T(c,{className:`${i.replace("-description","-button")}`,"data-type":"inline",onClick:a,children:l})]})},"DescriptionWithConversion"),fn=t(({sourceCurrency:e,targetCurrency:n,mainFieldName:r,conversionFieldName:i,conversionProperties:a,classNamePrefix:p,description:l,conversionType:c="spread",...s})=>{let[m,E]=St(!1),{setValue:u,watch:h}=G(),x=h(r||s.name),R=Ie(!0),C=Ie(new Map),q=e&&n&&e!==n,{mutateAsync:v}=U({type:c}),b=`${s.name}_converted`;qe(()=>{u(b,r||s.name)},[u,r,s.name,b]),qe(()=>{if(R.current){R.current=!1;return}u(i,"")},[e,i,u]);let I=jt(async(f,j,k,B)=>{if(!f)return;let N=`${j}_${k}_${f}`,H=C.current.get(N);if(H){u(B,H.targetAmount);return}try{let P=await v({source_currency:j,target_currency:k,amount:Number(f)});if(P.data?.data?.conversion_data?.target_amount){let _=P.data.data.conversion_data.target_amount;if(_){u(B,_?.toString()),C.current.set(N,{targetAmount:_.toString()});let Me=`${k}_${j}_${_}`;C.current.set(Me,{targetAmount:f.toString()})}}}catch(P){console.error("Error converting currency:",P)}},[v,u]),$=W(f=>I(f,e,n,i),500),S=W(f=>I(f,n,e,r||s.name),500),o=t(f=>{u(b,r||s.name),m&&$(f.target.value)},"handleMainFieldChange"),g=t(f=>{u(b,i),S(f.target.value)},"handleConversionFieldChange"),y=t(f=>{f.preventDefault(),E(j=>!j),!m&&x&&$(x)},"toggleConversion"),M=q?T(Ot,{targetCurrency:n,description:l,showConversion:m,className:`${p}-description`,onClick:y}):l;return $e(Et,{children:[T(w,{...s,name:r||s.name,additionalProps:{currency:e},description:M,type:"text",inputMode:"decimal",pattern:"^[0-9.]*$",maxLength:15,onChange:o}),m&&T(w,{additionalProps:{currency:n},name:i,label:a?.label||"Conversion",description:a?.description,type:"text",inputMode:"decimal",pattern:"^[0-9.]*$",maxLength:15,onChange:g}),T("input",{type:"hidden",name:b,value:h(b)||r||s.name})]})},"CurrencyConversionField");export{fn as a};
-//# sourceMappingURL=chunk-QIZEGFKJ.js.map