@remoteoss/remote-flows 1.55.0 → 1.56.0

package/dist/CostCalculator-CoUCw59l.js

@@ -0,0 +1,2 @@
+import{E as e,H as t,K as n,M as r,N as i,X as a,Y as o,f as s,g as c,k as l,p as u,q as d,u as f}from"./CheckBoxField-DSq9Qf8u.js";import{At as p,Q as m,X as h,Z as g,c as _,g as v,h as y,kt as b}from"./sdk.gen-C7MLoCMc.js";import{i as x,n as S,o as ee,s as C,t as te}from"./JSONSchemaForm-DehMm5lM.js";import{t as w}from"./CurrencyConversionField-DMi3ydBX.js";import{n as T,t as E}from"./basic-tooltip-Dr-_TRDa.js";import*as D from"react";import{createContext as O,useCallback as ne,useContext as k,useEffect as A,useId as j,useMemo as re,useRef as ie,useState as M}from"react";import{Fragment as N,jsx as P,jsxs as F}from"react/jsx-runtime";import{ChevronDown as I,ChevronDownIcon as L,Globe as ae,Info as R,MoreHorizontal as oe}from"lucide-react";import{useMutation as z,useQuery as B}from"@tanstack/react-query";import{ValidationError as se,number as V,object as H,string as ce}from"yup";import U from"react-flagpack";const W=O({form:null,formId:void 0,costCalculatorBag:void 0}),G=()=>{let e=k(W);if(!e.form)throw Error(`useCostCalculatorContext must be used within a CostCalculatorProvider`);return{form:e.form,formId:e.formId,costCalculatorBag:e.costCalculatorBag}},le={data:{version:7,schema:{"x-rmt-meta":{jsfOldVersion:!0},additionalProperties:!1,properties:{country:{title:`Country`,description:``,type:`string`,oneOf:[],"x-jsf-presentation":{inputType:`select`}},region:{title:`Region`,description:``,type:`string`,oneOf:[],"x-jsf-presentation":{inputType:`select`}},currency:{title:`Currency`,description:``,type:`string`,oneOf:[],"x-jsf-presentation":{inputType:`select`}},currency_statement:{type:`null`,title:`Company statement`,"x-jsf-presentation":{inputType:`hidden`,hidden:!0,statement:{title:`<TITLE_PLACEHOLDER>`,description:`<DESCRIPTION_PLACEHOLDER>`,inputType:`statement`,severity:`warning`},meta:{ignoreValue:!0}}},hiring_budget:{title:`How would you like to estimate the cost of hiring?`,enum:[`employee_annual_salary`,`my_hiring_budget`],type:`string`,oneOf:[{title:`With the employee's annual salary`,const:`employee_annual_salary`},{title:`With my hiring budget for this role`,const:`my_hiring_budget`}],"x-jsf-presentation":{inputType:`radio`}},salary:{description:``,title:`Salary`,type:`integer`,"x-jsf-presentation":{inputType:`money`}},estimation_title:{title:`Estimation title`,description:`Employee title. e.g; "Software Engineer".`,type:`string`,"x-jsf-presentation":{inputType:`text`,hidden:!0}},salary_conversion:{description:``,title:`Salary`,type:`integer`,"x-jsf-presentation":{inputType:`money`,hidden:!0}},salary_converted:{description:`Whether the salary is expressed in regional or employer currency`,title:`Salary in employer currency`,type:`string`,"x-jsf-presentation":{inputType:`hidden`,hidden:!0}},management:{title:`Management fee`,type:`object`,properties:{management_fee:{title:`Desired monthly management fee`,type:`integer`,"x-jsf-presentation":{inputType:`money`}},_expanded:{type:`boolean`,default:!1,"x-jsf-presentation":{inputType:`hidden`,hidden:!0}}},"x-jsf-presentation":{inputType:`fieldset`,hidden:!0}}},required:[`country`,`currency`,`salary`,`salary_conversion`,`salary_converted`],type:`object`,"x-jsf-order":[`country`,`region`,`currency`,`currency_statement`,`salary`,`estimation_title`,`management`]}}},K={AUD:106900,CAD:94500,CHF:61500,DKK:482500,EUR:64500,GBP:55900,JPY:105e5,NOK:734e3,NZD:115500,SEK:727e3,SGD:94e3,USD:69900};function ue(e,t,n){let r=e.reduce((e,r)=>(r.name===`salary`||r.name===`salary_conversion`?e[r.name]=r.schema.when(`salary_converted`,{is:e=>e===r.name,then:e=>e.required(`Required field`),otherwise:e=>e.optional()}):r.name===`management`?e[r.name]=H({management_fee:V().transform(e=>isNaN(e)?void 0:e).min(0,`Management fee must be greater than or equal to 0`).max(t?K[t]:K.USD,()=>`Management fee cannot exceed ${(t?K[t]:K.USD)/100} ${t}`)}):r.name===`estimation_title`&&n?e[r.name]=r.schema.required(`Required field`):e[r.name]=r.schema,e),{});return H(r)}function de(e){return Object.keys(e).reduce((t,n)=>{let r=e[n];if(r===`none`)return t;let i={benefit_group_slug:n.replace(`benefit-`,``),benefit_tier_slug:r};return[...t,i]},[])}function fe(e,t,n){let r=Number(e.management?.management_fee),i=e.currency_code;return{region_slug:e.region||e.country,employment_term:e.contract_duration_type??`fixed`,title:e.estimation_title||t.title,age:e.age??void 0,...e.benefits&&{benefits:de(e.benefits)},...t.includeManagementFee&&r&&{discount:{quoted_amount:t.showManagementFee?r:K[i]||K.USD,text:``}},...pe(e,n)}}function pe(e,t){let n=t===`marketing`||e.salary_converted===`salary_conversion`,r=t===`standard`&&e.salary_converted===`salary`,i=e.hiring_budget===`my_hiring_budget`;if(n){let t=e.salary_converted===`salary_conversion`;return i?{annual_total_cost_in_employer_currency:e.salary}:{[t?`annual_gross_salary_in_employer_currency`:`annual_gross_salary`]:e.salary}}return r?i?{annual_total_cost:e.salary}:{annual_gross_salary:e.salary}:{}}function me(e,t=q,n=`standard`){let r=Array.isArray(e)?e:[e];if(r.length===0)throw Error(`At least one employment value is required`);return r.length>1&&new Set(r.map(e=>e.currency)).size>1&&console.warn(`Multiple currencies detected in array. Using currency from first employment.`),{employer_currency_slug:r[0].currency,include_benefits:t.includeBenefits,include_cost_breakdowns:t.includeCostBreakdowns,include_premium_benefits:t.includePremiumBenefits,include_management_fee:t.includeManagementFee,employments:r.map(e=>fe(e,t,n))}}const he=({includePremiumBenefits:e})=>{let{client:t}=b();return B({queryKey:[`cost-calculator-countries`,e],queryFn:()=>y({client:t,query:{include_premium_benefits:e}}),select:e=>e.data?.data.filter(e=>e.availability===`active`).map(e=>({value:e.region_slug,label:e.name,childRegions:e.child_regions,hasAdditionalFields:e.has_additional_fields,regionSlug:e.region_slug,currency:e.currency.code}))})},ge=()=>{let{client:e}=b();return B({queryKey:[`company-currencies`],queryFn:()=>_({client:e}),select:e=>e.data?.data?.company_currencies.map(e=>({value:e.slug,label:e.code}))})},_e=()=>{let{client:e}=b();return z({mutationFn:t=>h({client:e,body:t})})},ve=()=>{let{client:e}=b();return z({mutationFn:t=>m({client:e,body:t})})},ye=()=>{let{client:e}=b();return z({mutationFn:t=>g({client:e,body:t})})},be=(e,{includePremiumBenefits:t,options:n})=>{let{client:r}=b();return B({queryKey:[`cost-calculator-region-fields`,e,t],queryFn:()=>v({client:r,path:{slug:e},query:{include_premium_benefits:t}}),enabled:!!e,select:({data:e})=>{let t=e?.data?.schema||{};return x(t,void 0,n)}})},xe=({currencies:{from:e,to:t},shouldSwapOrder:n,salary_conversion_properties:r,conversionType:i=`no_spread`,defaultValue:o,splitDescription:c,...l})=>{let{setValue:u,getValues:d}=a(),p={label:r?.label||`Salary conversion`,description:r?.description||F(N,{children:[`The conversion is based on the Remote FX rate.`,` `,P(f,{className:`text-sm`,zendeskId:s.remoteFxRate,children:`Learn more ↗`})]})},m=n?`salary_conversion`:l.name,h=n?l.name:`salary_conversion`;return A(()=>{if(n){let e=d(l.name);e?(u(`salary_conversion`,e),u(`salary_converted`,`salary_conversion`)):o&&(u(`salary_conversion`,o),u(`salary_converted`,`salary_conversion`))}else{let e=d(`salary_conversion`);e?(u(l.name,e),u(`salary_converted`,l.name)):o&&(u(l.name,o),u(`salary_converted`,l.name))}},[n,o,u,d,l.name]),P(w,{...l,sourceCurrency:e,targetCurrency:t,mainFieldName:m,conversionFieldName:h,conversionProperties:p,classNamePrefix:`RemoteFlows-Salary`,conversionType:i,splitDescription:c})},q={title:`Estimation`,includeBenefits:!1,includeCostBreakdowns:!1,includePremiumBenefits:!1,enableCurrencyConversion:!1,includeEstimationTitle:!1,includeManagementFee:!1},Se=e=>x(le.data.schema,void 0,e);function Ce(e,t){if(typeof e==`object`&&e&&`title`in e){let t=e.title;if(t)return t}return t===`my_hiring_budget`?`Hiring budget`:`Employee's annual salary`}const we=({defaultRegion:e,defaultCurrency:r,defaultSalary:i,estimationOptions:a,options:o,version:s}={estimationOptions:q})=>{let c=ie({fields:{}}),[l,u]=M(e),[d,f]=M(),[p,m]=M(),[h,g]=M(),{data:_,isLoading:v}=he({includePremiumBenefits:a.includePremiumBenefits}),{data:y,isLoading:b}=ge(),x=l||d?.value,{data:C,isLoading:te}=be(x,{includePremiumBenefits:a.includePremiumBenefits,options:o}),w=_e(),{mutateAsync:T}=n(w),E=d?.currency,D=o?.jsfModify?.fields?.salary,O=D&&typeof D==`object`&&`presentation`in D?D.presentation:void 0,k=ne(()=>{let e=E&&p?E!==p:!1;return E===p?{from:E,to:p,shouldSwapOrder:e}:{from:p,to:E,shouldSwapOrder:e}},[E,p]),j=a.showManagementFee,N=a.includeEstimationTitle,F=o?.features?.includes(`split_salary_description`)??!1,I=re(()=>{let{from:e,to:t,shouldSwapOrder:n}=k(),r=Ce(D,h);return{fields:{salary:{...D,title:r,presentation:{salary_conversion_properties:{label:O?.salary_conversion_properties?.label,description:O?.salary_conversion_properties?.description},currencies:{from:e,to:t},Component:e=>P(xe,{...e,shouldSwapOrder:n,conversionType:s===`marketing`?`no_spread`:`spread`,defaultValue:i,splitDescription:F})}},hiring_budget:{...o?.jsfModify?.fields?.hiring_budget,presentation:{hidden:s==`marketing`}},management:{...o?.jsfModify?.fields?.management,properties:{...o?.jsfModify?.fields?.management?.properties,management_fee:{...(o?.jsfModify?.fields?.management)?.properties?.management_fee,"x-jsf-presentation":{inputType:`money`,additionalProps:{currency:p||`USD`}}}},presentation:{...typeof o?.jsfModify?.fields?.management==`object`?(o?.jsfModify?.fields?.management)[`x-jsf-presentation`]:{},hidden:!j,Component:e=>P(S,{...e,variant:`inset`,features:{toggle:{enabled:!0,stateField:`management._expanded`,labels:{expand:`Define`,collapse:`Remove`}}}})}},estimation_title:{...o?.jsfModify?.fields?.estimation_title,"x-jsf-presentation":{hidden:!N}}}}},[k,D,h,O?.salary_conversion_properties?.label,O?.salary_conversion_properties?.description,o?.jsfModify?.fields?.hiring_budget,o?.jsfModify?.fields?.management,o?.jsfModify?.fields?.estimation_title,s,p,j,N,i,F]),L=Se({jsfModify:{fields:{...o?.jsfModify?.fields,...I?.fields}}});A(()=>{if(e&&_){let t=_.find(({value:t})=>t===e);t&&f(t)}},[e,_]),A(()=>{if(r&&y){let e=y.find(({value:e})=>e===r);e&&m(e.label)}},[r,y]);async function ae(e){return T(me(e,a,s))}function R(e){let t=_?.find(({value:t})=>t===e);t&&t.childRegions.length===0&&t.hasAdditionalFields?u(t.regionSlug):u(void 0),f(t)}function oe(e){u(e)}function z(e){g(e.target.value)}function B(e){let t=y?.find(t=>t.value===e)?.label;m(t),o?.onCurrencyChange?.(t||``)}let V=L.fields.find(e=>e.name===`region`);if(V){let e=d?.childRegions.map(e=>({value:e.slug,label:e.name}))??[];V.options=e,V.isVisible=e.length>0,V.required=e.length>0,V.onChange=oe,V.schema=e.length>0?ce().transform(e=>typeof e==`string`?e:``).required(`Region is required`):ce()}if(y){let e=L.fields.find(e=>e.name===`currency`);e&&(e.options=y,e.onChange=B)}let H=L.fields.find(e=>e.name===`hiring_budget`);if(H&&(H.onChange=z),_){let e=L.fields.find(e=>e.name===`country`);e&&(e.options=_,e.onChange=R)}let U=()=>{f(void 0),u(e)},W=[...L.fields.filter(e=>e.name!==`management`),...C?.fields||[],...L.fields.filter(e=>e.name===`management`)],G=ue(L.fields,p||`USD`,a.includeEstimationTitle);async function le(e){let n=null;o?.onValidation?.(e);let r=await t(e,W);try{await G.validate(r,{abortEarly:!1}),n={formErrors:{},yupError:new se([],e)}}catch(e){let t=ee(e);n={formErrors:Object.entries(t).reduce((e,[t,n])=>({...e,[t]:n.message}),{}),yupError:e}}let i=C?.handleValidation(r),a=[...n?.yupError.inner||[],...i?.yupError?.inner||[]],s={...n?.yupError?.value||{},...i?.yupError?.value||{}};return{formErrors:{...n?.formErrors||{},...i?.formErrors||{}},yupError:new se(a,s)}}return{stepState:{current:0,total:1,isLastStep:!0},fields:W,validationSchema:G,parseFormValues:async e=>{let{country:n,region:r,currency:i,salary_converted:a,hiring_budget:o,salary_conversion:s,management:c,estimation_title:l,...u}=e,d=e.salary;a===`salary_conversion`&&(d=s);let f=await t({country:n,region:r,salary:d,salary_converted:a,salary_conversion:s,hiring_budget:o,currency:i,management:c,estimation_title:l},L.fields),p=await t(u,C?.fields||[]),m={currency_code:y?.find(e=>e.value===i)?.label};return{...f,...p,...m}},handleValidation:le,isSubmitting:w.isPending,isLoading:v&&b&&te,onSubmit:ae,resetForm:U,currencies:y,meta:{fields:c.current?.fields}}},J=(e,t,n)=>n&&n[t]?n[t]:e[t]?e[t]/100:0,Te=(e,t,n,r)=>!t&&!n?.management_fee&&e?J(K,e,r):t&&!n?.management_fee?``:n?.management_fee,Ee=({estimationOptions:e=q,defaultValues:t={countryRegionSlug:``,regionSlug:``,currencySlug:``,salary:``,benefits:{},management:{management_fee:``}},options:n,render:r,version:i=`standard`})=>{let a=j(),[s,c]=M(`USD`),l=t=>{c(t);let n=J(K,t,e.managementFees);n&&S.setValue(`management.management_fee`,n.toString())},u=we({defaultRegion:t.countryRegionSlug,defaultCurrency:t.currencySlug,defaultSalary:t.salary,estimationOptions:e,version:i,options:{...n,onCurrencyChange:l}}),d=C(u.handleValidation),f=Te(s,t.currencySlug,t.management,e.managementFees),{countryRegionSlug:p,currencySlug:m,salary:h,benefits:g,hiringBudget:_,age:v,contractDurationType:y,regionSlug:b,...x}=t,S=o({resolver:d,defaultValues:{country:p,currency:m,region:b,salary:h,salary_conversion:``,salary_converted:void 0,hiring_budget:_||`employee_annual_salary`,age:v,contract_duration_type:y,management:{management_fee:f?.toString()||``},benefits:g,estimation_title:e.title,...x},shouldUnregister:!1,mode:`onBlur`});return A(()=>{if(t.currencySlug&&u.currencies&&e.includeManagementFee&&!t.management?.management_fee){let n=u.currencies.find(e=>e.value===t.currencySlug)?.label;if(n){c(n);let t=J(K,n,e.managementFees);S.setValue(`management.management_fee`,t?.toString()||``)}}},[t.currencySlug,u.currencies,e.includeManagementFee,e.managementFees,t.management?.management_fee,S]),P(W.Provider,{value:{form:S,formId:a,costCalculatorBag:u},children:r(u)})};function De({onSubmit:e,onError:t,onSuccess:n,onErrorWithFields:i,shouldResetForm:a,resetFields:o}){let{form:s,formId:l,costCalculatorBag:u}=G(),{formState:{isSubmitSuccessful:f}}=s;A(()=>{if(f&&a){u?.resetForm(),s.reset();return}if(f&&o){let e={...s.getValues()};o.forEach(t=>{e[t]=``}),u?.resetForm(),s.reset(e)}},[f,s,a,u,o]);let p=async a=>{try{let t=await u?.parseFormValues(a);u?.meta?.fields&&(u.meta.fields=r(t,u.fields),u.meta.fields.employer_currency_slug=u.meta.fields.currency);let i=await u?.onSubmit(t);if(await e?.(t),i?.data&&!i.error){let e={data:{...i.data.data,employments:i.data.data.employments?.map(e=>({...e,title:t.estimation_title}))}};await n?.(e)}else throw{data:null,error:i?.error,fieldErrors:i?.fieldErrors,rawError:i?.rawError}}catch(e){let n=e,r=n.fieldErrors;if(i){let e=u?.meta?.fields,t=d(r,e);i({error:n.error,rawError:n.rawError,fieldErrors:t})}else t?.(n.error)}};return P(c,{...s,children:P(`form`,{id:l,onSubmit:s.handleSubmit(p),className:`space-y-4 RemoteFlows__CostCalculatorForm`,children:P(te,{fields:u?.fields??[]})})})}function Oe({children:t,...n}){let{formId:r,costCalculatorBag:i}=G(),{components:a}=p(),o=a?.button;if(!o)throw Error(`Button component not found`);return P(o,{...n,type:`submit`,className:e(`RemoteFlows__CostCalculatorForm__SubmitButton`,n.className),form:r,disabled:n.disabled||i?.isSubmitting,children:t})}function ke({children:t,...n}){let{form:r,formId:i,costCalculatorBag:a}=G(),{components:o}=p(),s=o?.button;if(!s)throw Error(`Button component not found`);return P(s,{...n,type:`reset`,className:e(`RemoteFlows__CostCalculatorForm__ResetButton`,n.className),form:i,onClick:e=>{a?.resetForm(),r.reset(),n.onClick?.(e)},children:t})}function Ae({actions:t=[],className:n,label:r,"data-testid":i}){let[a,o]=M(!1);return F(`div`,{className:e(`relative`,n),children:[P(u,{"data-testid":i,variant:`ghost`,"aria-label":r,className:`h-8 w-8 p-0`,onClick:()=>o(!a),children:P(oe,{className:`h-4 w-4`})}),a&&F(N,{children:[P(`div`,{className:`fixed inset-0 z-40`,onClick:()=>o(!1)}),P(`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:t.map((t,n)=>P(`button`,{"data-testid":`${i}-${t.label.toLowerCase().replace(` `,`-`)}`,className:e(`w-full text-left px-2 py-1.5 text-sm hover:bg-gray-100`,t.disabled&&`opacity-50 cursor-not-allowed`),onClick:()=>{t.onClick(),o(!1)},disabled:t.disabled,children:t.label},n))})]})]})}const je=D.createContext(null),Me=()=>{let e=D.useContext(je);if(!e)throw Error(`Accordion components must be used within Accordion`);return e};function Y({collapsible:e=!1,defaultValue:t,value:n,onValueChange:r,className:i,children:a,...o}){let[s,c]=D.useState(t),l=n!==void 0,u=l?n:s,d=D.useCallback(t=>{let n;n=u===t&&e?``:t,l||c(n),r&&r(n)},[u,e,l,r]),f=D.useMemo(()=>({openItem:u,toggleItem:d,collapsible:e}),[u,d,e]);return P(je.Provider,{value:f,children:P(`div`,{"data-slot":`accordion`,className:i,...o,children:a})})}const Ne=D.createContext(null),Pe=()=>{let e=D.useContext(Ne);if(!e)throw Error(`AccordionItem components must be used within AccordionItem`);return e};function X({value:t,className:n,children:r,...i}){let{openItem:a}=Me(),o=a===t,s=D.useId(),c=D.useMemo(()=>({value:t,isOpen:o,contentId:s}),[t,o,s]);return P(Ne.Provider,{value:c,children:P(`div`,{"data-slot":`accordion-item`,className:e(`border-b last:border-b-0`,n),...i,children:r})})}function Z({className:t,iconClassName:n,children:r,onClick:i,...a}){let{toggleItem:o}=Me(),{value:s,isOpen:c,contentId:l}=Pe(),u=D.useId();return P(`div`,{className:`flex items-center`,children:F(`button`,{id:u,type:`button`,"data-slot":`accordion-trigger`,"data-state":c?`open`:`closed`,"aria-expanded":c,"aria-controls":l,className:e(`focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180`,t),onClick:e=>{o(s),i?.(e)},...a,children:[r,P(L,{className:e(`text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200 mt-1`,n)})]})})}function Q({className:t,children:n,...r}){let{isOpen:i,contentId:a}=Pe(),[o,s]=D.useState(i),[c,l]=D.useState(i);return D.useLayoutEffect(()=>{if(i){s(!0);let e=requestAnimationFrame(()=>{window.getComputedStyle(document.getElementById(a)).height,l(!0)});return()=>cancelAnimationFrame(e)}l(!1);let e=setTimeout(()=>s(!1),200);return()=>clearTimeout(e)},[i,a]),o?P(`div`,{id:a,role:`region`,"data-slot":`accordion-content`,"data-state":i?`open`:`closed`,className:e(`overflow-hidden text-sm transition-all duration-200 ease-out`,c?`max-h-[2000px] opacity-100`:`max-h-0 opacity-0`),...r,children:P(`div`,{className:e(`pt-0 pb-4`,t),children:n})}):null}const Fe={GB:`GB-UKM`},Ie=({title:e,country:t,region:n,annualGrossSalary:r,onDelete:i,onExportPdf:a,onEdit:o})=>{let s=[{label:`Edit`,onClick:o},{label:`Export`,onClick:a},{label:`Delete`,onClick:i}];return F(`div`,{className:`RemoteFlows__EstimationResults__Header flex justify-between`,children:[F(`div`,{className:`flex flex-row items-center gap-6`,children:[P(`div`,{className:`RemoteFlows__EstimationResultsHeader__FlagContainer flex h-16 w-16 items-center justify-center rounded-lg bg-[#F4F4F5]`,children:P(U,{code:Fe[t.alpha_2_code]||t.alpha_2_code})}),F(`div`,{className:`space-y-1`,children:[P(`h2`,{"data-testid":`estimation-results-header-title`,className:`RemoteFlows__EstimationResultsHeader__Title text-lg font-medium leading-none text-[#181818]`,children:e}),F(`p`,{className:`RemoteFlows__EstimationResultsHeader__Country text-xs text-[#71717A]`,children:[t.name,` `,n?` (${n.name})`:``]}),F(`p`,{"data-testid":`estimation-results-header-annual-gross-salary`,className:`RemoteFlows__EstimationResultsHeader__AnnualGrossSalary text-xs text-[#71717A]`,children:[P(`span`,{className:`text-[#181818]`,children:`Employee annual gross salary:`}),` `,r]})]})]}),P(Ae,{label:`Actions`,className:`RemoteFlows__EstimationResults__ActionsDropdown`,actions:s})]})},Le=()=>({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. 🎉`}],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:s.employeeOnboardingTimeline});function Re({minimumOnboardingDays:t,data:n,className:r}){return P(Y,{collapsible:!0,className:e(`RemoteFlows__EstimationResults__OnboardingTimeline w-full`,r),children:F(X,{value:`timeline`,className:`RemoteFlows__OnboardingTimeline__AccordionItem border-border`,children:[P(Z,{className:`RemoteFlows__OnboardingTimeline__AccordionTrigger hover:no-underline px-0 py-4`,children:F(`div`,{className:`flex items-center justify-between w-full`,children:[P(`span`,{className:`RemoteFlows__OnboardingTimeline__Title text-base font-medium text-[#0F172A]`,children:`Onboarding timeline`}),t!=null&&F(`span`,{className:`RemoteFlows__OnboardingTimeline__Description text-base text-muted-foreground mr-4`,children:[t,` days`]})]})}),F(Q,{className:`px-0 pb-4`,children:[P(`ul`,{className:`RemoteFlows__OnboardingTimeline__List list-disc list-inside space-y-2`,children:n.steps.map(e=>F(`li`,{children:[P(`strong`,{className:`font-medium text-[#09090B]`,children:e.title}),` `,`- `,e.description]},e.id))}),F(`p`,{className:`RemoteFlows__OnboardingTimeline__HelpText text-xs text-muted-foreground mt-4`,children:[n.helpText,n.zendeskArticleId&&P(f,{zendeskId:n.zendeskArticleId,children:`Learn more`})]})]})]})})}function ze({className:t,countryBenefitsUrl:n,countryGuideUrl:r,country:i}){return P(Y,{collapsible:!0,className:e(`RemoteFlows__EstimationResults__HiringSection w-full`,t),children:F(X,{value:`timeline`,className:`RemoteFlows__HiringSection__AccordionItem border-border`,children:[P(Z,{className:`RemoteFlows__HiringSection__AccordionTrigger hover:no-underline px-0 py-4`,children:P(`div`,{className:`flex items-center justify-between w-full`,children:F(`span`,{className:`text-base font-medium text-[#0F172A]`,children:[`Hiring in `,i.name]})})}),P(Q,{children:F(`div`,{className:`flex flex-col gap-1`,children:[r&&P(`a`,{href:r,target:`_blank`,className:`RemoteFlows__Link`,children:`Explore our complete guide ↗`}),n&&P(`a`,{href:n,target:`_blank`,className:`RemoteFlows__Link`,children:`Explore our available benefits ↗`})]})})]})})}function Be({isMultipleCurrency:t,className:n}){return F(`div`,{className:e(`RemoteFlows__EstimationResults__Headers grid grid-cols-3 items-center`,n),children:[P(`span`,{"aria-hidden":!0}),t?F(N,{children:[P(`span`,{className:`RemoteFlows__EstimationResults__Headers__Label`,children:`Employee currency`}),P(`span`,{className:`RemoteFlows__EstimationResults__Headers__Label`,children:`Employer currency`})]}):F(N,{children:[P(`span`,{}),P(`span`,{className:`RemoteFlows__EstimationResults__Headers__Label`,children:`Amount`})]})]})}function Ve({label:t,amounts:n,className:r,children:i}){let[a,o]=M(!0);return F(`div`,{className:e(`RemoteFlows__EstimationResults__Row`,r),children:[F(`div`,{className:`RemoteFlows__EstimationRow__Grid grid grid-cols-3 items-center`,children:[F(`div`,{className:`RemoteFlows__EstimationRow__LabelContainer flex items-center gap-2`,children:[P(`span`,{className:e(`RemoteFlows__EstimationRow__Title min-w-[140px] font-medium text-[#09090B]`),children:t}),P(`button`,{onClick:()=>o(!a),className:`RemoteFlows__EstimationRow__CollapseButton p-1 hover:bg-gray-100 rounded`,children:P(I,{className:`h-4 w-4 text-muted-foreground transition-transform ${a?`rotate-180`:``}`})})]}),Array.isArray(n)?n.map((t,n)=>P(`span`,{className:e(`RemoteFlows__EstimationRow__RegionalAmount text-right font-medium text-[#09090B]`),children:t},n)):F(N,{children:[P(`span`,{}),P(`span`,{className:e(`RemoteFlows__EstimationRow__EmployerAmount text-right font-medium text-[#09090B]`),children:n})]})]}),a&&i&&P(`div`,{className:`RemoteFlows__EstimationRow__CollapsibleContent mt-4`,children:i})]})}function He({item:t,isMultipleCurrency:n,level:r=0}){let[a,o]=M(!1),s=t.children&&t.children.length>0,c=r>0,l=t.isCollapsible||s;return F(`li`,{className:e(`RemoteFlows__BreakdownList__Item pb-3`,c&&`pb-1`),children:[F(`div`,{className:e(n?`RemoteFlows__BreakdownList__Grid grid grid-cols-3 items-center justify-between`:`RemoteFlows__BreakdownList__Grid grid grid-cols-2 items-center justify-between`),children:[F(`div`,{className:e(`RemoteFlows__BreakdownList__LabelContainer flex items-center gap-2`,c&&`pl-3`),children:[!c&&P(`span`,{className:`RemoteFlows__BreakdownList__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0`,"aria-hidden":`true`}),l?F(`button`,{onClick:()=>o(!a),className:`RemoteFlows__BreakdownList__CollapseButton flex items-center gap-2 hover:bg-gray-100 rounded p-1`,children:[P(`span`,{className:e(c?`RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]`:`RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B]`),children:t.label}),P(I,{className:`RemoteFlows__BreakdownList__ChevronDown h-3 w-3 text-muted-foreground transition-transform ${a?`rotate-180`:``}`})]}):P(`span`,{className:e(c?`RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]`:`RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B] p-1`),children:t.label}),t.tooltip&&P(E,{content:F(N,{children:[P(`span`,{dangerouslySetInnerHTML:{__html:i(t.tooltip)}}),` `,t.zendeskId&&P(f,{zendeskId:Number(t.zendeskId),children:`Learn more`})]}),children:P(`button`,{className:`RemoteFlows__BreakdownList__InfoButton p-1 hover:bg-gray-100 rounded`,children:P(R,{className:e(`RemoteFlows__BreakdownList__InfoButton__Icon text-muted-foreground`,c?`h-3 w-3`:`h-4 w-4`)})})})]}),n?F(N,{children:[P(`span`,{"data-testid":t.dataSelector&&t.dataSelector+`-employee-amount`,className:e(`RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right`,c?`RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]`:`RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]`),children:t.regionalAmount||`—`}),P(`span`,{"data-testid":t.dataSelector&&t.dataSelector+`-employer-amount`,className:e(`RemoteFlows__BreakdownList__EmployerAmountText text-sm text-right`,c?`RemoteFlows__BreakdownList__EmployerAmountText--Nested text-[#71717A]`:`RemoteFlows__BreakdownList__EmployerAmountText--NotNested text-[#09090B]`),children:t.employerAmount||`—`})]}):P(`span`,{"data-testid":t.dataSelector,className:e(`RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right`,c?`RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]`:`RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]`),children:t.regionalAmount||`—`})]}),s&&a&&P(`div`,{className:`mt-1`,children:P($,{items:t.children,isMultipleCurrency:n,level:r+1})})]})}function $({items:t,isMultipleCurrency:n,className:r,level:i}){return P(`ul`,{className:e(`RemoteFlows__BreakdownList list-none`,r),children:t.map((e,t)=>P(He,{item:e,isMultipleCurrency:n,level:i},t))})}const Ue=({estimation:e,title:t,components:n,onDelete:r,onExportPdf:i,onEdit:a})=>{let o=n?.HiringSection||ze,c=n?.OnboardingTimeline||Re,u=n?.Header||Ie,d=n?.Footer,f=Le(),p=e.employer_currency_costs.currency.code!==e.regional_currency_costs.currency.code,m=e.employer_currency_costs.monthly_management_fee,h=e.region.code!==e.country.code,g=l(e.regional_currency_costs.annual_gross_salary,e.regional_currency_costs.currency.code);return F(T,{className:`RemoteFlows__EstimationResults__Card p-10`,children:[P(`div`,{className:`RemoteFlows__Separator`,children:P(u,{title:t,annualGrossSalary:g,region:h?e.region:void 0,country:e.country,onDelete:r,onExportPdf:i,onEdit:a})}),F(`div`,{className:`RemoteFlows__Separator`,children:[P(Be,{isMultipleCurrency:p,className:`mb-3`}),P(Ve,{label:`Monthly total cost`,amounts:p?[l(e.regional_currency_costs.monthly_total,e.regional_currency_costs.currency.code),l(e.employer_currency_costs.monthly_total,e.employer_currency_costs.currency.code)]:l(e.regional_currency_costs.monthly_total,e.regional_currency_costs.currency.code),children:P($,{items:[{label:`Gross monthly salary`,regionalAmount:l(e.regional_currency_costs.monthly_gross_salary,e.regional_currency_costs.currency.code),employerAmount:l(e.employer_currency_costs.monthly_gross_salary,e.employer_currency_costs.currency.code),zendeskId:s.extraPayments.toString(),tooltip:`This country respects extra payments on top of the gross salary.`},{label:`Mandatory employer costs`,regionalAmount:l(e.regional_currency_costs.monthly_contributions_total,e.regional_currency_costs.currency.code),employerAmount:l(e.employer_currency_costs.monthly_contributions_total,e.employer_currency_costs.currency.code),children:e.employer_currency_costs.monthly_contributions_breakdown?.map((t,n)=>({label:t.name,regionalAmount:l(e.regional_currency_costs.monthly_contributions_breakdown?.[n]?.amount,e.regional_currency_costs.currency.code),employerAmount:l(t.amount,e.employer_currency_costs.currency.code),zendeskId:t.zendesk_article_id||void 0,tooltip:t.description||void 0}))||[]},{label:`Benefits`,regionalAmount:l(e.regional_currency_costs.monthly_benefits_total,e.regional_currency_costs.currency.code),employerAmount:l(e.employer_currency_costs.monthly_benefits_total,e.employer_currency_costs.currency.code),children:e.employer_currency_costs.monthly_benefits_breakdown?.map((t,n)=>({label:t.name,regionalAmount:l(e.regional_currency_costs.monthly_benefits_breakdown?.[n]?.amount,e.regional_currency_costs.currency.code),employerAmount:l(t.amount,e.employer_currency_costs.currency.code),zendeskId:t.zendesk_article_id||void 0,tooltip:t.description||void 0}))||[]},...m?[{label:`Monthly fee`,regionalAmount:l(e.regional_currency_costs.monthly_management_fee,e.regional_currency_costs.currency.code),employerAmount:l(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})})]}),P(`div`,{className:`RemoteFlows__Separator`,children:P(Ve,{label:`Annual total cost`,amounts:p?[l(e.regional_currency_costs.annual_total,e.regional_currency_costs.currency.code),l(e.employer_currency_costs.annual_total,e.employer_currency_costs.currency.code)]:l(e.regional_currency_costs.annual_total,e.regional_currency_costs.currency.code),children:P($,{items:[{label:`Gross annual salary`,dataSelector:`annual-gross-salary`,regionalAmount:l(e.regional_currency_costs.annual_gross_salary,e.regional_currency_costs.currency.code),employerAmount:l(e.employer_currency_costs.annual_gross_salary,e.employer_currency_costs.currency.code)},{label:`Mandatory employer costs`,regionalAmount:l(e.regional_currency_costs.annual_contributions_total,e.regional_currency_costs.currency.code),employerAmount:l(e.employer_currency_costs.annual_contributions_total,e.employer_currency_costs.currency.code),children:e.employer_currency_costs.annual_contributions_breakdown?.map((t,n)=>({label:t.name,regionalAmount:l(e.regional_currency_costs.annual_contributions_breakdown?.[n]?.amount,e.regional_currency_costs.currency.code),employerAmount:l(t.amount,e.employer_currency_costs.currency.code),zendeskId:t.zendesk_article_id||void 0,tooltip:t.description||void 0}))||[]},{label:`Benefits`,regionalAmount:l(e.regional_currency_costs.annual_benefits_total,e.regional_currency_costs.currency.code),employerAmount:l(e.employer_currency_costs.annual_benefits_total,e.employer_currency_costs.currency.code),children:e.employer_currency_costs.annual_benefits_breakdown?.map((t,n)=>({label:t.name,regionalAmount:l(e.regional_currency_costs.annual_benefits_breakdown?.[n]?.amount,e.regional_currency_costs.currency.code),employerAmount:l(t.amount,e.employer_currency_costs.currency.code),zendeskId:t.zendesk_article_id||void 0,tooltip:t.description||void 0}))||[]},{label:`Extra statutory payments`,regionalAmount:l(e.regional_currency_costs.extra_statutory_payments_total,e.regional_currency_costs.currency.code),employerAmount:l(e.employer_currency_costs.extra_statutory_payments_total,e.employer_currency_costs.currency.code),children:e.employer_currency_costs.extra_statutory_payments_breakdown?.map((t,n)=>({label:t.name,regionalAmount:l(e.regional_currency_costs.extra_statutory_payments_breakdown?.[n]?.amount,e.regional_currency_costs.currency.code),employerAmount:l(t.amount,e.employer_currency_costs.currency.code),zendeskId:t.zendesk_article_id||void 0,tooltip:t.description||void 0}))||[]},...m?[{label:`Annual fee`,regionalAmount:l(e.regional_currency_costs.annual_management_fee,e.regional_currency_costs.currency.code),employerAmount:l(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})})}),P(`div`,{className:`RemoteFlows__Separator`,children:P(c,{minimumOnboardingDays:e.minimum_onboarding_time,data:f})}),P(o,{countryBenefitsUrl:e.country_benefits_details_url,countryGuideUrl:e.country_guide_url,country:e.country}),d&&P(d,{})]})},We=e=>{if(e.length<2)return{currency:null,costsPerCountry:[],employeesCost:null};let t=e[0]?.employer_currency_costs.currency,n=e.reduce((e,t)=>{let n=t.country.name;return e[n]={country:t.country,monthlyTotal:(e[n]?.monthlyTotal||0)+t.employer_currency_costs.monthly_total,annualTotal:(e[n]?.annualTotal||0)+t.employer_currency_costs.annual_total},e},{});return{currency:t,costsPerCountry:Object.values(n).map(({country:e,monthlyTotal:n,annualTotal:r})=>({country:e,monthlyCost:l(n,t.code),annualCost:l(r,t.code)})),employeesCost:{monthlyTotal:l(e.reduce((e,t)=>e+t.employer_currency_costs.monthly_total,0),t.code),annualTotal:l(e.reduce((e,t)=>e+t.employer_currency_costs.annual_total,0),t.code)}}},Ge=({currency:e,title:t})=>P(`div`,{className:`RemoteFlows__SummaryResults__Header flex items-center justify-between w-full`,children:F(`div`,{className:`RemoteFlows__SummaryHeader__Container flex flex-row items-center gap-6`,children:[P(`div`,{className:`RemoteFlows__SummaryHeader__IconContainer flex h-12 w-12 items-center justify-center rounded-lg bg-[#F4F4F5]`,children:P(ae,{className:`RemoteFlows__SummaryHeader__Icon h-6 w-6 text-[#000000]`})}),F(`div`,{className:`RemoteFlows__SummaryHeader__Content space-y-1`,children:[P(`h2`,{className:`RemoteFlows__SummaryHeader__Title text-lg font-medium leading-none text-[#181818]`,children:t}),F(`p`,{className:`RemoteFlows__SummaryHeader__Currency text-xs text-[#71717A]`,children:[`Employer billing currency: `,e.code]})]})]})}),Ke=({label:t,columns:n,rows:r,defaultValue:i=`accordion`,className:a})=>{let o=n.length===1?`grid-cols-2`:`grid-cols-3`;return P(Y,{collapsible:!0,defaultValue:i,className:e(`RemoteFlows__SummaryResults__MultiColumnAccordion w-full`,a),children:F(X,{value:i,className:`RemoteFlows__SummaryResults__AccordionItem border-none`,children:[P(Z,{className:`RemoteFlows__SummaryResults__AccordionTrigger hover:no-underline px-0 py-3 [&>svg]:hidden group`,children:F(`div`,{className:e(`RemoteFlows__SummaryResults__AccordionHeader grid items-center w-full`,o),children:[F(`div`,{className:`RemoteFlows__SummaryResults__AccordionHeader__LabelContainer flex items-center gap-2`,children:[t,P(I,{className:`RemoteFlows__SummaryResults__ChevronDown h-4 w-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180`})]}),n.length===1?P(`span`,{className:`RemoteFlows__SummaryResults__ColumnHeader text-xs text-[#27272A] text-right`,children:n[0]}):n.map((e,t)=>P(`span`,{className:`RemoteFlows__SummaryResults__ColumnHeader text-xs text-[#27272A] text-right`,children:e},t))]})}),P(Q,{className:`RemoteFlows__SummaryResults__AccordionContent px-0 pb-4`,children:P(`div`,{className:`RemoteFlows__SummaryResults__AccordionRows space-y-3`,children:r.map((t,r)=>F(`div`,{className:e(`RemoteFlows__SummaryResults__AccordionRow grid items-center`,o),children:[P(`div`,{className:`flex items-center gap-2`,children:t.label}),n.length===1?P(`span`,{className:`RemoteFlows__SummaryResults__RowValue text-sm text-[#09090B] text-right`,children:t.values[0]}):t.values.map((e,t)=>P(`span`,{className:`RemoteFlows__SummaryResults__RowValue text-sm text-[#09090B] text-right`,children:e},t))]},r))})})]})})},qe=({employeesCost:e})=>P(Ke,{label:P(`span`,{className:`RemoteFlows__CostForAllEmployees__Label text-sm font-medium text-[#0F172A]`,children:`Cost for all employees`}),columns:[`Total cost`],rows:[{label:F(N,{children:[P(`span`,{className:`RemoteFlows__CostForAllEmployees__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0`}),P(`span`,{className:`RemoteFlows__CostForAllEmployees__MonthlyLabel text-sm text-[#09090B]`,children:`Monthly cost`})]}),values:[e.monthlyTotal]},{label:F(N,{children:[P(`span`,{className:`RemoteFlows__CostForAllEmployees__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0`}),P(`span`,{className:`RemoteFlows__CostForAllEmployees__AnnualLabel text-sm text-[#09090B]`,children:`Annual cost`})]}),values:[e.annualTotal]}],defaultValue:`cost-breakdown`}),Je=({costsPerCountry:e})=>P(Ke,{label:P(`span`,{className:`RemoteFlows__CostsPerCountry__Label text-sm font-medium text-[#0F172A]`,children:`Cost per country`}),columns:[`Monthly cost`,`Annual cost`],rows:e.map(e=>({label:F(N,{children:[P(`span`,{className:`RemoteFlows__CostsPerCountry__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0`}),P(`span`,{className:`RemoteFlows__CostsPerCountry__CountryName text-sm text-[#09090B]`,children:e.country.name})]}),values:[e.monthlyCost,e.annualCost]})),defaultValue:`country-breakdown`}),Ye=({estimations:t})=>{let{currency:n,costsPerCountry:r,employeesCost:i}=We(t),[a,o]=M(`summary`);return!n||r.length===0||Object.keys(i).length===0?null:P(T,{className:`RemoteFlows__SummaryResults__Card p-10`,children:P(Y,{collapsible:!0,defaultValue:a,onValueChange:e=>o(e),className:`RemoteFlows__SummaryResults__Accordion w-full`,children:F(X,{value:`summary`,className:`RemoteFlows__SummaryResults__AccordionItem border-border`,children:[P(`div`,{className:e(`RemoteFlows__SummaryResults__AccordionTriggerContainer`,{RemoteFlows__Separator:!!a}),children:P(Z,{iconClassName:`size-6`,className:`RemoteFlows__SummaryResults__MainAccordionTrigger hover:no-underline px-0 py-4`,children:P(Ge,{currency:n,title:`Summary Overview`})})}),F(Q,{className:`RemoteFlows__SummaryResults__MainAccordionContent px-0 pb-4 mt-6`,children:[P(`div`,{className:`RemoteFlows__Separator`,children:P(qe,{employeesCost:i})}),P(`div`,{className:`RemoteFlows__SummaryResults__CostsPerCountryContainer mt-6`,children:P(Je,{costsPerCountry:r})})]})]})})})};export{De as a,ye as c,Oe as i,ve as l,Ue as n,Ee as o,ke as r,we as s,Ye as t,me as u};
+//# sourceMappingURL=CostCalculator-CoUCw59l.js.map

package/dist/CostCalculator-CoUCw59l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostCalculator-CoUCw59l.js","names":["React"],"sources":["../src/flows/CostCalculator/context.ts","../src/flows/CostCalculator/jsonSchema.ts","../src/flows/CostCalculator/constants.ts","../src/flows/CostCalculator/utils.ts","../src/flows/CostCalculator/api.ts","../src/flows/CostCalculator/components/SalaryField.tsx","../src/flows/CostCalculator/hooks.tsx","../src/flows/CostCalculator/CostCalculatorFlow.tsx","../src/flows/CostCalculator/CostCalculatorForm.tsx","../src/flows/CostCalculator/CostCalculatorSubmitButton.tsx","../src/flows/CostCalculator/CostCalculatorResetButton.tsx","../src/components/shared/actions-dropdown/ActionsDropdown.tsx","../src/components/ui/accordion.tsx","../src/flows/CostCalculator/EstimationResults/EstimationResults.tsx","../src/flows/CostCalculator/SummaryResults/SummaryResults.tsx"],"sourcesContent":["import { useCostCalculator } from '@/src/flows/CostCalculator/hooks';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\nimport { createContext, useContext } from 'react';\nimport { UseFormReturn } from 'react-hook-form';\n\nexport const CostCalculatorContext = createContext<{\n  form: UseFormReturn<$TSFixMe> | null;\n  formId: string | undefined;\n  costCalculatorBag?: ReturnType<typeof useCostCalculator>;\n}>({\n  form: null,\n  formId: undefined,\n  costCalculatorBag: undefined,\n});\n\nexport const useCostCalculatorContext = () => {\n  const context = useContext(CostCalculatorContext);\n  if (!context.form) {\n    throw new Error(\n      'useCostCalculatorContext must be used within a CostCalculatorProvider',\n    );\n  }\n\n  return {\n    form: context.form,\n    formId: context.formId,\n    costCalculatorBag: context.costCalculatorBag,\n  } as const;\n};\n","export const jsonSchema = {\n  data: {\n    version: 7,\n    schema: {\n      'x-rmt-meta': { jsfOldVersion: true },\n      additionalProperties: false,\n      properties: {\n        country: {\n          title: 'Country',\n          description: '',\n          type: 'string',\n          oneOf: [],\n          'x-jsf-presentation': {\n            inputType: 'select',\n          },\n        },\n        region: {\n          title: 'Region',\n          description: '',\n          type: 'string',\n          oneOf: [],\n          'x-jsf-presentation': {\n            inputType: 'select',\n          },\n        },\n        currency: {\n          title: 'Currency',\n          description: '',\n          type: 'string',\n          oneOf: [],\n          'x-jsf-presentation': {\n            inputType: 'select',\n          },\n        },\n        currency_statement: {\n          type: 'null',\n          title: 'Company statement',\n          'x-jsf-presentation': {\n            inputType: 'hidden',\n            hidden: true,\n            statement: {\n              title: '<TITLE_PLACEHOLDER>',\n              description: '<DESCRIPTION_PLACEHOLDER>',\n              inputType: 'statement',\n              severity: 'warning',\n            },\n            meta: {\n              ignoreValue: true,\n            },\n          },\n        },\n        hiring_budget: {\n          title: 'How would you like to estimate the cost of hiring?',\n          enum: ['employee_annual_salary', 'my_hiring_budget'],\n          type: 'string',\n          oneOf: [\n            {\n              title: \"With the employee's annual salary\",\n              const: 'employee_annual_salary',\n            },\n            {\n              title: 'With my hiring budget for this role',\n              const: 'my_hiring_budget',\n            },\n          ],\n          'x-jsf-presentation': {\n            inputType: 'radio',\n          },\n        },\n        salary: {\n          description: '',\n          title: 'Salary',\n          type: 'integer',\n          'x-jsf-presentation': {\n            inputType: 'money',\n          },\n        },\n        estimation_title: {\n          title: 'Estimation title',\n          description: 'Employee title. e.g; \"Software Engineer\".',\n          type: 'string',\n          'x-jsf-presentation': {\n            inputType: 'text',\n            hidden: true,\n          },\n        },\n        salary_conversion: {\n          description: '',\n          title: 'Salary',\n          type: 'integer',\n          'x-jsf-presentation': {\n            inputType: 'money',\n            hidden: true,\n          },\n        },\n        salary_converted: {\n          description:\n            'Whether the salary is expressed in regional or employer currency',\n          title: 'Salary in employer currency',\n          type: 'string',\n          'x-jsf-presentation': {\n            inputType: 'hidden',\n            hidden: true,\n          },\n        },\n        management: {\n          title: 'Management fee',\n          type: 'object',\n          properties: {\n            management_fee: {\n              title: 'Desired monthly management fee',\n              type: 'integer',\n              'x-jsf-presentation': {\n                inputType: 'money',\n              },\n            },\n            _expanded: {\n              type: 'boolean',\n              default: false,\n              'x-jsf-presentation': {\n                inputType: 'hidden',\n                hidden: true,\n              },\n            },\n          },\n          'x-jsf-presentation': {\n            inputType: 'fieldset',\n            hidden: true,\n          },\n        },\n      },\n      required: [\n        'country',\n        'currency',\n        'salary',\n        'salary_conversion',\n        'salary_converted',\n      ],\n      type: 'object',\n      'x-jsf-order': [\n        'country',\n        'region',\n        'currency',\n        'currency_statement',\n        'salary',\n        'estimation_title',\n        'management',\n      ],\n    },\n  },\n};\n","export const BASE_RATES = {\n  AUD: 106900,\n  CAD: 94500,\n  CHF: 61500,\n  DKK: 482500,\n  EUR: 64500,\n  GBP: 55900,\n  JPY: 10500000,\n  NOK: 734000,\n  NZD: 115500,\n  SEK: 727000,\n  SGD: 94000,\n  USD: 69900,\n};\n","import type {\n  CostCalculatorEmploymentParam,\n  CostCalculatorEstimateParams,\n} from '@/src/client';\n\nimport { $TSFixMe } from '@/src/types/remoteFlows';\nimport { AnyObjectSchema, number, object } from 'yup';\nimport { CostCalculatorVersion, defaultEstimationOptions } from './hooks';\nimport type {\n  CostCalculatorEstimationOptions,\n  CostCalculatorEstimationSubmitValues,\n  CurrencyKey,\n} from './types';\nimport { BASE_RATES } from '@/src/flows/CostCalculator/constants';\n\n/**\n * Build the validation schema for the form.\n * @returns\n */\nexport function buildValidationSchema(\n  fields: $TSFixMe[],\n  employerBillingCurrency: string,\n  includeEstimationTitle?: boolean,\n) {\n  const fieldsSchema = fields.reduce<Record<string, AnyObjectSchema>>(\n    (fieldsSchemaAcc, field) => {\n      // Special handling for salary fields\n      if (field.name === 'salary' || field.name === 'salary_conversion') {\n        fieldsSchemaAcc[field.name] = (field.schema as AnyObjectSchema).when(\n          'salary_converted',\n          {\n            is: (val: string | null) => val === field.name,\n            then: (schema) => schema.required('Required field'),\n            otherwise: (schema) => schema.optional(),\n          },\n        );\n      } else if (field.name === 'management') {\n        fieldsSchemaAcc[field.name] = object({\n          management_fee: number()\n            .transform((value) => {\n              return isNaN(value) ? undefined : value;\n            })\n            .min(0, 'Management fee must be greater than or equal to 0')\n            .max(\n              employerBillingCurrency\n                ? BASE_RATES[employerBillingCurrency as CurrencyKey]\n                : BASE_RATES.USD,\n              () => {\n                const maxValue = employerBillingCurrency\n                  ? BASE_RATES[employerBillingCurrency as CurrencyKey]\n                  : BASE_RATES.USD;\n                const displayValue = maxValue / 100;\n                return `Management fee cannot exceed ${displayValue} ${employerBillingCurrency}`;\n              },\n            ),\n        });\n      } else if (field.name === 'estimation_title' && includeEstimationTitle) {\n        // Make estimation_title required when includeEstimationTitle is true\n        fieldsSchemaAcc[field.name] = (\n          field.schema as AnyObjectSchema\n        ).required('Required field');\n      } else {\n        fieldsSchemaAcc[field.name] = field.schema as AnyObjectSchema;\n      }\n      return fieldsSchemaAcc;\n    },\n    {},\n  );\n  return object(fieldsSchema) as AnyObjectSchema;\n}\n\n/**\n * Format the benefits to the expected format by the API.\n * @param benefits\n * @returns\n */\nfunction formatBenefits(benefits: Record<string, string>) {\n  const needle = 'benefit-';\n  return Object.keys(benefits).reduce<\n    Array<{ benefit_group_slug: string; benefit_tier_slug: string }>\n  >((acc, key) => {\n    const benefitTierSlug = benefits[key];\n    if (benefitTierSlug === 'none') {\n      return acc;\n    }\n    const benefitGroupSlug = key.replace(needle, '');\n    const benefitEntry = {\n      benefit_group_slug: benefitGroupSlug,\n      benefit_tier_slug: benefitTierSlug,\n    };\n    return [...acc, benefitEntry];\n  }, []);\n}\n\nfunction mapValueToEmployment(\n  value: CostCalculatorEstimationSubmitValues,\n  estimationOptions: CostCalculatorEstimationOptions,\n  version: CostCalculatorVersion,\n): CostCalculatorEmploymentParam {\n  const managementFee = Number(value.management?.management_fee);\n  const currencyCode = value.currency_code;\n\n  const base: CostCalculatorEmploymentParam = {\n    region_slug: value.region || value.country,\n    employment_term: value.contract_duration_type ?? 'fixed',\n    title: value.estimation_title || estimationOptions.title,\n    age: value.age ?? undefined,\n    ...(value.benefits && { benefits: formatBenefits(value.benefits) }),\n    ...(estimationOptions.includeManagementFee &&\n      managementFee && {\n        discount: {\n          quoted_amount: estimationOptions.showManagementFee\n            ? managementFee\n            : BASE_RATES[currencyCode as keyof typeof BASE_RATES] ||\n              BASE_RATES.USD,\n          text: '',\n        },\n      }),\n  };\n\n  return {\n    ...base,\n    ...getSalaryFields(value, version),\n  };\n}\n\nfunction getSalaryFields(\n  value: CostCalculatorEstimationSubmitValues,\n  version: CostCalculatorVersion,\n): Partial<CostCalculatorEmploymentParam> {\n  const isMarketing =\n    version === 'marketing' || value.salary_converted === 'salary_conversion';\n  const isStandard =\n    version === 'standard' && value.salary_converted === 'salary';\n  const useHiringBudget = value.hiring_budget === 'my_hiring_budget';\n\n  if (isMarketing) {\n    const useEmployerCurrency = value.salary_converted === 'salary_conversion';\n    return useHiringBudget\n      ? {\n          annual_total_cost_in_employer_currency: value.salary,\n        }\n      : {\n          [useEmployerCurrency\n            ? 'annual_gross_salary_in_employer_currency'\n            : 'annual_gross_salary']: value.salary,\n        };\n  }\n\n  if (isStandard) {\n    return useHiringBudget\n      ? {\n          annual_total_cost: value.salary,\n        }\n      : {\n          annual_gross_salary: value.salary,\n        };\n  }\n\n  return {};\n}\n\n/**\n * Build the payload for the cost calculator estimation.\n * @param values\n * @param estimationOptions\n * @returns\n */\nexport function buildPayload(\n  values:\n    | CostCalculatorEstimationSubmitValues\n    | CostCalculatorEstimationSubmitValues[],\n  estimationOptions: CostCalculatorEstimationOptions = defaultEstimationOptions,\n  version: CostCalculatorVersion = 'standard',\n): CostCalculatorEstimateParams {\n  const employments = Array.isArray(values) ? values : [values];\n\n  if (employments.length === 0) {\n    throw new Error('At least one employment value is required');\n  }\n\n  if (employments.length > 1) {\n    const currencies = new Set(employments.map((v) => v.currency));\n    if (currencies.size > 1) {\n      console.warn(\n        'Multiple currencies detected in array. Using currency from first employment.',\n      );\n    }\n  }\n\n  return {\n    employer_currency_slug: employments[0].currency,\n    include_benefits: estimationOptions.includeBenefits,\n    include_cost_breakdowns: estimationOptions.includeCostBreakdowns,\n    include_premium_benefits: estimationOptions.includePremiumBenefits,\n    include_management_fee: estimationOptions.includeManagementFee,\n    employments: employments.map((value) =>\n      mapValueToEmployment(value, estimationOptions, version),\n    ),\n  };\n}\n","import { createHeadlessForm } from '@/src/common/createHeadlessForm';\nimport {\n  CostCalculatorEstimateParams,\n  getV1CompanyCurrencies,\n  getV1CostCalculatorCountries,\n  getV1CostCalculatorRegionsSlugFields,\n  postV1CostCalculatorEstimation,\n  postV1CostCalculatorEstimationCsv,\n  postV1CostCalculatorEstimationPdf,\n} from '@/src/client';\nimport { Client } from '@/src/client/client';\nimport { useClient } from '@/src/context';\nimport { useMutation, useQuery } from '@tanstack/react-query';\nimport { CostCalculatorEstimationOptions } from '@/src/flows/CostCalculator/types';\nimport { JSFModify } from '@/src/flows/types';\n\n/**\n * Hook to fetch the countries for the cost calculator.\n * @returns\n */\nexport const useCostCalculatorCountries = ({\n  includePremiumBenefits,\n}: {\n  includePremiumBenefits: CostCalculatorEstimationOptions['includePremiumBenefits'];\n}) => {\n  const { client } = useClient();\n  return useQuery({\n    queryKey: ['cost-calculator-countries', includePremiumBenefits],\n    queryFn: () => {\n      return getV1CostCalculatorCountries({\n        client: client as Client,\n        query: {\n          include_premium_benefits: includePremiumBenefits,\n        },\n      });\n    },\n    select: (data) =>\n      data.data?.data\n        .filter((country) => country.availability === 'active')\n        .map((country) => ({\n          value: country.region_slug,\n          label: country.name,\n          childRegions: country.child_regions,\n          hasAdditionalFields: country.has_additional_fields,\n          regionSlug: country.region_slug,\n          currency: country.currency.code,\n        })),\n  });\n};\n\n/**\n * Hook to fetch the company currencies.\n * @returns\n */\nexport const useCompanyCurrencies = () => {\n  const { client } = useClient();\n\n  return useQuery({\n    queryKey: ['company-currencies'],\n    queryFn: () => {\n      return getV1CompanyCurrencies({\n        client: client as Client,\n      });\n    },\n    select: (data) =>\n      data.data?.data?.company_currencies.map((currency) => ({\n        value: currency.slug,\n        label: currency.code,\n      })),\n  });\n};\n\n/**\n * Hook to create an estimation.\n * @returns\n */\nexport const useCostCalculatorEstimation = () => {\n  const { client } = useClient();\n\n  return useMutation({\n    mutationFn: (payload: CostCalculatorEstimateParams) => {\n      return postV1CostCalculatorEstimation({\n        client: client as Client,\n        body: payload,\n      });\n    },\n  });\n};\n\n/**\n * Custom hook to create a PDF estimation.\n *\n * @returns\n */\nexport const useCostCalculatorEstimationPdf = () => {\n  const { client } = useClient();\n\n  return useMutation({\n    mutationFn: (payload: CostCalculatorEstimateParams) => {\n      return postV1CostCalculatorEstimationPdf({\n        client: client as Client,\n        body: payload,\n      });\n    },\n  });\n};\n\n/**\n * Custom hook to create a CSV estimation.\n *\n * @returns\n */\nexport const useCostCalculatorEstimationCsv = () => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: (payload: CostCalculatorEstimateParams) => {\n      return postV1CostCalculatorEstimationCsv({\n        client: client as Client,\n        body: payload,\n      });\n    },\n  });\n};\n\n/**\n * Hook to fetch the region fields.\n * @param region\n * @returns\n */\nexport const useRegionFields = (\n  region: string | undefined,\n  {\n    includePremiumBenefits,\n    options,\n  }: {\n    includePremiumBenefits: CostCalculatorEstimationOptions['includePremiumBenefits'];\n    options?: {\n      jsfModify?: JSFModify;\n    };\n  },\n) => {\n  const { client } = useClient();\n\n  return useQuery({\n    queryKey: ['cost-calculator-region-fields', region, includePremiumBenefits],\n    queryFn: () => {\n      return getV1CostCalculatorRegionsSlugFields({\n        client: client as Client,\n        path: { slug: region as string },\n        query: {\n          include_premium_benefits: includePremiumBenefits,\n        },\n      });\n    },\n    enabled: !!region,\n    select: ({ data }) => {\n      const jsfSchema = data?.data?.schema || {};\n      return createHeadlessForm(jsfSchema, undefined, options);\n    },\n  });\n};\n","import { CurrencyConversionField } from '@/src/components/form/fields/CurrencyConversionField';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\nimport { zendeskArticles } from '@/src/components/shared/zendesk-drawer/utils';\nimport { JSFField } from '@/src/types/remoteFlows';\nimport { useEffect } from 'react';\nimport { useFormContext } from 'react-hook-form';\n\ntype SalaryFieldProps = JSFField & {\n  currencies: {\n    from: string;\n    to: string;\n  };\n  salary_conversion_properties?: {\n    label?: string;\n    description?: string;\n  };\n  conversionType?: 'spread' | 'no_spread';\n  shouldSwapOrder: boolean;\n  defaultValue?: string;\n  splitDescription?: boolean;\n};\n\nexport const SalaryField = ({\n  currencies: { from, to },\n  shouldSwapOrder,\n  salary_conversion_properties,\n  conversionType = 'no_spread',\n  defaultValue,\n  splitDescription,\n  ...props\n}: SalaryFieldProps) => {\n  const { setValue, getValues } = useFormContext();\n\n  const conversionProperties = {\n    label: salary_conversion_properties?.label || 'Salary conversion',\n    description: salary_conversion_properties?.description || (\n      <>\n        The conversion is based on the Remote FX rate.{' '}\n        <ZendeskTriggerButton\n          className='text-sm'\n          zendeskId={zendeskArticles.remoteFxRate}\n        >\n          Learn more ↗\n        </ZendeskTriggerButton>\n      </>\n    ),\n  };\n\n  const mainFieldName = shouldSwapOrder ? 'salary_conversion' : props.name;\n  const conversionFieldName = shouldSwapOrder\n    ? props.name\n    : 'salary_conversion';\n\n  useEffect(() => {\n    if (shouldSwapOrder) {\n      const currentValue = getValues(props.name);\n\n      if (currentValue) {\n        setValue('salary_conversion', currentValue);\n        setValue('salary_converted', 'salary_conversion');\n      } else if (defaultValue) {\n        // Fallback to defaultValue if no current value\n        setValue('salary_conversion', defaultValue);\n        setValue('salary_converted', 'salary_conversion');\n      }\n    } else {\n      const conversionValue = getValues('salary_conversion');\n\n      if (conversionValue) {\n        setValue(props.name, conversionValue);\n        setValue('salary_converted', props.name);\n      } else if (defaultValue) {\n        // Fallback to defaultValue if no conversion value\n        setValue(props.name, defaultValue);\n        setValue('salary_converted', props.name);\n      }\n    }\n  }, [shouldSwapOrder, defaultValue, setValue, getValues, props.name]);\n  return (\n    <CurrencyConversionField\n      {...props}\n      sourceCurrency={from}\n      targetCurrency={to}\n      mainFieldName={mainFieldName}\n      conversionFieldName={conversionFieldName}\n      conversionProperties={conversionProperties}\n      classNamePrefix='RemoteFlows-Salary'\n      conversionType={conversionType}\n      splitDescription={splitDescription}\n    />\n  );\n};\n","import { MinimalRegion } from '@/src/client';\nimport { jsonSchema } from '@/src/flows/CostCalculator/jsonSchema';\nimport type {\n  CostCalculatorEstimationFormValues,\n  CostCalculatorEstimationOptions,\n  CostCalculatorEstimationSubmitValues,\n  UseCostCalculatorOptions,\n} from '@/src/flows/CostCalculator/types';\nimport type { JSFModify } from '@/src/flows/types';\n\nimport { parseJSFToValidate } from '@/src/components/form/utils';\nimport { iterateErrors } from '@/src/components/form/validationResolver';\nimport { createHeadlessForm } from '@/src/common/createHeadlessForm';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { string, ValidationError } from 'yup';\nimport { buildPayload, buildValidationSchema } from './utils';\nimport {\n  useCompanyCurrencies,\n  useCostCalculatorCountries,\n  useCostCalculatorEstimation,\n  useRegionFields,\n} from '@/src/flows/CostCalculator/api';\nimport { $TSFixMe, JSFField, Meta } from '@/src/types/remoteFlows';\nimport { SalaryField } from '@/src/flows/CostCalculator/components/SalaryField';\nimport {\n  FieldSetField,\n  FieldSetProps,\n} from '@/src/components/form/fields/FieldSetField';\nimport { mutationToPromise } from '@/src/lib/mutations';\nexport type CostCalculatorVersion = 'standard' | 'marketing';\n\ntype CostCalculatorCountry = {\n  value: string;\n  label: string;\n  childRegions: MinimalRegion[];\n  hasAdditionalFields: boolean | undefined;\n  regionSlug: string;\n  currency: string;\n};\n\ntype JSFValidationError = {\n  formErrors: Record<\n    string,\n    {\n      type: string;\n      message: string;\n    }\n  >;\n  yupError: ValidationError;\n};\n\nexport const defaultEstimationOptions: CostCalculatorEstimationOptions = {\n  title: 'Estimation',\n  includeBenefits: false,\n  includeCostBreakdowns: false,\n  includePremiumBenefits: false,\n  enableCurrencyConversion: false,\n  includeEstimationTitle: false,\n  includeManagementFee: false,\n};\n\ntype UseCostCalculatorParams = {\n  /**\n   * The default region slug to preselect a country and a region.\n   */\n  defaultRegion?: string;\n  /**\n   * The default currency slug to preselect a currency.\n   */\n  defaultCurrency?: string;\n\n  /**\n   * The default salary to preselect a salary.\n   */\n  defaultSalary?: string;\n  /**\n   * The estimation options.\n   */\n  estimationOptions: CostCalculatorEstimationOptions;\n  options?: UseCostCalculatorOptions;\n  version?: CostCalculatorVersion;\n};\n\nconst useStaticSchema = (options?: { jsfModify?: JSFModify }) => {\n  return createHeadlessForm(jsonSchema.data.schema, undefined, options);\n};\n\ntype HiringBudget = 'my_hiring_budget' | 'employee_annual_salary';\n\nfunction getSalaryTitle(\n  salaryField: unknown,\n  hiringBudget?: HiringBudget,\n): string {\n  if (\n    typeof salaryField === 'object' &&\n    salaryField !== null &&\n    'title' in salaryField\n  ) {\n    const title = (salaryField as { title?: string }).title;\n    if (title) return title;\n  }\n  return hiringBudget === 'my_hiring_budget'\n    ? 'Hiring budget'\n    : \"Employee's annual salary\";\n}\n\n/**\n * Hook to use the cost calculator.\n */\nexport const useCostCalculator = (\n  {\n    defaultRegion,\n    defaultCurrency,\n    defaultSalary,\n    estimationOptions,\n    options,\n    version,\n  }: UseCostCalculatorParams = {\n    estimationOptions: defaultEstimationOptions,\n  },\n) => {\n  const fieldsMetaRef = useRef<{\n    fields: Meta;\n  }>({\n    fields: {},\n  });\n  const [selectedRegion, setSelectedRegion] = useState<string | undefined>(\n    defaultRegion,\n  );\n  const [selectedCountry, setSelectedCountry] =\n    useState<CostCalculatorCountry>();\n  const [employerBillingCurrency, setEmployerBillingCurrency] = useState<\n    string | undefined\n  >();\n  const [hiringBudget, setHiringBudget] = useState<HiringBudget>();\n  const { data: countries, isLoading: isLoadingCountries } =\n    useCostCalculatorCountries({\n      includePremiumBenefits: estimationOptions.includePremiumBenefits,\n    });\n  const { data: currencies, isLoading: isLoadingCurrencies } =\n    useCompanyCurrencies();\n\n  const jsonSchemaRegionSlug = selectedRegion || selectedCountry?.value;\n\n  const { data: jsonSchemaRegionFields, isLoading: isLoadingRegionFields } =\n    useRegionFields(jsonSchemaRegionSlug, {\n      includePremiumBenefits: estimationOptions.includePremiumBenefits,\n      options,\n    });\n  const costCalculatorEstimationMutation = useCostCalculatorEstimation();\n  const { mutateAsync: costCalculatorEstimationMutationAsync } =\n    mutationToPromise(costCalculatorEstimationMutation);\n  const employeeBillingCurrency = selectedCountry?.currency;\n\n  const salaryField = options?.jsfModify?.fields?.salary;\n  const salaryFieldPresentation =\n    salaryField &&\n    typeof salaryField === 'object' &&\n    'presentation' in salaryField\n      ? (\n          salaryField as {\n            presentation?: {\n              salary_conversion_properties?: {\n                label?: string;\n                description?: string;\n              };\n            };\n          }\n        ).presentation\n      : undefined;\n\n  const getCurrencies = useCallback(() => {\n    const shouldSwapOrder =\n      employeeBillingCurrency && employerBillingCurrency\n        ? employeeBillingCurrency !== employerBillingCurrency\n        : false;\n\n    if (employeeBillingCurrency !== employerBillingCurrency) {\n      return {\n        from: employerBillingCurrency,\n        to: employeeBillingCurrency,\n        shouldSwapOrder,\n      };\n    }\n\n    return {\n      from: employeeBillingCurrency,\n      to: employerBillingCurrency,\n      shouldSwapOrder,\n    };\n  }, [employeeBillingCurrency, employerBillingCurrency]);\n\n  const showManagementField = estimationOptions.showManagementFee;\n  const showEstimationTitleField = estimationOptions.includeEstimationTitle;\n  const useSplitSalaryDescription =\n    options?.features?.includes('split_salary_description') ?? false;\n  const customFields = useMemo(() => {\n    const { from, to, shouldSwapOrder } = getCurrencies();\n    const salaryTitle = getSalaryTitle(salaryField, hiringBudget);\n\n    return {\n      fields: {\n        salary: {\n          ...salaryField,\n          title: salaryTitle,\n          presentation: {\n            salary_conversion_properties: {\n              label:\n                salaryFieldPresentation?.salary_conversion_properties?.label,\n              description:\n                salaryFieldPresentation?.salary_conversion_properties\n                  ?.description,\n            },\n            currencies: { from, to },\n            Component: (\n              props: JSFField & { currencies: { from: string; to: string } },\n            ) => {\n              return (\n                <SalaryField\n                  {...props}\n                  shouldSwapOrder={shouldSwapOrder}\n                  conversionType={\n                    version === 'marketing' ? 'no_spread' : 'spread'\n                  }\n                  defaultValue={defaultSalary}\n                  splitDescription={useSplitSalaryDescription}\n                />\n              );\n            },\n          },\n        },\n        hiring_budget: {\n          ...options?.jsfModify?.fields?.hiring_budget,\n          presentation: {\n            hidden: version == 'marketing',\n          },\n        },\n        management: {\n          ...options?.jsfModify?.fields?.management,\n          properties: {\n            ...(options?.jsfModify?.fields?.management as $TSFixMe)?.properties,\n            management_fee: {\n              ...(options?.jsfModify?.fields?.management as $TSFixMe)\n                ?.properties?.management_fee,\n              'x-jsf-presentation': {\n                inputType: 'money',\n                additionalProps: {\n                  currency: employerBillingCurrency || 'USD',\n                },\n              },\n            },\n          },\n          presentation: {\n            ...(typeof options?.jsfModify?.fields?.management === 'object'\n              ? (\n                  options?.jsfModify?.fields?.management as Record<\n                    string,\n                    $TSFixMe\n                  >\n                )['x-jsf-presentation']\n              : {}),\n            hidden: !showManagementField,\n            Component: (props: FieldSetProps) => {\n              return (\n                <FieldSetField\n                  {...props}\n                  variant='inset'\n                  features={{\n                    toggle: {\n                      enabled: true,\n                      stateField: 'management._expanded',\n                      labels: {\n                        expand: 'Define',\n                        collapse: 'Remove',\n                      },\n                    },\n                  }}\n                />\n              );\n            },\n          },\n        },\n        estimation_title: {\n          ...options?.jsfModify?.fields?.estimation_title,\n          'x-jsf-presentation': {\n            hidden: !showEstimationTitleField,\n          },\n        },\n      },\n    };\n  }, [\n    getCurrencies,\n    salaryField,\n    hiringBudget,\n    salaryFieldPresentation?.salary_conversion_properties?.label,\n    salaryFieldPresentation?.salary_conversion_properties?.description,\n    options?.jsfModify?.fields?.hiring_budget,\n    options?.jsfModify?.fields?.management,\n    options?.jsfModify?.fields?.estimation_title,\n    version,\n    employerBillingCurrency,\n    showManagementField,\n    showEstimationTitleField,\n    defaultSalary,\n    useSplitSalaryDescription,\n  ]);\n\n  const fieldsJSONSchema = useStaticSchema({\n    jsfModify: {\n      fields: {\n        ...options?.jsfModify?.fields,\n        ...customFields?.fields,\n      },\n    },\n  });\n\n  useEffect(() => {\n    // Initialize selectedCountry from defaultRegion\n    if (defaultRegion && countries) {\n      const defaultCountry = countries.find(\n        ({ value }) => value === defaultRegion,\n      );\n      if (defaultCountry) {\n        setSelectedCountry(defaultCountry);\n      }\n    }\n  }, [defaultRegion, countries]);\n\n  useEffect(() => {\n    // Initialize selectedCurrency from defaultCurrency\n    if (defaultCurrency && currencies) {\n      const defaultCurrencyObj = currencies.find(\n        ({ value }) => value === defaultCurrency,\n      );\n      if (defaultCurrencyObj) {\n        setEmployerBillingCurrency(defaultCurrencyObj.label);\n      }\n    }\n  }, [defaultCurrency, currencies]);\n\n  /**\n   * Submit the estimation form with the given values.\n   * @param values\n   */\n  async function onSubmit(values: CostCalculatorEstimationSubmitValues) {\n    return costCalculatorEstimationMutationAsync(\n      buildPayload(values, estimationOptions, version),\n    );\n  }\n\n  /**\n   * If the selected country has no child regions and has additional fields,\n   * set the current region to the country's region slug and fetch the region fields.\n   * @param country\n   */\n  function onCountryChange(country: string) {\n    const currentCountry = countries?.find(({ value }) => value === country);\n\n    if (\n      currentCountry &&\n      currentCountry.childRegions.length === 0 &&\n      currentCountry.hasAdditionalFields\n    ) {\n      setSelectedRegion(currentCountry.regionSlug);\n    } else {\n      setSelectedRegion(undefined);\n    }\n    setSelectedCountry(currentCountry);\n  }\n\n  /**\n   * Update the selected region and fetch the region fields.\n   * @param region\n   */\n  function onRegionChange(region: string) {\n    setSelectedRegion(region);\n  }\n\n  function onHiringBudgetChange(event: React.ChangeEvent<HTMLInputElement>) {\n    setHiringBudget(event.target.value as HiringBudget);\n  }\n\n  function onChangeCurrency(currency: string) {\n    const selectedCurrency = currencies?.find(\n      (c) => c.value === currency,\n    )?.label;\n    setEmployerBillingCurrency(selectedCurrency);\n    options?.onCurrencyChange?.(selectedCurrency || '');\n  }\n\n  const regionField = fieldsJSONSchema.fields.find(\n    (field) => field.name === 'region',\n  );\n\n  if (regionField) {\n    const regions =\n      selectedCountry?.childRegions.map((region) => ({\n        value: region.slug,\n        label: region.name,\n      })) ?? [];\n    regionField.options = regions;\n    regionField.isVisible = regions.length > 0;\n    regionField.required = regions.length > 0;\n    regionField.onChange = onRegionChange;\n    regionField.schema =\n      regions.length > 0\n        ? string()\n            .transform((value) => (typeof value === 'string' ? value : ''))\n            .required('Region is required')\n        : string();\n  }\n\n  if (currencies) {\n    const currencyField = fieldsJSONSchema.fields.find(\n      (field) => field.name === 'currency',\n    );\n    if (currencyField) {\n      currencyField.options = currencies;\n      currencyField.onChange = onChangeCurrency;\n    }\n  }\n\n  const hiringBudgetField = fieldsJSONSchema.fields.find(\n    (field) => field.name === 'hiring_budget',\n  );\n  if (hiringBudgetField) {\n    hiringBudgetField.onChange = onHiringBudgetChange;\n  }\n\n  if (countries) {\n    const countryField = fieldsJSONSchema.fields.find(\n      (field) => field.name === 'country',\n    );\n    if (countryField) {\n      countryField.options = countries;\n      countryField.onChange = onCountryChange;\n    }\n  }\n\n  const resetForm = () => {\n    setSelectedCountry(undefined);\n    setSelectedRegion(defaultRegion);\n  };\n\n  const allFields = [\n    ...fieldsJSONSchema.fields.filter((field) => field.name !== 'management'),\n    ...(jsonSchemaRegionFields?.fields || []),\n    ...fieldsJSONSchema.fields.filter((field) => field.name === 'management'),\n  ];\n\n  const validationSchema = buildValidationSchema(\n    fieldsJSONSchema.fields,\n    employerBillingCurrency || 'USD',\n    estimationOptions.includeEstimationTitle,\n  );\n\n  async function handleValidation(values: CostCalculatorEstimationFormValues) {\n    let errors: JSFValidationError | null = null;\n\n    options?.onValidation?.(values);\n    const parsedValues = await parseJSFToValidate(values, allFields);\n\n    // 1. validate static fields first using Yup validate function\n    try {\n      await validationSchema.validate(parsedValues, {\n        abortEarly: false,\n      });\n      errors = {\n        formErrors: {},\n        yupError: new ValidationError([], values),\n      };\n    } catch (error) {\n      const iterateResult = iterateErrors(error as ValidationError);\n\n      errors = {\n        // convert the errors to a format that can be used in the form\n        formErrors: Object.entries(iterateResult).reduce(\n          (acc, [key, value]) => ({ ...acc, [key]: value.message }),\n          {},\n        ),\n        yupError: error as ValidationError,\n      };\n    }\n\n    // 2. validate json schema fields using the handleValidation (from json-schema-form)\n    const handleValidationResult =\n      jsonSchemaRegionFields?.handleValidation(parsedValues);\n\n    // 3. combine the errors from both validations\n    const combinedInnerErrors = [\n      ...(errors?.yupError.inner || []),\n      ...((handleValidationResult as { yupError: ValidationError })?.yupError\n        ?.inner || []),\n    ];\n    const combinedValues = {\n      ...(errors?.yupError?.value || {}),\n      ...((handleValidationResult as { yupError: ValidationError })?.yupError\n        ?.value || {}),\n    };\n\n    return {\n      formErrors: {\n        ...(errors?.formErrors || {}),\n        ...(handleValidationResult?.formErrors || {}),\n      },\n      yupError: new ValidationError(combinedInnerErrors, combinedValues),\n    };\n  }\n\n  // WE NEED TO FIX: react-hooks/refs - Cannot access ref value during render\n  // oxlint-disable-next-line react-hooks/refs\n  return {\n    /**\n     * Current step state containing the current step and total number of steps\n     */\n    stepState: {\n      current: 0,\n      total: 1,\n      isLastStep: true,\n    },\n    /**\n     * Array of form fields from the cost calculator schema + dynamic region fields like benefits, age, etc.\n     */\n    fields: allFields,\n    /**\n     * Validation schema for the cost calculator form\n     */\n    validationSchema,\n    /**\n     * Function to parse form values before submission\n     * @param values - Form values to parse\n     * @returns Parsed form values\n     */\n    parseFormValues: async (\n      values: CostCalculatorEstimationFormValues,\n    ): Promise<CostCalculatorEstimationSubmitValues> => {\n      const {\n        country,\n        region,\n        currency,\n        salary_converted,\n        hiring_budget,\n        salary_conversion,\n        management,\n        estimation_title,\n        ...rest\n      } = values;\n\n      // If the salary has been converted, we take the one the user has inputted\n      let salary = values.salary;\n      if (salary_converted === 'salary_conversion') {\n        salary = salary_conversion;\n      }\n\n      const jsonSchemaStaticFieldValues = {\n        country,\n        region,\n        salary,\n        salary_converted,\n        salary_conversion,\n        hiring_budget,\n        currency,\n        management,\n        estimation_title,\n      };\n\n      const parsedStaticFields = await parseJSFToValidate(\n        jsonSchemaStaticFieldValues,\n        fieldsJSONSchema.fields,\n      );\n\n      const parsedRegionFields = await parseJSFToValidate(\n        rest,\n        jsonSchemaRegionFields?.fields || [],\n      );\n\n      const additionalFields = {\n        currency_code: currencies?.find((c) => c.value === currency)?.label,\n      };\n\n      return {\n        ...parsedStaticFields,\n        ...parsedRegionFields,\n        ...additionalFields,\n      } as CostCalculatorEstimationSubmitValues;\n    },\n    /**\n     * Function to handle validation of the cost calculator form\n     * @param values - Form values to validate\n     * @returns Validation result\n     */\n    handleValidation,\n    /**\n     * Whether the cost calculator form is currently being submitted\n     */\n    isSubmitting: costCalculatorEstimationMutation.isPending,\n    /**\n     * Whether the cost calculator form is currently loading\n     */\n    isLoading:\n      isLoadingCountries && isLoadingCurrencies && isLoadingRegionFields,\n    /**\n     * Function to submit the cost calculator form\n     */\n    onSubmit,\n    /**\n     * Function to reset the cost calculator form\n     */\n    resetForm,\n\n    /**\n     * Currencies data useful to get the currency if you have a currencySlug\n     */\n    currencies,\n\n    /**\n     * Fields metadata\n     */\n    // WE NEED TO FIX: react-hooks/refs - Cannot access ref value during render\n    // oxlint-disable-next-line react-hooks/refs\n    meta: {\n      // WE NEED TO FIX: react-hooks/refs - Cannot access ref value during render\n      // oxlint-disable-next-line react-hooks/refs\n      fields: fieldsMetaRef.current?.fields,\n    },\n  };\n};\n","import React, { useEffect, useId, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useJsonSchemasValidationFormResolver } from '@/src/components/form/validationResolver';\nimport { CostCalculatorContext } from '@/src/flows/CostCalculator/context';\nimport {\n  CostCalculatorVersion,\n  defaultEstimationOptions,\n  useCostCalculator,\n} from '@/src/flows/CostCalculator/hooks';\nimport {\n  CostCalculatorEstimationOptions,\n  CurrencyKey,\n  UseCostCalculatorOptions,\n} from '@/src/flows/CostCalculator/types';\nimport { BASE_RATES } from '@/src/flows/CostCalculator/constants';\n\nexport type CostCalculatorFlowProps = {\n  /**\n   * Estimation params allows you to customize the parameters sent to the /cost-calculator/estimation endpoint.\n   */\n  estimationOptions?: CostCalculatorEstimationOptions;\n  /**\n   * Default values for the form fields.\n   */\n  defaultValues?: Partial<\n    {\n      /**\n       * Default value for the country field.\n       */\n      countryRegionSlug: string;\n      /**\n       * Default value for the currency field.\n       */\n      currencySlug: string;\n      /**\n       * Default value for the salary field.\n       */\n      salary: string;\n      /**\n       * Default value for the benefits field.\n       */\n      benefits: Record<string, string>;\n      /**\n       * Default value for the hiring budget field\n       */\n      hiringBudget: string;\n      /**\n       * Default value for the age field.\n       */\n      age: number;\n      /**\n       * Default value for the contract duration type field.\n       */\n      contractDurationType: 'fixed' | 'indefinite';\n      /**\n       * Default value for the management fee field.\n       */\n      management: {\n        management_fee: string;\n      };\n      /**\n       * Default value for the region field.\n       */\n      regionSlug: string;\n    } & Record<string, unknown>\n  >;\n  options?: UseCostCalculatorOptions;\n  render: (\n    costCalculatorBag: ReturnType<typeof useCostCalculator>,\n  ) => React.ReactNode;\n  /**\n   * Whether to include annual_gross_salary in the estimation payload\n   */\n  version?: CostCalculatorVersion;\n};\n\nconst getDefaultManagementFee = (\n  baseRates: Record<CurrencyKey, number>,\n  currency: CurrencyKey,\n  managementFees?: Partial<Record<CurrencyKey, number>>,\n) => {\n  if (managementFees && managementFees[currency]) {\n    return managementFees[currency];\n  }\n  if (baseRates[currency]) {\n    return baseRates[currency] / 100;\n  }\n  return 0;\n};\n\nconst getManagementFee = (\n  currency: CurrencyKey,\n  currencySlug?: string,\n  management?: { management_fee: string },\n  managementFees?: Partial<Record<CurrencyKey, number>>,\n) => {\n  if (!currencySlug && !management?.management_fee && currency) {\n    return getDefaultManagementFee(BASE_RATES, currency, managementFees);\n  }\n  if (currencySlug && !management?.management_fee) {\n    return '';\n  }\n\n  return management?.management_fee;\n};\n\nexport const CostCalculatorFlow = ({\n  estimationOptions = defaultEstimationOptions,\n  defaultValues = {\n    countryRegionSlug: '',\n    regionSlug: '',\n    currencySlug: '',\n    salary: '',\n    benefits: {},\n    management: {\n      management_fee: '',\n    },\n  },\n  options,\n  render,\n  version = 'standard',\n}: CostCalculatorFlowProps) => {\n  const formId = useId();\n  const [currency, setCurrency] = useState<CurrencyKey>('USD');\n  const onCurrencyChange = (currency: string) => {\n    setCurrency(currency as CurrencyKey);\n    const managementFee = getDefaultManagementFee(\n      BASE_RATES,\n      currency as CurrencyKey,\n      estimationOptions.managementFees,\n    );\n    if (managementFee) {\n      form.setValue('management.management_fee', managementFee.toString());\n    }\n  };\n  const costCalculatorBag = useCostCalculator({\n    defaultRegion: defaultValues.countryRegionSlug,\n    defaultCurrency: defaultValues.currencySlug,\n    defaultSalary: defaultValues.salary,\n    estimationOptions,\n    version,\n    options: {\n      ...options,\n      onCurrencyChange: onCurrencyChange,\n    },\n  });\n  const resolver = useJsonSchemasValidationFormResolver(\n    costCalculatorBag.handleValidation,\n  );\n\n  const defaultManagementFee = getManagementFee(\n    currency,\n    defaultValues.currencySlug,\n    defaultValues.management,\n    estimationOptions.managementFees,\n  );\n\n  const {\n    countryRegionSlug,\n    currencySlug,\n    salary,\n    benefits,\n    hiringBudget,\n    age,\n    contractDurationType,\n    regionSlug,\n    ...formDefaultValues\n  } = defaultValues;\n\n  const form = useForm({\n    resolver,\n    defaultValues: {\n      country: countryRegionSlug,\n      currency: currencySlug,\n      region: regionSlug,\n      salary: salary,\n      salary_conversion: '',\n      salary_converted: undefined,\n      hiring_budget: hiringBudget || 'employee_annual_salary',\n      age: age,\n      contract_duration_type: contractDurationType,\n      management: {\n        management_fee: defaultManagementFee?.toString() || '',\n      },\n      benefits: benefits,\n      estimation_title: estimationOptions.title,\n      ...formDefaultValues,\n    },\n    shouldUnregister: false,\n    mode: 'onBlur',\n  });\n\n  useEffect(() => {\n    if (\n      defaultValues.currencySlug &&\n      costCalculatorBag.currencies &&\n      estimationOptions.includeManagementFee &&\n      !defaultValues.management?.management_fee\n    ) {\n      const currencyData = costCalculatorBag.currencies.find(\n        (currency) => currency.value === defaultValues.currencySlug,\n      );\n      const currencyCode = currencyData?.label;\n      if (currencyCode) {\n        // WE NEED TO FIX: react-hooks/set-state-in-effect - Calling setState synchronously within an effect can trigger cascading renders\n        // oxlint-disable-next-line react-hooks/set-state-in-effect\n        setCurrency(currencyCode as CurrencyKey);\n        const defaultManagementFee = getDefaultManagementFee(\n          BASE_RATES,\n          currencyCode as CurrencyKey,\n          estimationOptions.managementFees,\n        );\n        form.setValue(\n          'management.management_fee',\n          defaultManagementFee?.toString() || '',\n        );\n      }\n    }\n  }, [\n    defaultValues.currencySlug,\n    costCalculatorBag.currencies,\n    estimationOptions.includeManagementFee,\n    estimationOptions.managementFees,\n    defaultValues.management?.management_fee,\n    form,\n  ]);\n\n  return (\n    <CostCalculatorContext.Provider\n      value={{\n        form,\n        formId: formId,\n        costCalculatorBag,\n      }}\n    >\n      {render(costCalculatorBag)}\n    </CostCalculatorContext.Provider>\n  );\n};\n","import { useEffect } from 'react';\nimport { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { Form } from '@/src/components/ui/form';\nimport { useCostCalculatorContext } from '@/src/flows/CostCalculator/context';\nimport {\n  CostCalculatorEstimationResponse,\n  CostCalculatorEstimationFormValues,\n  CostCalculatorEstimationSubmitValues,\n  EstimationError,\n} from '@/src/flows/CostCalculator/types';\nimport {\n  FieldError,\n  NormalizedFieldError,\n  normalizeFieldErrors,\n} from '@/src/lib/mutations';\nimport { prettifyFormValues } from '@/src/lib/utils';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\n\ntype CostCalculatorFormProps = Partial<{\n  /**\n   * Callback function that handles form submission. When form is submit, the form values are sent to the consumer app before behind submitted to Remote.\n   * @param data - The payload sent to the /cost-calculator/estimation endpoint.\n   */\n  onSubmit: (\n    data: CostCalculatorEstimationSubmitValues,\n  ) => Promise<void> | void;\n  /**\n   * Callback function to handle the success when the estimation succeeds. The CostCalculatorEstimateResponse is sent back to you.\n   * @param data - The response data from the /cost-calculator/estimation endpoint.\n   */\n  onSuccess: (data: CostCalculatorEstimationResponse) => Promise<void> | void;\n  /**\n   * Callback function to handle the error when the estimation fails.\n   * @param error - The error object.\n   */\n  onError: (error: EstimationError) => void;\n  /**\n   * Enhanced callback function to handle errors with field-level details.\n   * @param error - The error object with field errors.\n   */\n  onErrorWithFields?: ({\n    error,\n    fieldErrors,\n  }: {\n    error: Error;\n    fieldErrors: NormalizedFieldError[];\n    rawError: Record<string, unknown>;\n  }) => void;\n  /**\n   * Whether to reset the form when the form is successfully submitted.\n   */\n  shouldResetForm?: boolean;\n\n  /**\n   * Fields to reset when the form is successfully submitted.\n   */\n  resetFields?: ('country' | 'currency' | 'salary')[];\n}>;\n\nexport function CostCalculatorForm({\n  onSubmit,\n  onError,\n  onSuccess,\n  onErrorWithFields,\n  shouldResetForm,\n  resetFields,\n}: CostCalculatorFormProps) {\n  const { form, formId, costCalculatorBag } = useCostCalculatorContext();\n\n  const {\n    formState: { isSubmitSuccessful },\n  } = form;\n\n  useEffect(() => {\n    // resets the entire form if the form is successfully submitted and the shouldResetForm prop is true\n    if (isSubmitSuccessful && shouldResetForm) {\n      costCalculatorBag?.resetForm();\n      form.reset();\n      return;\n    }\n\n    // resets the specified fields if the form is successfully submitted and the resetFields prop is provided\n    if (isSubmitSuccessful && resetFields) {\n      // Reset only the specified fields\n      const currentValues = form.getValues();\n      const resetValues = { ...currentValues };\n      resetFields.forEach((field) => {\n        resetValues[field] = '';\n      });\n\n      costCalculatorBag?.resetForm();\n      form.reset(resetValues);\n    }\n  }, [\n    isSubmitSuccessful,\n    form,\n    shouldResetForm,\n    costCalculatorBag,\n    resetFields,\n  ]);\n\n  const handleSubmit = async (values: CostCalculatorEstimationFormValues) => {\n    try {\n      const parsedValues = (await costCalculatorBag?.parseFormValues(\n        values,\n      )) as CostCalculatorEstimationSubmitValues;\n\n      if (costCalculatorBag?.meta?.fields) {\n        costCalculatorBag.meta.fields = prettifyFormValues(\n          parsedValues,\n          costCalculatorBag.fields,\n        );\n        costCalculatorBag.meta.fields['employer_currency_slug'] =\n          costCalculatorBag.meta.fields['currency'];\n      }\n\n      const costCalculatorResults =\n        await costCalculatorBag?.onSubmit(parsedValues);\n\n      // if this rejects, catch will handle it\n      await onSubmit?.(parsedValues);\n\n      if (costCalculatorResults?.data && !costCalculatorResults.error) {\n        const responseWithTitle = {\n          data: {\n            ...costCalculatorResults.data.data,\n            employments: (\n              costCalculatorResults as $TSFixMe\n            ).data.data.employments?.map((employment: $TSFixMe) => ({\n              ...employment,\n              title: parsedValues.estimation_title,\n            })),\n          },\n        };\n        await onSuccess?.(responseWithTitle);\n      } else {\n        throw {\n          data: null,\n          error: costCalculatorResults?.error,\n          fieldErrors: costCalculatorResults?.fieldErrors,\n          rawError: costCalculatorResults?.rawError,\n        };\n      }\n    } catch (err) {\n      // Handles here the errors caused by the API\n      const error = err as {\n        data: null;\n        error: EstimationError;\n        fieldErrors: FieldError[];\n        rawError: Record<string, unknown>;\n      };\n\n      const fieldErrors = error.fieldErrors;\n\n      if (onErrorWithFields) {\n        // Create field metadata for better error messages\n        const fieldsMeta = costCalculatorBag?.meta?.fields;\n\n        // Normalize field errors with user-friendly labels\n        const normalizedFieldErrors = normalizeFieldErrors(\n          fieldErrors,\n          fieldsMeta,\n        );\n\n        onErrorWithFields({\n          error: error.error as Error,\n          rawError: error.rawError as Record<string, unknown>,\n          fieldErrors: normalizedFieldErrors,\n        });\n      } else {\n        // Fall back to the original error handler\n        onError?.(error.error);\n      }\n    }\n  };\n\n  return (\n    <Form {...form}>\n      <form\n        id={formId}\n        onSubmit={form.handleSubmit(handleSubmit)}\n        className='space-y-4 RemoteFlows__CostCalculatorForm'\n      >\n        <JSONSchemaFormFields fields={costCalculatorBag?.fields ?? []} />\n      </form>\n    </Form>\n  );\n}\n","import { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { useCostCalculatorContext } from './context';\nimport { cn } from '@/src/lib/utils';\nimport { useFormFields } from '@/src/context';\n\nexport function CostCalculatorSubmitButton({\n  children,\n  ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> &\n  Record<string, unknown>) {\n  const { formId, costCalculatorBag } = useCostCalculatorContext();\n  const { components } = useFormFields();\n\n  const CustomButton = components?.button;\n  if (!CustomButton) {\n    throw new Error(`Button component not found`);\n  }\n\n  return (\n    <CustomButton\n      {...props}\n      type='submit'\n      className={cn(\n        'RemoteFlows__CostCalculatorForm__SubmitButton',\n        props.className,\n      )}\n      form={formId}\n      disabled={props.disabled || costCalculatorBag?.isSubmitting}\n    >\n      {children}\n    </CustomButton>\n  );\n}\n","import { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { useCostCalculatorContext } from './context';\nimport { cn } from '@/src/lib/utils';\nimport { useFormFields } from '@/src/context';\n\nexport function CostCalculatorResetButton({\n  children,\n  ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> &\n  Record<string, unknown>) {\n  const { form, formId, costCalculatorBag } = useCostCalculatorContext();\n  const { components } = useFormFields();\n\n  const CustomButton = components?.button;\n  if (!CustomButton) {\n    throw new Error(`Button component not found`);\n  }\n\n  return (\n    <CustomButton\n      {...props}\n      type='reset'\n      className={cn(\n        'RemoteFlows__CostCalculatorForm__ResetButton',\n        props.className,\n      )}\n      form={formId}\n      onClick={(evt) => {\n        costCalculatorBag?.resetForm();\n        form.reset();\n        props.onClick?.(evt);\n      }}\n    >\n      {children}\n    </CustomButton>\n  );\n}\n","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 * as React from 'react';\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { cn } from '@/src/lib/utils';\n\ntype AccordionContextValue = {\n  openItem: string | undefined;\n  toggleItem: (value: string) => void;\n  collapsible: boolean;\n};\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(\n  null,\n);\n\nconst useAccordion = () => {\n  const context = React.useContext(AccordionContext);\n  if (!context) {\n    throw new Error('Accordion components must be used within Accordion');\n  }\n  return context;\n};\n\ntype AccordionProps = {\n  collapsible?: boolean;\n  defaultValue?: string;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  className?: string;\n  children: React.ReactNode;\n};\n\nfunction Accordion({\n  collapsible = false,\n  defaultValue,\n  value: controlledValue,\n  onValueChange,\n  className,\n  children,\n  ...props\n}: AccordionProps) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState<\n    string | undefined\n  >(defaultValue);\n\n  const isControlled = controlledValue !== undefined;\n  const openItem = isControlled ? controlledValue : uncontrolledValue;\n\n  const toggleItem = React.useCallback(\n    (value: string) => {\n      let newValue: string | undefined;\n\n      if (openItem === value) {\n        // Clicking the open item\n        newValue = collapsible ? '' : value;\n      } else {\n        // Clicking a different item\n        newValue = value;\n      }\n\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n\n      if (onValueChange) {\n        onValueChange(newValue);\n      }\n    },\n    [openItem, collapsible, isControlled, onValueChange],\n  );\n\n  const contextValue = React.useMemo(\n    () => ({ openItem, toggleItem, collapsible }),\n    [openItem, toggleItem, collapsible],\n  );\n\n  return (\n    <AccordionContext.Provider value={contextValue}>\n      <div data-slot='accordion' className={className} {...props}>\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n}\n\ntype AccordionItemContextValue = {\n  value: string;\n  isOpen: boolean;\n  contentId: string;\n};\n\nconst AccordionItemContext =\n  React.createContext<AccordionItemContextValue | null>(null);\n\nconst useAccordionItem = () => {\n  const context = React.useContext(AccordionItemContext);\n  if (!context) {\n    throw new Error(\n      'AccordionItem components must be used within AccordionItem',\n    );\n  }\n  return context;\n};\n\ntype AccordionItemProps = {\n  value: string;\n  className?: string;\n  children: React.ReactNode;\n};\n\nfunction AccordionItem({\n  value,\n  className,\n  children,\n  ...props\n}: AccordionItemProps) {\n  const { openItem } = useAccordion();\n  const isOpen = openItem === value;\n  const contentId = React.useId();\n\n  const contextValue = React.useMemo(\n    () => ({ value, isOpen, contentId }),\n    [value, isOpen, contentId],\n  );\n\n  return (\n    <AccordionItemContext.Provider value={contextValue}>\n      <div\n        data-slot='accordion-item'\n        className={cn('border-b last:border-b-0', className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </AccordionItemContext.Provider>\n  );\n}\n\ntype AccordionTriggerProps = {\n  className?: string;\n  iconClassName?: string;\n  children: React.ReactNode;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nfunction AccordionTrigger({\n  className,\n  iconClassName,\n  children,\n  onClick,\n  ...props\n}: AccordionTriggerProps) {\n  const { toggleItem } = useAccordion();\n  const { value, isOpen, contentId } = useAccordionItem();\n  const triggerId = React.useId();\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    toggleItem(value);\n    onClick?.(event);\n  };\n\n  return (\n    <div className='flex items-center'>\n      <button\n        id={triggerId}\n        type='button'\n        data-slot='accordion-trigger'\n        data-state={isOpen ? 'open' : 'closed'}\n        aria-expanded={isOpen}\n        aria-controls={contentId}\n        className={cn(\n          'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',\n          className,\n        )}\n        onClick={handleClick}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon\n          className={cn(\n            'text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200 mt-1',\n            iconClassName,\n          )}\n        />\n      </button>\n    </div>\n  );\n}\n\ntype AccordionContentProps = {\n  className?: string;\n  children: React.ReactNode;\n};\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionContentProps): React.ReactElement | null {\n  const { isOpen, contentId } = useAccordionItem();\n  const [shouldRender, setShouldRender] = React.useState(isOpen);\n  const [shouldAnimate, setShouldAnimate] = React.useState(isOpen);\n\n  React.useLayoutEffect(() => {\n    if (isOpen) {\n      setShouldRender(true);\n      const rafId = requestAnimationFrame(() => {\n        void window.getComputedStyle(document.getElementById(contentId)!)\n          .height;\n        setShouldAnimate(true);\n      });\n      return () => cancelAnimationFrame(rafId);\n    }\n    setShouldAnimate(false);\n    const timer = setTimeout(() => setShouldRender(false), 200);\n    return () => clearTimeout(timer);\n  }, [isOpen, contentId]);\n\n  if (!shouldRender) return null;\n\n  return (\n    <div\n      id={contentId}\n      role='region'\n      data-slot='accordion-content'\n      data-state={isOpen ? 'open' : 'closed'}\n      className={cn(\n        'overflow-hidden text-sm transition-all duration-200 ease-out',\n        shouldAnimate ? 'max-h-[2000px] opacity-100' : 'max-h-0 opacity-0',\n      )}\n      {...props}\n    >\n      <div className={cn('pt-0 pb-4', className)}>{children}</div>\n    </div>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\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","import { Currency } from '@/src/client';\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '@/src/components/ui/accordion';\nimport { Card } from '@/src/components/ui/card';\nimport { CostCalculatorEstimation } from '@/src/flows/CostCalculator/types';\nimport { cn, formatCurrency } from '@/src/lib/utils';\nimport { ChevronDown, Globe } from 'lucide-react';\nimport { useState } from 'react';\n\nconst useSummaryResults = (estimations: CostCalculatorEstimation[]) => {\n  if (estimations.length < 2) {\n    return {\n      currency: null,\n      costsPerCountry: [],\n      employeesCost: null,\n    };\n  }\n  const currency = estimations[0]?.employer_currency_costs.currency;\n  const costsPerCountry = estimations.reduce(\n    (acc, estimation) => {\n      const countryName = estimation.country.name;\n\n      acc[countryName] = {\n        country: estimation.country,\n        monthlyTotal:\n          (acc[countryName]?.monthlyTotal || 0) +\n          estimation.employer_currency_costs.monthly_total,\n        annualTotal:\n          (acc[countryName]?.annualTotal || 0) +\n          estimation.employer_currency_costs.annual_total,\n      };\n\n      return acc;\n    },\n    {} as Record<\n      string,\n      {\n        country: (typeof estimations)[0]['country'];\n        monthlyTotal: number;\n        annualTotal: number;\n      }\n    >,\n  );\n\n  const groupedCostsPerCountry = Object.values(costsPerCountry).map(\n    ({ country, monthlyTotal, annualTotal }) => ({\n      country,\n      monthlyCost: formatCurrency(monthlyTotal, currency.code),\n      annualCost: formatCurrency(annualTotal, currency.code),\n    }),\n  );\n\n  const employeesCost = {\n    monthlyTotal: formatCurrency(\n      estimations.reduce((acc, estimation) => {\n        return acc + estimation.employer_currency_costs.monthly_total;\n      }, 0),\n      currency.code,\n    ),\n    annualTotal: formatCurrency(\n      estimations.reduce((acc, estimation) => {\n        return acc + estimation.employer_currency_costs.annual_total;\n      }, 0),\n      currency.code,\n    ),\n  };\n  return { currency, costsPerCountry: groupedCostsPerCountry, employeesCost };\n};\n\nconst SummaryHeader = ({\n  currency,\n  title,\n}: {\n  currency: Currency;\n  title: string;\n}) => {\n  return (\n    <div className='RemoteFlows__SummaryResults__Header flex items-center justify-between w-full'>\n      <div className='RemoteFlows__SummaryHeader__Container flex flex-row items-center gap-6'>\n        <div className='RemoteFlows__SummaryHeader__IconContainer flex h-12 w-12 items-center justify-center rounded-lg bg-[#F4F4F5]'>\n          <Globe className='RemoteFlows__SummaryHeader__Icon h-6 w-6 text-[#000000]' />\n        </div>\n        <div className='RemoteFlows__SummaryHeader__Content space-y-1'>\n          <h2 className='RemoteFlows__SummaryHeader__Title text-lg font-medium leading-none text-[#181818]'>\n            {title}\n          </h2>\n          <p className='RemoteFlows__SummaryHeader__Currency text-xs text-[#71717A]'>\n            Employer billing currency: {currency.code}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst MultiColumnAccordion = ({\n  label,\n  columns,\n  rows,\n  defaultValue = 'accordion',\n  className,\n}: {\n  label: React.ReactNode;\n  columns: string[];\n  rows: Array<{\n    label: React.ReactNode;\n    values: string[];\n  }>;\n  defaultValue?: string;\n  className?: string;\n}) => {\n  const gridCols = columns.length === 1 ? 'grid-cols-2' : 'grid-cols-3';\n\n  return (\n    <Accordion\n      collapsible\n      defaultValue={defaultValue}\n      className={cn(\n        'RemoteFlows__SummaryResults__MultiColumnAccordion w-full',\n        className,\n      )}\n    >\n      <AccordionItem\n        value={defaultValue}\n        className='RemoteFlows__SummaryResults__AccordionItem border-none'\n      >\n        <AccordionTrigger className='RemoteFlows__SummaryResults__AccordionTrigger hover:no-underline px-0 py-3 [&>svg]:hidden group'>\n          <div\n            className={cn(\n              'RemoteFlows__SummaryResults__AccordionHeader grid items-center w-full',\n              gridCols,\n            )}\n          >\n            <div className='RemoteFlows__SummaryResults__AccordionHeader__LabelContainer flex items-center gap-2'>\n              {label}\n              <ChevronDown className='RemoteFlows__SummaryResults__ChevronDown h-4 w-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180' />\n            </div>\n            {columns.length === 1 ? (\n              <span className='RemoteFlows__SummaryResults__ColumnHeader text-xs text-[#27272A] text-right'>\n                {columns[0]}\n              </span>\n            ) : (\n              columns.map((column, index) => (\n                <span\n                  key={index}\n                  className='RemoteFlows__SummaryResults__ColumnHeader text-xs text-[#27272A] text-right'\n                >\n                  {column}\n                </span>\n              ))\n            )}\n          </div>\n        </AccordionTrigger>\n\n        <AccordionContent className='RemoteFlows__SummaryResults__AccordionContent px-0 pb-4'>\n          <div className='RemoteFlows__SummaryResults__AccordionRows space-y-3'>\n            {rows.map((row, index) => (\n              <div\n                key={index}\n                className={cn(\n                  'RemoteFlows__SummaryResults__AccordionRow grid items-center',\n                  gridCols,\n                )}\n              >\n                <div className='flex items-center gap-2'>{row.label}</div>\n                {columns.length === 1 ? (\n                  <span className='RemoteFlows__SummaryResults__RowValue text-sm text-[#09090B] text-right'>\n                    {row.values[0]}\n                  </span>\n                ) : (\n                  row.values.map((value, valueIndex) => (\n                    <span\n                      key={valueIndex}\n                      className='RemoteFlows__SummaryResults__RowValue text-sm text-[#09090B] text-right'\n                    >\n                      {value}\n                    </span>\n                  ))\n                )}\n              </div>\n            ))}\n          </div>\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  );\n};\n\nconst CostForAllEmployees = ({\n  employeesCost,\n}: {\n  employeesCost: { monthlyTotal: string; annualTotal: string };\n}) => {\n  return (\n    <MultiColumnAccordion\n      label={\n        <span className='RemoteFlows__CostForAllEmployees__Label text-sm font-medium text-[#0F172A]'>\n          Cost for all employees\n        </span>\n      }\n      columns={['Total cost']}\n      rows={[\n        {\n          label: (\n            <>\n              <span className='RemoteFlows__CostForAllEmployees__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0' />\n              <span className='RemoteFlows__CostForAllEmployees__MonthlyLabel text-sm text-[#09090B]'>\n                Monthly cost\n              </span>\n            </>\n          ),\n          values: [employeesCost.monthlyTotal],\n        },\n        {\n          label: (\n            <>\n              <span className='RemoteFlows__CostForAllEmployees__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0' />\n              <span className='RemoteFlows__CostForAllEmployees__AnnualLabel text-sm text-[#09090B]'>\n                Annual cost\n              </span>\n            </>\n          ),\n          values: [employeesCost.annualTotal],\n        },\n      ]}\n      defaultValue='cost-breakdown'\n    />\n  );\n};\n\nconst CostsPerCountry = ({\n  costsPerCountry,\n}: {\n  costsPerCountry: Array<{\n    country: { name: string };\n    monthlyCost: string;\n    annualCost: string;\n  }>;\n}) => {\n  return (\n    <MultiColumnAccordion\n      label={\n        <span className='RemoteFlows__CostsPerCountry__Label text-sm font-medium text-[#0F172A]'>\n          Cost per country\n        </span>\n      }\n      columns={['Monthly cost', 'Annual cost']}\n      rows={costsPerCountry.map((cost) => ({\n        label: (\n          <>\n            <span className='RemoteFlows__CostsPerCountry__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0' />\n            <span className='RemoteFlows__CostsPerCountry__CountryName text-sm text-[#09090B]'>\n              {cost.country.name}\n            </span>\n          </>\n        ),\n        values: [cost.monthlyCost, cost.annualCost],\n      }))}\n      defaultValue='country-breakdown'\n    />\n  );\n};\n\ntype SummaryResultsProps = {\n  /**\n   * Array of employments to compare costs for.\n   * 2 estimations required for the component to render\n   */\n  estimations: CostCalculatorEstimation[];\n};\n\n/**\n * Displays a summary comparison of costs across multiple estimations.\n * The component will return null if you pass less than 2 estimations.\n */\nexport const SummaryResults = ({ estimations }: SummaryResultsProps) => {\n  const { currency, costsPerCountry, employeesCost } =\n    useSummaryResults(estimations);\n\n  const [accordionValue, setAccordionValue] = useState('summary');\n\n  if (\n    !currency ||\n    costsPerCountry.length === 0 ||\n    Object.keys(employeesCost).length === 0\n  ) {\n    return null;\n  }\n\n  return (\n    <Card className='RemoteFlows__SummaryResults__Card p-10'>\n      <Accordion\n        collapsible\n        defaultValue={accordionValue}\n        onValueChange={(value) => setAccordionValue(value)}\n        className='RemoteFlows__SummaryResults__Accordion w-full'\n      >\n        <AccordionItem\n          value='summary'\n          className='RemoteFlows__SummaryResults__AccordionItem border-border'\n        >\n          <div\n            className={cn(\n              'RemoteFlows__SummaryResults__AccordionTriggerContainer',\n              {\n                RemoteFlows__Separator: !!accordionValue,\n              },\n            )}\n          >\n            <AccordionTrigger\n              iconClassName='size-6'\n              className='RemoteFlows__SummaryResults__MainAccordionTrigger hover:no-underline px-0 py-4'\n            >\n              <SummaryHeader currency={currency} title='Summary Overview' />\n            </AccordionTrigger>\n          </div>\n          <AccordionContent className='RemoteFlows__SummaryResults__MainAccordionContent px-0 pb-4 mt-6'>\n            <div className='RemoteFlows__Separator'>\n              <CostForAllEmployees employeesCost={employeesCost} />\n            </div>\n            <div className='RemoteFlows__SummaryResults__CostsPerCountryContainer mt-6'>\n              <CostsPerCountry costsPerCountry={costsPerCountry} />\n            </div>\n          </AccordionContent>\n        </AccordionItem>\n      </Accordion>\n    </Card>\n  );\n};\n"],"mappings":"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"}

package/dist/CountryFieldDefault-CY7EZdM8.js

@@ -0,0 +1,2 @@
+import{n as e}from"./rolldown-runtime-hePW80VL.js";import{C as t,S as n,_ as r,v as i,x as a}from"./CheckBoxField-DSq9Qf8u.js";import{t as o}from"./HelpCenter-DUyZK5NH.js";import{t as s}from"./multi-select-DhP6T9xS.js";import{useEffect as c,useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";var f=e({CountryFieldDefault:()=>p});function p({field:e,fieldState:f,fieldData:p}){let[m,h]=l([]),g=p.multiple===!0||(Array.isArray(p.jsonType)?p.jsonType.includes(`array`):p.jsonType===`array`),_=t=>{let n=t.map(({value:e})=>e);e.onChange(g?n:n[0]??``),h(t)};c(()=>{if(!p.options)return;let t=Array.isArray(e.value)?e.value:e.value?[e.value]:[];h(t.map(e=>p.options?.find(t=>t.value===e)).filter(Boolean))},[e.value,p.options]);let v=[...g?[...Object.entries(p.$meta?.regions||{}).map(([e,t])=>({value:t,label:e,category:`Regions`})),...Object.entries(p.$meta?.subregions||{}).map(([e,t])=>({value:t,label:e,category:`Subregions`}))]:[],...p.options?.map(e=>({...e,value:e.value,label:e.label,category:`Countries`}))||[]];return d(a,{"data-field":e.name,className:`RemoteFlows__CountryField__Item__${e.name}`,children:[u(n,{className:`RemoteFlows__CountryField__Label`,children:p.label}),u(r,{children:u(s,{options:v,selected:m,onChange:_,multiple:g})}),p.description&&d(i,{children:[p.description,` `,u(o,{helpCenter:p.meta?.helpCenter})]}),f.error&&u(t,{})]})}export{f as n,p as t};
+//# sourceMappingURL=CountryFieldDefault-CY7EZdM8.js.map

package/dist/CountryFieldDefault-CY7EZdM8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryFieldDefault-CY7EZdM8.js","names":[],"sources":["../src/components/form/fields/default/CountryFieldDefault.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n  FormControl,\n  FormDescription,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\n\nimport { FormItem } from '@/src/components/ui/form';\nimport { MultiSelect } from '@/src/components/ui/multi-select';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\nimport { CountryComponentProps } from '@/src/types/fields';\nimport { HelpCenter } from '@/src/components/shared/zendesk-drawer/HelpCenter';\n\nexport function CountryFieldDefault({\n  field,\n  fieldState,\n  fieldData,\n}: CountryComponentProps) {\n  const [selected, setSelected] = useState<$TSFixMe[]>([]);\n  const isMultiple =\n    fieldData.multiple === true ||\n    (Array.isArray(fieldData.jsonType)\n      ? fieldData.jsonType.includes('array')\n      : fieldData.jsonType === 'array');\n  const handleChange = (rawValues: $TSFixMe[]) => {\n    const values = rawValues.map(({ value }) => value);\n    field.onChange(isMultiple ? values : (values[0] ?? ''));\n    setSelected(rawValues);\n  };\n\n  useEffect(() => {\n    if (!fieldData.options) {\n      return;\n    }\n    const values: $TSFixMe[] = Array.isArray(field.value)\n      ? field.value\n      : field.value\n        ? [field.value]\n        : [];\n    // WE NEED TO FIX: react-hooks/set-state-in-effect - Calling setState synchronously within an effect can trigger cascading renders\n    // oxlint-disable-next-line react-hooks/set-state-in-effect\n    setSelected(\n      values\n        .map((value) =>\n          fieldData.options?.find((option) => option.value === value),\n        )\n        .filter(Boolean) as $TSFixMe[],\n    );\n  }, [field.value, fieldData.options]);\n\n  const groupOptions = isMultiple\n    ? [\n        ...Object.entries(fieldData.$meta?.regions || {}).map(\n          ([key, value]) => ({\n            value,\n            label: key,\n            category: 'Regions',\n          }),\n        ),\n        ...Object.entries(fieldData.$meta?.subregions || {}).map(\n          ([key, value]) => ({\n            value,\n            label: key,\n            category: 'Subregions',\n          }),\n        ),\n      ]\n    : [];\n\n  const countryOptions = [\n    ...groupOptions,\n    ...(fieldData.options?.map((option) => ({\n      ...option,\n      value: option.value,\n      label: option.label,\n      category: 'Countries',\n    })) || []),\n  ];\n  return (\n    <FormItem\n      data-field={field.name}\n      className={`RemoteFlows__CountryField__Item__${field.name}`}\n    >\n      <FormLabel className='RemoteFlows__CountryField__Label'>\n        {fieldData.label}\n      </FormLabel>\n      <FormControl>\n        <MultiSelect\n          options={countryOptions}\n          selected={selected}\n          onChange={handleChange}\n          multiple={isMultiple}\n        />\n      </FormControl>\n      {fieldData.description && (\n        <FormDescription>\n          {fieldData.description}{' '}\n          <HelpCenter helpCenter={fieldData.meta?.helpCenter} />\n        </FormDescription>\n      )}\n      {fieldState.error && <FormMessage />}\n    </FormItem>\n  );\n}\n"],"mappings":"kWAcA,SAAgB,EAAoB,CAClC,QACA,aACA,aACwB,CACxB,GAAM,CAAC,EAAU,GAAe,EAAqB,CAAC,CAAC,EACjD,EACJ,EAAU,WAAa,KACtB,MAAM,QAAQ,EAAU,QAAQ,EAC7B,EAAU,SAAS,SAAS,OAAO,EACnC,EAAU,WAAa,SACvB,EAAgB,GAA0B,CAC9C,IAAM,EAAS,EAAU,KAAK,CAAE,WAAY,CAAK,EACjD,EAAM,SAAS,EAAa,EAAU,EAAO,IAAM,EAAG,EACtD,EAAY,CAAS,CACvB,EAEA,MAAgB,CACd,GAAI,CAAC,EAAU,QACb,OAEF,IAAM,EAAqB,MAAM,QAAQ,EAAM,KAAK,EAChD,EAAM,MACN,EAAM,MACJ,CAAC,EAAM,KAAK,EACZ,CAAC,EAGP,EACE,EACG,IAAK,GACJ,EAAU,SAAS,KAAM,GAAW,EAAO,QAAU,CAAK,CAC5D,CAAC,CACA,OAAO,OAAO,CACnB,CACF,EAAG,CAAC,EAAM,MAAO,EAAU,OAAO,CAAC,EAqBnC,IAAM,EAAiB,CACrB,GApBmB,EACjB,CACE,GAAG,OAAO,QAAQ,EAAU,OAAO,SAAW,CAAC,CAAC,CAAC,CAAC,KAC/C,CAAC,EAAK,MAAY,CACjB,QACA,MAAO,EACP,SAAU,SACZ,EACF,EACA,GAAG,OAAO,QAAQ,EAAU,OAAO,YAAc,CAAC,CAAC,CAAC,CAAC,KAClD,CAAC,EAAK,MAAY,CACjB,QACA,MAAO,EACP,SAAU,YACZ,EACF,CACF,EACA,CAAC,EAIH,GAAI,EAAU,SAAS,IAAK,IAAY,CACtC,GAAG,EACH,MAAO,EAAO,MACd,MAAO,EAAO,MACd,SAAU,WACZ,EAAE,GAAK,CAAC,CACV,EACA,OACE,EAAC,EAAD,CACE,aAAY,EAAM,KAClB,UAAW,oCAAoC,EAAM,OAFvD,SAAA,CAIE,EAAC,EAAD,CAAW,UAAU,mCAClB,SAAA,EAAU,KACF,CAAA,EACX,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CACE,QAAS,EACC,WACV,SAAU,EACV,SAAU,CACX,CAAA,CACU,CAAA,EACZ,EAAU,aACT,EAAC,EAAD,CAAA,SAAA,CACG,EAAU,YAAa,IACxB,EAAC,EAAD,CAAY,WAAY,EAAU,MAAM,UAAa,CAAA,CACtC,CAAA,CAAA,EAElB,EAAW,OAAS,EAAC,EAAD,CAAc,CAAA,CAC3B,GAEd"}

package/dist/CreateCompany-BiSCCH_S.js

@@ -0,0 +1,2 @@
+import{A as e,B as t,D as n,H as r,K as i,M as a,Y as o,g as s}from"./CheckBoxField-DSq9Qf8u.js";import{At as c,L as l,V as u,c as d,kt as f,y as p}from"./sdk.gen-C7MLoCMc.js";import{i as m,s as h,t as g}from"./JSONSchemaForm-DehMm5lM.js";import{t as _}from"./countries-BiKsglKy.js";import{t as v}from"./useStepState-BmZF37pW.js";import{t as y}from"./dates-CD1yZ0Ni.js";import{createContext as b,createElement as x,useContext as S,useEffect as C,useId as w,useMemo as T,useRef as E,useState as D}from"react";import{jsx as O}from"react/jsx-runtime";import{useMutation as k,useQuery as A}from"@tanstack/react-query";const j={company_basic_information:{index:0,name:`company_basic_information`},address_details:{index:1,name:`address_details`}},M={data:{version:7,schema:{additionalProperties:!1,properties:{country_code:{title:`Country`,description:``,type:`string`,oneOf:[],"x-jsf-presentation":{inputType:`select`}},company_owner_email:{title:`Company Owner Email`,description:``,type:`string`,"x-jsf-presentation":{inputType:`text`}},company_owner_name:{title:`Company Owner Name`,description:``,type:`string`,"x-jsf-presentation":{inputType:`text`}},desired_currency:{title:`Desired Currency`,description:``,type:`string`,oneOf:[],"x-jsf-presentation":{inputType:`select`}},name:{title:`Name`,description:``,type:`string`,"x-jsf-presentation":{inputType:`text`}},phone_number:{title:`Phone Number`,description:``,type:`string`,"x-jsf-presentation":{inputType:`text`}},tax_number:{title:`Tax Number`,description:``,type:`string`,"x-jsf-presentation":{inputType:`text`}}},required:[`country_code`,`company_owner_email`,`phone_number`,`name`,`desired_currency`,`company_owner_name`],type:`object`,"x-jsf-order":[`country_code`,`name`,`phone_number`,`desired_currency`,`tax_number`,`company_owner_name`,`company_owner_email`],"x-rmt-meta":{jsfVersion:`1`}}}},N=e=>{let{client:t}=f();return A({...e,queryKey:[`company-currencies`],retry:!1,queryFn:async()=>{let e=await d({client:t});if(e.error||!e.data)throw Error(`Failed to fetch company currencies`);return e},select:({data:e})=>e?.data?.company_currencies.map(e=>({value:e.code,label:e.code}))||[]})},P=()=>{let{client:e}=f();return k({mutationFn:t=>u({client:e,headers:{Authorization:``},body:t,query:{action:`send_create_password_email`}})})},F=()=>{let{client:e}=f();return k({mutationFn:({companyId:t,payload:n,jsonSchemaVersion:r})=>l({client:e,headers:{Authorization:``},path:{company_id:t},body:n,query:{address_details_json_schema_version:r}})})},I=e=>{let{client:t}=f(),{data:n,isLoading:r}=A({..._(t,`create-company-countries`),select:e=>e.data?.data?.filter(e=>e.eor_onboarding).map(e=>({label:e.name,value:e.code}))||[],enabled:e?.queryOptions?.enabled}),{data:i,isLoading:a}=N(e?.queryOptions),o=m(M.data.schema,{},e);if(n){let e=o.fields.find(e=>e.name===`country_code`);e&&(e.options=n)}if(i){let e=o.fields.find(e=>e.name===`desired_currency`);e&&(e.options=i)}return{isLoading:r||a,companyBasicInformationForm:o}},L=({countryCode:e,fieldValues:t,options:n})=>{let{client:r}=f();return A({queryKey:[`company-address-details-schema`,e],retry:!1,queryFn:async()=>{if(!e)throw Error(`Country code is required`);let t=await p({client:r,headers:{Authorization:``},path:{country_code:e,form:`address_details`},query:{json_schema_version:n?.jsonSchemaVersion?.form_schema?.address_details||`latest`}});if(t.error||!t.data)throw Error(`Failed to fetch address details schema`);return t},enabled:n?.queryOptions?.enabled&&!!e,select:({data:e})=>{let r=e?.data||{};return m(r,t,n)}})},R=({countryCode:e,options:o,initialValues:s})=>{let c=P(),l=F(),{mutateAsync:u}=i(c),{mutateAsync:d}=i(l),[f,p]=D(e||null),[m,h]=D(null),g=E({company_basic_information:{},address_details:{}}),{fieldValues:_,stepState:b,setFieldValues:x,previousStep:S,nextStep:C,goToStep:w}=v(j),{companyBasicInformationForm:O,isLoading:k}=I({jsfModify:o?.jsfModify?.company_basic_information,queryOptions:{enabled:b.currentStep.name===`company_basic_information`}}),{data:A,isLoading:M}=L({countryCode:f,fieldValues:b.currentStep.name===`address_details`?{...b.values?.address_details||{},..._}:b.values?.address_details||{},options:{...o,jsfModify:o?.jsfModify?.address_details,queryOptions:{enabled:b.currentStep.name===`address_details`&&!!f&&!!m}}}),N=T(()=>({company_basic_information:O?.fields||[],address_details:A?.fields||[]}),[O?.fields,A?.fields]),R={company_basic_information:null,address_details:A?.meta?.[`x-jsf-fieldsets`]||null},z=T(()=>t(N.company_basic_information,{...s,country_code:f||s?.country_code||``}),[N.company_basic_information,f,s]),B=T(()=>t(N.address_details,s||{}),[N.address_details,s]),V=T(()=>({company_basic_information:z,address_details:B}),[z,B]),H=e=>{w(e)},U=async e=>{let t=b.currentStep.name,n=N[t];return O&&t===`company_basic_information`||A&&t===`address_details`?await r(e,n,{isPartialValidation:!1}):{}};async function W(e){let t=b.currentStep.name,r=await U(e);switch(t in g.current&&(g.current[t]=a(r,N[t])),b.currentStep.name){case`company_basic_information`:{if(p(r.country_code),m)return Promise.resolve({data:{countryCode:r.country_code??``,companyOwnerEmail:r.company_owner_email??``,companyOwnerName:r.company_owner_name??``,desiredCurrency:r.desired_currency??``,name:r.name??``,phoneNumber:r.phone_number??``,taxNumber:r.tax_number??``}});let e={country_code:r.country_code,company_owner_email:r.company_owner_email,company_owner_name:r.company_owner_name,desired_currency:r.desired_currency,name:r.name,phone_number:r.phone_number,tax_number:r.tax_number,terms_of_service_accepted_at:y()},t=await u(e);if(t.error)return Promise.resolve({data:null,error:t.error,rawError:t.rawError,fieldErrors:t.fieldErrors});let n=t.data?.data,i,a;if(n){if(`data`in n&&n.data){let e=n.data.company;a=e,i=e?.id}else`company`in n&&(a=n.company,i=a?.id)}return i&&h(i),Promise.resolve({data:{countryCode:a?.country_code??r.country_code??``,companyOwnerEmail:a?.company_owner_email??r.company_owner_email??``,companyOwnerName:a?.company_owner_name??r.company_owner_name??``,desiredCurrency:a?.desired_currency??r.desired_currency??``,name:a?.name??r.name??``,phoneNumber:a?.phone_number??r.phone_number??``,taxNumber:a?.tax_number??r.tax_number??``}})}case`address_details`:{if(!m)throw n(`Company ID is required to update address details`);let e=await d({companyId:m,payload:{address_details:r},jsonSchemaVersion:o?.jsonSchemaVersion?.form_schema?.address_details});return e.error?Promise.resolve({data:null,error:e.error,rawError:e.rawError,fieldErrors:e.fieldErrors}):Promise.resolve({data:e.data})}default:throw n(`Invalid step state`)}}return{isLoading:k||M,isSubmitting:c.isPending||l.isPending,fieldValues:_,stepState:b,checkFieldUpdates:x,back:S,next:C,goTo:H,onSubmit:W,fields:N[b.currentStep.name],meta:{fields:g.current,fieldsets:R[b.currentStep.name]},parseFormValues:U,handleValidation:async e=>{if(b.currentStep.name===`company_basic_information`&&O){let t=await r(e,O.fields,{isPartialValidation:!1});return O.handleValidation(t)}if(b.currentStep.name===`address_details`&&A){let t=await r(e,A.fields,{isPartialValidation:!1});return A.handleValidation(t)}return null},initialValues:V}},z=b({formId:void 0,createCompanyBag:null}),B=()=>{let e=S(z);if(!e.formId||!e.createCompanyBag)throw Error(`useCreateCompanyContext must be used within a CreateCompanyContextProvider`);return{formId:e.formId,createCompanyBag:e.createCompanyBag}};function V({defaultValues:e,onSubmit:t,components:n}){let{formId:r,createCompanyBag:i}=B(),a=E(e),c=h(i.handleValidation),l=o({resolver:c,defaultValues:e,shouldUnregister:!1,mode:`onBlur`});C(()=>{let e=l?.watch(e=>{Object.keys(e).some(t=>e[t]!==a.current[t])&&(i?.checkFieldUpdates(e),a.current={...e})});return()=>e?.unsubscribe()},[]);let u=async e=>{await t(e)};return x(s,{...l,key:`form-${i.stepState.currentStep.name}`},O(`form`,{id:r,onSubmit:l.handleSubmit(u),className:`space-y-4 RemoteFlows__OnboardingForm`,children:O(g,{components:n,fields:i.fields,fieldsets:i.meta.fieldsets,fieldValues:i.fieldValues})}))}function H({onSubmit:t,onSuccess:n,onError:r}){let{createCompanyBag:i}=B(),a=async a=>{try{await t?.({countryCode:a.country_code,companyOwnerEmail:a.company_owner_email,companyOwnerName:a.company_owner_name,desiredCurrency:a.desired_currency,name:a.name,phoneNumber:a.phone_number,taxNumber:a.tax_number});let o=await i.onSubmit(a);if(o?.data){await n?.(o?.data),i?.next();return}if(o?.error){let t=e(o,i.meta?.fields?.company_basic_information);r?.(t)}}catch(t){let n=e(t,i.meta?.fields?.company_basic_information);r?.(n)}},o=i.stepState.values?.company_basic_information||i.initialValues.company_basic_information;return O(V,{defaultValues:o,onSubmit:a})}function U({onSubmit:t,onSuccess:n,onError:r}){let{createCompanyBag:i}=B(),a=async a=>{try{await t?.(a);let o=await i.onSubmit(a);if(o?.data){await n?.(o?.data);return}if(o?.error){let t=e(o,i.meta?.fields?.address_details);r?.(t)}}catch(t){let n=e(t,i.meta?.fields?.address_details);r?.(n)}},o=i.stepState.values?.address_details||i.initialValues.address_details;return O(V,{defaultValues:o,onSubmit:a})}function W({children:e,type:t=`submit`,...n}){let{formId:r,createCompanyBag:i}=B(),{components:a}=c(),o=a?.button;if(!o)throw Error(`Button component not found`);return O(o,{...n,form:r,type:t,disabled:n.disabled||i.isSubmitting,children:e})}const G=({render:e,countryCode:t,options:n,initialValues:r})=>{let i=R({options:n,countryCode:t,initialValues:r}),a=w();return O(z.Provider,{value:{createCompanyBag:i,formId:a},children:e({createCompanyBag:i,components:{CompanyBasicInformationStep:H,AddressDetailsStep:U,SubmitButton:W}})})};export{G as t};
+//# sourceMappingURL=CreateCompany-BiSCCH_S.js.map

package/dist/CreateCompany-BiSCCH_S.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateCompany-BiSCCH_S.js","names":[],"sources":["../src/flows/CreateCompany/utils.ts","../src/flows/CreateCompany/json-schemas/companyBasicInformationStep.ts","../src/flows/CreateCompany/api.ts","../src/flows/CreateCompany/hooks.ts","../src/flows/CreateCompany/context.ts","../src/flows/CreateCompany/components/CreateCompanyForm.tsx","../src/flows/CreateCompany/components/CompanyBasicInformationStep.tsx","../src/flows/CreateCompany/components/AddressDetailsStep.tsx","../src/flows/CreateCompany/components/CreateCompanySubmit.tsx","../src/flows/CreateCompany/CreateCompany.tsx"],"sourcesContent":["import { Step } from '@/src/flows/useStepState';\n\ntype StepKeys = 'company_basic_information' | 'address_details';\n\nexport const STEPS: Record<StepKeys, Step<StepKeys>> = {\n  company_basic_information: { index: 0, name: 'company_basic_information' },\n  address_details: { index: 1, name: 'address_details' },\n} as const;\n","export const companyBasicInformationStepSchema = {\n  data: {\n    version: 7,\n    schema: {\n      additionalProperties: false,\n      properties: {\n        country_code: {\n          title: 'Country',\n          description: '',\n          type: 'string',\n          oneOf: [],\n          'x-jsf-presentation': {\n            inputType: 'select',\n          },\n        },\n        company_owner_email: {\n          title: 'Company Owner Email',\n          description: '',\n          type: 'string',\n          'x-jsf-presentation': {\n            inputType: 'text',\n          },\n        },\n        company_owner_name: {\n          title: 'Company Owner Name',\n          description: '',\n          type: 'string',\n          'x-jsf-presentation': {\n            inputType: 'text',\n          },\n        },\n        desired_currency: {\n          title: 'Desired Currency',\n          description: '',\n          type: 'string',\n          oneOf: [],\n          'x-jsf-presentation': {\n            inputType: 'select',\n          },\n        },\n        name: {\n          title: 'Name',\n          description: '',\n          type: 'string',\n          'x-jsf-presentation': {\n            inputType: 'text',\n          },\n        },\n        phone_number: {\n          title: 'Phone Number',\n          description: '',\n          type: 'string',\n          'x-jsf-presentation': {\n            inputType: 'text',\n          },\n        },\n        tax_number: {\n          title: 'Tax Number',\n          description: '',\n          type: 'string',\n          'x-jsf-presentation': {\n            inputType: 'text',\n          },\n        },\n      },\n      required: [\n        'country_code',\n        'company_owner_email',\n        'phone_number',\n        'name',\n        'desired_currency',\n        'company_owner_name',\n      ],\n      type: 'object',\n      'x-jsf-order': [\n        'country_code',\n        'name',\n        'phone_number',\n        'desired_currency',\n        'tax_number',\n        'company_owner_name',\n        'company_owner_email',\n      ],\n      'x-rmt-meta': {\n        jsfVersion: '1',\n      },\n    },\n  },\n};\n","import { useMutation } from '@tanstack/react-query';\nimport { useClient } from '@/src/context';\nimport { Client } from '@/src/client/client';\nimport { FieldValues } from 'react-hook-form';\nimport { FlowOptions } from '@/src/flows/types';\nimport { createHeadlessForm } from '@/src/common/createHeadlessForm';\nimport { companyBasicInformationStepSchema } from '@/src/flows/CreateCompany/json-schemas/companyBasicInformationStep';\nimport { useQuery } from '@tanstack/react-query';\nimport { getV1CompanyCurrencies } from '@/src/client';\nimport { countriesOptions } from '@/src/common/api/countries';\nimport {\n  CreateCompanyParams,\n  getV1CountriesCountryCodeForm,\n  postV1Companies,\n  patchV1CompaniesCompanyId2,\n  UpdateCompanyParams,\n} from '@/src/client';\n\n/**\n * Hook to fetch company currencies\n * @param queryOptions - Query options including enabled flag\n * @returns Query result with currencies formatted for select dropdown\n */\nconst useCompanyCurrencies = (queryOptions?: { enabled?: boolean }) => {\n  const { client } = useClient();\n  return useQuery({\n    ...queryOptions,\n    queryKey: ['company-currencies'],\n    retry: false,\n    queryFn: async () => {\n      const response = await getV1CompanyCurrencies({\n        client: client as Client,\n      });\n\n      if (response.error || !response.data) {\n        throw new Error('Failed to fetch company currencies');\n      }\n\n      return response;\n    },\n    select: ({ data }) => {\n      return (\n        data?.data?.company_currencies.map((currency) => ({\n          value: currency.code,\n          label: currency.code,\n        })) || []\n      );\n    },\n  });\n};\n\n/**\n * Hook to create a company\n * @returns Mutation hook for creating a company\n */\nexport const useCreateCompanyRequest = () => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: (payload: CreateCompanyParams) => {\n      return postV1Companies({\n        client: client as Client,\n        headers: {\n          Authorization: ``,\n        },\n        body: payload,\n        query: {\n          action: 'send_create_password_email',\n        },\n      });\n    },\n  });\n};\n\n/**\n * Hook to update a company\n * @returns Mutation hook for updating a company\n */\nexport const useUpdateCompanyRequest = () => {\n  const { client } = useClient();\n  return useMutation({\n    mutationFn: ({\n      companyId,\n      payload,\n      jsonSchemaVersion,\n    }: {\n      companyId: string;\n      payload: UpdateCompanyParams;\n      jsonSchemaVersion?: number | 'latest';\n    }) => {\n      return patchV1CompaniesCompanyId2({\n        client: client as Client,\n        headers: {\n          Authorization: ``,\n        },\n        path: {\n          company_id: companyId,\n        },\n        body: payload,\n        query: {\n          address_details_json_schema_version: jsonSchemaVersion,\n        },\n      });\n    },\n  });\n};\n\n/**\n * Hook to create the select country form with populated country and currency options\n * @param options - Flow options including jsfModify and queryOptions\n * @returns Form with populated country and currency fields, and loading state\n */\nexport const useCountriesSchemaField = (\n  options?: Omit<FlowOptions, 'jsonSchemaVersion'> & {\n    queryOptions?: { enabled?: boolean };\n  },\n) => {\n  const { client } = useClient();\n  const { data: countries, isLoading: isLoadingCountries } = useQuery({\n    ...countriesOptions(client as Client, 'create-company-countries'),\n    select: (response) => {\n      return (\n        response.data?.data\n          ?.filter((country) => country.eor_onboarding)\n          .map((country) => ({\n            label: country.name,\n            value: country.code,\n          })) || []\n      );\n    },\n    enabled: options?.queryOptions?.enabled,\n  });\n  const { data: currencies, isLoading: isLoadingCurrencies } =\n    useCompanyCurrencies(options?.queryOptions);\n\n  const companyBasicInformationForm = createHeadlessForm(\n    companyBasicInformationStepSchema.data.schema,\n    {},\n    options,\n  );\n\n  if (countries) {\n    const countryField = companyBasicInformationForm.fields.find(\n      (field) => field.name === 'country_code',\n    );\n    if (countryField) {\n      countryField.options = countries;\n    }\n  }\n\n  if (currencies) {\n    const currencyField = companyBasicInformationForm.fields.find(\n      (field) => field.name === 'desired_currency',\n    );\n    if (currencyField) {\n      currencyField.options = currencies;\n    }\n  }\n\n  return {\n    isLoading: isLoadingCountries || isLoadingCurrencies,\n    companyBasicInformationForm,\n  };\n};\n\n/**\n * Hook to fetch address details schema for a given country\n * @param countryCode - The country code to fetch schema for\n * @param fieldValues - Current field values for the form\n * @param options - Flow options including jsfModify and queryOptions\n * @returns Query result with address details form schema\n */\nexport const useAddressDetailsSchema = ({\n  countryCode,\n  fieldValues,\n  options,\n}: {\n  countryCode: string | null;\n  fieldValues: FieldValues;\n  options?: FlowOptions & { queryOptions?: { enabled?: boolean } };\n}) => {\n  const { client } = useClient();\n  return useQuery({\n    queryKey: ['company-address-details-schema', countryCode],\n    retry: false,\n    queryFn: async () => {\n      if (!countryCode) {\n        throw new Error('Country code is required');\n      }\n      const response = await getV1CountriesCountryCodeForm({\n        client: client as Client,\n        headers: {\n          Authorization: ``,\n        },\n        path: {\n          country_code: countryCode,\n          form: 'address_details',\n        },\n        query: {\n          json_schema_version:\n            options?.jsonSchemaVersion?.form_schema?.address_details ||\n            'latest',\n        },\n      });\n\n      if (response.error || !response.data) {\n        throw new Error('Failed to fetch address details schema');\n      }\n\n      return response;\n    },\n    enabled: options?.queryOptions?.enabled && !!countryCode,\n    select: ({ data }) => {\n      const jsfSchema = data?.data || {};\n      return createHeadlessForm(jsfSchema, fieldValues, options);\n    },\n  });\n};\n","import { useMemo, useRef, useState } from 'react';\nimport { FieldValues } from 'react-hook-form';\nimport { JSFFields } from '@/src/types/remoteFlows';\nimport {\n  getInitialValues,\n  parseJSFToValidate,\n} from '@/src/components/form/utils';\nimport { ValidationResult } from '@remoteoss/remote-json-schema-form-kit';\nimport { CreateCompanyFlowProps } from '@/src/flows/CreateCompany/types';\nimport { CreateCompanyParams, UpdateCompanyParams } from '@/src/client';\nimport { nowUtcFormatted } from '@/src/common/dates';\n\nimport { STEPS } from '@/src/flows/CreateCompany/utils';\nimport {\n  useCountriesSchemaField,\n  useAddressDetailsSchema,\n} from '@/src/flows/CreateCompany/api';\nimport { Step, useStepState } from '@/src/flows/useStepState';\nimport { createStructuredError, prettifyFormValues } from '@/src/lib/utils';\nimport { JSFFieldset, Meta } from '@/src/types/remoteFlows';\nimport { mutationToPromise } from '@/src/lib/mutations';\nimport {\n  useCreateCompanyRequest,\n  useUpdateCompanyRequest,\n} from '@/src/flows/CreateCompany/api';\n\ntype useCreateCompanyProps = Omit<CreateCompanyFlowProps, 'render'>;\n\n/**\n * Main hook for the CreateCompany flow\n * Manages the two-step flow: company creation and address details\n * @param countryCode - Optional initial country code\n * @param options - Flow options including jsfModify and jsonSchemaVersion\n * @returns CreateCompany bag with all flow state and methods\n */\nexport const useCreateCompany = ({\n  countryCode,\n  options,\n  initialValues: createCompanyInitialValues,\n}: useCreateCompanyProps) => {\n  const createCompanyMutation = useCreateCompanyRequest();\n  const updateCompanyMutation = useUpdateCompanyRequest();\n\n  const { mutateAsync: createCompanyMutationAsync } = mutationToPromise(\n    createCompanyMutation,\n  );\n  const { mutateAsync: updateCompanyMutationAsync } = mutationToPromise(\n    updateCompanyMutation,\n  );\n\n  const [internalCountryCode, setInternalCountryCode] = useState<string | null>(\n    countryCode || null,\n  );\n  const [createdCompanyId, setCreatedCompanyId] = useState<string | null>(null);\n  const fieldsMetaRef = useRef<{\n    company_basic_information: Meta;\n    address_details: Meta;\n  }>({\n    company_basic_information: {},\n    address_details: {},\n  });\n\n  const {\n    fieldValues,\n    stepState,\n    setFieldValues,\n    previousStep,\n    nextStep,\n    goToStep,\n  } = useStepState(\n    STEPS as Record<keyof typeof STEPS, Step<keyof typeof STEPS>>,\n  );\n\n  const { companyBasicInformationForm, isLoading: isLoadingCountries } =\n    useCountriesSchemaField({\n      jsfModify: options?.jsfModify?.company_basic_information,\n      queryOptions: {\n        enabled: stepState.currentStep.name === 'company_basic_information',\n      },\n    });\n\n  const { data: addressDetailsForm, isLoading: isLoadingAddressDetails } =\n    useAddressDetailsSchema({\n      countryCode: internalCountryCode,\n      fieldValues:\n        stepState.currentStep.name === 'address_details'\n          ? {\n              ...(stepState.values?.address_details || {}),\n              ...fieldValues,\n            }\n          : stepState.values?.address_details || {},\n      options: {\n        ...options,\n        jsfModify: options?.jsfModify?.address_details,\n        queryOptions: {\n          enabled:\n            stepState.currentStep.name === 'address_details' &&\n            !!internalCountryCode &&\n            !!createdCompanyId,\n        },\n      },\n    });\n\n  const stepFields: Record<keyof typeof STEPS, JSFFields> = useMemo(\n    () => ({\n      company_basic_information: companyBasicInformationForm?.fields || [],\n      address_details: addressDetailsForm?.fields || [],\n    }),\n    [companyBasicInformationForm?.fields, addressDetailsForm?.fields],\n  );\n\n  const stepFieldsWithFlatFieldsets: Record<\n    keyof typeof STEPS,\n    JSFFieldset | null | undefined\n  > = {\n    company_basic_information: null,\n    address_details: addressDetailsForm?.meta?.['x-jsf-fieldsets'] || null,\n  };\n\n  const companyBasicInformationInitialValues = useMemo(\n    () =>\n      getInitialValues(stepFields.company_basic_information, {\n        ...createCompanyInitialValues,\n        country_code:\n          internalCountryCode || createCompanyInitialValues?.country_code || '',\n      }),\n    [\n      stepFields.company_basic_information,\n      internalCountryCode,\n      createCompanyInitialValues,\n    ],\n  );\n\n  const addressDetailsInitialValues = useMemo(\n    () =>\n      getInitialValues(\n        stepFields.address_details,\n        createCompanyInitialValues || {},\n      ),\n    [stepFields.address_details, createCompanyInitialValues],\n  );\n\n  const initialValues = useMemo(() => {\n    return {\n      company_basic_information: companyBasicInformationInitialValues,\n      address_details: addressDetailsInitialValues,\n    };\n  }, [companyBasicInformationInitialValues, addressDetailsInitialValues]);\n\n  const goTo = (step: keyof typeof STEPS) => {\n    goToStep(step);\n  };\n\n  const parseFormValues = async (values: FieldValues) => {\n    const currentStepName = stepState.currentStep.name;\n    const currentStepFields = stepFields[currentStepName];\n\n    if (\n      companyBasicInformationForm &&\n      currentStepName === 'company_basic_information'\n    ) {\n      return await parseJSFToValidate(values, currentStepFields, {\n        isPartialValidation: false,\n      });\n    }\n    if (addressDetailsForm && currentStepName === 'address_details') {\n      return await parseJSFToValidate(values, currentStepFields, {\n        isPartialValidation: false,\n      });\n    }\n    return {};\n  };\n\n  async function onSubmit(values: FieldValues) {\n    const currentStepName = stepState.currentStep.name;\n    const parsedValues = await parseFormValues(values);\n    if (currentStepName in fieldsMetaRef.current) {\n      fieldsMetaRef.current[\n        currentStepName as keyof typeof fieldsMetaRef.current\n      ] = prettifyFormValues(parsedValues, stepFields[currentStepName]);\n    }\n\n    switch (stepState.currentStep.name) {\n      case 'company_basic_information': {\n        setInternalCountryCode(parsedValues.country_code);\n\n        // If company already exists, skip creation and return current form values\n        if (createdCompanyId) {\n          return Promise.resolve({\n            data: {\n              countryCode: parsedValues.country_code ?? '',\n              companyOwnerEmail: parsedValues.company_owner_email ?? '',\n              companyOwnerName: parsedValues.company_owner_name ?? '',\n              desiredCurrency: parsedValues.desired_currency ?? '',\n              name: parsedValues.name ?? '',\n              phoneNumber: parsedValues.phone_number ?? '',\n              taxNumber: parsedValues.tax_number ?? '',\n            },\n          });\n        }\n\n        const payload: CreateCompanyParams = {\n          country_code: parsedValues.country_code,\n          company_owner_email: parsedValues.company_owner_email,\n          company_owner_name: parsedValues.company_owner_name,\n          desired_currency: parsedValues.desired_currency,\n          name: parsedValues.name,\n          phone_number: parsedValues.phone_number,\n          tax_number: parsedValues.tax_number,\n          terms_of_service_accepted_at: nowUtcFormatted(),\n        };\n\n        const response = await createCompanyMutationAsync(payload);\n\n        // Check for errors from the mutation\n        if (response.error) {\n          return Promise.resolve({\n            data: null,\n            error: response.error,\n            rawError: response.rawError,\n            fieldErrors: response.fieldErrors,\n          });\n        }\n\n        // Handle both CompanyResponse and CompanyWithTokensResponse structures\n        // CompanyResponse: { data: { company?: Company } }\n        // CompanyWithTokensResponse: { company?: Company; tokens?: OAuth2Tokens }\n        const responseData = response.data?.data;\n        let companyId: string | undefined;\n        let company:\n          | {\n              country_code?: string;\n              company_owner_email?: string;\n              company_owner_name?: string;\n              desired_currency?: string;\n              name?: string;\n              phone_number?: string;\n              tax_number?: string;\n            }\n          | undefined;\n        if (responseData) {\n          if ('data' in responseData && responseData.data) {\n            // CompanyResponse structure: response.data.data.data.company\n            const companyData = (responseData.data as { company?: unknown })\n              .company;\n            company = companyData as typeof company;\n            companyId = (companyData as { id?: string })?.id;\n          } else if ('company' in responseData) {\n            // CompanyWithTokensResponse structure: response.data.data.company\n            company = responseData.company as typeof company;\n            companyId = (company as { id?: string })?.id;\n          }\n        }\n        if (companyId) {\n          setCreatedCompanyId(companyId);\n        }\n        // Map company fields from snake_case to camelCase to match CompanyBasicInfoSuccess\n        // Fall back to parsedValues if company data is not available\n        return Promise.resolve({\n          data: {\n            countryCode:\n              company?.country_code ?? parsedValues.country_code ?? '',\n            companyOwnerEmail:\n              company?.company_owner_email ??\n              parsedValues.company_owner_email ??\n              '',\n            companyOwnerName:\n              company?.company_owner_name ??\n              parsedValues.company_owner_name ??\n              '',\n            desiredCurrency:\n              company?.desired_currency ?? parsedValues.desired_currency ?? '',\n            name: company?.name ?? parsedValues.name ?? '',\n            phoneNumber:\n              company?.phone_number ?? parsedValues.phone_number ?? '',\n            taxNumber: company?.tax_number ?? parsedValues.tax_number ?? '',\n          },\n        });\n      }\n\n      case 'address_details': {\n        if (!createdCompanyId) {\n          throw createStructuredError(\n            'Company ID is required to update address details',\n          );\n        }\n        const payload: UpdateCompanyParams = {\n          address_details: parsedValues,\n        };\n\n        const response = await updateCompanyMutationAsync({\n          companyId: createdCompanyId,\n          payload,\n          jsonSchemaVersion:\n            options?.jsonSchemaVersion?.form_schema?.address_details,\n        });\n\n        // Check for errors from the mutation\n        if (response.error) {\n          return Promise.resolve({\n            data: null,\n            error: response.error,\n            rawError: response.rawError,\n            fieldErrors: response.fieldErrors,\n          });\n        }\n\n        return Promise.resolve({ data: response.data });\n      }\n\n      default: {\n        throw createStructuredError('Invalid step state');\n      }\n    }\n  }\n\n  const isLoading = isLoadingCountries || isLoadingAddressDetails;\n\n  return {\n    /**\n     * Loading state indicating if the flow is loading data\n     */\n    isLoading,\n\n    /**\n     * Loading state indicating if the company creation or update mutation is in progress\n     */\n    isSubmitting:\n      createCompanyMutation.isPending || updateCompanyMutation.isPending,\n\n    /**\n     * Current state of the form fields for the current step.\n     */\n    fieldValues,\n\n    /**\n     * Current step state containing the current step and total number of steps\n     */\n    stepState,\n\n    /**\n     * Function to update the current form field values\n     * @param values - New form values to set\n     */\n    checkFieldUpdates: setFieldValues,\n\n    /**\n     * Function to handle going back to the previous step\n     * @returns {void}\n     */\n    back: previousStep,\n\n    /**\n     * Function to handle going to the next step\n     * @returns {void}\n     */\n    next: nextStep,\n\n    /**\n     * Function to handle going to a specific step\n     * @param step The step to go to.\n     * @returns {void}\n     */\n    goTo: goTo,\n\n    /**\n     * Function to handle form submission\n     * @param values - Form values to submit\n     * @returns Promise resolving to the mutation result\n     */\n    onSubmit,\n\n    /**\n     * Array of form fields from the onboarding schema\n     */\n    fields: stepFields[stepState.currentStep.name],\n\n    /**\n     * Fields metadata for each step\n     */\n    meta: {\n      // WE NEED TO FIX: react-hooks/refs - Cannot access ref value during render\n      // oxlint-disable-next-line react-hooks/refs\n      fields: fieldsMetaRef.current,\n      fieldsets: stepFieldsWithFlatFieldsets[stepState.currentStep.name],\n    },\n\n    /**\n     * Function to parse form values before submission\n     * @param values - Form values to parse\n     * @returns Parsed form values\n     */\n    parseFormValues,\n\n    /**\n     * Function to validate form values against the onboarding schema\n     * @param values - Form values to validate\n     * @returns Validation result or null if no schema is available\n     */\n    handleValidation: async (\n      values: FieldValues,\n    ): Promise<ValidationResult | null> => {\n      if (\n        stepState.currentStep.name === 'company_basic_information' &&\n        companyBasicInformationForm\n      ) {\n        const parsedValues = await parseJSFToValidate(\n          values,\n          companyBasicInformationForm.fields,\n          { isPartialValidation: false },\n        );\n        return companyBasicInformationForm.handleValidation(parsedValues);\n      }\n      if (\n        stepState.currentStep.name === 'address_details' &&\n        addressDetailsForm\n      ) {\n        const parsedValues = await parseJSFToValidate(\n          values,\n          addressDetailsForm.fields,\n          { isPartialValidation: false },\n        );\n        return addressDetailsForm.handleValidation(parsedValues);\n      }\n\n      return null;\n    },\n\n    /**\n     * Initial form values\n     */\n    initialValues,\n  };\n};\n","import type { useCreateCompany } from '@/src/flows/CreateCompany/hooks';\nimport { createContext, useContext } from 'react';\nexport const CreateCompanyContext = createContext<{\n  formId: string | undefined;\n  createCompanyBag: ReturnType<typeof useCreateCompany> | null;\n}>({\n  formId: undefined,\n  createCompanyBag: null,\n});\n\nexport const useCreateCompanyContext = () => {\n  const context = useContext(CreateCompanyContext);\n  if (!context.formId || !context.createCompanyBag) {\n    throw new Error(\n      'useCreateCompanyContext must be used within a CreateCompanyContextProvider',\n    );\n  }\n\n  return {\n    formId: context.formId,\n    createCompanyBag: context.createCompanyBag,\n  } as const;\n};\n","import { JSFFields } from '@/src/types/remoteFlows';\nimport { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { Form } from '@/src/components/ui/form';\nimport { useForm } from 'react-hook-form';\nimport { useJsonSchemasValidationFormResolver } from '@/src/components/form/validationResolver';\nimport { Components } from '@/src/types/remoteFlows';\nimport { useCreateCompanyContext } from '@/src/flows/CreateCompany/context';\nimport { useEffect, useRef } from 'react';\n\ntype CreateCompanyFormProps = {\n  onSubmit: (payload: Record<string, unknown>) => Promise<void>;\n  components?: Components;\n  fields?: JSFFields;\n  defaultValues: Record<string, unknown>;\n};\n\nexport function CreateCompanyForm({\n  defaultValues,\n  onSubmit,\n  components,\n}: CreateCompanyFormProps) {\n  const { formId, createCompanyBag } = useCreateCompanyContext();\n  const prevValuesRef = useRef(defaultValues);\n\n  const resolver = useJsonSchemasValidationFormResolver(\n    createCompanyBag.handleValidation,\n  );\n\n  const form = useForm({\n    resolver,\n    defaultValues,\n    shouldUnregister: false,\n    mode: 'onBlur',\n  });\n\n  useEffect(() => {\n    const subscription = form?.watch((values) => {\n      const hasChanged = Object.keys(values).some(\n        (key) => values[key] !== prevValuesRef.current[key],\n      );\n      if (hasChanged) {\n        createCompanyBag?.checkFieldUpdates(values);\n        prevValuesRef.current = { ...values };\n      }\n    });\n    return () => subscription?.unsubscribe();\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleSubmit = async (values: Record<string, unknown>) => {\n    await onSubmit(values);\n  };\n\n  return (\n    <Form {...form} key={`form-${createCompanyBag.stepState.currentStep.name}`}>\n      <form\n        id={formId}\n        onSubmit={form.handleSubmit(handleSubmit)}\n        className='space-y-4 RemoteFlows__OnboardingForm'\n      >\n        <JSONSchemaFormFields\n          components={components}\n          fields={createCompanyBag.fields}\n          fieldsets={createCompanyBag.meta.fieldsets}\n          fieldValues={createCompanyBag.fieldValues}\n        />\n      </form>\n    </Form>\n  );\n}\n","import {\n  CompanyBasicInfoFormPayload,\n  CompanyBasicInfoSuccess,\n} from '@/src/flows/CreateCompany/types';\nimport { NormalizedFieldError } from '@/src/lib/mutations';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\nimport { useCreateCompanyContext } from '@/src/flows/CreateCompany/context';\nimport { CreateCompanyForm } from '@/src/flows/CreateCompany/components/CreateCompanyForm';\nimport { handleStepError } from '@/src/lib/utils';\n\ntype CompanyBasicInformationStepProps = {\n  /**\n   * The function is called when the form is submitted. It receives the form values as an argument.\n   */\n  onSubmit?: (payload: CompanyBasicInfoFormPayload) => void | Promise<void>;\n  /**\n   * The function is called when the form submission is successful.\n   */\n  onSuccess?: (data: CompanyBasicInfoSuccess) => void | Promise<void>;\n  /**\n   * The function is called when an error occurs during form submission.\n   */\n  onError?: ({\n    error,\n    rawError,\n    fieldErrors,\n  }: {\n    error: Error;\n    rawError: Record<string, unknown>;\n    fieldErrors: NormalizedFieldError[];\n  }) => void;\n};\n\n/**\n * CompanyBasicInformationStep component for the first step of company creation\n * Handles company basic information form submission\n */\nexport function CompanyBasicInformationStep({\n  onSubmit,\n  onSuccess,\n  onError,\n}: CompanyBasicInformationStepProps) {\n  const { createCompanyBag } = useCreateCompanyContext();\n  const handleSubmit = async (payload: $TSFixMe) => {\n    try {\n      await onSubmit?.({\n        countryCode: payload.country_code,\n        companyOwnerEmail: payload.company_owner_email,\n        companyOwnerName: payload.company_owner_name,\n        desiredCurrency: payload.desired_currency,\n        name: payload.name,\n        phoneNumber: payload.phone_number,\n        taxNumber: payload.tax_number,\n      });\n      const response = await createCompanyBag.onSubmit(payload);\n      if (response?.data) {\n        await onSuccess?.(response?.data as CompanyBasicInfoSuccess);\n        createCompanyBag?.next();\n        return;\n      }\n      if (response?.error) {\n        const structuredError = handleStepError(\n          response,\n          createCompanyBag.meta?.fields?.company_basic_information,\n        );\n        onError?.(structuredError);\n      }\n    } catch (error: unknown) {\n      const structuredError = handleStepError(\n        error,\n        createCompanyBag.meta?.fields?.company_basic_information,\n      );\n\n      onError?.(structuredError);\n    }\n  };\n\n  const initialValues =\n    createCompanyBag.stepState.values?.company_basic_information ||\n    createCompanyBag.initialValues.company_basic_information;\n\n  return (\n    <CreateCompanyForm defaultValues={initialValues} onSubmit={handleSubmit} />\n  );\n}\n","import {\n  CompanyAddressDetailsFormPayload,\n  CompanyAddressDetailsSuccess,\n} from '@/src/flows/CreateCompany/types';\nimport { NormalizedFieldError } from '@/src/lib/mutations';\nimport { $TSFixMe } from '@/src/types/remoteFlows';\nimport { useCreateCompanyContext } from '@/src/flows/CreateCompany/context';\nimport { CreateCompanyForm } from '@/src/flows/CreateCompany/components/CreateCompanyForm';\nimport { handleStepError } from '@/src/lib/utils';\n\ntype AddressDetailsStepProps = {\n  /**\n   * The function is called when the form is submitted. It receives the form values as an argument.\n   */\n  onSubmit?: (\n    payload: CompanyAddressDetailsFormPayload,\n  ) => void | Promise<void>;\n  /**\n   * The function is called when the form submission is successful.\n   */\n  onSuccess?: (data: CompanyAddressDetailsSuccess) => void | Promise<void>;\n  /**\n   * The function is called when an error occurs during form submission.\n   */\n  onError?: ({\n    error,\n    rawError,\n    fieldErrors,\n  }: {\n    error: Error;\n    rawError: Record<string, unknown>;\n    fieldErrors: NormalizedFieldError[];\n  }) => void;\n};\n\n/**\n * AddressDetailsStep component for the second step of company creation\n * Handles address details form submission and company update\n */\n\nexport function AddressDetailsStep({\n  onSubmit,\n  onSuccess,\n  onError,\n}: AddressDetailsStepProps) {\n  const { createCompanyBag } = useCreateCompanyContext();\n  const handleSubmit = async (payload: $TSFixMe) => {\n    try {\n      await onSubmit?.(payload);\n      const response = await createCompanyBag.onSubmit(payload);\n      if (response?.data) {\n        await onSuccess?.(response?.data as CompanyAddressDetailsSuccess);\n        return;\n      }\n      if (response?.error) {\n        const structuredError = handleStepError(\n          response,\n          createCompanyBag.meta?.fields?.address_details,\n        );\n        onError?.(structuredError);\n      }\n    } catch (error: unknown) {\n      const structuredError = handleStepError(\n        error,\n        createCompanyBag.meta?.fields?.address_details,\n      );\n\n      onError?.(structuredError);\n    }\n  };\n\n  const initialValues =\n    createCompanyBag.stepState.values?.address_details ||\n    createCompanyBag.initialValues.address_details;\n\n  return (\n    <CreateCompanyForm defaultValues={initialValues} onSubmit={handleSubmit} />\n  );\n}\n","import { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { useCreateCompanyContext } from '@/src/flows/CreateCompany/context';\nimport { useFormFields } from '@/src/context';\n\nexport function CreateCompanySubmit({\n  children,\n  type = 'submit',\n  ...props\n}: PropsWithChildren<\n  ButtonHTMLAttributes<HTMLButtonElement> & Record<string, unknown>\n>) {\n  const { formId, createCompanyBag } = useCreateCompanyContext();\n  const { components } = useFormFields();\n\n  const CustomButton = components?.button;\n  if (!CustomButton) {\n    throw new Error(`Button component not found`);\n  }\n\n  return (\n    <CustomButton\n      {...props}\n      form={formId}\n      type={type}\n      disabled={props.disabled || createCompanyBag.isSubmitting}\n    >\n      {children}\n    </CustomButton>\n  );\n}\n","import { CreateCompanyFlowProps } from '@/src/flows/CreateCompany/types';\nimport { useCreateCompany } from '@/src/flows/CreateCompany/hooks';\nimport { CreateCompanyContext } from '@/src/flows/CreateCompany/context';\nimport { CompanyBasicInformationStep } from '@/src/flows/CreateCompany/components/CompanyBasicInformationStep';\nimport { AddressDetailsStep } from '@/src/flows/CreateCompany/components/AddressDetailsStep';\nimport { CreateCompanySubmit } from '@/src/flows/CreateCompany/components/CreateCompanySubmit';\nimport { useId } from 'react';\nexport const CreateCompanyFlow = ({\n  render,\n  countryCode,\n  options,\n  initialValues,\n}: CreateCompanyFlowProps) => {\n  const createCompanyBag = useCreateCompany({\n    options,\n    countryCode,\n    initialValues,\n  });\n  const formId = useId();\n  return (\n    <CreateCompanyContext.Provider value={{ createCompanyBag, formId }}>\n      {render({\n        createCompanyBag,\n        components: {\n          CompanyBasicInformationStep: CompanyBasicInformationStep,\n          AddressDetailsStep: AddressDetailsStep,\n          SubmitButton: CreateCompanySubmit,\n        },\n      })}\n    </CreateCompanyContext.Provider>\n  );\n};\n"],"mappings":"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"}