@remoteoss/remote-flows 1.48.0 → 1.49.0

package/dist/{chunk-IN6QZASY.js → chunk-QEHEOSJT.js}

@@ -1,2 +1,2 @@
-import{X as i,fa as s}from"./chunk-XI55YG73.js";import{e as a}from"./chunk-H2O4CVKF.js";import{a as r}from"./chunk-P37U34EQ.js";import{useQuery as o}from"@tanstack/react-query";var u=r(t=>{let{client:n}=a();return o({queryKey:["gp-onboarding-steps",t],enabled:!!t,retry:!1,queryFn:r(async()=>{let e=await s({client:n,headers:{Authorization:""},path:{employment_id:t}});if(e.error||!e.data)throw new Error("Failed to fetch onboarding steps");return e.data},"queryFn"),select:r(e=>e.data.steps,"select")})},"useGPOnboardingSteps"),c=r(t=>{let{client:n}=a();return o({queryKey:["gp-legal-entities",t],enabled:!!t,retry:!1,queryFn:r(async()=>{let e=await i({client:n,headers:{Authorization:""},path:{company_id:t}});if(e.error||!e.data)throw new Error("Failed to fetch legal entities");return e.data},"queryFn"),select:r(e=>(e.data?.legal_entities??[]).filter(l=>l.global_payroll_enabled),"select")})},"useGPLegalEntities");export{u as a,c as b};
-//# sourceMappingURL=chunk-IN6QZASY.js.map
+import{Z as i,ia as s}from"./chunk-VNMUML3T.js";import{e as a}from"./chunk-H2O4CVKF.js";import{a as r}from"./chunk-P37U34EQ.js";import{useQuery as o}from"@tanstack/react-query";var u=r(t=>{let{client:n}=a();return o({queryKey:["gp-onboarding-steps",t],enabled:!!t,retry:!1,queryFn:r(async()=>{let e=await s({client:n,headers:{Authorization:""},path:{employment_id:t}});if(e.error||!e.data)throw new Error("Failed to fetch onboarding steps");return e.data},"queryFn"),select:r(e=>e.data.steps,"select")})},"useGPOnboardingSteps"),c=r(t=>{let{client:n}=a();return o({queryKey:["gp-legal-entities",t],enabled:!!t,retry:!1,queryFn:r(async()=>{let e=await i({client:n,headers:{Authorization:""},path:{company_id:t}});if(e.error||!e.data)throw new Error("Failed to fetch legal entities");return e.data},"queryFn"),select:r(e=>(e.data?.legal_entities??[]).filter(l=>l.global_payroll_enabled),"select")})},"useGPLegalEntities");export{u as a,c as b};
+//# sourceMappingURL=chunk-QEHEOSJT.js.map

package/dist/{chunk-QA6YA4OB.js → chunk-QHJ3BYJN.js}

@@ -1,2 +1,2 @@
-import{a as b}from"./chunk-KBYI7L5E.js";import{j as _,k as d,l as x,n as u,o as f}from"./chunk-AUPAAQUT.js";import{n as a}from"./chunk-C4HFMTSB.js";import{a as c}from"./chunk-P37U34EQ.js";import*as g from"react";import{jsx as h}from"react/jsx-runtime";var s=g.forwardRef(({className:e,...r},t)=>h("textarea",{className:a("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:t,...r}));s.displayName="Textarea";import{jsx as o,jsxs as l}from"react/jsx-runtime";function y({field:e,fieldState:r,fieldData:t}){let{name:i,label:p,description:n,maxLength:m}=t,F=e.value?.length??0;return l(_,{"data-field":i,className:`RemoteFlows__TextArea__Item__${i}`,children:[o(d,{className:"RemoteFlows__TextArea__Label",children:p}),o(x,{children:o(s,{...e,value:e.value??"",onChange:T=>{e.onChange(T)},className:a(r.error&&"border-red-500 focus-visible:ring-red-500","RemoteFlows__TextArea__Input"),placeholder:p})}),(n||m)&&l("div",{className:"flex items-center justify-between",children:[n&&o(u,{className:"RemoteFlows__TextArea__Description",helpCenter:o(b,{helpCenter:t.meta?.helpCenter}),children:n}),m&&l("span",{className:"text-sm ml-auto RemoteFlows__TextArea__MaxLength",children:[F,"/",m]})]}),r.error&&o(f,{className:"RemoteFlows__TextArea__Error"})]})}c(y,"TextAreaFieldDefault");export{y as a};
-//# sourceMappingURL=chunk-QA6YA4OB.js.map
+import{a as b}from"./chunk-WGDZTF7Y.js";import{j as _,k as d,l as x,n as u,o as f}from"./chunk-AUPAAQUT.js";import{n as a}from"./chunk-C4HFMTSB.js";import{a as c}from"./chunk-P37U34EQ.js";import*as g from"react";import{jsx as h}from"react/jsx-runtime";var s=g.forwardRef(({className:e,...r},t)=>h("textarea",{className:a("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:t,...r}));s.displayName="Textarea";import{jsx as o,jsxs as l}from"react/jsx-runtime";function y({field:e,fieldState:r,fieldData:t}){let{name:i,label:p,description:n,maxLength:m}=t,F=e.value?.length??0;return l(_,{"data-field":i,className:`RemoteFlows__TextArea__Item__${i}`,children:[o(d,{className:"RemoteFlows__TextArea__Label",children:p}),o(x,{children:o(s,{...e,value:e.value??"",onChange:T=>{e.onChange(T)},className:a(r.error&&"border-red-500 focus-visible:ring-red-500","RemoteFlows__TextArea__Input"),placeholder:p})}),(n||m)&&l("div",{className:"flex items-center justify-between",children:[n&&o(u,{className:"RemoteFlows__TextArea__Description",helpCenter:o(b,{helpCenter:t.meta?.helpCenter}),children:n}),m&&l("span",{className:"text-sm ml-auto RemoteFlows__TextArea__MaxLength",children:[F,"/",m]})]}),r.error&&o(f,{className:"RemoteFlows__TextArea__Error"})]})}c(y,"TextAreaFieldDefault");export{y as a};
+//# sourceMappingURL=chunk-QHJ3BYJN.js.map

package/dist/chunk-QSF4XFSV.js

@@ -0,0 +1,2 @@
+import{a as i}from"./chunk-5TOSVOLY.js";import{a as n}from"./chunk-GPWQPJQ7.js";import{n as e}from"./chunk-C4HFMTSB.js";import{a as o}from"./chunk-P37U34EQ.js";import{Fragment as s,jsx as t,jsxs as r}from"react/jsx-runtime";var l=["You submit your termination request.","Remote reviews your request along with the employment agreement, local labor laws, and any collective bargaining agreements in place.","A lifecycle specialist contacts you if they need additional details. Sometimes they will request a call.","Depending on the country-specific laws and the terms of the employment agreement, Remote may need to seek additional legal advice. We\u2019ll let you know if there are additional charges before proceeding.","Terms and conditions for the termination are finalized.","You verbally communicate the termination to the employee.","Remote shares termination documents with the employee.","The employee signs the termination documents if required.","Remote processes the final salary and offboards the employee."],f=o(()=>r(s,{children:[t("h3",{className:e("RemoteFlows__TerminationDialogInfoContent__Title"),children:"Please read carefully before you continue"}),t("p",{className:e("RemoteFlows__TerminationDialogInfoContent__Description"),children:"Please do not inform the employee of the termination. Remote will lead communication with them after you submit this form and they finalize the termination terms."}),t("p",{className:e("RemoteFlows__TerminationDialogInfoContent__Description RemoteFlows__TerminationDialogInfoContent__FollowUpDescription"),children:"If you already informed them, that's okay. Remote will ask for the details regarding that communication and they'll take it from there."}),t(i,{className:e("RemoteFlows__TerminationDialogInfoContent__ZendeskTriggerButton text-sm"),zendeskId:n.terminationEmployeeCommunication,children:"Learn more about employee communication"}),t("h3",{className:e("RemoteFlows__TerminationDialogInfoContent__ProcessTitle"),children:"The termination process"}),t("ul",{className:e("RemoteFlows__TerminationDialogInfoContent__ProcessList list-disc list-inside"),children:l.map((a,m)=>t("li",{className:e("RemoteFlows__TerminationDialogInfoContent__ProcessListItem"),children:a},m))})]}),"TerminationDialogInfoContent");export{f as a};
+//# sourceMappingURL=chunk-QSF4XFSV.js.map

package/dist/{chunk-QJHSN6MG.js.map → chunk-QSF4XFSV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/flows/Termination/components/TerminationDialogInfoContent/TerminationDialogInfoContent.tsx"],"sourcesContent":["import { zendeskArticles } from '@/src/components/shared/zendesk-drawer/utils';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\nimport { cn } from '@/src/internals';\n\nconst terminationSteps = [\n  'You submit your termination request.',\n  'Remote reviews your request along with the employment agreement, local labor laws, and any collective bargaining agreements in place.',\n  'A lifecycle specialist contacts you if they need additional details. Sometimes they will request a call.',\n  'Depending on the country-specific laws and the terms of the employment agreement, Remote may need to seek additional legal advice. We’ll let you know if there are additional charges before proceeding.',\n  'Terms and conditions for the termination are finalized.',\n  'You verbally communicate the termination to the employee.',\n  'Remote shares termination documents with the employee.',\n  'The employee signs the termination documents if required.',\n  'Remote processes the final salary and offboards the employee.',\n];\n\nexport const TerminationDialogInfoContent = () => {\n  return (\n    <>\n      <h3 className={cn('RemoteFlows__TerminationDialogInfoContent__Title')}>\n        Please read carefully before you continue\n      </h3>\n      <p\n        className={cn('RemoteFlows__TerminationDialogInfoContent__Description')}\n      >\n        Please do not inform the employee of the termination. Remote will lead\n        communication with them after you submit this form and they finalize the\n        termination terms.\n      </p>\n      <p\n        className={cn(\n          'RemoteFlows__TerminationDialogInfoContent__Description RemoteFlows__TerminationDialogInfoContent__FollowUpDescription',\n        )}\n      >\n        If you already informed them, that's okay. Remote will ask for the\n        details regarding that communication and they'll take it from there.\n      </p>\n\n      <ZendeskTriggerButton\n        className={cn(\n          'RemoteFlows__TerminationDialogInfoContent__ZendeskTriggerButton text-sm',\n        )}\n        zendeskId={zendeskArticles.terminationEmployeeCommunication}\n      >\n        Learn more about employee communication\n      </ZendeskTriggerButton>\n\n      <h3\n        className={cn(\n          'RemoteFlows__TerminationDialogInfoContent__ProcessTitle',\n        )}\n      >\n        The termination process\n      </h3>\n\n      <ul\n        className={cn(\n          'RemoteFlows__TerminationDialogInfoContent__ProcessList list-disc list-inside',\n        )}\n      >\n        {terminationSteps.map((step, index) => (\n          <li\n            key={index}\n            className={cn(\n              'RemoteFlows__TerminationDialogInfoContent__ProcessListItem',\n            )}\n          >\n            {step}\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n};\n"],"mappings":"+HAkBI,mBAAAA,EACE,OAAAC,EADF,QAAAC,MAAA,oBAdJ,IAAMC,EAAmB,CACvB,uCACA,wIACA,2GACA,gNACA,0DACA,4DACA,yDACA,4DACA,+DACF,EAEaC,EAA+BC,EAAA,IAExCH,EAAAF,EAAA,CACE,UAAAC,EAAC,MAAG,UAAWK,EAAG,kDAAkD,EAAG,qDAEvE,EACAL,EAAC,KACC,UAAWK,EAAG,wDAAwD,EACvE,8KAID,EACAL,EAAC,KACC,UAAWK,EACT,uHACF,EACD,mJAGD,EAEAL,EAACM,EAAA,CACC,UAAWD,EACT,yEACF,EACA,UAAWE,EAAgB,iCAC5B,mDAED,EAEAP,EAAC,MACC,UAAWK,EACT,yDACF,EACD,mCAED,EAEAL,EAAC,MACC,UAAWK,EACT,8EACF,EAEC,SAAAH,EAAiB,IAAI,CAACM,EAAMC,IAC3BT,EAAC,MAEC,UAAWK,EACT,4DACF,EAEC,SAAAG,GALIC,CAMP,CACD,EACH,GACF,EAvDwC","names":["Fragment","jsx","jsxs","terminationSteps","TerminationDialogInfoContent","__name","cn","ZendeskTriggerButton","zendeskArticles","step","index"]}
+{"version":3,"sources":["../src/flows/Termination/components/TerminationDialogInfoContent/TerminationDialogInfoContent.tsx"],"sourcesContent":["import { zendeskArticles } from '@/src/components/shared/zendesk-drawer/utils';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\nimport { cn } from '@/src/internals';\n\nconst terminationSteps = [\n  'You submit your termination request.',\n  'Remote reviews your request along with the employment agreement, local labor laws, and any collective bargaining agreements in place.',\n  'A lifecycle specialist contacts you if they need additional details. Sometimes they will request a call.',\n  'Depending on the country-specific laws and the terms of the employment agreement, Remote may need to seek additional legal advice. We’ll let you know if there are additional charges before proceeding.',\n  'Terms and conditions for the termination are finalized.',\n  'You verbally communicate the termination to the employee.',\n  'Remote shares termination documents with the employee.',\n  'The employee signs the termination documents if required.',\n  'Remote processes the final salary and offboards the employee.',\n];\n\nexport const TerminationDialogInfoContent = () => {\n  return (\n    <>\n      <h3 className={cn('RemoteFlows__TerminationDialogInfoContent__Title')}>\n        Please read carefully before you continue\n      </h3>\n      <p\n        className={cn('RemoteFlows__TerminationDialogInfoContent__Description')}\n      >\n        Please do not inform the employee of the termination. Remote will lead\n        communication with them after you submit this form and they finalize the\n        termination terms.\n      </p>\n      <p\n        className={cn(\n          'RemoteFlows__TerminationDialogInfoContent__Description RemoteFlows__TerminationDialogInfoContent__FollowUpDescription',\n        )}\n      >\n        If you already informed them, that's okay. Remote will ask for the\n        details regarding that communication and they'll take it from there.\n      </p>\n\n      <ZendeskTriggerButton\n        className={cn(\n          'RemoteFlows__TerminationDialogInfoContent__ZendeskTriggerButton text-sm',\n        )}\n        zendeskId={zendeskArticles.terminationEmployeeCommunication}\n      >\n        Learn more about employee communication\n      </ZendeskTriggerButton>\n\n      <h3\n        className={cn(\n          'RemoteFlows__TerminationDialogInfoContent__ProcessTitle',\n        )}\n      >\n        The termination process\n      </h3>\n\n      <ul\n        className={cn(\n          'RemoteFlows__TerminationDialogInfoContent__ProcessList list-disc list-inside',\n        )}\n      >\n        {terminationSteps.map((step, index) => (\n          <li\n            key={index}\n            className={cn(\n              'RemoteFlows__TerminationDialogInfoContent__ProcessListItem',\n            )}\n          >\n            {step}\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n};\n"],"mappings":"gKAkBI,mBAAAA,EACE,OAAAC,EADF,QAAAC,MAAA,oBAdJ,IAAMC,EAAmB,CACvB,uCACA,wIACA,2GACA,gNACA,0DACA,4DACA,yDACA,4DACA,+DACF,EAEaC,EAA+BC,EAAA,IAExCH,EAAAF,EAAA,CACE,UAAAC,EAAC,MAAG,UAAWK,EAAG,kDAAkD,EAAG,qDAEvE,EACAL,EAAC,KACC,UAAWK,EAAG,wDAAwD,EACvE,8KAID,EACAL,EAAC,KACC,UAAWK,EACT,uHACF,EACD,mJAGD,EAEAL,EAACM,EAAA,CACC,UAAWD,EACT,yEACF,EACA,UAAWE,EAAgB,iCAC5B,mDAED,EAEAP,EAAC,MACC,UAAWK,EACT,yDACF,EACD,mCAED,EAEAL,EAAC,MACC,UAAWK,EACT,8EACF,EAEC,SAAAH,EAAiB,IAAI,CAACM,EAAMC,IAC3BT,EAAC,MAEC,UAAWK,EACT,4DACF,EAEC,SAAAG,GALIC,CAMP,CACD,EACH,GACF,EAvDwC","names":["Fragment","jsx","jsxs","terminationSteps","TerminationDialogInfoContent","__name","cn","ZendeskTriggerButton","zendeskArticles","step","index"]}

package/dist/{chunk-EP3DUVMU.js → chunk-QYKJU45J.js}

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk-VY64RMAF.js";import{b as e}from"./chunk-MRYRNB7Y.js";import{a as r}from"./chunk-P37U34EQ.js";import{jsx as u}from"react/jsx-runtime";function F({onSubmit:t,onSuccess:s,onError:m}){let{terminationBag:o}=e(),d=r(async a=>{let l=await o?.parseFormValues(a,!0);await t?.(l);let i=await o?.onSubmit(a);i?.error?m?.(i.rawError):i?.data&&await s?.(i.data)},"handleSubmit");return u(n,{defaultValues:o.fieldValues,fields:o?.fields,onSubmit:d})}r(F,"AdditionalDetailsForm");export{F as a};
-//# sourceMappingURL=chunk-EP3DUVMU.js.map
+import{a as n}from"./chunk-5IRUNNZB.js";import{b as e}from"./chunk-MRYRNB7Y.js";import{a as r}from"./chunk-P37U34EQ.js";import{jsx as u}from"react/jsx-runtime";function F({onSubmit:t,onSuccess:s,onError:m}){let{terminationBag:o}=e(),d=r(async a=>{let l=await o?.parseFormValues(a,!0);await t?.(l);let i=await o?.onSubmit(a);i?.error?m?.(i.rawError):i?.data&&await s?.(i.data)},"handleSubmit");return u(n,{defaultValues:o.fieldValues,fields:o?.fields,onSubmit:d})}r(F,"AdditionalDetailsForm");export{F as a};
+//# sourceMappingURL=chunk-QYKJU45J.js.map

package/dist/chunk-R4J4TF5F.js

@@ -0,0 +1,2 @@
+import{a as i}from"./chunk-4ONGXCN3.js";import{a as v}from"./chunk-6AHENEHD.js";import{a as l}from"./chunk-KJCCB44M.js";import{a as g}from"./chunk-MYO3DIES.js";import{a as n}from"./chunk-CW7CHRMN.js";import{a as S}from"./chunk-KX4JZXZV.js";import{a as p}from"./chunk-DB4JHJ3Z.js";import{a as c}from"./chunk-UUN3PLDE.js";import{a as s}from"./chunk-KVUKJU5U.js";import{a as m}from"./chunk-36GVXD2Z.js";import{a as f}from"./chunk-RK5ZEDOE.js";import{a as C}from"./chunk-LBNS4VT7.js";import{a as u}from"./chunk-V2KDZU2F.js";import{a as d}from"./chunk-SVVZOMLQ.js";import{a as e}from"./chunk-Q3ALCPJN.js";import{a}from"./chunk-CQVOBIXJ.js";import{a as o}from"./chunk-P37U34EQ.js";import{useId as y,useRef as D,useMemo as V}from"react";import{jsx as k}from"react/jsx-runtime";var X=o(({render:b,employmentId:O,externalId:B,countryCode:w,skipSteps:I,initialValues:P,options:R})=>{let F=y(),t=D(void 0),h=V(()=>({setValue:t}),[]),r=a({options:{...R,onContractReviewed:o(()=>{t.current&&t.current("review_completed",!0)},"onContractReviewed")},employmentId:O,externalId:B,countryCode:w,skipSteps:I,initialValues:P});return k(e.Provider,{value:{contractorOnboardingBag:r,formId:F,formRef:h},children:b({contractorOnboardingBag:r,components:{BasicInformationStep:m,SelectCountryStep:i,BackButton:n,SubmitButton:p,PricingPlanStep:c,EligibilityQuestionnaireStep:l,ContractOriginStep:C,InvoiceScheduleStep:g,CreateInvoiceScheduleStep:v,ContractDetailsStep:f,ContractPreviewStep:u,OnboardingInvite:S,ContractReviewButton:d,SaveDraftButton:s}})})},"ContractorOnboardingFlow");export{X as a};
+//# sourceMappingURL=chunk-R4J4TF5F.js.map

package/dist/chunk-R4J4TF5F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/flows/ContractorOnboarding/ContractorOnboarding.tsx"],"sourcesContent":["import { UseFormSetValue } from 'react-hook-form';\nimport { useId, useRef, useMemo } from 'react';\nimport { OnboardingBack } from '@/src/flows/ContractorOnboarding/components/OnboardingBack';\nimport { SelectCountryStep } from '@/src/flows/ContractorOnboarding/components/SelectCountryStep';\nimport { ContractorOnboardingContext } from '@/src/flows/ContractorOnboarding/context';\nimport { useContractorOnboarding } from '@/src/flows/ContractorOnboarding/hooks';\nimport { ContractorOnboardingFlowProps } from '@/src/flows/ContractorOnboarding/types';\nimport { BasicInformationStep } from '@/src/flows/ContractorOnboarding/components/BasicInformationStep';\nimport { OnboardingSubmit } from '@/src/flows/ContractorOnboarding/components/OnboardingSubmit';\nimport { PricingPlanStep } from '@/src/flows/ContractorOnboarding/components/PricingPlan';\nimport { ContractDetailsStep } from '@/src/flows/ContractorOnboarding/components/ContractDetailsStep';\nimport { ContractPreviewStep } from '@/src/flows/ContractorOnboarding/components/ContractPreviewStep';\nimport { OnboardingInvite } from '@/src/flows/ContractorOnboarding/components/OnboardingInvite';\nimport { ContractReviewButton } from '@/src/flows/ContractorOnboarding/components/ContractReviewButton';\nimport { EligibilityQuestionnaireStep } from '@/src/flows/ContractorOnboarding/components/EligibilityQuestionnaireStep';\nimport { SaveDraftButton } from '@/src/flows/ContractorOnboarding/components/SaveDraftButton';\nimport { ContractOriginStep } from '@/src/flows/ContractorOnboarding/components/ContractOriginStep';\nimport { InvoiceScheduleStep } from '@/src/flows/ContractorOnboarding/components/InvoiceScheduleStep';\nimport { CreateInvoiceScheduleStep } from '@/src/flows/ContractorOnboarding/components/CreateInvoiceScheduleStep';\n\nexport const ContractorOnboardingFlow = ({\n  render,\n  employmentId,\n  externalId,\n  countryCode,\n  skipSteps,\n  initialValues,\n  options,\n}: ContractorOnboardingFlowProps) => {\n  const formId = useId();\n  // Store form's setValue method in ref to allow sibling components\n  // to update form state directly (e.g., ContractReviewButton setting review_completed)\n  const setValueRef = useRef<\n    UseFormSetValue<Record<string, unknown>> | undefined\n  >(undefined);\n  const formRef = useMemo(() => ({ setValue: setValueRef }), []);\n\n  const contractorOnboardingBag = useContractorOnboarding({\n    options: {\n      ...options,\n      onContractReviewed: () => {\n        // Sync with internal form when contract is marked as reviewed\n        if (setValueRef.current) {\n          setValueRef.current('review_completed', true);\n        }\n      },\n    },\n    employmentId,\n    externalId,\n    countryCode,\n    skipSteps,\n    initialValues,\n  });\n\n  return (\n    <ContractorOnboardingContext.Provider\n      value={{ contractorOnboardingBag, formId, formRef }}\n    >\n      {render({\n        contractorOnboardingBag,\n        components: {\n          BasicInformationStep: BasicInformationStep,\n          SelectCountryStep: SelectCountryStep,\n          BackButton: OnboardingBack,\n          SubmitButton: OnboardingSubmit,\n          PricingPlanStep: PricingPlanStep,\n          EligibilityQuestionnaireStep: EligibilityQuestionnaireStep,\n          ContractOriginStep: ContractOriginStep,\n          InvoiceScheduleStep: InvoiceScheduleStep,\n          CreateInvoiceScheduleStep: CreateInvoiceScheduleStep,\n          ContractDetailsStep: ContractDetailsStep,\n          ContractPreviewStep: ContractPreviewStep,\n          OnboardingInvite: OnboardingInvite,\n          ContractReviewButton: ContractReviewButton,\n          SaveDraftButton: SaveDraftButton,\n        },\n      })}\n    </ContractorOnboardingContext.Provider>\n  );\n};\n"],"mappings":"mqBACA,OAAS,SAAAA,EAAO,UAAAC,EAAQ,WAAAC,MAAe,QAsDnC,cAAAC,MAAA,oBAnCG,IAAMC,EAA2BC,EAAA,CAAC,CACvC,OAAAC,EACA,aAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EACA,cAAAC,EACA,QAAAC,CACF,IAAqC,CACnC,IAAMC,EAASC,EAAM,EAGfC,EAAcC,EAElB,MAAS,EACLC,EAAUC,EAAQ,KAAO,CAAE,SAAUH,CAAY,GAAI,CAAC,CAAC,EAEvDI,EAA0BC,EAAwB,CACtD,QAAS,CACP,GAAGR,EACH,mBAAoBP,EAAA,IAAM,CAEpBU,EAAY,SACdA,EAAY,QAAQ,mBAAoB,EAAI,CAEhD,EALoB,qBAMtB,EACA,aAAAR,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EACA,cAAAC,CACF,CAAC,EAED,OACER,EAACkB,EAA4B,SAA5B,CACC,MAAO,CAAE,wBAAAF,EAAyB,OAAAN,EAAQ,QAAAI,CAAQ,EAEjD,SAAAX,EAAO,CACN,wBAAAa,EACA,WAAY,CACV,qBAAsBG,EACtB,kBAAmBC,EACnB,WAAYC,EACZ,aAAcC,EACd,gBAAiBC,EACjB,6BAA8BC,EAC9B,mBAAoBC,EACpB,oBAAqBC,EACrB,0BAA2BC,EAC3B,oBAAqBC,EACrB,oBAAqBC,EACrB,iBAAkBC,EAClB,qBAAsBC,EACtB,gBAAiBC,CACnB,CACF,CAAC,EACH,CAEJ,EA3DwC","names":["useId","useRef","useMemo","jsx","ContractorOnboardingFlow","__name","render","employmentId","externalId","countryCode","skipSteps","initialValues","options","formId","useId","setValueRef","useRef","formRef","useMemo","contractorOnboardingBag","useContractorOnboarding","ContractorOnboardingContext","BasicInformationStep","SelectCountryStep","OnboardingBack","OnboardingSubmit","PricingPlanStep","EligibilityQuestionnaireStep","ContractOriginStep","InvoiceScheduleStep","CreateInvoiceScheduleStep","ContractDetailsStep","ContractPreviewStep","OnboardingInvite","ContractReviewButton","SaveDraftButton"]}

package/dist/{chunk-76TJCXAW.js → chunk-RK5ZEDOE.js}

@@ -1,2 +1,2 @@
-import{a as d}from"./chunk-HI6GH4J7.js";import{a as c}from"./chunk-MS63VN5N.js";import{b as s}from"./chunk-Q3ALCPJN.js";import{c as l}from"./chunk-XZMPAJRL.js";import{x as n}from"./chunk-C4HFMTSB.js";import{a}from"./chunk-P37U34EQ.js";import{jsx as m,jsxs as g}from"react/jsx-runtime";function x({onSubmit:p,onSuccess:u,onError:S}){let{contractorOnboardingBag:r}=s(),f=a(async(e,F)=>{try{let t=await r.parseFormValues(e);await p?.(t);let o=await r.onSubmit(e);if(o?.data){await u?.(o?.data),r?.next();return}}catch(t){let o=n(t,r.meta?.fields?.contract_details,F);S?.(o)}},"handleSubmit"),C=r.stepState.values?.contract_details||r.initialValues.contract_details,i=r.stepState.values?.pricing_plan?.subscription,b=l(i);return g("div",{className:"space-y-4",children:[m(c,{defaultValues:C,onSubmit:f}),b&&m(d,{subscription:i})]})}a(x,"ContractDetailsStep");export{x as a};
-//# sourceMappingURL=chunk-76TJCXAW.js.map
+import{a as d}from"./chunk-HI6GH4J7.js";import{a as c}from"./chunk-MZUPTP2B.js";import{b as s}from"./chunk-Q3ALCPJN.js";import{c as l}from"./chunk-7IIQUZTH.js";import{x as n}from"./chunk-C4HFMTSB.js";import{a}from"./chunk-P37U34EQ.js";import{jsx as m,jsxs as g}from"react/jsx-runtime";function x({onSubmit:p,onSuccess:u,onError:S}){let{contractorOnboardingBag:r}=s(),f=a(async(e,F)=>{try{let t=await r.parseFormValues(e);await p?.(t);let o=await r.onSubmit(e);if(o?.data){await u?.(o?.data),r?.next();return}}catch(t){let o=n(t,r.meta?.fields?.contract_details,F);S?.(o)}},"handleSubmit"),C=r.stepState.values?.contract_details||r.initialValues.contract_details,i=r.stepState.values?.pricing_plan?.subscription,b=l(i);return g("div",{className:"space-y-4",children:[m(c,{defaultValues:C,onSubmit:f}),b&&m(d,{subscription:i})]})}a(x,"ContractDetailsStep");export{x as a};
+//# sourceMappingURL=chunk-RK5ZEDOE.js.map

package/dist/{chunk-6VEWI4G2.js → chunk-RKP7EEAB.js}

@@ -1,2 +1,2 @@
-import{b as a}from"./chunk-WCJZAOZR.js";import{g as p}from"./chunk-5IMEZZMR.js";import{b as r,x as s}from"./chunk-C4HFMTSB.js";import{b as m}from"./chunk-H2O4CVKF.js";import{a as n}from"./chunk-P37U34EQ.js";import{jsx as h}from"react/jsx-runtime";function C({onSuccess:c,onError:l,children:d}){let{adminBag:t}=a(),{components:u}=m(),e=p(),{mutateAsyncOrThrow:f}=r(e),i=u?.button;if(!i)throw new Error("Button component not found");return h(i,{onClick:n(async()=>{try{if(!t.employmentId)throw new Error("Employment ID is missing. Complete the previous steps first.");let o=await f({employmentId:t.employmentId});await t.refetchSteps(),await c?.(o),t.next()}catch(o){l?.(s(o))}},"handleInvite"),disabled:e.isPending||t.isSubmitting,children:d??"Send invitation"})}n(C,"InvitationStep");export{C as a};
-//# sourceMappingURL=chunk-6VEWI4G2.js.map
+import{g as p}from"./chunk-2LR5N626.js";import{b as a}from"./chunk-WCJZAOZR.js";import{b as r,x as s}from"./chunk-C4HFMTSB.js";import{b as m}from"./chunk-H2O4CVKF.js";import{a as n}from"./chunk-P37U34EQ.js";import{jsx as h}from"react/jsx-runtime";function C({onSuccess:c,onError:l,children:d}){let{adminBag:t}=a(),{components:u}=m(),e=p(),{mutateAsyncOrThrow:f}=r(e),i=u?.button;if(!i)throw new Error("Button component not found");return h(i,{onClick:n(async()=>{try{if(!t.employmentId)throw new Error("Employment ID is missing. Complete the previous steps first.");let o=await f({employmentId:t.employmentId});await t.refetchSteps(),await c?.(o),t.next()}catch(o){l?.(s(o))}},"handleInvite"),disabled:e.isPending||t.isSubmitting,children:d??"Send invitation"})}n(C,"InvitationStep");export{C as a};
+//# sourceMappingURL=chunk-RKP7EEAB.js.map

package/dist/{chunk-32UP2UFU.js → chunk-RRZRQAIT.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk-YPBPOUGX.js";import{a as r}from"./chunk-ISETCY2V.js";import{b as t}from"./chunk-SS2SYDCB.js";import{a as o}from"./chunk-P37U34EQ.js";import{jsx as n}from"react/jsx-runtime";function d(l){let{employeeBag:e}=t(),a=s(l);return n(r,{onSubmit:a,defaultValues:{...e.initialValues?.home_address,...e.stepState.values?.home_address}})}o(d,"HomeAddressStep");export{d as a};
-//# sourceMappingURL=chunk-32UP2UFU.js.map
+import{a as s}from"./chunk-YPBPOUGX.js";import{a as r}from"./chunk-4O5HJBUC.js";import{b as t}from"./chunk-SS2SYDCB.js";import{a as o}from"./chunk-P37U34EQ.js";import{jsx as n}from"react/jsx-runtime";function d(l){let{employeeBag:e}=t(),a=s(l);return n(r,{onSubmit:a,defaultValues:{...e.initialValues?.home_address,...e.stepState.values?.home_address}})}o(d,"HomeAddressStep");export{d as a};
+//# sourceMappingURL=chunk-RRZRQAIT.js.map

package/dist/{chunk-UTQDJNOV.js → chunk-S2QXSX4Q.js}

@@ -1,2 +1,2 @@
-import{a as N,b as U}from"./chunk-IN6QZASY.js";import{a as Q,b as W,c as q,d as j,e as z,f as H}from"./chunk-5IMEZZMR.js";import{c as J}from"./chunk-KMLI4ISS.js";import{b as l,h as g}from"./chunk-C4HFMTSB.js";import{a as B}from"./chunk-XPVYX7LE.js";import{a as S}from"./chunk-P37U34EQ.js";import{useState as X,useMemo as gt,useCallback as c}from"react";var wt=S(m=>{let s=0;return{select_country:{index:s++,name:"select_country",visible:!m},contract_details:{index:s++,name:"contract_details"},administrative_details:{index:s++,name:"administrative_details"},invite:{index:s++,name:"invite"}}},"buildAdminSteps"),It=S(({companyId:m,legalEntityId:s,countryCode:Y,employmentId:w,initialValues:_,options:Z})=>{let{data:h,isLoading:$,isError:tt}=U(m),p=s??h?.[0]?.id,[n,C]=X(w),et=_?.basic_information?.country_code,[a,u]=X(Y??et),P=!!a&&!!w,nt=gt(()=>wt(P),[P]),{updateErrorContext:b}=J({flow:"payroll_admin_onboarding"}),at=c(t=>{b({step:t.name})},[b]),{stepState:A,nextStep:it,previousStep:ot,goToStep:st,setStepValues:rt,fieldValues:y,setFieldValues:E}=B(nt,at),d=A.currentStep.name,dt={select_country:"global_payroll_basic_information",contract_details:"global_payroll_contract_details",administrative_details:"global_payroll_administrative_details"},I=W(y),V=Q(a,dt[d],y,{employmentId:d!=="select_country"?n:void 0}),F=d==="select_country"&&!a,i=F?I.data:V.data,lt=F?I.isLoading:V.isLoading,v=q(),O=j(),D=z(),G=H(),{mutateAsyncOrThrow:L}=l(v),{mutateAsyncOrThrow:x}=l(O),{mutateAsyncOrThrow:T}=l(D),{mutateAsyncOrThrow:K}=l(G),ct=v.isPending||O.isPending||D.isPending||G.isPending,{data:R,isLoading:mt,refetch:r}=N(n),pt=R?.find(t=>t.type==="completion")?.sub_steps?.[0]?.status==="completed",ut=c(t=>{E(t);let e=t.country_code;e&&e!==a&&u(e)},[a,E]),yt=c(async t=>{if(!i)return null;let e=await g(t,i.fields,{isPartialValidation:!1});return i.handleValidation(e)},[i]),f=c(async t=>i?g(t,i.fields,{isPartialValidation:!1}):t,[i]),ft=c(async t=>{let e=await f(t);switch(d){case"select_country":{let o=e.country_code??a;if(!o)throw new Error("Country code is required to create an employment.");if(o!==a&&u(o),n){let St=await x({employmentId:n,basicInformation:e});return await r(),St}if(!p)throw new Error("No GP-enabled legal entity available. Cannot create an employment.");let k=await L({countryCode:o,legalEntityId:p,basicInformation:e}),M=k?.data?.employment?.id;if(!M)throw new Error("Employment was created but no ID was returned. Cannot proceed.");return C(M),await r(),k}case"contract_details":{if(!n)throw new Error("Employment ID is missing. Complete the previous step first.");let o=await T({employmentId:n,contractDetails:e});return await r(),o}case"administrative_details":{if(!n)throw new Error("Employment ID is missing. Complete the previous step first.");let o=await K({employmentId:n,administrativeDetails:e});return await r(),o}default:return}},[d,a,n,p,f,L,x,T,K,r]);return{stepState:A,isLoading:mt||lt||$,isSubmitting:ct,isComplete:pt??!1,companyId:m,legalEntityId:p,legalEntities:h??[],isErrorLegalEntities:tt,countryCode:a,employmentId:n,initialValues:_,options:Z,apiSteps:R,refetchSteps:r,fields:i?.fields??[],meta:i?.meta??{},fieldValues:y,setFieldValues:ut,handleValidation:yt,parseFormValues:f,onSubmit:ft,setInternalCountryCode:u,setInternalEmploymentId:C,next:it,back:ot,goToStep:st,setStepValues:rt}},"usePayrollAdminOnboarding");export{It as a};
-//# sourceMappingURL=chunk-UTQDJNOV.js.map
+import{a as N,b as U}from"./chunk-QEHEOSJT.js";import{a as Q,b as W,c as q,d as j,e as z,f as H}from"./chunk-2LR5N626.js";import{c as J}from"./chunk-KMLI4ISS.js";import{b as l,h as g}from"./chunk-C4HFMTSB.js";import{a as B}from"./chunk-M3TA5X2H.js";import{a as S}from"./chunk-P37U34EQ.js";import{useState as X,useMemo as gt,useCallback as c}from"react";var wt=S(m=>{let s=0;return{select_country:{index:s++,name:"select_country",visible:!m},contract_details:{index:s++,name:"contract_details"},administrative_details:{index:s++,name:"administrative_details"},invite:{index:s++,name:"invite"}}},"buildAdminSteps"),It=S(({companyId:m,legalEntityId:s,countryCode:Y,employmentId:w,initialValues:_,options:Z})=>{let{data:h,isLoading:$,isError:tt}=U(m),p=s??h?.[0]?.id,[n,C]=X(w),et=_?.basic_information?.country_code,[a,u]=X(Y??et),P=!!a&&!!w,nt=gt(()=>wt(P),[P]),{updateErrorContext:b}=J({flow:"payroll_admin_onboarding"}),at=c(t=>{b({step:t.name})},[b]),{stepState:A,nextStep:it,previousStep:ot,goToStep:st,setStepValues:rt,fieldValues:y,setFieldValues:E}=B(nt,at),d=A.currentStep.name,dt={select_country:"global_payroll_basic_information",contract_details:"global_payroll_contract_details",administrative_details:"global_payroll_administrative_details"},I=W(y),V=Q(a,dt[d],y,{employmentId:d!=="select_country"?n:void 0}),F=d==="select_country"&&!a,i=F?I.data:V.data,lt=F?I.isLoading:V.isLoading,v=q(),O=j(),D=z(),G=H(),{mutateAsyncOrThrow:L}=l(v),{mutateAsyncOrThrow:x}=l(O),{mutateAsyncOrThrow:T}=l(D),{mutateAsyncOrThrow:K}=l(G),ct=v.isPending||O.isPending||D.isPending||G.isPending,{data:R,isLoading:mt,refetch:r}=N(n),pt=R?.find(t=>t.type==="completion")?.sub_steps?.[0]?.status==="completed",ut=c(t=>{E(t);let e=t.country_code;e&&e!==a&&u(e)},[a,E]),yt=c(async t=>{if(!i)return null;let e=await g(t,i.fields,{isPartialValidation:!1});return i.handleValidation(e)},[i]),f=c(async t=>i?g(t,i.fields,{isPartialValidation:!1}):t,[i]),ft=c(async t=>{let e=await f(t);switch(d){case"select_country":{let o=e.country_code??a;if(!o)throw new Error("Country code is required to create an employment.");if(o!==a&&u(o),n){let St=await x({employmentId:n,basicInformation:e});return await r(),St}if(!p)throw new Error("No GP-enabled legal entity available. Cannot create an employment.");let k=await L({countryCode:o,legalEntityId:p,basicInformation:e}),M=k?.data?.employment?.id;if(!M)throw new Error("Employment was created but no ID was returned. Cannot proceed.");return C(M),await r(),k}case"contract_details":{if(!n)throw new Error("Employment ID is missing. Complete the previous step first.");let o=await T({employmentId:n,contractDetails:e});return await r(),o}case"administrative_details":{if(!n)throw new Error("Employment ID is missing. Complete the previous step first.");let o=await K({employmentId:n,administrativeDetails:e});return await r(),o}default:return}},[d,a,n,p,f,L,x,T,K,r]);return{stepState:A,isLoading:mt||lt||$,isSubmitting:ct,isComplete:pt??!1,companyId:m,legalEntityId:p,legalEntities:h??[],isErrorLegalEntities:tt,countryCode:a,employmentId:n,initialValues:_,options:Z,apiSteps:R,refetchSteps:r,fields:i?.fields??[],meta:i?.meta??{},fieldValues:y,setFieldValues:ut,handleValidation:yt,parseFormValues:f,onSubmit:ft,setInternalCountryCode:u,setInternalEmploymentId:C,next:it,back:ot,goToStep:st,setStepValues:rt}},"usePayrollAdminOnboarding");export{It as a};
+//# sourceMappingURL=chunk-S2QXSX4Q.js.map

package/dist/{chunk-XAIBLWDF.js → chunk-SH35XDFY.js}

@@ -1,2 +1,2 @@
-import{a as l}from"./chunk-YPBPOUGX.js";import{a as o}from"./chunk-ISETCY2V.js";import{b as a}from"./chunk-SS2SYDCB.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as r}from"react/jsx-runtime";function u(s){let{employeeBag:t}=a(),n=l(s);return t.taxStepsAvailability.state_taxes.isAvailable?r(o,{onSubmit:n,defaultValues:{...t.initialValues?.state_taxes,...t.stepState.values?.state_taxes}}):null}e(u,"StateTaxesStep");export{u as a};
-//# sourceMappingURL=chunk-XAIBLWDF.js.map
+import{a as l}from"./chunk-YPBPOUGX.js";import{a as o}from"./chunk-4O5HJBUC.js";import{b as a}from"./chunk-SS2SYDCB.js";import{a as e}from"./chunk-P37U34EQ.js";import{jsx as r}from"react/jsx-runtime";function u(s){let{employeeBag:t}=a(),n=l(s);return t.taxStepsAvailability.state_taxes.isAvailable?r(o,{onSubmit:n,defaultValues:{...t.initialValues?.state_taxes,...t.stepState.values?.state_taxes}}):null}e(u,"StateTaxesStep");export{u as a};
+//# sourceMappingURL=chunk-SH35XDFY.js.map

package/dist/{chunk-ONUE4K6F.js → chunk-SXPBC2FP.js}

@@ -1,2 +1,2 @@
-import{a}from"./chunk-YPBPOUGX.js";import{a as l}from"./chunk-ISETCY2V.js";import{b as t}from"./chunk-SS2SYDCB.js";import{a as o}from"./chunk-P37U34EQ.js";import{jsx as s}from"react/jsx-runtime";function u(n){let{employeeBag:e}=t(),r=a(n);return s(l,{onSubmit:r,defaultValues:{...e.initialValues?.personal_details,...e.stepState.values?.personal_details}})}o(u,"PersonalDetailsStep");export{u as a};
-//# sourceMappingURL=chunk-ONUE4K6F.js.map
+import{a}from"./chunk-YPBPOUGX.js";import{a as l}from"./chunk-4O5HJBUC.js";import{b as t}from"./chunk-SS2SYDCB.js";import{a as o}from"./chunk-P37U34EQ.js";import{jsx as s}from"react/jsx-runtime";function u(n){let{employeeBag:e}=t(),r=a(n);return s(l,{onSubmit:r,defaultValues:{...e.initialValues?.personal_details,...e.stepState.values?.personal_details}})}o(u,"PersonalDetailsStep");export{u as a};
+//# sourceMappingURL=chunk-SXPBC2FP.js.map

package/dist/{chunk-TYCOSAU4.js → chunk-TO2GYQR2.js}

@@ -1,2 +1,2 @@
-import{a as P,b as W,c as u}from"./chunk-4IDFJ6DS.js";import{a as l}from"./chunk-PVORGGT3.js";import{c as y}from"./chunk-AUPAAQUT.js";import{j as h,m as x}from"./chunk-C4HFMTSB.js";import{a as c}from"./chunk-P37U34EQ.js";import{Fragment as $}from"react";import a from"lodash.omit";var C={...P,fieldset:u,"fieldset-flat":u};import{Fragment as S,jsx as n,jsxs as g}from"react/jsx-runtime";var B=c(({fields:p,fieldsets:d,fieldValues:i,components:m})=>{let{setValue:T,watch:M}=y();if(!p||p.length===0)return null;let J=d&&i?h({fields:p,fieldsets:d,values:i}):p,r=c((e,F,o)=>F.WrapperComponent?n(F.WrapperComponent,{children:e},o):n($,{children:e},o),"wrapWithCustomWrapper");return n(S,{children:J.map(e=>{if(e.calculateDynamicProperties&&(e={...e,...e.calculateDynamicProperties(i,e)||{}}),e.isVisible===!1||e.deprecated||e.hidden)return null;if(x(e)){let t=a(e,"WrapperComponent");return r(n(W,{name:t.name,description:t.description,value:t.const,statement:t.statement,label:t.label,helpCenter:t.meta?.helpCenter}),e,e.name)}if(e.Component){let{Component:t}=e,R=a(e,["Component","WrapperComponent"]);return r(g(S,{children:[n(t,{...R,value:M(e.name),setValue:V=>T(e.name,V)}),e.statement?n(l,{...e.statement}):null,e.extra?e.extra:null]}),e,e.name)}let o=e.type,s=C[o];if(!s)return g("p",{className:"error",children:["Field type ",o," not supported"]});if(o==="fieldset"){let t=a(e,"WrapperComponent");return r(n(s,{...t,components:m}),e,e.name)}if(o==="fieldset-flat"){let t=a(e,"WrapperComponent");return r(n(s,{...t,components:m,isFlatFieldset:!0}),e,e.name)}o==="select"&&e.multiple&&(s=C["multi-select"]);let k=a(e,"WrapperComponent");return r(g(S,{children:[n(s,{...k,component:m&&m[o]}),e.statement?n(l,{...e.statement}):null,e.extra?e.extra:null]}),e,e.name)})})},"JSONSchemaFormFields");export{B as a};
-//# sourceMappingURL=chunk-TYCOSAU4.js.map
+import{a as P,b as W,c as u}from"./chunk-7HGU72GB.js";import{a as l}from"./chunk-PVORGGT3.js";import{c as y}from"./chunk-AUPAAQUT.js";import{j as h,m as x}from"./chunk-C4HFMTSB.js";import{a as c}from"./chunk-P37U34EQ.js";import{Fragment as $}from"react";import a from"lodash.omit";var C={...P,fieldset:u,"fieldset-flat":u};import{Fragment as S,jsx as n,jsxs as g}from"react/jsx-runtime";var B=c(({fields:p,fieldsets:d,fieldValues:i,components:m})=>{let{setValue:T,watch:M}=y();if(!p||p.length===0)return null;let J=d&&i?h({fields:p,fieldsets:d,values:i}):p,r=c((e,F,o)=>F.WrapperComponent?n(F.WrapperComponent,{children:e},o):n($,{children:e},o),"wrapWithCustomWrapper");return n(S,{children:J.map(e=>{if(e.calculateDynamicProperties&&(e={...e,...e.calculateDynamicProperties(i,e)||{}}),e.isVisible===!1||e.deprecated||e.hidden)return null;if(x(e)){let t=a(e,"WrapperComponent");return r(n(W,{name:t.name,description:t.description,value:t.const,statement:t.statement,label:t.label,helpCenter:t.meta?.helpCenter}),e,e.name)}if(e.Component){let{Component:t}=e,R=a(e,["Component","WrapperComponent"]);return r(g(S,{children:[n(t,{...R,value:M(e.name),setValue:V=>T(e.name,V)}),e.statement?n(l,{...e.statement}):null,e.extra?e.extra:null]}),e,e.name)}let o=e.type,s=C[o];if(!s)return g("p",{className:"error",children:["Field type ",o," not supported"]});if(o==="fieldset"){let t=a(e,"WrapperComponent");return r(n(s,{...t,components:m}),e,e.name)}if(o==="fieldset-flat"){let t=a(e,"WrapperComponent");return r(n(s,{...t,components:m,isFlatFieldset:!0}),e,e.name)}o==="select"&&e.multiple&&(s=C["multi-select"]);let k=a(e,"WrapperComponent");return r(g(S,{children:[n(s,{...k,component:m&&m[o]}),e.statement?n(l,{...e.statement}):null,e.extra?e.extra:null]}),e,e.name)})})},"JSONSchemaFormFields");export{B as a};
+//# sourceMappingURL=chunk-TO2GYQR2.js.map

package/dist/{chunk-TVNBMBTY.js → chunk-TWLFK7DD.js}

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

package/dist/chunk-TXOCMI5I.js

@@ -0,0 +1,2 @@
+import{a as R,b as x,c as N,d as A}from"./chunk-OV4ARZIX.js";import{a as T}from"./chunk-ZE3YT3Q6.js";import{a as C}from"./chunk-SWLNTVAX.js";import{b as B}from"./chunk-LKHRHBFP.js";import{a as f}from"./chunk-5TOSVOLY.js";import{a as w}from"./chunk-GPWQPJQ7.js";import{n as i,o as n,r as F}from"./chunk-C4HFMTSB.js";import{a as m}from"./chunk-P37U34EQ.js";import{MoreHorizontal as G}from"lucide-react";import{useState as P}from"react";import{Fragment as U,jsx as g,jsxs as E}from"react/jsx-runtime";function L({actions:e=[],className:r,label:a,"data-testid":l}){let[_,d]=P(!1);return E("div",{className:i("relative",r),children:[g(B,{"data-testid":l,variant:"ghost","aria-label":a,className:"h-8 w-8 p-0",onClick:()=>d(!_),children:g(G,{className:"h-4 w-4"})}),_&&E(U,{children:[g("div",{className:"fixed inset-0 z-40",onClick:()=>d(!1)}),g("div",{className:"absolute right-0 top-1/2 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[120px]",children:e.map((c,u)=>g("button",{"data-testid":`${l}-${c.label.toLowerCase().replace(" ","-")}`,className:i("w-full text-left px-2 py-1.5 text-sm hover:bg-gray-100",c.disabled&&"opacity-50 cursor-not-allowed"),onClick:()=>{c.onClick(),d(!1)},disabled:c.disabled,children:c.label},u))})]})]})}m(L,"ActionsDropdown");import{ChevronDown as S,Info as $}from"lucide-react";import j from"react-flagpack";import{useState as O}from"react";import{Fragment as b,jsx as o,jsxs as t}from"react/jsx-runtime";var Z={GB:"GB-UKM"},K=m(({title:e,country:r,region:a,annualGrossSalary:l,onDelete:_,onExportPdf:d,onEdit:c})=>{let u=[{label:"Edit",onClick:c},{label:"Export",onClick:d},{label:"Delete",onClick:_}];return t("div",{className:"RemoteFlows__EstimationResults__Header flex justify-between",children:[t("div",{className:"flex flex-row items-center gap-6",children:[o("div",{className:"RemoteFlows__EstimationResultsHeader__FlagContainer flex h-16 w-16 items-center justify-center rounded-lg bg-[#F4F4F5]",children:o(j,{code:Z[r.alpha_2_code]||r.alpha_2_code})}),t("div",{className:"space-y-1",children:[o("h2",{"data-testid":"estimation-results-header-title",className:"RemoteFlows__EstimationResultsHeader__Title text-lg font-medium leading-none text-[#181818]",children:e}),t("p",{className:"RemoteFlows__EstimationResultsHeader__Country text-xs text-[#71717A]",children:[r.name," ",a?` (${a.name})`:""]}),t("p",{"data-testid":"estimation-results-header-annual-gross-salary",className:"RemoteFlows__EstimationResultsHeader__AnnualGrossSalary text-xs text-[#71717A]",children:[o("span",{className:"text-[#181818]",children:"Employee annual gross salary:"})," ",l]})]})]}),o(L,{label:"Actions",className:"RemoteFlows__EstimationResults__ActionsDropdown",actions:u})]})},"EstimationResultsHeader"),V=m(()=>({steps:[{id:"add-employment-details",title:"Add employment details",description:"You add employee employments details."},{id:"invite-employee",title:"Invite employee",description:"Hire receives an email invitation from Remote to start the self-enrollment process."},{id:"verify-information",title:"Verify information",description:"Remote prepares the Employment Agreement and verifies all the information."},{id:"sign-contract",title:"Sign contract",description:"All parties sign the Employment Agreement and are ready to start. \u{1F389}"}],helpText:"For customers who accept Remote's Terms of Service (ToS), the employee onboarding timeline starts once the employee has been invited to the platform and completed self enrollment.",zendeskArticleId:w.employeeOnboardingTimeline}),"getOnboardingTimelineData");function Y({minimumOnboardingDays:e,data:r,className:a}){return o(R,{collapsible:!0,className:i("RemoteFlows__EstimationResults__OnboardingTimeline w-full",a),children:t(x,{value:"timeline",className:"RemoteFlows__OnboardingTimeline__AccordionItem border-border",children:[o(N,{className:"RemoteFlows__OnboardingTimeline__AccordionTrigger hover:no-underline px-0 py-4",children:t("div",{className:"flex items-center justify-between w-full",children:[o("span",{className:"RemoteFlows__OnboardingTimeline__Title text-base font-medium text-[#0F172A]",children:"Onboarding timeline"}),e!=null&&t("span",{className:"RemoteFlows__OnboardingTimeline__Description text-base text-muted-foreground mr-4",children:[e," days"]})]})}),t(A,{className:"px-0 pb-4",children:[o("ul",{className:"RemoteFlows__OnboardingTimeline__List list-disc list-inside space-y-2",children:r.steps.map(l=>t("li",{children:[o("strong",{className:"font-medium text-[#09090B]",children:l.title})," ","- ",l.description]},l.id))}),t("p",{className:"RemoteFlows__OnboardingTimeline__HelpText text-xs text-muted-foreground mt-4",children:[r.helpText,r.zendeskArticleId&&o(f,{zendeskId:r.zendeskArticleId,children:"Learn more"})]})]})]})})}m(Y,"OnboardingTimeline");function q({className:e,countryBenefitsUrl:r,countryGuideUrl:a,country:l}){return o(R,{collapsible:!0,className:i("RemoteFlows__EstimationResults__HiringSection w-full",e),children:t(x,{value:"timeline",className:"RemoteFlows__HiringSection__AccordionItem border-border",children:[o(N,{className:"RemoteFlows__HiringSection__AccordionTrigger hover:no-underline px-0 py-4",children:o("div",{className:"flex items-center justify-between w-full",children:t("span",{className:"text-base font-medium text-[#0F172A]",children:["Hiring in ",l.name]})})}),o(A,{children:t("div",{className:"flex flex-col gap-1",children:[a&&o("a",{href:a,target:"_blank",className:"RemoteFlows__Link",children:"Explore our complete guide \u2197"}),r&&o("a",{href:r,target:"_blank",className:"RemoteFlows__Link",children:"Explore our available benefits \u2197"})]})})]})})}m(q,"HiringSection");function J({isMultipleCurrency:e,className:r}){return t("div",{className:i("RemoteFlows__EstimationResults__Headers grid grid-cols-3 items-center",r),children:[o("span",{"aria-hidden":!0}),e?t(b,{children:[o("span",{className:"RemoteFlows__EstimationResults__Headers__Label",children:"Employee currency"}),o("span",{className:"RemoteFlows__EstimationResults__Headers__Label",children:"Employer currency"})]}):t(b,{children:[o("span",{}),o("span",{className:"RemoteFlows__EstimationResults__Headers__Label",children:"Amount"})]})]})}m(J,"EstimationHeaders");function I({label:e,amounts:r,className:a,children:l}){let[_,d]=O(!0);return t("div",{className:i("RemoteFlows__EstimationResults__Row",a),children:[t("div",{className:"RemoteFlows__EstimationRow__Grid grid grid-cols-3 items-center",children:[t("div",{className:"RemoteFlows__EstimationRow__LabelContainer flex items-center gap-2",children:[o("span",{className:i("RemoteFlows__EstimationRow__Title min-w-[140px] font-medium text-[#09090B]"),children:e}),o("button",{onClick:()=>d(!_),className:"RemoteFlows__EstimationRow__CollapseButton p-1 hover:bg-gray-100 rounded",children:o(S,{className:`h-4 w-4 text-muted-foreground transition-transform ${_?"rotate-180":""}`})})]}),Array.isArray(r)?r.map((c,u)=>o("span",{className:i("RemoteFlows__EstimationRow__RegionalAmount text-right font-medium text-[#09090B]"),children:c},u)):t(b,{children:[o("span",{}),o("span",{className:i("RemoteFlows__EstimationRow__EmployerAmount text-right font-medium text-[#09090B]"),children:r})]})]}),_&&l&&o("div",{className:"RemoteFlows__EstimationRow__CollapsibleContent mt-4",children:l})]})}m(I,"EstimationRow");function Q({item:e,isMultipleCurrency:r,level:a=0}){let[l,_]=O(!1),d=e.children&&e.children.length>0,c=a>0,u=e.isCollapsible||d;return t("li",{className:i("RemoteFlows__BreakdownList__Item pb-3",c&&"pb-1"),children:[t("div",{className:i(r?"RemoteFlows__BreakdownList__Grid grid grid-cols-3 items-center justify-between":"RemoteFlows__BreakdownList__Grid grid grid-cols-2 items-center justify-between"),children:[t("div",{className:i("RemoteFlows__BreakdownList__LabelContainer flex items-center gap-2",c&&"pl-3"),children:[!c&&o("span",{className:"RemoteFlows__BreakdownList__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0","aria-hidden":"true"}),u?t("button",{onClick:()=>_(!l),className:"RemoteFlows__BreakdownList__CollapseButton flex items-center gap-2 hover:bg-gray-100 rounded p-1",children:[o("span",{className:i(c?"RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]":"RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B]"),children:e.label}),o(S,{className:`RemoteFlows__BreakdownList__ChevronDown h-3 w-3 text-muted-foreground transition-transform ${l?"rotate-180":""}`})]}):o("span",{className:i(c?"RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]":"RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B] p-1"),children:e.label}),e.tooltip&&o(T,{content:t(b,{children:[o("span",{dangerouslySetInnerHTML:{__html:F(e.tooltip)}})," ",e.zendeskId&&o(f,{zendeskId:Number(e.zendeskId),children:"Learn more"})]}),children:o("button",{className:"RemoteFlows__BreakdownList__InfoButton p-1 hover:bg-gray-100 rounded",children:o($,{className:i("RemoteFlows__BreakdownList__InfoButton__Icon text-muted-foreground",c?"h-3 w-3":"h-4 w-4")})})})]}),r?t(b,{children:[o("span",{"data-testid":e.dataSelector&&e.dataSelector+"-employee-amount",className:i("RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right",c?"RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]":"RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]"),children:e.regionalAmount||"\u2014"}),o("span",{"data-testid":e.dataSelector&&e.dataSelector+"-employer-amount",className:i("RemoteFlows__BreakdownList__EmployerAmountText text-sm text-right",c?"RemoteFlows__BreakdownList__EmployerAmountText--Nested text-[#71717A]":"RemoteFlows__BreakdownList__EmployerAmountText--NotNested text-[#09090B]"),children:e.employerAmount||"\u2014"})]}):o("span",{"data-testid":e.dataSelector,className:i("RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right",c?"RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]":"RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]"),children:e.regionalAmount||"\u2014"})]}),d&&l&&o("div",{className:"mt-1",children:o(k,{items:e.children,isMultipleCurrency:r,level:a+1})})]})}m(Q,"BreakdownListItem");function k({items:e,isMultipleCurrency:r,className:a,level:l}){return o("ul",{className:i("RemoteFlows__BreakdownList list-none",a),children:e.map((_,d)=>o(Q,{item:_,isMultipleCurrency:r,level:l},d))})}m(k,"BreakdownList");var pe=m(({estimation:e,title:r,components:a,onDelete:l,onExportPdf:_,onEdit:d})=>{let c=a?.HiringSection||q,u=a?.OnboardingTimeline||Y,z=a?.Header||K,h=a?.Footer,H=V(),p=e.employer_currency_costs.currency.code!==e.regional_currency_costs.currency.code,v=e.employer_currency_costs.monthly_management_fee,D=e.region.code!==e.country.code,M=n(e.regional_currency_costs.annual_gross_salary,e.regional_currency_costs.currency.code);return t(C,{className:"RemoteFlows__EstimationResults__Card p-10",children:[o("div",{className:"RemoteFlows__Separator",children:o(z,{title:r,annualGrossSalary:M,region:D?e.region:void 0,country:e.country,onDelete:l,onExportPdf:_,onEdit:d})}),t("div",{className:"RemoteFlows__Separator",children:[o(J,{isMultipleCurrency:p,className:"mb-3"}),o(I,{label:"Monthly total cost",amounts:p?[n(e.regional_currency_costs.monthly_total,e.regional_currency_costs.currency.code),n(e.employer_currency_costs.monthly_total,e.employer_currency_costs.currency.code)]:n(e.regional_currency_costs.monthly_total,e.regional_currency_costs.currency.code),children:o(k,{items:[{label:"Gross monthly salary",regionalAmount:n(e.regional_currency_costs.monthly_gross_salary,e.regional_currency_costs.currency.code),employerAmount:n(e.employer_currency_costs.monthly_gross_salary,e.employer_currency_costs.currency.code),zendeskId:w.extraPayments.toString(),tooltip:"This country respects extra payments on top of the gross salary."},{label:"Mandatory employer costs",regionalAmount:n(e.regional_currency_costs.monthly_contributions_total,e.regional_currency_costs.currency.code),employerAmount:n(e.employer_currency_costs.monthly_contributions_total,e.employer_currency_costs.currency.code),children:e.employer_currency_costs.monthly_contributions_breakdown?.map((s,y)=>({label:s.name,regionalAmount:n(e.regional_currency_costs.monthly_contributions_breakdown?.[y]?.amount,e.regional_currency_costs.currency.code),employerAmount:n(s.amount,e.employer_currency_costs.currency.code),zendeskId:s.zendesk_article_id||void 0,tooltip:s.description||void 0}))||[]},{label:"Benefits",regionalAmount:n(e.regional_currency_costs.monthly_benefits_total,e.regional_currency_costs.currency.code),employerAmount:n(e.employer_currency_costs.monthly_benefits_total,e.employer_currency_costs.currency.code),children:e.employer_currency_costs.monthly_benefits_breakdown?.map((s,y)=>({label:s.name,regionalAmount:n(e.regional_currency_costs.monthly_benefits_breakdown?.[y]?.amount,e.regional_currency_costs.currency.code),employerAmount:n(s.amount,e.employer_currency_costs.currency.code),zendeskId:s.zendesk_article_id||void 0,tooltip:s.description||void 0}))||[]},...v?[{label:"Monthly fee",regionalAmount:n(e.regional_currency_costs.monthly_management_fee,e.regional_currency_costs.currency.code),employerAmount:n(e.employer_currency_costs.monthly_management_fee,e.employer_currency_costs.currency.code),tooltip:"Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more."}]:[]],isMultipleCurrency:p})})]}),o("div",{className:"RemoteFlows__Separator",children:o(I,{label:"Annual total cost",amounts:p?[n(e.regional_currency_costs.annual_total,e.regional_currency_costs.currency.code),n(e.employer_currency_costs.annual_total,e.employer_currency_costs.currency.code)]:n(e.regional_currency_costs.annual_total,e.regional_currency_costs.currency.code),children:o(k,{items:[{label:"Gross annual salary",dataSelector:"annual-gross-salary",regionalAmount:n(e.regional_currency_costs.annual_gross_salary,e.regional_currency_costs.currency.code),employerAmount:n(e.employer_currency_costs.annual_gross_salary,e.employer_currency_costs.currency.code)},{label:"Mandatory employer costs",regionalAmount:n(e.regional_currency_costs.annual_contributions_total,e.regional_currency_costs.currency.code),employerAmount:n(e.employer_currency_costs.annual_contributions_total,e.employer_currency_costs.currency.code),children:e.employer_currency_costs.annual_contributions_breakdown?.map((s,y)=>({label:s.name,regionalAmount:n(e.regional_currency_costs.annual_contributions_breakdown?.[y]?.amount,e.regional_currency_costs.currency.code),employerAmount:n(s.amount,e.employer_currency_costs.currency.code),zendeskId:s.zendesk_article_id||void 0,tooltip:s.description||void 0}))||[]},{label:"Benefits",regionalAmount:n(e.regional_currency_costs.annual_benefits_total,e.regional_currency_costs.currency.code),employerAmount:n(e.employer_currency_costs.annual_benefits_total,e.employer_currency_costs.currency.code),children:e.employer_currency_costs.annual_benefits_breakdown?.map((s,y)=>({label:s.name,regionalAmount:n(e.regional_currency_costs.annual_benefits_breakdown?.[y]?.amount,e.regional_currency_costs.currency.code),employerAmount:n(s.amount,e.employer_currency_costs.currency.code),zendeskId:s.zendesk_article_id||void 0,tooltip:s.description||void 0}))||[]},{label:"Extra statutory payments",regionalAmount:n(e.regional_currency_costs.extra_statutory_payments_total,e.regional_currency_costs.currency.code),employerAmount:n(e.employer_currency_costs.extra_statutory_payments_total,e.employer_currency_costs.currency.code),children:e.employer_currency_costs.extra_statutory_payments_breakdown?.map((s,y)=>({label:s.name,regionalAmount:n(e.regional_currency_costs.extra_statutory_payments_breakdown?.[y]?.amount,e.regional_currency_costs.currency.code),employerAmount:n(s.amount,e.employer_currency_costs.currency.code),zendeskId:s.zendesk_article_id||void 0,tooltip:s.description||void 0}))||[]},...v?[{label:"Annual fee",regionalAmount:n(e.regional_currency_costs.annual_management_fee,e.regional_currency_costs.currency.code),employerAmount:n(e.employer_currency_costs.annual_management_fee,e.employer_currency_costs.currency.code),tooltip:"Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more."}]:[]],isMultipleCurrency:p})})}),o("div",{className:"RemoteFlows__Separator",children:o(u,{minimumOnboardingDays:e.minimum_onboarding_time,data:H})}),o(c,{countryBenefitsUrl:e.country_benefits_details_url,countryGuideUrl:e.country_guide_url,country:e.country}),h&&o(h,{})]})},"EstimationResults");export{pe as a};
+//# sourceMappingURL=chunk-TXOCMI5I.js.map

package/dist/{chunk-LWLFJAG6.js.map → chunk-TXOCMI5I.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/shared/actions-dropdown/ActionsDropdown.tsx","../src/flows/CostCalculator/EstimationResults/EstimationResults.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { cn } from '@/src/lib/utils';\nimport { MoreHorizontal } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nexport interface DropdownAction {\n  label: string;\n  icon?: ReactNode;\n  onClick: () => void;\n  separator?: boolean;\n  disabled?: boolean;\n}\n\ninterface ActionsDropdownProps {\n  actions?: DropdownAction[];\n  label?: string;\n  className?: string;\n  'data-testid'?: string;\n}\n\nexport function ActionsDropdown({\n  actions = [],\n  className,\n  label,\n  'data-testid': dataSelector,\n}: ActionsDropdownProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <div className={cn('relative', className)}>\n      <Button\n        data-testid={dataSelector}\n        variant='ghost'\n        aria-label={label}\n        className='h-8 w-8 p-0'\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <MoreHorizontal className='h-4 w-4' />\n      </Button>\n\n      {isOpen && (\n        <>\n          <div\n            className='fixed inset-0 z-40'\n            onClick={() => setIsOpen(false)}\n          />\n          <div className='absolute right-0 top-1/2 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[120px]'>\n            {actions.map((action, index) => (\n              <button\n                key={index}\n                data-testid={`${dataSelector}-${action.label.toLowerCase().replace(' ', '-')}`}\n                className={cn(\n                  'w-full text-left px-2 py-1.5 text-sm hover:bg-gray-100',\n                  action.disabled && 'opacity-50 cursor-not-allowed',\n                )}\n                onClick={() => {\n                  action.onClick();\n                  setIsOpen(false);\n                }}\n                disabled={action.disabled}\n              >\n                {action.label}\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { MinimalCountry, MinimalRegion } from '@/src/client';\nimport { ActionsDropdown } from '@/src/components/shared/actions-dropdown/ActionsDropdown';\nimport { Card } from '@/src/components/ui/card';\nimport { ChevronDown, Info } from 'lucide-react';\nimport Flag from 'react-flagpack';\nimport { useState } from 'react';\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '@/src/components/ui/accordion';\nimport { cn, formatCurrency, sanitizeHtml } from '@/src/lib/utils';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\nimport { zendeskArticles } from '@/src/components/shared/zendesk-drawer/utils';\nimport { BasicTooltip } from '@/src/components/ui/basic-tooltip';\nimport { CostCalculatorEstimation } from '@/src/flows/CostCalculator/types';\n\nconst FLAG_CODE_MAPPING: Record<string, string> = {\n  GB: 'GB-UKM',\n};\n\nconst EstimationResultsHeader = ({\n  title,\n  country,\n  region,\n  annualGrossSalary,\n  onDelete,\n  onExportPdf,\n  onEdit,\n}: {\n  title: string;\n  country: MinimalCountry;\n  region?: MinimalRegion;\n  annualGrossSalary: string;\n  onDelete: () => void;\n  onExportPdf: () => void;\n  onEdit: () => void;\n}) => {\n  const actions = [\n    {\n      label: 'Edit',\n      onClick: onEdit,\n    },\n    {\n      label: 'Export',\n      onClick: onExportPdf,\n    },\n    {\n      label: 'Delete',\n      onClick: onDelete,\n    },\n  ];\n  return (\n    <div className='RemoteFlows__EstimationResults__Header flex justify-between'>\n      <div className='flex flex-row items-center gap-6'>\n        <div className='RemoteFlows__EstimationResultsHeader__FlagContainer flex h-16 w-16 items-center justify-center rounded-lg bg-[#F4F4F5]'>\n          <Flag\n            code={\n              FLAG_CODE_MAPPING[country.alpha_2_code] || country.alpha_2_code\n            }\n          />\n        </div>\n        <div className='space-y-1'>\n          <h2\n            data-testid='estimation-results-header-title'\n            className='RemoteFlows__EstimationResultsHeader__Title text-lg font-medium leading-none text-[#181818]'\n          >\n            {title}\n          </h2>\n          <p className='RemoteFlows__EstimationResultsHeader__Country text-xs text-[#71717A]'>\n            {country.name} {region ? ` (${region.name})` : ''}\n          </p>\n          <p\n            data-testid='estimation-results-header-annual-gross-salary'\n            className='RemoteFlows__EstimationResultsHeader__AnnualGrossSalary text-xs text-[#71717A]'\n          >\n            <span className='text-[#181818]'>\n              Employee annual gross salary:\n            </span>{' '}\n            {annualGrossSalary}\n          </p>\n        </div>\n      </div>\n      <ActionsDropdown\n        label='Actions'\n        className='RemoteFlows__EstimationResults__ActionsDropdown'\n        actions={actions}\n      />\n    </div>\n  );\n};\n\ninterface OnboardingTimelineStep {\n  title: string;\n  description: string;\n  id: string;\n}\n\ninterface OnboardingTimelineData {\n  steps: OnboardingTimelineStep[];\n  helpText: string;\n  zendeskArticleId?: number;\n}\n\nconst getOnboardingTimelineData = (): OnboardingTimelineData => {\n  return {\n    steps: [\n      {\n        id: 'add-employment-details',\n        title: 'Add employment details',\n        description: 'You add employee employments details.',\n      },\n      {\n        id: 'invite-employee',\n        title: 'Invite employee',\n        description:\n          'Hire receives an email invitation from Remote to start the self-enrollment process.',\n      },\n      {\n        id: 'verify-information',\n        title: 'Verify information',\n        description:\n          'Remote prepares the Employment Agreement and verifies all the information.',\n      },\n      {\n        id: 'sign-contract',\n        title: 'Sign contract',\n        description:\n          'All parties sign the Employment Agreement and are ready to start. 🎉',\n      },\n    ],\n    helpText:\n      \"For customers who accept Remote's Terms of Service (ToS), the employee onboarding timeline starts once the employee has been invited to the platform and completed self enrollment.\",\n    zendeskArticleId: zendeskArticles.employeeOnboardingTimeline,\n  };\n};\n\nfunction OnboardingTimeline({\n  minimumOnboardingDays,\n  data,\n  className,\n}: {\n  minimumOnboardingDays: number | null;\n  data: OnboardingTimelineData;\n  className?: string;\n}) {\n  return (\n    <Accordion\n      collapsible\n      className={cn(\n        'RemoteFlows__EstimationResults__OnboardingTimeline w-full',\n        className,\n      )}\n    >\n      <AccordionItem\n        value='timeline'\n        className='RemoteFlows__OnboardingTimeline__AccordionItem border-border'\n      >\n        <AccordionTrigger className='RemoteFlows__OnboardingTimeline__AccordionTrigger hover:no-underline px-0 py-4'>\n          <div className='flex items-center justify-between w-full'>\n            <span className='RemoteFlows__OnboardingTimeline__Title text-base font-medium text-[#0F172A]'>\n              Onboarding timeline\n            </span>\n            {minimumOnboardingDays != null && (\n              <span className='RemoteFlows__OnboardingTimeline__Description text-base text-muted-foreground mr-4'>\n                {minimumOnboardingDays} days\n              </span>\n            )}\n          </div>\n        </AccordionTrigger>\n        <AccordionContent className='px-0 pb-4'>\n          <ul className='RemoteFlows__OnboardingTimeline__List list-disc list-inside space-y-2'>\n            {data.steps.map((step) => (\n              <li key={step.id}>\n                <strong className='font-medium text-[#09090B]'>\n                  {step.title}\n                </strong>{' '}\n                - {step.description}\n              </li>\n            ))}\n          </ul>\n          <p className='RemoteFlows__OnboardingTimeline__HelpText text-xs text-muted-foreground mt-4'>\n            {data.helpText}\n            {data.zendeskArticleId && (\n              <ZendeskTriggerButton zendeskId={data.zendeskArticleId}>\n                Learn more\n              </ZendeskTriggerButton>\n            )}\n          </p>\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  );\n}\n\nfunction HiringSection({\n  className,\n  countryBenefitsUrl,\n  countryGuideUrl,\n  country,\n}: {\n  className?: string;\n  countryBenefitsUrl: string;\n  countryGuideUrl: string;\n  country: MinimalCountry;\n}) {\n  return (\n    <Accordion\n      collapsible\n      className={cn(\n        'RemoteFlows__EstimationResults__HiringSection w-full',\n        className,\n      )}\n    >\n      <AccordionItem\n        value='timeline'\n        className='RemoteFlows__HiringSection__AccordionItem border-border'\n      >\n        <AccordionTrigger className='RemoteFlows__HiringSection__AccordionTrigger hover:no-underline px-0 py-4'>\n          <div className='flex items-center justify-between w-full'>\n            <span className='text-base font-medium text-[#0F172A]'>\n              Hiring in {country.name}\n            </span>\n          </div>\n        </AccordionTrigger>\n        <AccordionContent>\n          <div className='flex flex-col gap-1'>\n            {countryGuideUrl && (\n              <a\n                href={countryGuideUrl}\n                target='_blank'\n                className='RemoteFlows__Link'\n              >\n                Explore our complete guide ↗\n              </a>\n            )}\n            {countryBenefitsUrl && (\n              <a\n                href={countryBenefitsUrl}\n                target='_blank'\n                className='RemoteFlows__Link'\n              >\n                Explore our available benefits ↗\n              </a>\n            )}\n          </div>\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  );\n}\n\nfunction EstimationHeaders({\n  isMultipleCurrency,\n  className,\n}: {\n  isMultipleCurrency: boolean;\n  className?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        'RemoteFlows__EstimationResults__Headers grid grid-cols-3 items-center',\n        className,\n      )}\n    >\n      <span aria-hidden />\n      {isMultipleCurrency ? (\n        <>\n          <span className='RemoteFlows__EstimationResults__Headers__Label'>\n            Employee currency\n          </span>\n          <span className='RemoteFlows__EstimationResults__Headers__Label'>\n            Employer currency\n          </span>\n        </>\n      ) : (\n        <>\n          <span></span>\n          <span className='RemoteFlows__EstimationResults__Headers__Label'>\n            Amount\n          </span>\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction EstimationRow({\n  label,\n  amounts,\n  className,\n  children,\n}: {\n  label: string | React.ReactNode;\n  amounts: string | string[];\n  className?: string;\n  children?: React.ReactNode;\n}) {\n  const [isOpen, setIsOpen] = useState(true);\n\n  return (\n    <div className={cn('RemoteFlows__EstimationResults__Row', className)}>\n      <div className='RemoteFlows__EstimationRow__Grid grid grid-cols-3 items-center'>\n        <div className='RemoteFlows__EstimationRow__LabelContainer flex items-center gap-2'>\n          <span\n            className={cn(\n              'RemoteFlows__EstimationRow__Title min-w-[140px] font-medium text-[#09090B]',\n            )}\n          >\n            {label}\n          </span>\n          <button\n            onClick={() => setIsOpen(!isOpen)}\n            className='RemoteFlows__EstimationRow__CollapseButton p-1 hover:bg-gray-100 rounded'\n          >\n            <ChevronDown\n              className={`h-4 w-4 text-muted-foreground transition-transform ${\n                isOpen ? 'rotate-180' : ''\n              }`}\n            />\n          </button>\n        </div>\n\n        {Array.isArray(amounts) ? (\n          amounts.map((amount, index) => (\n            <span\n              key={index}\n              className={cn(\n                'RemoteFlows__EstimationRow__RegionalAmount text-right font-medium text-[#09090B]',\n              )}\n            >\n              {amount}\n            </span>\n          ))\n        ) : (\n          <>\n            <span></span>\n            <span\n              className={cn(\n                'RemoteFlows__EstimationRow__EmployerAmount text-right font-medium text-[#09090B]',\n              )}\n            >\n              {amounts}\n            </span>\n          </>\n        )}\n      </div>\n\n      {/* Collapsible content */}\n      {isOpen && children && (\n        <div className='RemoteFlows__EstimationRow__CollapsibleContent mt-4'>\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface BreakdownItem {\n  label: string;\n  tooltip?: string;\n  dataSelector?: string;\n  regionalAmount?: string;\n  employerAmount?: string;\n  description?: string;\n  zendeskId?: string;\n  isCollapsible?: boolean;\n  children?: BreakdownItem[];\n}\n\nfunction BreakdownListItem({\n  item,\n  isMultipleCurrency,\n  level = 0,\n}: {\n  item: BreakdownItem;\n  isMultipleCurrency: boolean;\n  level?: number;\n}) {\n  const [isOpen, setIsOpen] = useState(false);\n  const hasChildren = item.children && item.children.length > 0;\n  const isNested = level > 0;\n  const isCollapsible = item.isCollapsible || hasChildren;\n\n  return (\n    <li\n      className={cn(\n        'RemoteFlows__BreakdownList__Item pb-3',\n        isNested && 'pb-1',\n      )}\n    >\n      <div\n        className={cn(\n          isMultipleCurrency\n            ? 'RemoteFlows__BreakdownList__Grid grid grid-cols-3 items-center justify-between'\n            : 'RemoteFlows__BreakdownList__Grid grid grid-cols-2 items-center justify-between',\n        )}\n      >\n        <div\n          className={cn(\n            'RemoteFlows__BreakdownList__LabelContainer flex items-center gap-2',\n            isNested && 'pl-3',\n          )}\n        >\n          {!isNested && (\n            <span\n              className='RemoteFlows__BreakdownList__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0'\n              aria-hidden='true'\n            />\n          )}\n\n          {isCollapsible ? (\n            <button\n              onClick={() => setIsOpen(!isOpen)}\n              className='RemoteFlows__BreakdownList__CollapseButton flex items-center gap-2 hover:bg-gray-100 rounded p-1'\n            >\n              <span\n                className={cn(\n                  isNested\n                    ? 'RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]'\n                    : 'RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B]',\n                )}\n              >\n                {item.label}\n              </span>\n              <ChevronDown\n                className={`RemoteFlows__BreakdownList__ChevronDown h-3 w-3 text-muted-foreground transition-transform ${\n                  isOpen ? 'rotate-180' : ''\n                }`}\n              />\n            </button>\n          ) : (\n            <span\n              className={cn(\n                isNested\n                  ? 'RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]'\n                  : 'RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B] p-1',\n              )}\n            >\n              {item.label}\n            </span>\n          )}\n\n          {item.tooltip && (\n            <BasicTooltip\n              content={\n                <>\n                  <span\n                    dangerouslySetInnerHTML={{\n                      __html: sanitizeHtml(item.tooltip),\n                    }}\n                  />{' '}\n                  {item.zendeskId && (\n                    <ZendeskTriggerButton zendeskId={Number(item.zendeskId)}>\n                      Learn more\n                    </ZendeskTriggerButton>\n                  )}\n                </>\n              }\n            >\n              <button className='RemoteFlows__BreakdownList__InfoButton p-1 hover:bg-gray-100 rounded'>\n                <Info\n                  className={cn(\n                    'RemoteFlows__BreakdownList__InfoButton__Icon text-muted-foreground',\n                    isNested ? 'h-3 w-3' : 'h-4 w-4',\n                  )}\n                />\n              </button>\n            </BasicTooltip>\n          )}\n        </div>\n\n        {isMultipleCurrency ? (\n          <>\n            <span\n              data-testid={\n                item.dataSelector && item.dataSelector + '-employee-amount'\n              }\n              className={cn(\n                'RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right',\n                isNested\n                  ? 'RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]'\n                  : 'RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]',\n              )}\n            >\n              {item.regionalAmount || '—'}\n            </span>\n            <span\n              data-testid={\n                item.dataSelector && item.dataSelector + '-employer-amount'\n              }\n              className={cn(\n                'RemoteFlows__BreakdownList__EmployerAmountText text-sm text-right',\n                isNested\n                  ? 'RemoteFlows__BreakdownList__EmployerAmountText--Nested text-[#71717A]'\n                  : 'RemoteFlows__BreakdownList__EmployerAmountText--NotNested text-[#09090B]',\n              )}\n            >\n              {item.employerAmount || '—'}\n            </span>\n          </>\n        ) : (\n          <span\n            data-testid={item.dataSelector}\n            className={cn(\n              'RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right',\n              isNested\n                ? 'RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]'\n                : 'RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]',\n            )}\n          >\n            {item.regionalAmount || '—'}\n          </span>\n        )}\n      </div>\n\n      {hasChildren && isOpen && (\n        <div className='mt-1'>\n          <BreakdownList\n            items={item.children!}\n            isMultipleCurrency={isMultipleCurrency}\n            level={level + 1}\n          />\n        </div>\n      )}\n    </li>\n  );\n}\n\ninterface BreakdownListProps {\n  items: BreakdownItem[];\n  isMultipleCurrency: boolean;\n  className?: string;\n  level?: number;\n}\n\nfunction BreakdownList({\n  items,\n  isMultipleCurrency,\n  className,\n  level,\n}: BreakdownListProps) {\n  return (\n    <ul className={cn('RemoteFlows__BreakdownList list-none', className)}>\n      {items.map((item, index) => (\n        <BreakdownListItem\n          key={index}\n          item={item}\n          isMultipleCurrency={isMultipleCurrency}\n          level={level}\n        />\n      ))}\n    </ul>\n  );\n}\n\ntype EstimationResultsComponents = {\n  HiringSection?: React.ComponentType<{\n    country: MinimalCountry;\n    countryBenefitsUrl: string;\n    countryGuideUrl: string;\n  }>;\n  OnboardingTimeline?: React.ComponentType<{\n    minimumOnboardingDays: number | null;\n    data: OnboardingTimelineData;\n  }>;\n  Header?: React.ComponentType<{\n    title: string;\n    region?: MinimalRegion;\n    country: MinimalCountry;\n    onDelete: () => void;\n    onExportPdf: () => void;\n  }>;\n  Footer?: React.ComponentType;\n};\n\ntype EstimationResultsProps = {\n  estimation: CostCalculatorEstimation;\n  title: string;\n  components?: EstimationResultsComponents;\n  onDelete: () => void;\n  onExportPdf: () => void;\n  onEdit: () => void;\n};\n\nexport const EstimationResults = ({\n  estimation,\n  title,\n  components,\n  onDelete,\n  onExportPdf,\n  onEdit,\n}: EstimationResultsProps) => {\n  const CustomHiringSection = components?.HiringSection || HiringSection;\n  const CustomOnboardingTimeline =\n    components?.OnboardingTimeline || OnboardingTimeline;\n  const CustomHeader = components?.Header || EstimationResultsHeader;\n  const CustomFooter = components?.Footer;\n\n  const onboardingTimelineData = getOnboardingTimelineData();\n\n  const isMultipleCurrency =\n    estimation.employer_currency_costs.currency.code !==\n    estimation.regional_currency_costs.currency.code;\n\n  const hasManagementFee =\n    estimation.employer_currency_costs.monthly_management_fee;\n\n  const hasRegion = estimation.region.code !== estimation.country.code;\n\n  const formattedSalary = formatCurrency(\n    estimation.regional_currency_costs.annual_gross_salary,\n    estimation.regional_currency_costs.currency.code,\n  );\n\n  return (\n    <Card className='RemoteFlows__EstimationResults__Card p-10'>\n      <div className='RemoteFlows__Separator'>\n        <CustomHeader\n          title={title}\n          annualGrossSalary={formattedSalary}\n          region={hasRegion ? estimation.region : undefined}\n          country={estimation.country}\n          onDelete={onDelete}\n          onExportPdf={onExportPdf}\n          onEdit={onEdit}\n        />\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <EstimationHeaders\n          isMultipleCurrency={isMultipleCurrency}\n          className='mb-3'\n        />\n        <EstimationRow\n          label='Monthly total cost'\n          amounts={\n            isMultipleCurrency\n              ? [\n                  formatCurrency(\n                    estimation.regional_currency_costs.monthly_total,\n                    estimation.regional_currency_costs.currency.code,\n                  ),\n                  formatCurrency(\n                    estimation.employer_currency_costs.monthly_total,\n                    estimation.employer_currency_costs.currency.code,\n                  ),\n                ]\n              : formatCurrency(\n                  estimation.regional_currency_costs.monthly_total,\n                  estimation.regional_currency_costs.currency.code,\n                )\n          }\n        >\n          <BreakdownList\n            items={[\n              {\n                label: 'Gross monthly salary',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.monthly_gross_salary,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.monthly_gross_salary,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n                zendeskId: zendeskArticles.extraPayments.toString(),\n                tooltip:\n                  'This country respects extra payments on top of the gross salary.',\n              },\n              {\n                label: 'Mandatory employer costs',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs\n                    .monthly_contributions_total,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs\n                    .monthly_contributions_total,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n                children:\n                  estimation.employer_currency_costs.monthly_contributions_breakdown?.map(\n                    (item, index) => {\n                      return {\n                        label: item.name,\n                        regionalAmount: formatCurrency(\n                          estimation.regional_currency_costs\n                            .monthly_contributions_breakdown?.[index]?.amount,\n                          estimation.regional_currency_costs.currency.code,\n                        ),\n                        employerAmount: formatCurrency(\n                          item.amount,\n                          estimation.employer_currency_costs.currency.code,\n                        ),\n                        zendeskId: item.zendesk_article_id || undefined,\n                        tooltip: item.description || undefined,\n                      };\n                    },\n                  ) || [],\n              },\n              {\n                label: 'Benefits',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.monthly_benefits_total,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.monthly_benefits_total,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n                children:\n                  estimation.employer_currency_costs.monthly_benefits_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .monthly_benefits_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.code,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.code,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              ...(hasManagementFee\n                ? [\n                    {\n                      label: 'Monthly fee',\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .monthly_management_fee,\n                        estimation.regional_currency_costs.currency.code,\n                      ),\n                      employerAmount: formatCurrency(\n                        estimation.employer_currency_costs\n                          .monthly_management_fee,\n                        estimation.employer_currency_costs.currency.code,\n                      ),\n                      tooltip:\n                        'Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more.',\n                    },\n                  ]\n                : []),\n            ]}\n            isMultipleCurrency={isMultipleCurrency}\n          />\n        </EstimationRow>\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <EstimationRow\n          label='Annual total cost'\n          amounts={\n            isMultipleCurrency\n              ? [\n                  formatCurrency(\n                    estimation.regional_currency_costs.annual_total,\n                    estimation.regional_currency_costs.currency.code,\n                  ),\n                  formatCurrency(\n                    estimation.employer_currency_costs.annual_total,\n                    estimation.employer_currency_costs.currency.code,\n                  ),\n                ]\n              : formatCurrency(\n                  estimation.regional_currency_costs.annual_total,\n                  estimation.regional_currency_costs.currency.code,\n                )\n          }\n        >\n          <BreakdownList\n            items={[\n              {\n                label: 'Gross annual salary',\n                dataSelector: 'annual-gross-salary',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_gross_salary,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_gross_salary,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n              },\n              {\n                label: 'Mandatory employer costs',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_contributions_total,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_contributions_total,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n                children:\n                  estimation.employer_currency_costs.annual_contributions_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_contributions_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.code,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.code,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              {\n                label: 'Benefits',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_benefits_total,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_benefits_total,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n                children:\n                  estimation.employer_currency_costs.annual_benefits_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_benefits_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.code,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.code,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              {\n                label: 'Extra statutory payments',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs\n                    .extra_statutory_payments_total,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs\n                    .extra_statutory_payments_total,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n                children:\n                  estimation.employer_currency_costs.extra_statutory_payments_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .extra_statutory_payments_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.code,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.code,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              ...(hasManagementFee\n                ? [\n                    {\n                      label: 'Annual fee',\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_management_fee,\n                        estimation.regional_currency_costs.currency.code,\n                      ),\n                      employerAmount: formatCurrency(\n                        estimation.employer_currency_costs\n                          .annual_management_fee,\n                        estimation.employer_currency_costs.currency.code,\n                      ),\n                      tooltip:\n                        'Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more.',\n                    },\n                  ]\n                : []),\n            ]}\n            isMultipleCurrency={isMultipleCurrency}\n          />\n        </EstimationRow>\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <CustomOnboardingTimeline\n          minimumOnboardingDays={estimation.minimum_onboarding_time}\n          data={onboardingTimelineData}\n        />\n      </div>\n\n      <CustomHiringSection\n        countryBenefitsUrl={estimation.country_benefits_details_url as string}\n        countryGuideUrl={estimation.country_guide_url as string}\n        country={estimation.country}\n      />\n\n      {CustomFooter && <CustomFooter />}\n    </Card>\n  );\n};\n"],"mappings":"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","names":["MoreHorizontal","useState","Fragment","jsx","jsxs","ActionsDropdown","actions","className","label","dataSelector","isOpen","setIsOpen","useState","cn","Button","MoreHorizontal","action","index","__name","ChevronDown","Info","Flag","useState","Fragment","jsx","jsxs","FLAG_CODE_MAPPING","EstimationResultsHeader","__name","title","country","region","annualGrossSalary","onDelete","onExportPdf","onEdit","actions","Flag","ActionsDropdown","getOnboardingTimelineData","zendeskArticles","OnboardingTimeline","minimumOnboardingDays","data","className","Accordion","cn","AccordionItem","AccordionTrigger","AccordionContent","step","ZendeskTriggerButton","HiringSection","countryBenefitsUrl","countryGuideUrl","EstimationHeaders","isMultipleCurrency","EstimationRow","label","amounts","children","isOpen","setIsOpen","useState","ChevronDown","amount","index","BreakdownListItem","item","level","hasChildren","isNested","isCollapsible","BasicTooltip","sanitizeHtml","Info","BreakdownList","items","EstimationResults","estimation","components","CustomHiringSection","CustomOnboardingTimeline","CustomHeader","CustomFooter","onboardingTimelineData","hasManagementFee","hasRegion","formattedSalary","formatCurrency","Card"]}
+{"version":3,"sources":["../src/components/shared/actions-dropdown/ActionsDropdown.tsx","../src/flows/CostCalculator/EstimationResults/EstimationResults.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { cn } from '@/src/lib/utils';\nimport { MoreHorizontal } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nexport interface DropdownAction {\n  label: string;\n  icon?: ReactNode;\n  onClick: () => void;\n  separator?: boolean;\n  disabled?: boolean;\n}\n\ninterface ActionsDropdownProps {\n  actions?: DropdownAction[];\n  label?: string;\n  className?: string;\n  'data-testid'?: string;\n}\n\nexport function ActionsDropdown({\n  actions = [],\n  className,\n  label,\n  'data-testid': dataSelector,\n}: ActionsDropdownProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <div className={cn('relative', className)}>\n      <Button\n        data-testid={dataSelector}\n        variant='ghost'\n        aria-label={label}\n        className='h-8 w-8 p-0'\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <MoreHorizontal className='h-4 w-4' />\n      </Button>\n\n      {isOpen && (\n        <>\n          <div\n            className='fixed inset-0 z-40'\n            onClick={() => setIsOpen(false)}\n          />\n          <div className='absolute right-0 top-1/2 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[120px]'>\n            {actions.map((action, index) => (\n              <button\n                key={index}\n                data-testid={`${dataSelector}-${action.label.toLowerCase().replace(' ', '-')}`}\n                className={cn(\n                  'w-full text-left px-2 py-1.5 text-sm hover:bg-gray-100',\n                  action.disabled && 'opacity-50 cursor-not-allowed',\n                )}\n                onClick={() => {\n                  action.onClick();\n                  setIsOpen(false);\n                }}\n                disabled={action.disabled}\n              >\n                {action.label}\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { MinimalCountry, MinimalRegion } from '@/src/client';\nimport { ActionsDropdown } from '@/src/components/shared/actions-dropdown/ActionsDropdown';\nimport { Card } from '@/src/components/ui/card';\nimport { ChevronDown, Info } from 'lucide-react';\nimport Flag from 'react-flagpack';\nimport { useState } from 'react';\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '@/src/components/ui/accordion';\nimport { cn, formatCurrency, sanitizeHtml } from '@/src/lib/utils';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\nimport { zendeskArticles } from '@/src/components/shared/zendesk-drawer/utils';\nimport { BasicTooltip } from '@/src/components/ui/basic-tooltip';\nimport { CostCalculatorEstimation } from '@/src/flows/CostCalculator/types';\n\nconst FLAG_CODE_MAPPING: Record<string, string> = {\n  GB: 'GB-UKM',\n};\n\nconst EstimationResultsHeader = ({\n  title,\n  country,\n  region,\n  annualGrossSalary,\n  onDelete,\n  onExportPdf,\n  onEdit,\n}: {\n  title: string;\n  country: MinimalCountry;\n  region?: MinimalRegion;\n  annualGrossSalary: string;\n  onDelete: () => void;\n  onExportPdf: () => void;\n  onEdit: () => void;\n}) => {\n  const actions = [\n    {\n      label: 'Edit',\n      onClick: onEdit,\n    },\n    {\n      label: 'Export',\n      onClick: onExportPdf,\n    },\n    {\n      label: 'Delete',\n      onClick: onDelete,\n    },\n  ];\n  return (\n    <div className='RemoteFlows__EstimationResults__Header flex justify-between'>\n      <div className='flex flex-row items-center gap-6'>\n        <div className='RemoteFlows__EstimationResultsHeader__FlagContainer flex h-16 w-16 items-center justify-center rounded-lg bg-[#F4F4F5]'>\n          <Flag\n            code={\n              FLAG_CODE_MAPPING[country.alpha_2_code] || country.alpha_2_code\n            }\n          />\n        </div>\n        <div className='space-y-1'>\n          <h2\n            data-testid='estimation-results-header-title'\n            className='RemoteFlows__EstimationResultsHeader__Title text-lg font-medium leading-none text-[#181818]'\n          >\n            {title}\n          </h2>\n          <p className='RemoteFlows__EstimationResultsHeader__Country text-xs text-[#71717A]'>\n            {country.name} {region ? ` (${region.name})` : ''}\n          </p>\n          <p\n            data-testid='estimation-results-header-annual-gross-salary'\n            className='RemoteFlows__EstimationResultsHeader__AnnualGrossSalary text-xs text-[#71717A]'\n          >\n            <span className='text-[#181818]'>\n              Employee annual gross salary:\n            </span>{' '}\n            {annualGrossSalary}\n          </p>\n        </div>\n      </div>\n      <ActionsDropdown\n        label='Actions'\n        className='RemoteFlows__EstimationResults__ActionsDropdown'\n        actions={actions}\n      />\n    </div>\n  );\n};\n\ninterface OnboardingTimelineStep {\n  title: string;\n  description: string;\n  id: string;\n}\n\ninterface OnboardingTimelineData {\n  steps: OnboardingTimelineStep[];\n  helpText: string;\n  zendeskArticleId?: number;\n}\n\nconst getOnboardingTimelineData = (): OnboardingTimelineData => {\n  return {\n    steps: [\n      {\n        id: 'add-employment-details',\n        title: 'Add employment details',\n        description: 'You add employee employments details.',\n      },\n      {\n        id: 'invite-employee',\n        title: 'Invite employee',\n        description:\n          'Hire receives an email invitation from Remote to start the self-enrollment process.',\n      },\n      {\n        id: 'verify-information',\n        title: 'Verify information',\n        description:\n          'Remote prepares the Employment Agreement and verifies all the information.',\n      },\n      {\n        id: 'sign-contract',\n        title: 'Sign contract',\n        description:\n          'All parties sign the Employment Agreement and are ready to start. 🎉',\n      },\n    ],\n    helpText:\n      \"For customers who accept Remote's Terms of Service (ToS), the employee onboarding timeline starts once the employee has been invited to the platform and completed self enrollment.\",\n    zendeskArticleId: zendeskArticles.employeeOnboardingTimeline,\n  };\n};\n\nfunction OnboardingTimeline({\n  minimumOnboardingDays,\n  data,\n  className,\n}: {\n  minimumOnboardingDays: number | null;\n  data: OnboardingTimelineData;\n  className?: string;\n}) {\n  return (\n    <Accordion\n      collapsible\n      className={cn(\n        'RemoteFlows__EstimationResults__OnboardingTimeline w-full',\n        className,\n      )}\n    >\n      <AccordionItem\n        value='timeline'\n        className='RemoteFlows__OnboardingTimeline__AccordionItem border-border'\n      >\n        <AccordionTrigger className='RemoteFlows__OnboardingTimeline__AccordionTrigger hover:no-underline px-0 py-4'>\n          <div className='flex items-center justify-between w-full'>\n            <span className='RemoteFlows__OnboardingTimeline__Title text-base font-medium text-[#0F172A]'>\n              Onboarding timeline\n            </span>\n            {minimumOnboardingDays != null && (\n              <span className='RemoteFlows__OnboardingTimeline__Description text-base text-muted-foreground mr-4'>\n                {minimumOnboardingDays} days\n              </span>\n            )}\n          </div>\n        </AccordionTrigger>\n        <AccordionContent className='px-0 pb-4'>\n          <ul className='RemoteFlows__OnboardingTimeline__List list-disc list-inside space-y-2'>\n            {data.steps.map((step) => (\n              <li key={step.id}>\n                <strong className='font-medium text-[#09090B]'>\n                  {step.title}\n                </strong>{' '}\n                - {step.description}\n              </li>\n            ))}\n          </ul>\n          <p className='RemoteFlows__OnboardingTimeline__HelpText text-xs text-muted-foreground mt-4'>\n            {data.helpText}\n            {data.zendeskArticleId && (\n              <ZendeskTriggerButton zendeskId={data.zendeskArticleId}>\n                Learn more\n              </ZendeskTriggerButton>\n            )}\n          </p>\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  );\n}\n\nfunction HiringSection({\n  className,\n  countryBenefitsUrl,\n  countryGuideUrl,\n  country,\n}: {\n  className?: string;\n  countryBenefitsUrl: string;\n  countryGuideUrl: string;\n  country: MinimalCountry;\n}) {\n  return (\n    <Accordion\n      collapsible\n      className={cn(\n        'RemoteFlows__EstimationResults__HiringSection w-full',\n        className,\n      )}\n    >\n      <AccordionItem\n        value='timeline'\n        className='RemoteFlows__HiringSection__AccordionItem border-border'\n      >\n        <AccordionTrigger className='RemoteFlows__HiringSection__AccordionTrigger hover:no-underline px-0 py-4'>\n          <div className='flex items-center justify-between w-full'>\n            <span className='text-base font-medium text-[#0F172A]'>\n              Hiring in {country.name}\n            </span>\n          </div>\n        </AccordionTrigger>\n        <AccordionContent>\n          <div className='flex flex-col gap-1'>\n            {countryGuideUrl && (\n              <a\n                href={countryGuideUrl}\n                target='_blank'\n                className='RemoteFlows__Link'\n              >\n                Explore our complete guide ↗\n              </a>\n            )}\n            {countryBenefitsUrl && (\n              <a\n                href={countryBenefitsUrl}\n                target='_blank'\n                className='RemoteFlows__Link'\n              >\n                Explore our available benefits ↗\n              </a>\n            )}\n          </div>\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  );\n}\n\nfunction EstimationHeaders({\n  isMultipleCurrency,\n  className,\n}: {\n  isMultipleCurrency: boolean;\n  className?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        'RemoteFlows__EstimationResults__Headers grid grid-cols-3 items-center',\n        className,\n      )}\n    >\n      <span aria-hidden />\n      {isMultipleCurrency ? (\n        <>\n          <span className='RemoteFlows__EstimationResults__Headers__Label'>\n            Employee currency\n          </span>\n          <span className='RemoteFlows__EstimationResults__Headers__Label'>\n            Employer currency\n          </span>\n        </>\n      ) : (\n        <>\n          <span></span>\n          <span className='RemoteFlows__EstimationResults__Headers__Label'>\n            Amount\n          </span>\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction EstimationRow({\n  label,\n  amounts,\n  className,\n  children,\n}: {\n  label: string | React.ReactNode;\n  amounts: string | string[];\n  className?: string;\n  children?: React.ReactNode;\n}) {\n  const [isOpen, setIsOpen] = useState(true);\n\n  return (\n    <div className={cn('RemoteFlows__EstimationResults__Row', className)}>\n      <div className='RemoteFlows__EstimationRow__Grid grid grid-cols-3 items-center'>\n        <div className='RemoteFlows__EstimationRow__LabelContainer flex items-center gap-2'>\n          <span\n            className={cn(\n              'RemoteFlows__EstimationRow__Title min-w-[140px] font-medium text-[#09090B]',\n            )}\n          >\n            {label}\n          </span>\n          <button\n            onClick={() => setIsOpen(!isOpen)}\n            className='RemoteFlows__EstimationRow__CollapseButton p-1 hover:bg-gray-100 rounded'\n          >\n            <ChevronDown\n              className={`h-4 w-4 text-muted-foreground transition-transform ${\n                isOpen ? 'rotate-180' : ''\n              }`}\n            />\n          </button>\n        </div>\n\n        {Array.isArray(amounts) ? (\n          amounts.map((amount, index) => (\n            <span\n              key={index}\n              className={cn(\n                'RemoteFlows__EstimationRow__RegionalAmount text-right font-medium text-[#09090B]',\n              )}\n            >\n              {amount}\n            </span>\n          ))\n        ) : (\n          <>\n            <span></span>\n            <span\n              className={cn(\n                'RemoteFlows__EstimationRow__EmployerAmount text-right font-medium text-[#09090B]',\n              )}\n            >\n              {amounts}\n            </span>\n          </>\n        )}\n      </div>\n\n      {/* Collapsible content */}\n      {isOpen && children && (\n        <div className='RemoteFlows__EstimationRow__CollapsibleContent mt-4'>\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface BreakdownItem {\n  label: string;\n  tooltip?: string;\n  dataSelector?: string;\n  regionalAmount?: string;\n  employerAmount?: string;\n  description?: string;\n  zendeskId?: string;\n  isCollapsible?: boolean;\n  children?: BreakdownItem[];\n}\n\nfunction BreakdownListItem({\n  item,\n  isMultipleCurrency,\n  level = 0,\n}: {\n  item: BreakdownItem;\n  isMultipleCurrency: boolean;\n  level?: number;\n}) {\n  const [isOpen, setIsOpen] = useState(false);\n  const hasChildren = item.children && item.children.length > 0;\n  const isNested = level > 0;\n  const isCollapsible = item.isCollapsible || hasChildren;\n\n  return (\n    <li\n      className={cn(\n        'RemoteFlows__BreakdownList__Item pb-3',\n        isNested && 'pb-1',\n      )}\n    >\n      <div\n        className={cn(\n          isMultipleCurrency\n            ? 'RemoteFlows__BreakdownList__Grid grid grid-cols-3 items-center justify-between'\n            : 'RemoteFlows__BreakdownList__Grid grid grid-cols-2 items-center justify-between',\n        )}\n      >\n        <div\n          className={cn(\n            'RemoteFlows__BreakdownList__LabelContainer flex items-center gap-2',\n            isNested && 'pl-3',\n          )}\n        >\n          {!isNested && (\n            <span\n              className='RemoteFlows__BreakdownList__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0'\n              aria-hidden='true'\n            />\n          )}\n\n          {isCollapsible ? (\n            <button\n              onClick={() => setIsOpen(!isOpen)}\n              className='RemoteFlows__BreakdownList__CollapseButton flex items-center gap-2 hover:bg-gray-100 rounded p-1'\n            >\n              <span\n                className={cn(\n                  isNested\n                    ? 'RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]'\n                    : 'RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B]',\n                )}\n              >\n                {item.label}\n              </span>\n              <ChevronDown\n                className={`RemoteFlows__BreakdownList__ChevronDown h-3 w-3 text-muted-foreground transition-transform ${\n                  isOpen ? 'rotate-180' : ''\n                }`}\n              />\n            </button>\n          ) : (\n            <span\n              className={cn(\n                isNested\n                  ? 'RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]'\n                  : 'RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B] p-1',\n              )}\n            >\n              {item.label}\n            </span>\n          )}\n\n          {item.tooltip && (\n            <BasicTooltip\n              content={\n                <>\n                  <span\n                    dangerouslySetInnerHTML={{\n                      __html: sanitizeHtml(item.tooltip),\n                    }}\n                  />{' '}\n                  {item.zendeskId && (\n                    <ZendeskTriggerButton zendeskId={Number(item.zendeskId)}>\n                      Learn more\n                    </ZendeskTriggerButton>\n                  )}\n                </>\n              }\n            >\n              <button className='RemoteFlows__BreakdownList__InfoButton p-1 hover:bg-gray-100 rounded'>\n                <Info\n                  className={cn(\n                    'RemoteFlows__BreakdownList__InfoButton__Icon text-muted-foreground',\n                    isNested ? 'h-3 w-3' : 'h-4 w-4',\n                  )}\n                />\n              </button>\n            </BasicTooltip>\n          )}\n        </div>\n\n        {isMultipleCurrency ? (\n          <>\n            <span\n              data-testid={\n                item.dataSelector && item.dataSelector + '-employee-amount'\n              }\n              className={cn(\n                'RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right',\n                isNested\n                  ? 'RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]'\n                  : 'RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]',\n              )}\n            >\n              {item.regionalAmount || '—'}\n            </span>\n            <span\n              data-testid={\n                item.dataSelector && item.dataSelector + '-employer-amount'\n              }\n              className={cn(\n                'RemoteFlows__BreakdownList__EmployerAmountText text-sm text-right',\n                isNested\n                  ? 'RemoteFlows__BreakdownList__EmployerAmountText--Nested text-[#71717A]'\n                  : 'RemoteFlows__BreakdownList__EmployerAmountText--NotNested text-[#09090B]',\n              )}\n            >\n              {item.employerAmount || '—'}\n            </span>\n          </>\n        ) : (\n          <span\n            data-testid={item.dataSelector}\n            className={cn(\n              'RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right',\n              isNested\n                ? 'RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]'\n                : 'RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]',\n            )}\n          >\n            {item.regionalAmount || '—'}\n          </span>\n        )}\n      </div>\n\n      {hasChildren && isOpen && (\n        <div className='mt-1'>\n          <BreakdownList\n            items={item.children!}\n            isMultipleCurrency={isMultipleCurrency}\n            level={level + 1}\n          />\n        </div>\n      )}\n    </li>\n  );\n}\n\ninterface BreakdownListProps {\n  items: BreakdownItem[];\n  isMultipleCurrency: boolean;\n  className?: string;\n  level?: number;\n}\n\nfunction BreakdownList({\n  items,\n  isMultipleCurrency,\n  className,\n  level,\n}: BreakdownListProps) {\n  return (\n    <ul className={cn('RemoteFlows__BreakdownList list-none', className)}>\n      {items.map((item, index) => (\n        <BreakdownListItem\n          key={index}\n          item={item}\n          isMultipleCurrency={isMultipleCurrency}\n          level={level}\n        />\n      ))}\n    </ul>\n  );\n}\n\ntype EstimationResultsComponents = {\n  HiringSection?: React.ComponentType<{\n    country: MinimalCountry;\n    countryBenefitsUrl: string;\n    countryGuideUrl: string;\n  }>;\n  OnboardingTimeline?: React.ComponentType<{\n    minimumOnboardingDays: number | null;\n    data: OnboardingTimelineData;\n  }>;\n  Header?: React.ComponentType<{\n    title: string;\n    region?: MinimalRegion;\n    country: MinimalCountry;\n    onDelete: () => void;\n    onExportPdf: () => void;\n  }>;\n  Footer?: React.ComponentType;\n};\n\ntype EstimationResultsProps = {\n  estimation: CostCalculatorEstimation;\n  title: string;\n  components?: EstimationResultsComponents;\n  onDelete: () => void;\n  onExportPdf: () => void;\n  onEdit: () => void;\n};\n\nexport const EstimationResults = ({\n  estimation,\n  title,\n  components,\n  onDelete,\n  onExportPdf,\n  onEdit,\n}: EstimationResultsProps) => {\n  const CustomHiringSection = components?.HiringSection || HiringSection;\n  const CustomOnboardingTimeline =\n    components?.OnboardingTimeline || OnboardingTimeline;\n  const CustomHeader = components?.Header || EstimationResultsHeader;\n  const CustomFooter = components?.Footer;\n\n  const onboardingTimelineData = getOnboardingTimelineData();\n\n  const isMultipleCurrency =\n    estimation.employer_currency_costs.currency.code !==\n    estimation.regional_currency_costs.currency.code;\n\n  const hasManagementFee =\n    estimation.employer_currency_costs.monthly_management_fee;\n\n  const hasRegion = estimation.region.code !== estimation.country.code;\n\n  const formattedSalary = formatCurrency(\n    estimation.regional_currency_costs.annual_gross_salary,\n    estimation.regional_currency_costs.currency.code,\n  );\n\n  return (\n    <Card className='RemoteFlows__EstimationResults__Card p-10'>\n      <div className='RemoteFlows__Separator'>\n        <CustomHeader\n          title={title}\n          annualGrossSalary={formattedSalary}\n          region={hasRegion ? estimation.region : undefined}\n          country={estimation.country}\n          onDelete={onDelete}\n          onExportPdf={onExportPdf}\n          onEdit={onEdit}\n        />\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <EstimationHeaders\n          isMultipleCurrency={isMultipleCurrency}\n          className='mb-3'\n        />\n        <EstimationRow\n          label='Monthly total cost'\n          amounts={\n            isMultipleCurrency\n              ? [\n                  formatCurrency(\n                    estimation.regional_currency_costs.monthly_total,\n                    estimation.regional_currency_costs.currency.code,\n                  ),\n                  formatCurrency(\n                    estimation.employer_currency_costs.monthly_total,\n                    estimation.employer_currency_costs.currency.code,\n                  ),\n                ]\n              : formatCurrency(\n                  estimation.regional_currency_costs.monthly_total,\n                  estimation.regional_currency_costs.currency.code,\n                )\n          }\n        >\n          <BreakdownList\n            items={[\n              {\n                label: 'Gross monthly salary',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.monthly_gross_salary,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.monthly_gross_salary,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n                zendeskId: zendeskArticles.extraPayments.toString(),\n                tooltip:\n                  'This country respects extra payments on top of the gross salary.',\n              },\n              {\n                label: 'Mandatory employer costs',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs\n                    .monthly_contributions_total,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs\n                    .monthly_contributions_total,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n                children:\n                  estimation.employer_currency_costs.monthly_contributions_breakdown?.map(\n                    (item, index) => {\n                      return {\n                        label: item.name,\n                        regionalAmount: formatCurrency(\n                          estimation.regional_currency_costs\n                            .monthly_contributions_breakdown?.[index]?.amount,\n                          estimation.regional_currency_costs.currency.code,\n                        ),\n                        employerAmount: formatCurrency(\n                          item.amount,\n                          estimation.employer_currency_costs.currency.code,\n                        ),\n                        zendeskId: item.zendesk_article_id || undefined,\n                        tooltip: item.description || undefined,\n                      };\n                    },\n                  ) || [],\n              },\n              {\n                label: 'Benefits',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.monthly_benefits_total,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.monthly_benefits_total,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n                children:\n                  estimation.employer_currency_costs.monthly_benefits_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .monthly_benefits_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.code,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.code,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              ...(hasManagementFee\n                ? [\n                    {\n                      label: 'Monthly fee',\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .monthly_management_fee,\n                        estimation.regional_currency_costs.currency.code,\n                      ),\n                      employerAmount: formatCurrency(\n                        estimation.employer_currency_costs\n                          .monthly_management_fee,\n                        estimation.employer_currency_costs.currency.code,\n                      ),\n                      tooltip:\n                        'Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more.',\n                    },\n                  ]\n                : []),\n            ]}\n            isMultipleCurrency={isMultipleCurrency}\n          />\n        </EstimationRow>\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <EstimationRow\n          label='Annual total cost'\n          amounts={\n            isMultipleCurrency\n              ? [\n                  formatCurrency(\n                    estimation.regional_currency_costs.annual_total,\n                    estimation.regional_currency_costs.currency.code,\n                  ),\n                  formatCurrency(\n                    estimation.employer_currency_costs.annual_total,\n                    estimation.employer_currency_costs.currency.code,\n                  ),\n                ]\n              : formatCurrency(\n                  estimation.regional_currency_costs.annual_total,\n                  estimation.regional_currency_costs.currency.code,\n                )\n          }\n        >\n          <BreakdownList\n            items={[\n              {\n                label: 'Gross annual salary',\n                dataSelector: 'annual-gross-salary',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_gross_salary,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_gross_salary,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n              },\n              {\n                label: 'Mandatory employer costs',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_contributions_total,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_contributions_total,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n                children:\n                  estimation.employer_currency_costs.annual_contributions_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_contributions_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.code,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.code,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              {\n                label: 'Benefits',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_benefits_total,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_benefits_total,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n                children:\n                  estimation.employer_currency_costs.annual_benefits_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_benefits_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.code,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.code,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              {\n                label: 'Extra statutory payments',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs\n                    .extra_statutory_payments_total,\n                  estimation.regional_currency_costs.currency.code,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs\n                    .extra_statutory_payments_total,\n                  estimation.employer_currency_costs.currency.code,\n                ),\n                children:\n                  estimation.employer_currency_costs.extra_statutory_payments_breakdown?.map(\n                    (item, index) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .extra_statutory_payments_breakdown?.[index]?.amount,\n                        estimation.regional_currency_costs.currency.code,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.code,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              ...(hasManagementFee\n                ? [\n                    {\n                      label: 'Annual fee',\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_management_fee,\n                        estimation.regional_currency_costs.currency.code,\n                      ),\n                      employerAmount: formatCurrency(\n                        estimation.employer_currency_costs\n                          .annual_management_fee,\n                        estimation.employer_currency_costs.currency.code,\n                      ),\n                      tooltip:\n                        'Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more.',\n                    },\n                  ]\n                : []),\n            ]}\n            isMultipleCurrency={isMultipleCurrency}\n          />\n        </EstimationRow>\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <CustomOnboardingTimeline\n          minimumOnboardingDays={estimation.minimum_onboarding_time}\n          data={onboardingTimelineData}\n        />\n      </div>\n\n      <CustomHiringSection\n        countryBenefitsUrl={estimation.country_benefits_details_url as string}\n        countryGuideUrl={estimation.country_guide_url as string}\n        country={estimation.country}\n      />\n\n      {CustomFooter && <CustomFooter />}\n    </Card>\n  );\n};\n"],"mappings":"mWAEA,OAAS,kBAAAA,MAAsB,eAC/B,OAAS,YAAAC,MAAgC,QAkCjC,OAIA,YAAAC,EAJA,OAAAC,EAIA,QAAAC,MAJA,oBAjBD,SAASC,EAAgB,CAC9B,QAAAC,EAAU,CAAC,EACX,UAAAC,EACA,MAAAC,EACA,cAAeC,CACjB,EAAyB,CACvB,GAAM,CAACC,EAAQC,CAAS,EAAIC,EAAS,EAAK,EAE1C,OACER,EAAC,OAAI,UAAWS,EAAG,WAAYN,CAAS,EACtC,UAAAJ,EAACW,EAAA,CACC,cAAaL,EACb,QAAQ,QACR,aAAYD,EACZ,UAAU,cACV,QAAS,IAAMG,EAAU,CAACD,CAAM,EAEhC,SAAAP,EAACY,EAAA,CAAe,UAAU,UAAU,EACtC,EAECL,GACCN,EAAAF,EAAA,CACE,UAAAC,EAAC,OACC,UAAU,qBACV,QAAS,IAAMQ,EAAU,EAAK,EAChC,EACAR,EAAC,OAAI,UAAU,wGACZ,SAAAG,EAAQ,IAAI,CAACU,EAAQC,IACpBd,EAAC,UAEC,cAAa,GAAGM,CAAY,IAAIO,EAAO,MAAM,YAAY,EAAE,QAAQ,IAAK,GAAG,CAAC,GAC5E,UAAWH,EACT,yDACAG,EAAO,UAAY,+BACrB,EACA,QAAS,IAAM,CACbA,EAAO,QAAQ,EACfL,EAAU,EAAK,CACjB,EACA,SAAUK,EAAO,SAEhB,SAAAA,EAAO,OAZHC,CAaP,CACD,EACH,GACF,GAEJ,CAEJ,CAjDgBC,EAAAb,EAAA,mBCjBhB,OAAS,eAAAc,EAAa,QAAAC,MAAY,eAClC,OAAOC,MAAU,iBACjB,OAAS,YAAAC,MAAgB,QAoDf,OAoNF,YAAAC,EApNE,OAAAC,EAaA,QAAAC,MAbA,oBAvCV,IAAMC,EAA4C,CAChD,GAAI,QACN,EAEMC,EAA0BC,EAAA,CAAC,CAC/B,MAAAC,EACA,QAAAC,EACA,OAAAC,EACA,kBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,OAAAC,CACF,IAQM,CACJ,IAAMC,EAAU,CACd,CACE,MAAO,OACP,QAASD,CACX,EACA,CACE,MAAO,SACP,QAASD,CACX,EACA,CACE,MAAO,SACP,QAASD,CACX,CACF,EACA,OACER,EAAC,OAAI,UAAU,8DACb,UAAAA,EAAC,OAAI,UAAU,mCACb,UAAAD,EAAC,OAAI,UAAU,yHACb,SAAAA,EAACa,EAAA,CACC,KACEX,EAAkBI,EAAQ,YAAY,GAAKA,EAAQ,aAEvD,EACF,EACAL,EAAC,OAAI,UAAU,YACb,UAAAD,EAAC,MACC,cAAY,kCACZ,UAAU,8FAET,SAAAK,EACH,EACAJ,EAAC,KAAE,UAAU,uEACV,UAAAK,EAAQ,KAAK,IAAEC,EAAS,KAAKA,EAAO,IAAI,IAAM,IACjD,EACAN,EAAC,KACC,cAAY,gDACZ,UAAU,iFAEV,UAAAD,EAAC,QAAK,UAAU,iBAAiB,yCAEjC,EAAQ,IACPQ,GACH,GACF,GACF,EACAR,EAACc,EAAA,CACC,MAAM,UACN,UAAU,kDACV,QAASF,EACX,GACF,CAEJ,EArEgC,2BAmF1BG,EAA4BX,EAAA,KACzB,CACL,MAAO,CACL,CACE,GAAI,yBACJ,MAAO,yBACP,YAAa,uCACf,EACA,CACE,GAAI,kBACJ,MAAO,kBACP,YACE,qFACJ,EACA,CACE,GAAI,qBACJ,MAAO,qBACP,YACE,4EACJ,EACA,CACE,GAAI,gBACJ,MAAO,gBACP,YACE,6EACJ,CACF,EACA,SACE,sLACF,iBAAkBY,EAAgB,0BACpC,GA9BgC,6BAiClC,SAASC,EAAmB,CAC1B,sBAAAC,EACA,KAAAC,EACA,UAAAC,CACF,EAIG,CACD,OACEpB,EAACqB,EAAA,CACC,YAAW,GACX,UAAWC,EACT,4DACAF,CACF,EAEA,SAAAnB,EAACsB,EAAA,CACC,MAAM,WACN,UAAU,+DAEV,UAAAvB,EAACwB,EAAA,CAAiB,UAAU,iFAC1B,SAAAvB,EAAC,OAAI,UAAU,2CACb,UAAAD,EAAC,QAAK,UAAU,8EAA8E,+BAE9F,EACCkB,GAAyB,MACxBjB,EAAC,QAAK,UAAU,oFACb,UAAAiB,EAAsB,SACzB,GAEJ,EACF,EACAjB,EAACwB,EAAA,CAAiB,UAAU,YAC1B,UAAAzB,EAAC,MAAG,UAAU,wEACX,SAAAmB,EAAK,MAAM,IAAKO,GACfzB,EAAC,MACC,UAAAD,EAAC,UAAO,UAAU,6BACf,SAAA0B,EAAK,MACR,EAAU,IAAI,KACXA,EAAK,cAJDA,EAAK,EAKd,CACD,EACH,EACAzB,EAAC,KAAE,UAAU,+EACV,UAAAkB,EAAK,SACLA,EAAK,kBACJnB,EAAC2B,EAAA,CAAqB,UAAWR,EAAK,iBAAkB,sBAExD,GAEJ,GACF,GACF,EACF,CAEJ,CAxDSf,EAAAa,EAAA,sBA0DT,SAASW,EAAc,CACrB,UAAAR,EACA,mBAAAS,EACA,gBAAAC,EACA,QAAAxB,CACF,EAKG,CACD,OACEN,EAACqB,EAAA,CACC,YAAW,GACX,UAAWC,EACT,uDACAF,CACF,EAEA,SAAAnB,EAACsB,EAAA,CACC,MAAM,WACN,UAAU,0DAEV,UAAAvB,EAACwB,EAAA,CAAiB,UAAU,4EAC1B,SAAAxB,EAAC,OAAI,UAAU,2CACb,SAAAC,EAAC,QAAK,UAAU,uCAAuC,uBAC1CK,EAAQ,MACrB,EACF,EACF,EACAN,EAACyB,EAAA,CACC,SAAAxB,EAAC,OAAI,UAAU,sBACZ,UAAA6B,GACC9B,EAAC,KACC,KAAM8B,EACN,OAAO,SACP,UAAU,oBACX,6CAED,EAEDD,GACC7B,EAAC,KACC,KAAM6B,EACN,OAAO,SACP,UAAU,oBACX,iDAED,GAEJ,EACF,GACF,EACF,CAEJ,CAvDSzB,EAAAwB,EAAA,iBAyDT,SAASG,EAAkB,CACzB,mBAAAC,EACA,UAAAZ,CACF,EAGG,CACD,OACEnB,EAAC,OACC,UAAWqB,EACT,wEACAF,CACF,EAEA,UAAApB,EAAC,QAAK,cAAW,GAAC,EACjBgC,EACC/B,EAAAF,EAAA,CACE,UAAAC,EAAC,QAAK,UAAU,iDAAiD,6BAEjE,EACAA,EAAC,QAAK,UAAU,iDAAiD,6BAEjE,GACF,EAEAC,EAAAF,EAAA,CACE,UAAAC,EAAC,SAAK,EACNA,EAAC,QAAK,UAAU,iDAAiD,kBAEjE,GACF,GAEJ,CAEJ,CAlCSI,EAAA2B,EAAA,qBAoCT,SAASE,EAAc,CACrB,MAAAC,EACA,QAAAC,EACA,UAAAf,EACA,SAAAgB,CACF,EAKG,CACD,GAAM,CAACC,EAAQC,CAAS,EAAIC,EAAS,EAAI,EAEzC,OACEtC,EAAC,OAAI,UAAWqB,EAAG,sCAAuCF,CAAS,EACjE,UAAAnB,EAAC,OAAI,UAAU,iEACb,UAAAA,EAAC,OAAI,UAAU,qEACb,UAAAD,EAAC,QACC,UAAWsB,EACT,4EACF,EAEC,SAAAY,EACH,EACAlC,EAAC,UACC,QAAS,IAAMsC,EAAU,CAACD,CAAM,EAChC,UAAU,2EAEV,SAAArC,EAACwC,EAAA,CACC,UAAW,sDACTH,EAAS,aAAe,EAC1B,GACF,EACF,GACF,EAEC,MAAM,QAAQF,CAAO,EACpBA,EAAQ,IAAI,CAACM,EAAQC,IACnB1C,EAAC,QAEC,UAAWsB,EACT,kFACF,EAEC,SAAAmB,GALIC,CAMP,CACD,EAEDzC,EAAAF,EAAA,CACE,UAAAC,EAAC,SAAK,EACNA,EAAC,QACC,UAAWsB,EACT,kFACF,EAEC,SAAAa,EACH,GACF,GAEJ,EAGCE,GAAUD,GACTpC,EAAC,OAAI,UAAU,sDACZ,SAAAoC,EACH,GAEJ,CAEJ,CArEShC,EAAA6B,EAAA,iBAmFT,SAASU,EAAkB,CACzB,KAAAC,EACA,mBAAAZ,EACA,MAAAa,EAAQ,CACV,EAIG,CACD,GAAM,CAACR,EAAQC,CAAS,EAAIC,EAAS,EAAK,EACpCO,EAAcF,EAAK,UAAYA,EAAK,SAAS,OAAS,EACtDG,EAAWF,EAAQ,EACnBG,EAAgBJ,EAAK,eAAiBE,EAE5C,OACE7C,EAAC,MACC,UAAWqB,EACT,wCACAyB,GAAY,MACd,EAEA,UAAA9C,EAAC,OACC,UAAWqB,EACTU,EACI,iFACA,gFACN,EAEA,UAAA/B,EAAC,OACC,UAAWqB,EACT,qEACAyB,GAAY,MACd,EAEC,WAACA,GACA/C,EAAC,QACC,UAAU,qFACV,cAAY,OACd,EAGDgD,EACC/C,EAAC,UACC,QAAS,IAAMqC,EAAU,CAACD,CAAM,EAChC,UAAU,mGAEV,UAAArC,EAAC,QACC,UAAWsB,EACTyB,EACI,kEACA,oEACN,EAEC,SAAAH,EAAK,MACR,EACA5C,EAACwC,EAAA,CACC,UAAW,8FACTH,EAAS,aAAe,EAC1B,GACF,GACF,EAEArC,EAAC,QACC,UAAWsB,EACTyB,EACI,kEACA,wEACN,EAEC,SAAAH,EAAK,MACR,EAGDA,EAAK,SACJ5C,EAACiD,EAAA,CACC,QACEhD,EAAAF,EAAA,CACE,UAAAC,EAAC,QACC,wBAAyB,CACvB,OAAQkD,EAAaN,EAAK,OAAO,CACnC,EACF,EAAG,IACFA,EAAK,WACJ5C,EAAC2B,EAAA,CAAqB,UAAW,OAAOiB,EAAK,SAAS,EAAG,sBAEzD,GAEJ,EAGF,SAAA5C,EAAC,UAAO,UAAU,uEAChB,SAAAA,EAACmD,EAAA,CACC,UAAW7B,EACT,qEACAyB,EAAW,UAAY,SACzB,EACF,EACF,EACF,GAEJ,EAECf,EACC/B,EAAAF,EAAA,CACE,UAAAC,EAAC,QACC,cACE4C,EAAK,cAAgBA,EAAK,aAAe,mBAE3C,UAAWtB,EACT,oEACAyB,EACI,wEACA,0EACN,EAEC,SAAAH,EAAK,gBAAkB,SAC1B,EACA5C,EAAC,QACC,cACE4C,EAAK,cAAgBA,EAAK,aAAe,mBAE3C,UAAWtB,EACT,oEACAyB,EACI,wEACA,0EACN,EAEC,SAAAH,EAAK,gBAAkB,SAC1B,GACF,EAEA5C,EAAC,QACC,cAAa4C,EAAK,aAClB,UAAWtB,EACT,oEACAyB,EACI,wEACA,0EACN,EAEC,SAAAH,EAAK,gBAAkB,SAC1B,GAEJ,EAECE,GAAeT,GACdrC,EAAC,OAAI,UAAU,OACb,SAAAA,EAACoD,EAAA,CACC,MAAOR,EAAK,SACZ,mBAAoBZ,EACpB,MAAOa,EAAQ,EACjB,EACF,GAEJ,CAEJ,CA7JSzC,EAAAuC,EAAA,qBAsKT,SAASS,EAAc,CACrB,MAAAC,EACA,mBAAArB,EACA,UAAAZ,EACA,MAAAyB,CACF,EAAuB,CACrB,OACE7C,EAAC,MAAG,UAAWsB,EAAG,uCAAwCF,CAAS,EAChE,SAAAiC,EAAM,IAAI,CAACT,EAAMF,IAChB1C,EAAC2C,EAAA,CAEC,KAAMC,EACN,mBAAoBZ,EACpB,MAAOa,GAHFH,CAIP,CACD,EACH,CAEJ,CAlBStC,EAAAgD,EAAA,iBAiDF,IAAME,GAAoBlD,EAAA,CAAC,CAChC,WAAAmD,EACA,MAAAlD,EACA,WAAAmD,EACA,SAAA/C,EACA,YAAAC,EACA,OAAAC,CACF,IAA8B,CAC5B,IAAM8C,EAAsBD,GAAY,eAAiB5B,EACnD8B,EACJF,GAAY,oBAAsBvC,EAC9B0C,EAAeH,GAAY,QAAUrD,EACrCyD,EAAeJ,GAAY,OAE3BK,EAAyB9C,EAA0B,EAEnDiB,EACJuB,EAAW,wBAAwB,SAAS,OAC5CA,EAAW,wBAAwB,SAAS,KAExCO,EACJP,EAAW,wBAAwB,uBAE/BQ,EAAYR,EAAW,OAAO,OAASA,EAAW,QAAQ,KAE1DS,EAAkBC,EACtBV,EAAW,wBAAwB,oBACnCA,EAAW,wBAAwB,SAAS,IAC9C,EAEA,OACEtD,EAACiE,EAAA,CAAK,UAAU,4CACd,UAAAlE,EAAC,OAAI,UAAU,yBACb,SAAAA,EAAC2D,EAAA,CACC,MAAOtD,EACP,kBAAmB2D,EACnB,OAAQD,EAAYR,EAAW,OAAS,OACxC,QAASA,EAAW,QACpB,SAAU9C,EACV,YAAaC,EACb,OAAQC,EACV,EACF,EACAV,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC+B,EAAA,CACC,mBAAoBC,EACpB,UAAU,OACZ,EACAhC,EAACiC,EAAA,CACC,MAAM,qBACN,QACED,EACI,CACEiC,EACEV,EAAW,wBAAwB,cACnCA,EAAW,wBAAwB,SAAS,IAC9C,EACAU,EACEV,EAAW,wBAAwB,cACnCA,EAAW,wBAAwB,SAAS,IAC9C,CACF,EACAU,EACEV,EAAW,wBAAwB,cACnCA,EAAW,wBAAwB,SAAS,IAC9C,EAGN,SAAAvD,EAACoD,EAAA,CACC,MAAO,CACL,CACE,MAAO,uBACP,eAAgBa,EACdV,EAAW,wBAAwB,qBACnCA,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdV,EAAW,wBAAwB,qBACnCA,EAAW,wBAAwB,SAAS,IAC9C,EACA,UAAWvC,EAAgB,cAAc,SAAS,EAClD,QACE,kEACJ,EACA,CACE,MAAO,2BACP,eAAgBiD,EACdV,EAAW,wBACR,4BACHA,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdV,EAAW,wBACR,4BACHA,EAAW,wBAAwB,SAAS,IAC9C,EACA,SACEA,EAAW,wBAAwB,iCAAiC,IAClE,CAACX,EAAMF,KACE,CACL,MAAOE,EAAK,KACZ,eAAgBqB,EACdV,EAAW,wBACR,kCAAkCb,CAAK,GAAG,OAC7Ca,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdrB,EAAK,OACLW,EAAW,wBAAwB,SAAS,IAC9C,EACA,UAAWX,EAAK,oBAAsB,OACtC,QAASA,EAAK,aAAe,MAC/B,EAEJ,GAAK,CAAC,CACV,EACA,CACE,MAAO,WACP,eAAgBqB,EACdV,EAAW,wBAAwB,uBACnCA,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdV,EAAW,wBAAwB,uBACnCA,EAAW,wBAAwB,SAAS,IAC9C,EACA,SACEA,EAAW,wBAAwB,4BAA4B,IAC7D,CAACX,EAAMF,KAAW,CAChB,MAAOE,EAAK,KACZ,eAAgBqB,EACdV,EAAW,wBACR,6BAA6Bb,CAAK,GAAG,OACxCa,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdrB,EAAK,OACLW,EAAW,wBAAwB,SAAS,IAC9C,EACA,UAAWX,EAAK,oBAAsB,OACtC,QAASA,EAAK,aAAe,MAC/B,EACF,GAAK,CAAC,CACV,EACA,GAAIkB,EACA,CACE,CACE,MAAO,cACP,eAAgBG,EACdV,EAAW,wBACR,uBACHA,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdV,EAAW,wBACR,uBACHA,EAAW,wBAAwB,SAAS,IAC9C,EACA,QACE,qIACJ,CACF,EACA,CAAC,CACP,EACA,mBAAoBvB,EACtB,EACF,GACF,EACAhC,EAAC,OAAI,UAAU,yBACb,SAAAA,EAACiC,EAAA,CACC,MAAM,oBACN,QACED,EACI,CACEiC,EACEV,EAAW,wBAAwB,aACnCA,EAAW,wBAAwB,SAAS,IAC9C,EACAU,EACEV,EAAW,wBAAwB,aACnCA,EAAW,wBAAwB,SAAS,IAC9C,CACF,EACAU,EACEV,EAAW,wBAAwB,aACnCA,EAAW,wBAAwB,SAAS,IAC9C,EAGN,SAAAvD,EAACoD,EAAA,CACC,MAAO,CACL,CACE,MAAO,sBACP,aAAc,sBACd,eAAgBa,EACdV,EAAW,wBAAwB,oBACnCA,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdV,EAAW,wBAAwB,oBACnCA,EAAW,wBAAwB,SAAS,IAC9C,CACF,EACA,CACE,MAAO,2BACP,eAAgBU,EACdV,EAAW,wBAAwB,2BACnCA,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdV,EAAW,wBAAwB,2BACnCA,EAAW,wBAAwB,SAAS,IAC9C,EACA,SACEA,EAAW,wBAAwB,gCAAgC,IACjE,CAACX,EAAMF,KAAW,CAChB,MAAOE,EAAK,KACZ,eAAgBqB,EACdV,EAAW,wBACR,iCAAiCb,CAAK,GAAG,OAC5Ca,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdrB,EAAK,OACLW,EAAW,wBAAwB,SAAS,IAC9C,EACA,UAAWX,EAAK,oBAAsB,OACtC,QAASA,EAAK,aAAe,MAC/B,EACF,GAAK,CAAC,CACV,EACA,CACE,MAAO,WACP,eAAgBqB,EACdV,EAAW,wBAAwB,sBACnCA,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdV,EAAW,wBAAwB,sBACnCA,EAAW,wBAAwB,SAAS,IAC9C,EACA,SACEA,EAAW,wBAAwB,2BAA2B,IAC5D,CAACX,EAAMF,KAAW,CAChB,MAAOE,EAAK,KACZ,eAAgBqB,EACdV,EAAW,wBACR,4BAA4Bb,CAAK,GAAG,OACvCa,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdrB,EAAK,OACLW,EAAW,wBAAwB,SAAS,IAC9C,EACA,UAAWX,EAAK,oBAAsB,OACtC,QAASA,EAAK,aAAe,MAC/B,EACF,GAAK,CAAC,CACV,EACA,CACE,MAAO,2BACP,eAAgBqB,EACdV,EAAW,wBACR,+BACHA,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdV,EAAW,wBACR,+BACHA,EAAW,wBAAwB,SAAS,IAC9C,EACA,SACEA,EAAW,wBAAwB,oCAAoC,IACrE,CAACX,EAAMF,KAAW,CAChB,MAAOE,EAAK,KACZ,eAAgBqB,EACdV,EAAW,wBACR,qCAAqCb,CAAK,GAAG,OAChDa,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdrB,EAAK,OACLW,EAAW,wBAAwB,SAAS,IAC9C,EACA,UAAWX,EAAK,oBAAsB,OACtC,QAASA,EAAK,aAAe,MAC/B,EACF,GAAK,CAAC,CACV,EACA,GAAIkB,EACA,CACE,CACE,MAAO,aACP,eAAgBG,EACdV,EAAW,wBACR,sBACHA,EAAW,wBAAwB,SAAS,IAC9C,EACA,eAAgBU,EACdV,EAAW,wBACR,sBACHA,EAAW,wBAAwB,SAAS,IAC9C,EACA,QACE,qIACJ,CACF,EACA,CAAC,CACP,EACA,mBAAoBvB,EACtB,EACF,EACF,EACAhC,EAAC,OAAI,UAAU,yBACb,SAAAA,EAAC0D,EAAA,CACC,sBAAuBH,EAAW,wBAClC,KAAMM,EACR,EACF,EAEA7D,EAACyD,EAAA,CACC,mBAAoBF,EAAW,6BAC/B,gBAAiBA,EAAW,kBAC5B,QAASA,EAAW,QACtB,EAECK,GAAgB5D,EAAC4D,EAAA,EAAa,GACjC,CAEJ,EAzUiC","names":["MoreHorizontal","useState","Fragment","jsx","jsxs","ActionsDropdown","actions","className","label","dataSelector","isOpen","setIsOpen","useState","cn","Button","MoreHorizontal","action","index","__name","ChevronDown","Info","Flag","useState","Fragment","jsx","jsxs","FLAG_CODE_MAPPING","EstimationResultsHeader","__name","title","country","region","annualGrossSalary","onDelete","onExportPdf","onEdit","actions","Flag","ActionsDropdown","getOnboardingTimelineData","zendeskArticles","OnboardingTimeline","minimumOnboardingDays","data","className","Accordion","cn","AccordionItem","AccordionTrigger","AccordionContent","step","ZendeskTriggerButton","HiringSection","countryBenefitsUrl","countryGuideUrl","EstimationHeaders","isMultipleCurrency","EstimationRow","label","amounts","children","isOpen","setIsOpen","useState","ChevronDown","amount","index","BreakdownListItem","item","level","hasChildren","isNested","isCollapsible","BasicTooltip","sanitizeHtml","Info","BreakdownList","items","EstimationResults","estimation","components","CustomHiringSection","CustomOnboardingTimeline","CustomHeader","CustomFooter","onboardingTimelineData","hasManagementFee","hasRegion","formattedSalary","formatCurrency","Card"]}

package/dist/{chunk-DH2NHUZU.js → chunk-TZRUHUW5.js}

@@ -1,2 +1,2 @@
-import{b as w}from"./chunk-PGWKJ6FK.js";import{d as y,e as f}from"./chunk-QN6OMOUW.js";import{d as v}from"./chunk-HDOEUCXY.js";import{b as i}from"./chunk-C4HFMTSB.js";import{b as p}from"./chunk-H2O4CVKF.js";import{a as s}from"./chunk-P37U34EQ.js";import{jsx as B}from"react/jsx-runtime";function H({onSubmit:E,onSuccess:a,onError:t,render:R,...o}){let{components:g}=p(),{onboardingBag:r,setCreditScore:d}=w(),m=y(),u=f(),{mutateAsync:I}=i(m),{mutateAsync:S}=i(u),c=!!((r.creditRiskStatus==="deposit_required"||r.onboardingReservesStatus==="deposit_required")&&r.employment?.status&&!v.includes(r.employment.status)),b=!!(c&&r.canInvite),_=s(async()=>{try{if(await E?.(),b&&r.employmentId){let e=await S({employment_slug:r.employmentId});if(e.data){await a?.({data:e.data,employmentStatus:"created_awaiting_reserve"}),d?.(n=>({...n,showReserveInvoice:!0})),r.refetchEmployment();return}e.error&&t?.({error:e.error,rawError:e.rawError,fieldErrors:[]})}else if(r.employmentId){let e=await I({employment_id:r.employmentId});if(e.data){await a?.({data:e.data,employmentStatus:"invited"}),d?.(n=>({...n,showInviteSuccessful:!0})),r.refetchEmployment();return}e.error&&t?.({error:e.error,rawError:e.rawError,fieldErrors:[]})}}catch(e){t?.({error:e,rawError:e,fieldErrors:[]})}},"handleSubmit"),l=g?.button;if(!l)throw new Error("Button component not found");let h=!r.canInvite||m.isPending||u.isPending||o.disabled;return B(l,{...o,disabled:h,onClick:e=>{_(),o.onClick?.(e)},children:R({employmentStatus:c?"created_awaiting_reserve":"invited"})})}s(H,"OnboardingInvite");export{H as a};
-//# sourceMappingURL=chunk-DH2NHUZU.js.map
+import{b as w}from"./chunk-PGWKJ6FK.js";import{d as y,e as f}from"./chunk-KPJ5YKXS.js";import{d as v}from"./chunk-HDOEUCXY.js";import{b as i}from"./chunk-C4HFMTSB.js";import{b as p}from"./chunk-H2O4CVKF.js";import{a as s}from"./chunk-P37U34EQ.js";import{jsx as B}from"react/jsx-runtime";function H({onSubmit:E,onSuccess:a,onError:t,render:R,...o}){let{components:g}=p(),{onboardingBag:r,setCreditScore:d}=w(),m=y(),u=f(),{mutateAsync:I}=i(m),{mutateAsync:S}=i(u),c=!!((r.creditRiskStatus==="deposit_required"||r.onboardingReservesStatus==="deposit_required")&&r.employment?.status&&!v.includes(r.employment.status)),b=!!(c&&r.canInvite),_=s(async()=>{try{if(await E?.(),b&&r.employmentId){let e=await S({employment_slug:r.employmentId});if(e.data){await a?.({data:e.data,employmentStatus:"created_awaiting_reserve"}),d?.(n=>({...n,showReserveInvoice:!0})),r.refetchEmployment();return}e.error&&t?.({error:e.error,rawError:e.rawError,fieldErrors:[]})}else if(r.employmentId){let e=await I({employment_id:r.employmentId});if(e.data){await a?.({data:e.data,employmentStatus:"invited"}),d?.(n=>({...n,showInviteSuccessful:!0})),r.refetchEmployment();return}e.error&&t?.({error:e.error,rawError:e.rawError,fieldErrors:[]})}}catch(e){t?.({error:e,rawError:e,fieldErrors:[]})}},"handleSubmit"),l=g?.button;if(!l)throw new Error("Button component not found");let h=!r.canInvite||m.isPending||u.isPending||o.disabled;return B(l,{...o,disabled:h,onClick:e=>{_(),o.onClick?.(e)},children:R({employmentStatus:c?"created_awaiting_reserve":"invited"})})}s(H,"OnboardingInvite");export{H as a};
+//# sourceMappingURL=chunk-TZRUHUW5.js.map

package/dist/{chunk-WXKFXIMQ.js → chunk-U6SMLAQI.js}

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

package/dist/{chunk-OKABTWB3.js → chunk-UUN3PLDE.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk-MS63VN5N.js";import{b as e}from"./chunk-Q3ALCPJN.js";import{x as a}from"./chunk-C4HFMTSB.js";import{a as i}from"./chunk-P37U34EQ.js";import{jsx as g}from"react/jsx-runtime";function E({components:m,onSubmit:p,onSuccess:l,onError:c}){let{contractorOnboardingBag:r}=e(),d=i(async(t,P)=>{try{let n=await r.parseFormValues(t);await p?.(n);let o=await r.onSubmit(t);if(o?.data){await l?.(o?.data),r?.next();return}}catch(n){let o=a(n,r.meta?.fields?.pricing_plan,P);c?.(o)}},"handleSubmit"),u=r.stepState.values?.pricing_plan||r.initialValues.pricing_plan;return g(s,{components:m,defaultValues:u,onSubmit:d})}i(E,"PricingPlanStep");export{E as a};
-//# sourceMappingURL=chunk-OKABTWB3.js.map
+import{a as s}from"./chunk-MZUPTP2B.js";import{b as e}from"./chunk-Q3ALCPJN.js";import{x as a}from"./chunk-C4HFMTSB.js";import{a as i}from"./chunk-P37U34EQ.js";import{jsx as g}from"react/jsx-runtime";function E({components:m,onSubmit:p,onSuccess:l,onError:c}){let{contractorOnboardingBag:r}=e(),d=i(async(t,P)=>{try{let n=await r.parseFormValues(t);await p?.(n);let o=await r.onSubmit(t);if(o?.data){await l?.(o?.data),r?.next();return}}catch(n){let o=a(n,r.meta?.fields?.pricing_plan,P);c?.(o)}},"handleSubmit"),u=r.stepState.values?.pricing_plan||r.initialValues.pricing_plan;return g(s,{components:m,defaultValues:u,onSubmit:d})}i(E,"PricingPlanStep");export{E as a};
+//# sourceMappingURL=chunk-UUN3PLDE.js.map

package/dist/{chunk-OK2ZZ6NK.js → chunk-V2KDZU2F.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk-MS63VN5N.js";import{b as n}from"./chunk-Q3ALCPJN.js";import{x as i}from"./chunk-C4HFMTSB.js";import{a as t}from"./chunk-P37U34EQ.js";import{jsx as c}from"react/jsx-runtime";function F({onSubmit:m,onSuccess:d,onError:p}){let{contractorOnboardingBag:r}=n(),l=t(async(a,v)=>{try{let e=await r.parseFormValues(a);await m?.(e);let o=await r.onSubmit(a);if(o?.data){await d?.(o?.data),r?.next();return}}catch(e){let o=i(e,r.meta?.fields?.contract_preview,v);p?.(o)}},"handleSubmit"),u=r.stepState.values?.contract_preview||r.initialValues.contract_preview;return c("div",{className:"space-y-4",children:c(s,{defaultValues:u,onSubmit:l})})}t(F,"ContractPreviewStep");export{F as a};
-//# sourceMappingURL=chunk-OK2ZZ6NK.js.map
+import{a as s}from"./chunk-MZUPTP2B.js";import{b as n}from"./chunk-Q3ALCPJN.js";import{x as i}from"./chunk-C4HFMTSB.js";import{a as t}from"./chunk-P37U34EQ.js";import{jsx as c}from"react/jsx-runtime";function F({onSubmit:m,onSuccess:d,onError:p}){let{contractorOnboardingBag:r}=n(),l=t(async(a,v)=>{try{let e=await r.parseFormValues(a);await m?.(e);let o=await r.onSubmit(a);if(o?.data){await d?.(o?.data),r?.next();return}}catch(e){let o=i(e,r.meta?.fields?.contract_preview,v);p?.(o)}},"handleSubmit"),u=r.stepState.values?.contract_preview||r.initialValues.contract_preview;return c("div",{className:"space-y-4",children:c(s,{defaultValues:u,onSubmit:l})})}t(F,"ContractPreviewStep");export{F as a};
+//# sourceMappingURL=chunk-V2KDZU2F.js.map