@remoteoss/remote-flows 0.19.0 → 0.20.1

package/dist/chunk-F66G33YT.js

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

package/dist/chunk-F66G33YT.js.map

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

package/dist/chunk-GPBU6CQP.js

@@ -1,2 +0,0 @@
-import{a as W}from"./chunk-5NPHBFW7.js";import{a as K}from"./chunk-VFRHMNLJ.js";import{a as G,b as I,c as z,e as Q}from"./chunk-YDNOMXS7.js";import{a as C}from"./chunk-HN5HLFTB.js";import{a as N}from"./chunk-CFIJKJXD.js";import{c as X}from"./chunk-5NDSOA6K.js";import{c as M}from"./chunk-PAQW5BFW.js";import{a as i}from"./chunk-P37U34EQ.js";import{number as Re,object as ae}from"yup";import{createHeadlessForm as he,modify as Fe}from"@remoteoss/json-schema-form";import{useCallback as Ve,useEffect as Y,useMemo as Me,useState as j}from"react";import{string as Z,ValidationError as ee}from"yup";import{jsx as te}from"react/jsx-runtime";var k={title:"Estimation",includeBenefits:!1,includeCostBreakdowns:!1,includePremiumBenefits:!1,enableCurrencyConversion:!1,includeEstimationTitle:!1,includeManagementFee:!1},je=i(t=>{let{schema:a}=Fe(K.data.schema,t?.jsfModify||{});return he(a)},"useStaticSchema");function Pe(t,a){if(typeof t=="object"&&t!==null&&"title"in t){let l=t.title;if(l)return l}return a==="my_hiring_budget"?"Hiring budget":"Employee's annual salary"}i(Pe,"getSalaryTitle");var Ne=i(({defaultRegion:t,defaultCurrency:a,defaultSalary:l,estimationOptions:s,options:r,version:o}={estimationOptions:k})=>{let[c,S]=j(t),[P,R]=j(),[d,q]=j(),[H,ie]=j(),{data:_,isLoading:oe}=G({includePremiumBenefits:s.includePremiumBenefits}),{data:f,isLoading:se}=I(),le=c||P?.value,{data:w,isLoading:ue}=Q(le,{includePremiumBenefits:s.includePremiumBenefits,options:r}),U=z(),E=P?.currency,p=r?.jsfModify?.fields?.salary,F=p&&typeof p=="object"&&"presentation"in p?p.presentation:void 0,L=Ve(()=>{let e=E&&d?E!==d:!1;return E!==d?{from:d,to:E,shouldSwapOrder:e}:{from:E,to:d,shouldSwapOrder:e}},[E,d]),J=s.showManagementFee,$=s.includeEstimationTitle,ce=Me(()=>{let{from:e,to:n,shouldSwapOrder:m}=L(),u=Pe(p,H);return{fields:{salary:{...p,title:u,presentation:{salary_conversion_properties:{label:F?.salary_conversion_properties?.label,description:F?.salary_conversion_properties?.description},currencies:{from:e,to:n},Component:i(y=>te(W,{...y,shouldSwapOrder:m,conversionType:o==="marketing"?"no_spread":"spread",defaultValue:l}),"Component")}},hiring_budget:{...r?.jsfModify?.fields?.hiring_budget,presentation:{hidden:o=="marketing"}},management:{...r?.jsfModify?.fields?.management,properties:{...r?.jsfModify?.fields?.management?.properties,management_fee:{...r?.jsfModify?.fields?.management?.properties?.management_fee,"x-jsf-presentation":{inputType:"money",additionalProps:{currency:d||"USD"}}}},presentation:{...typeof r?.jsfModify?.fields?.management=="object"?(r?.jsfModify?.fields?.management)["x-jsf-presentation"]:{},hidden:!J,Component:i(y=>te(X,{...y,variant:"inset",features:{toggle:{enabled:!0,stateField:"management._expanded",labels:{expand:"Define",collapse:"Remove"}}}}),"Component")}},estimation_title:{...r?.jsfModify?.fields?.estimation_title,"x-jsf-presentation":{hidden:!$}}}}},[L,p,H,F?.salary_conversion_properties?.label,F?.salary_conversion_properties?.description,r?.jsfModify?.fields?.hiring_budget,r?.jsfModify?.fields?.management,r?.jsfModify?.fields?.estimation_title,o,d,J,$,l]),g=je({jsfModify:{fields:{...r?.jsfModify?.fields,...ce?.fields}}});Y(()=>{if(t&&_){let e=_.find(({value:n})=>n===t);e&&R(e)}},[t,_]),Y(()=>{if(a&&f){let e=f.find(({value:n})=>n===a);e&&q(e.label)}},[a,f]);async function me(e){try{await x.validate(e,{abortEarly:!1})}catch(n){return{data:null,error:n}}return new Promise((n,m)=>{U.mutate(re(e,s,o),{onSuccess:i(u=>{u.data?n({data:u.data,error:null}):m({data:null,error:u.error})},"onSuccess"),onError:i(u=>{m({data:null,error:u})},"onError")})})}i(me,"onSubmit");function de(e){let n=_?.find(({value:m})=>m===e);n&&n.childRegions.length===0&&n.hasAdditionalFields?S(n.regionSlug):S(void 0),R(n)}i(de,"onCountryChange");function fe(e){S(e)}i(fe,"onRegionChange");function ge(e){ie(e.target.value)}i(ge,"onHiringBudgetChange");function ye(e){let n=f?.find(m=>m.value===e)?.label;q(n),r?.onCurrencyChange?.(n||"")}i(ye,"onChangeCurrency");let b=g.fields.find(e=>e.name==="region");if(b){let e=P?.childRegions.map(n=>({value:n.slug,label:n.name}))??[];b.options=e,b.isVisible=e.length>0,b.required=e.length>0,b.onChange=fe,b.schema=e.length>0?Z().transform(n=>typeof n=="string"?n:"").required("Region is required"):Z()}if(f){let e=g.fields.find(n=>n.name==="currency");e&&(e.options=f,e.onChange=ye)}let v=g.fields.find(e=>e.name==="hiring_budget");if(v&&(v.onChange=ge),_){let e=g.fields.find(n=>n.name==="country");e&&(e.options=_,e.onChange=de)}let pe=i(()=>{R(void 0),S(t)},"resetForm"),D=[...g.fields.filter(e=>e.name!=="management"),...w?.fields||[],...g.fields.filter(e=>e.name==="management")],x=ne(g.fields,d||"USD",s.includeEstimationTitle);async function Ce(e){let n=null;r?.onValidation?.(e);let m=M(e,D);try{await x.validate(m,{abortEarly:!1}),n={formErrors:{},yupError:new ee([],e)}}catch(h){let T=N(h);n={formErrors:Object.entries(T).reduce((O,[A,V])=>({...O,[A]:V.message}),{}),yupError:h}}let u=w?.handleValidation(m),y=[...n?.yupError.inner||[],...u?.yupError?.inner||[]],B={...n?.yupError?.value||{},...u?.yupError?.value||{}};return{formErrors:{...n?.formErrors||{},...u?.formErrors||{}},yupError:new ee(y,B)}}return i(Ce,"handleValidation"),{stepState:{current:0,total:1,isLastStep:!0},fields:D,validationSchema:x,parseFormValues:i(e=>{let{country:n,region:m,currency:u,salary_converted:y,hiring_budget:B,salary_conversion:h,management:T,estimation_title:O,...A}=e,V=e.salary;y==="salary_conversion"&&(V=h);let _e=M({country:n,region:m,salary:V,salary_converted:y,salary_conversion:h,hiring_budget:B,currency:u,management:T,estimation_title:O},g.fields),Ee=M(A,w?.fields||[]),be={currency_code:f?.find(Se=>Se.value===u)?.label};return{..._e,...Ee,...be}},"parseFormValues"),handleValidation:Ce,isSubmitting:U.isPending,isLoading:oe&&se&&ue,onSubmit:me,resetForm:pe,currencies:f}},"useCostCalculator");function ne(t,a,l){let s=t.reduce((r,o)=>(o.name==="salary"||o.name==="salary_conversion"?r[o.name]=o.schema.when("salary_converted",{is:i(c=>c===o.name,"is"),then:i(c=>c.required("Required field"),"then"),otherwise:i(c=>c.optional(),"otherwise")}):o.name==="management"?r[o.name]=ae({management_fee:Re().transform(c=>isNaN(c)?void 0:c).min(0,"Management fee must be greater than or equal to 0").max(a?C[a]:C.USD,()=>`Management fee cannot exceed ${(a?C[a]:C.USD)/100} ${a}`)}):o.name==="estimation_title"&&l?r[o.name]=o.schema.required("Required field"):r[o.name]=o.schema,r),{});return ae(s)}i(ne,"buildValidationSchema");function we(t){let a="benefit-";return Object.keys(t).reduce((l,s)=>{let r=t[s];if(r==="none")return l;let c={benefit_group_slug:s.replace(a,""),benefit_tier_slug:r};return[...l,c]},[])}i(we,"formatBenefits");function xe(t,a,l){let s=Number(t.management?.management_fee),r=t.currency_code;return{...{region_slug:t.region||t.country,employment_term:t.contract_duration_type??"fixed",title:t.estimation_title||a.title,age:t.age??void 0,...t.benefits&&{benefits:we(t.benefits)},...a.includeManagementFee&&s&&{discount:{quoted_amount:a.showManagementFee?s:C[r]||C.USD,text:""}}},...Be(t,l)}}i(xe,"mapValueToEmployment");function Be(t,a){let l=a==="marketing"||t.salary_converted==="salary_conversion",s=a==="standard"&&t.salary_converted==="salary",r=t.hiring_budget==="my_hiring_budget";if(l){let o=t.salary_converted==="salary_conversion";return r?{annual_total_cost_in_employer_currency:t.salary}:{[o?"annual_gross_salary_in_employer_currency":"annual_gross_salary"]:t.salary}}return s?r?{annual_total_cost:t.salary}:{annual_gross_salary:t.salary}:{}}i(Be,"getSalaryFields");function re(t,a=k,l="standard"){let s=Array.isArray(t)?t:[t];if(s.length===0)throw new Error("At least one employment value is required");return s.length>1&&new Set(s.map(o=>o.currency)).size>1&&console.warn("Multiple currencies detected in array. Using currency from first employment."),{employer_currency_slug:s[0].currency,include_benefits:a.includeBenefits,include_cost_breakdowns:a.includeCostBreakdowns,include_premium_benefits:a.includePremiumBenefits,include_management_fee:a.includeManagementFee,employments:s.map(r=>xe(r,a,l))}}i(re,"buildPayload");export{ne as a,re as b,k as c,Ne as d};
-//# sourceMappingURL=chunk-GPBU6CQP.js.map

package/dist/chunk-GPBU6CQP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/CostCalculator/utils.ts","../src/flows/CostCalculator/hooks.tsx"],"sourcesContent":["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 {\n  CostCalculatorEstimateResponse,\n  MinimalRegion,\n  PostCreateEstimationError,\n} from '@/src/client';\nimport { jsonSchema } from '@/src/flows/CostCalculator/jsonSchema';\nimport type {\n  CostCalculatorEstimationFormValues,\n  CostCalculatorEstimationOptions,\n  CostCalculatorEstimationSubmitValues,\n  EstimationError,\n  UseCostCalculatorOptions,\n} from '@/src/flows/CostCalculator/types';\nimport type { JSFModify, Result } from '@/src/flows/types';\n\nimport { parseJSFToValidate } from '@/src/components/form/utils';\nimport { iterateErrors } from '@/src/components/form/yupValidationResolver';\nimport { createHeadlessForm, modify } from '@remoteoss/json-schema-form';\nimport { useCallback, useEffect, useMemo, 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 } from '@/src/types/remoteFlows';\nimport { SalaryField } from '@/src/flows/CostCalculator/components/SalaryField';\nimport {\n  FieldSetField,\n  FieldSetProps,\n} from '@/src/components/form/fields/FieldSetField';\n\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  const { schema: jsonSchemaModified } = modify(\n    jsonSchema.data.schema,\n    options?.jsfModify || {},\n  );\n\n  return createHeadlessForm(jsonSchemaModified);\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 [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 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 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                />\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  ]);\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(\n    values: CostCalculatorEstimationSubmitValues,\n  ): Promise<Result<CostCalculatorEstimateResponse, EstimationError>> {\n    try {\n      await validationSchema.validate(values, { abortEarly: false });\n    } catch (err) {\n      return {\n        data: null,\n        error: err as ValidationError,\n      };\n    }\n\n    return new Promise((resolve, reject) => {\n      costCalculatorEstimationMutation.mutate(\n        buildPayload(values, estimationOptions, version),\n        {\n          onSuccess: (response) => {\n            if (response.data) {\n              resolve({\n                data: response.data,\n                error: null,\n              });\n            } else {\n              reject({\n                data: null,\n                error: response.error as PostCreateEstimationError,\n              });\n            }\n          },\n          onError: (error) => {\n            reject({\n              data: null,\n              error: error as PostCreateEstimationError,\n            });\n          },\n        },\n      );\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 = 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?.yupError?.inner || []),\n    ];\n    const combinedValues = {\n      ...(errors?.yupError?.value || {}),\n      ...(handleValidationResult?.yupError?.value || {}),\n    };\n\n    return {\n      formErrors: {\n        ...(errors?.formErrors || {}),\n        ...(handleValidationResult?.formErrors || {}),\n      },\n      yupError: new ValidationError(combinedInnerErrors, combinedValues),\n    };\n  }\n\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: (\n      values: CostCalculatorEstimationFormValues,\n    ): 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 = parseJSFToValidate(\n        jsonSchemaStaticFieldValues,\n        fieldsJSONSchema.fields,\n      );\n\n      const parsedRegionFields = 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"],"mappings":"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","names":["number","object","createHeadlessForm","modify","useCallback","useEffect","useMemo","useState","string","ValidationError","jsx","defaultEstimationOptions","useStaticSchema","__name","options","jsonSchemaModified","modify","jsonSchema","createHeadlessForm","getSalaryTitle","salaryField","hiringBudget","title","useCostCalculator","defaultRegion","defaultCurrency","defaultSalary","estimationOptions","version","selectedRegion","setSelectedRegion","useState","selectedCountry","setSelectedCountry","employerBillingCurrency","setEmployerBillingCurrency","setHiringBudget","countries","isLoadingCountries","useCostCalculatorCountries","currencies","isLoadingCurrencies","useCompanyCurrencies","jsonSchemaRegionSlug","jsonSchemaRegionFields","isLoadingRegionFields","useRegionFields","costCalculatorEstimationMutation","useCostCalculatorEstimation","employeeBillingCurrency","salaryFieldPresentation","getCurrencies","useCallback","shouldSwapOrder","showManagementField","showEstimationTitleField","customFields","useMemo","from","to","salaryTitle","props","SalaryField","FieldSetField","fieldsJSONSchema","useEffect","defaultCountry","value","defaultCurrencyObj","onSubmit","values","validationSchema","err","resolve","reject","buildPayload","response","error","onCountryChange","country","currentCountry","onRegionChange","region","onHiringBudgetChange","event","onChangeCurrency","currency","selectedCurrency","c","regionField","field","regions","string","currencyField","hiringBudgetField","countryField","resetForm","allFields","buildValidationSchema","handleValidation","errors","parsedValues","parseJSFToValidate","ValidationError","iterateResult","iterateErrors","acc","key","handleValidationResult","combinedInnerErrors","combinedValues","salary_converted","hiring_budget","salary_conversion","management","estimation_title","rest","salary","parsedStaticFields","parsedRegionFields","additionalFields","buildValidationSchema","fields","employerBillingCurrency","includeEstimationTitle","fieldsSchema","fieldsSchemaAcc","field","__name","val","schema","object","number","value","BASE_RATES","formatBenefits","benefits","needle","acc","key","benefitTierSlug","benefitEntry","mapValueToEmployment","estimationOptions","version","managementFee","currencyCode","getSalaryFields","isMarketing","isStandard","useHiringBudget","useEmployerCurrency","buildPayload","values","defaultEstimationOptions","employments","v"]}

package/dist/chunk-JIRA6B5O.js

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

package/dist/chunk-JIRA6B5O.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/shared/actions-dropdown/ActionsDropdown.tsx","../src/flows/CostCalculator/EstimationResults/EstimationResults.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { cn } from '@/src/lib/utils';\nimport { MoreHorizontal } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nexport interface DropdownAction {\n  label: string;\n  icon?: ReactNode;\n  onClick: () => void;\n  separator?: boolean;\n  disabled?: boolean;\n}\n\ninterface ActionsDropdownProps {\n  actions?: DropdownAction[];\n  label?: string;\n  className?: string;\n  'data-testid'?: string;\n}\n\nexport function ActionsDropdown({\n  actions = [],\n  className,\n  label,\n  'data-testid': dataSelector,\n}: ActionsDropdownProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <div className={cn('relative', className)}>\n      <Button\n        data-testid={dataSelector}\n        variant='ghost'\n        aria-label={label}\n        className='h-8 w-8 p-0'\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <MoreHorizontal className='h-4 w-4' />\n      </Button>\n\n      {isOpen && (\n        <>\n          <div\n            className='fixed inset-0 z-40'\n            onClick={() => setIsOpen(false)}\n          />\n          <div className='absolute right-0 top-1/2 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-50 min-w-[120px]'>\n            {actions.map((action, index) => (\n              <button\n                key={index}\n                data-testid={`${dataSelector}-${action.label.toLowerCase().replace(' ', '-')}`}\n                className={cn(\n                  'w-full text-left px-2 py-1.5 text-sm hover:bg-gray-100',\n                  action.disabled && 'opacity-50 cursor-not-allowed',\n                )}\n                onClick={() => {\n                  action.onClick();\n                  setIsOpen(false);\n                }}\n                disabled={action.disabled}\n              >\n                {action.label}\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { MinimalCountry, MinimalRegion } from '@/src/client';\nimport { ActionsDropdown } from '@/src/components/shared/actions-dropdown/ActionsDropdown';\nimport { Card } from '@/src/components/ui/card';\nimport { ChevronDown, Info } from 'lucide-react';\nimport Flag from 'react-flagpack';\nimport { useState } from 'react';\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '@/src/components/ui/accordion';\nimport { cn, formatCurrency } 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      type='single'\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      type='single'\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='grid grid-cols-3 items-center'>\n        <div className='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            ? 'grid grid-cols-3 items-center justify-between'\n            : 'grid grid-cols-2 items-center justify-between',\n        )}\n      >\n        <div className={cn('flex items-center gap-2', isNested && 'pl-3')}>\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='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={`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>{item.tooltip}</span>{' '}\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                    '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.symbol,\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.symbol,\n                  ),\n                  formatCurrency(\n                    estimation.employer_currency_costs.monthly_total,\n                    estimation.employer_currency_costs.currency.symbol,\n                  ),\n                ]\n              : formatCurrency(\n                  estimation.regional_currency_costs.monthly_total,\n                  estimation.regional_currency_costs.currency.symbol,\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.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.monthly_gross_salary,\n                  estimation.employer_currency_costs.currency.symbol,\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.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs\n                    .monthly_contributions_total,\n                  estimation.employer_currency_costs.currency.symbol,\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.symbol,\n                        ),\n                        employerAmount: formatCurrency(\n                          item.amount,\n                          estimation.employer_currency_costs.currency.symbol,\n                        ),\n                        zendeskId: item.zendesk_article_id || undefined,\n                        tooltip: item.description || undefined,\n                      };\n                    },\n                  ) || [],\n              },\n              {\n                label: 'Core benefits',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.monthly_benefits_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.monthly_benefits_total,\n                  estimation.employer_currency_costs.currency.symbol,\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.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              ...(hasManagementFee\n                ? [\n                    {\n                      label: 'Management fee',\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .monthly_management_fee,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        estimation.employer_currency_costs\n                          .monthly_management_fee,\n                        estimation.employer_currency_costs.currency.symbol,\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.symbol,\n                  ),\n                  formatCurrency(\n                    estimation.employer_currency_costs.annual_total,\n                    estimation.employer_currency_costs.currency.symbol,\n                  ),\n                ]\n              : formatCurrency(\n                  estimation.regional_currency_costs.annual_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                )\n          }\n        >\n          <BreakdownList\n            items={[\n              {\n                label: 'Annual gross salary',\n                dataSelector: 'annual-gross-salary',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_gross_salary,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_gross_salary,\n                  estimation.employer_currency_costs.currency.symbol,\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.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_contributions_total,\n                  estimation.employer_currency_costs.currency.symbol,\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.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              {\n                label: 'Core benefits',\n                regionalAmount: formatCurrency(\n                  estimation.regional_currency_costs.annual_benefits_total,\n                  estimation.regional_currency_costs.currency.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs.annual_benefits_total,\n                  estimation.employer_currency_costs.currency.symbol,\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.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.symbol,\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.symbol,\n                ),\n                employerAmount: formatCurrency(\n                  estimation.employer_currency_costs\n                    .extra_statutory_payments_total,\n                  estimation.employer_currency_costs.currency.symbol,\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.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        item.amount,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      zendeskId: item.zendesk_article_id || undefined,\n                      tooltip: item.description || undefined,\n                    }),\n                  ) || [],\n              },\n              ...(hasManagementFee\n                ? [\n                    {\n                      label: 'Management fee',\n                      regionalAmount: formatCurrency(\n                        estimation.regional_currency_costs\n                          .annual_management_fee,\n                        estimation.regional_currency_costs.currency.symbol,\n                      ),\n                      employerAmount: formatCurrency(\n                        estimation.employer_currency_costs\n                          .annual_management_fee,\n                        estimation.employer_currency_costs.currency.symbol,\n                      ),\n                      tooltip:\n                        'Discounts may be available based on your commitment and team size. Speak to your account or customer success manager to learn more.',\n                    },\n                  ]\n                : []),\n            ]}\n            isMultipleCurrency={isMultipleCurrency}\n          />\n        </EstimationRow>\n      </div>\n      <div className='RemoteFlows__Separator'>\n        <CustomOnboardingTimeline\n          minimumOnboardingDays={estimation.minimum_onboarding_time}\n          data={onboardingTimelineData}\n        />\n      </div>\n\n      <CustomHiringSection\n        countryBenefitsUrl={estimation.country_benefits_details_url as string}\n        countryGuideUrl={estimation.country_guide_url as string}\n        country={estimation.country}\n      />\n\n      {CustomFooter && <CustomFooter />}\n    </Card>\n  );\n};\n"],"mappings":"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","names":["MoreHorizontal","useState","Fragment","jsx","jsxs","ActionsDropdown","actions","className","label","dataSelector","isOpen","setIsOpen","useState","cn","Button","MoreHorizontal","action","index","__name","ChevronDown","Info","Flag","useState","Fragment","jsx","jsxs","FLAG_CODE_MAPPING","EstimationResultsHeader","__name","title","country","region","annualGrossSalary","onDelete","onExportPdf","onEdit","actions","Flag","ActionsDropdown","getOnboardingTimelineData","zendeskArticles","OnboardingTimeline","minimumOnboardingDays","data","className","Accordion","cn","AccordionItem","AccordionTrigger","AccordionContent","step","ZendeskTriggerButton","HiringSection","countryBenefitsUrl","countryGuideUrl","EstimationHeaders","isMultipleCurrency","EstimationRow","label","amounts","children","isOpen","setIsOpen","useState","ChevronDown","amount","index","BreakdownListItem","item","level","hasChildren","isNested","isCollapsible","BasicTooltip","Info","BreakdownList","items","EstimationResults","estimation","components","CustomHiringSection","CustomOnboardingTimeline","CustomHeader","CustomFooter","onboardingTimelineData","hasManagementFee","hasRegion","formattedSalary","formatCurrency","Card"]}

package/dist/chunk-PUSPB4CX.js

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

package/dist/chunk-PUSPB4CX.js.map

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

package/dist/chunk-QW4JPW6J.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/mutations.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Meta } from '@/src/flows/Onboarding/types';\nimport { UseMutationResult } from '@tanstack/react-query';\n\ntype MutationData<T> =\n  T extends UseMutationResult<infer R, any, any, any> ? R : never;\ntype MutationVariables<T> =\n  T extends UseMutationResult<any, any, infer V, any> ? V : never;\ntype MutationError<T> =\n  T extends UseMutationResult<any, infer E, any, any> ? E : never;\n\nexport interface SuccessResponse<D> {\n  data: D;\n  error: null;\n}\n\nexport interface FieldError {\n  field: string;\n  messages: string[];\n}\n\nexport interface ErrorResponse<E> {\n  data: null;\n  error: E;\n  rawError: Record<string, unknown>;\n  fieldErrors: FieldError[];\n}\n\ntype PromiseResult<D, E> = SuccessResponse<D> | ErrorResponse<E>;\n\n/**\n * Extracts field errors from error response into a structured format\n * @param error - The error response object\n * @returns Array of field errors with field name and messages\n */\nexport function extractFieldErrors(error: any): FieldError[] {\n  if (!error || !error.errors || typeof error.errors !== 'object') return [];\n\n  const fieldErrors: FieldError[] = [];\n\n  Object.entries(error.errors).forEach(([key, value]) => {\n    if (Array.isArray(value)) {\n      fieldErrors.push({\n        field: key,\n        messages: value.map((msg: any) => String(msg)),\n      });\n      return;\n    }\n    if (value && typeof value === 'object') {\n      Object.entries(value).forEach(([nestedKey, nestedValue]) => {\n        if (Array.isArray(nestedValue)) {\n          fieldErrors.push({\n            field: nestedKey,\n            messages: nestedValue.map((msg: any) => String(msg)),\n          });\n        }\n      });\n    }\n  });\n  return fieldErrors;\n}\n/**\n * Converts a mutation to a promise-based API. We avoid using the\n * `mutateAsync` method from react-query for 2 reasons:\n * 1. We lose the isPending state of the mutation\n * 2. We want to return the data and error in a consistent way\n *    (either data or error is null)\n * @param mutation\n * @returns\n */\nexport function mutationToPromise<\n  T extends UseMutationResult<any, any, any, any>,\n>(mutation: T) {\n  type Data = MutationData<T>;\n  type Variables = MutationVariables<T>;\n  type Error = MutationError<T>;\n\n  return {\n    mutateAsync: (values: Variables): Promise<PromiseResult<Data, Error>> => {\n      return new Promise((resolve, reject) => {\n        mutation.mutate(values, {\n          onSuccess: (response) => {\n            if (response.data) {\n              resolve({\n                data: response.data as Data,\n                error: null,\n              });\n            } else {\n              const fieldErrors = extractFieldErrors(response.error);\n              resolve({\n                data: null,\n                error: response.error?.message\n                  ? (new Error(response.error.message) as unknown as Error)\n                  : (new Error(\n                      'Something went wrong. Please try again later.',\n                    ) as unknown as Error),\n                rawError: response.error,\n                fieldErrors,\n              });\n            }\n          },\n          onError: (error) => {\n            const fieldErrors = extractFieldErrors(error);\n            reject({\n              data: null,\n              error: error as Error,\n              rawError: error,\n              fieldErrors,\n            });\n          },\n        });\n      });\n    },\n  };\n}\n\n/**\n * Enhanced FieldError interface with user-friendly labels\n */\nexport interface NormalizedFieldError extends FieldError {\n  userFriendlyLabel: string;\n}\n\n/**\n * Utility function to normalize field errors using field metadata\n * @param fieldErrors - Array of field errors from API response\n * @param meta - Field metadata containing field names and labels\n * @returns Normalized field errors with user-friendly labels\n */\nexport function normalizeFieldErrors(\n  fieldErrors: FieldError[],\n  meta?: Meta,\n): NormalizedFieldError[] {\n  if (!fieldErrors || fieldErrors.length === 0) {\n    return [];\n  }\n\n  return fieldErrors.map((fieldError) => {\n    const fieldMeta = meta?.[fieldError.field];\n    const userFriendlyLabel = fieldMeta?.label || fieldError.field;\n\n    return {\n      ...fieldError,\n      userFriendlyLabel,\n      // Keep the original field name for form integration\n      field: fieldError.field,\n      messages: fieldError.messages,\n    };\n  });\n}\n"],"mappings":"wCAmCO,SAASA,EAAmBC,EAA0B,CAC3D,GAAI,CAACA,GAAS,CAACA,EAAM,QAAU,OAAOA,EAAM,QAAW,SAAU,MAAO,CAAC,EAEzE,IAAMC,EAA4B,CAAC,EAEnC,cAAO,QAAQD,EAAM,MAAM,EAAE,QAAQ,CAAC,CAACE,EAAKC,CAAK,IAAM,CACrD,GAAI,MAAM,QAAQA,CAAK,EAAG,CACxBF,EAAY,KAAK,CACf,MAAOC,EACP,SAAUC,EAAM,IAAKC,GAAa,OAAOA,CAAG,CAAC,CAC/C,CAAC,EACD,MACF,CACID,GAAS,OAAOA,GAAU,UAC5B,OAAO,QAAQA,CAAK,EAAE,QAAQ,CAAC,CAACE,EAAWC,CAAW,IAAM,CACtD,MAAM,QAAQA,CAAW,GAC3BL,EAAY,KAAK,CACf,MAAOI,EACP,SAAUC,EAAY,IAAKF,GAAa,OAAOA,CAAG,CAAC,CACrD,CAAC,CAEL,CAAC,CAEL,CAAC,EACMH,CACT,CAzBgBM,EAAAR,EAAA,sBAmCT,SAASS,EAEdC,EAAa,CAKb,MAAO,CACL,YAAaF,EAACG,GACL,IAAI,QAAQ,CAACC,EAASC,IAAW,CACtCH,EAAS,OAAOC,EAAQ,CACtB,UAAWH,EAACM,GAAa,CACvB,GAAIA,EAAS,KACXF,EAAQ,CACN,KAAME,EAAS,KACf,MAAO,IACT,CAAC,MACI,CACL,IAAMZ,EAAcF,EAAmBc,EAAS,KAAK,EACrDF,EAAQ,CACN,KAAM,KACN,MAAOE,EAAS,OAAO,QAClB,IAAI,MAAMA,EAAS,MAAM,OAAO,EAChC,IAAI,MACH,+CACF,EACJ,SAAUA,EAAS,MACnB,YAAAZ,CACF,CAAC,CACH,CACF,EAnBW,aAoBX,QAASM,EAACP,GAAU,CAClB,IAAMC,EAAcF,EAAmBC,CAAK,EAC5CY,EAAO,CACL,KAAM,KACN,MAAOZ,EACP,SAAUA,EACV,YAAAC,CACF,CAAC,CACH,EARS,UASX,CAAC,CACH,CAAC,EAjCU,cAmCf,CACF,CA5CgBM,EAAAC,EAAA,qBA2DT,SAASM,EACdb,EACAc,EACwB,CACxB,MAAI,CAACd,GAAeA,EAAY,SAAW,EAClC,CAAC,EAGHA,EAAY,IAAKe,GAAe,CAErC,IAAMC,EADYF,IAAOC,EAAW,KAAK,GACJ,OAASA,EAAW,MAEzD,MAAO,CACL,GAAGA,EACH,kBAAAC,EAEA,MAAOD,EAAW,MAClB,SAAUA,EAAW,QACvB,CACF,CAAC,CACH,CApBgBT,EAAAO,EAAA","names":["extractFieldErrors","error","fieldErrors","key","value","msg","nestedKey","nestedValue","__name","mutationToPromise","mutation","values","resolve","reject","response","normalizeFieldErrors","meta","fieldError","userFriendlyLabel"]}

package/dist/chunk-R2UI3WAJ.js

@@ -1,2 +0,0 @@
-import{a as d,b as p,c as g,d as x}from"./chunk-4RULC3AZ.js";import{a as N}from"./chunk-UHS3QRA3.js";import{a as i,b as y}from"./chunk-3LOVCTCN.js";import{a as c}from"./chunk-P37U34EQ.js";import{ChevronDown as b,Globe as _}from"lucide-react";import{useState as A}from"react";import{Fragment as C,jsx as e,jsxs as r}from"react/jsx-runtime";var w=c(s=>{if(s.length<2)return{currency:null,costsPerCountry:[],employeesCost:null};let t=s[0]?.employer_currency_costs.currency,m=s.reduce((o,a)=>{let l=a.country.name;return o[l]={country:a.country,monthlyTotal:(o[l]?.monthlyTotal||0)+a.employer_currency_costs.monthly_total,annualTotal:(o[l]?.annualTotal||0)+a.employer_currency_costs.annual_total},o},{}),n=Object.values(m).map(({country:o,monthlyTotal:a,annualTotal:l})=>({country:o,monthlyCost:y(a,t.symbol),annualCost:y(l,t.symbol)})),u={monthlyTotal:y(s.reduce((o,a)=>o+a.employer_currency_costs.monthly_total,0),t.symbol),annualTotal:y(s.reduce((o,a)=>o+a.employer_currency_costs.annual_total,0),t.symbol)};return{currency:t,costsPerCountry:n,employeesCost:u}},"useSummaryResults"),T=c(({currency:s,title:t})=>e("div",{className:"flex items-center justify-between w-full",children:r("div",{className:"flex flex-row items-center gap-6",children:[e("div",{className:"flex h-12 w-12 items-center justify-center rounded-lg bg-[#F4F4F5]",children:e(_,{className:"h-6 w-6 text-[#000000]"})}),r("div",{className:"space-y-1",children:[e("h2",{className:"text-lg font-medium leading-none text-[#181818]",children:t}),r("p",{className:"text-xs text-[#71717A]",children:["Employer billing currency: ",s.code]})]})]})}),"SummaryHeader"),f=c(({label:s,columns:t,rows:m,defaultValue:n="accordion",className:u})=>{let o=t.length===1?"grid-cols-2":"grid-cols-3";return e(d,{type:"single",collapsible:!0,defaultValue:n,className:i("w-full",u),children:r(p,{value:n,className:"border-none",children:[e(g,{className:"hover:no-underline px-0 py-3 [&>svg]:hidden group",children:r("div",{className:i("grid items-center w-full",o),children:[r("div",{className:"flex items-center gap-2",children:[s,e(b,{className:"h-4 w-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180"})]}),t.length===1?e("span",{className:"text-xs text-[#27272A] text-right",children:t[0]}):t.map((a,l)=>e("span",{className:"text-xs text-[#27272A] text-right",children:a},l))]})}),e(x,{className:"px-0 pb-4",children:e("div",{className:"space-y-3",children:m.map((a,l)=>r("div",{className:i("grid items-center",o),children:[e("div",{className:"flex items-center gap-2",children:a.label}),t.length===1?e("span",{className:"text-sm text-[#09090B] text-right",children:a.values[0]}):a.values.map((h,v)=>e("span",{className:"text-sm text-[#09090B] text-right",children:h},v))]},l))})})]})})},"MultiColumnAccordion"),R=c(({employeesCost:s})=>e(f,{label:e("span",{className:"text-sm font-medium text-[#0F172A]",children:"Cost for all employees"}),columns:["Total cost"],rows:[{label:r(C,{children:[e("span",{className:"w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0"}),e("span",{className:"text-sm text-[#09090B]",children:"Monthly cost"})]}),values:[s.monthlyTotal]},{label:r(C,{children:[e("span",{className:"w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0"}),e("span",{className:"text-sm text-[#09090B]",children:"Annual cost"})]}),values:[s.annualTotal]}],defaultValue:"cost-breakdown"}),"CostForAllEmployees"),S=c(({costsPerCountry:s})=>e(f,{label:e("span",{className:"text-sm font-medium text-[#0F172A]",children:"Cost per country"}),columns:["Monthly cost","Annual cost"],rows:s.map(t=>({label:r(C,{children:[e("span",{className:"w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0"}),e("span",{className:"text-sm text-[#09090B]",children:t.country.name})]}),values:[t.monthlyCost,t.annualCost]})),defaultValue:"country-breakdown"}),"CostsPerCountry"),E=c(({estimations:s})=>{let{currency:t,costsPerCountry:m,employeesCost:n}=w(s),[u,o]=A("summary");return!t||m.length===0||Object.keys(n).length===0?null:e(N,{className:"RemoteFlows__SummaryResults__Card p-10",children:e(d,{type:"single",collapsible:!0,defaultValue:u,onValueChange:o,className:"RemoteFlows__SummaryResults__Accordion w-full",children:r(p,{value:"summary",className:"border-border",children:[e("div",{className:i({RemoteFlows__Separator:u==="summary"}),children:e(g,{iconClassName:"size-6",className:"hover:no-underline px-0 py-4",children:e(T,{currency:t,title:"Summary Overview"})})}),r(x,{className:"px-0 pb-4 mt-6",children:[e("div",{className:"RemoteFlows__Separator",children:e(R,{employeesCost:n})}),e("div",{className:"mt-6",children:e(S,{costsPerCountry:m})})]})]})})})},"SummaryResults");export{E as a};
-//# sourceMappingURL=chunk-R2UI3WAJ.js.map

package/dist/chunk-R2UI3WAJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/CostCalculator/SummaryResults/SummaryResults.tsx"],"sourcesContent":["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.symbol),\n      annualCost: formatCurrency(annualTotal, currency.symbol),\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.symbol,\n    ),\n    annualTotal: formatCurrency(\n      estimations.reduce((acc, estimation) => {\n        return acc + estimation.employer_currency_costs.annual_total;\n      }, 0),\n      currency.symbol,\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='flex items-center justify-between w-full'>\n      <div className='flex flex-row items-center gap-6'>\n        <div className='flex h-12 w-12 items-center justify-center rounded-lg bg-[#F4F4F5]'>\n          <Globe className='h-6 w-6 text-[#000000]' />\n        </div>\n        <div className='space-y-1'>\n          <h2 className='text-lg font-medium leading-none text-[#181818]'>\n            {title}\n          </h2>\n          <p className='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      type='single'\n      collapsible\n      defaultValue={defaultValue}\n      className={cn('w-full', className)}\n    >\n      <AccordionItem value={defaultValue} className='border-none'>\n        <AccordionTrigger className='hover:no-underline px-0 py-3 [&>svg]:hidden group'>\n          <div className={cn('grid items-center w-full', gridCols)}>\n            <div className='flex items-center gap-2'>\n              {label}\n              <ChevronDown className='h-4 w-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180' />\n            </div>\n            {columns.length === 1 ? (\n              <span className='text-xs text-[#27272A] text-right'>\n                {columns[0]}\n              </span>\n            ) : (\n              columns.map((column, index) => (\n                <span key={index} className='text-xs text-[#27272A] text-right'>\n                  {column}\n                </span>\n              ))\n            )}\n          </div>\n        </AccordionTrigger>\n\n        <AccordionContent className='px-0 pb-4'>\n          <div className='space-y-3'>\n            {rows.map((row, index) => (\n              <div key={index} className={cn('grid items-center', gridCols)}>\n                <div className='flex items-center gap-2'>{row.label}</div>\n                {columns.length === 1 ? (\n                  <span className='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='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='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='w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0' />\n              <span className='text-sm text-[#09090B]'>Monthly cost</span>\n            </>\n          ),\n          values: [employeesCost.monthlyTotal],\n        },\n        {\n          label: (\n            <>\n              <span className='w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0' />\n              <span className='text-sm text-[#09090B]'>Annual cost</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='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='w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0' />\n            <span className='text-sm text-[#09090B]'>{cost.country.name}</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        type='single'\n        collapsible\n        defaultValue={accordionValue}\n        onValueChange={setAccordionValue}\n        className='RemoteFlows__SummaryResults__Accordion w-full'\n      >\n        <AccordionItem value='summary' className='border-border'>\n          <div\n            className={cn({\n              RemoteFlows__Separator: accordionValue === 'summary',\n            })}\n          >\n            <AccordionTrigger\n              iconClassName='size-6'\n              className='hover:no-underline px-0 py-4'\n            >\n              <SummaryHeader currency={currency} title='Summary Overview' />\n            </AccordionTrigger>\n          </div>\n          <AccordionContent className='px-0 pb-4 mt-6'>\n            <div className='RemoteFlows__Separator'>\n              <CostForAllEmployees employeesCost={employeesCost} />\n            </div>\n            <div className='mt-6'>\n              <CostsPerCountry costsPerCountry={costsPerCountry} />\n            </div>\n          </AccordionContent>\n        </AccordionItem>\n      </Accordion>\n    </Card>\n  );\n};\n"],"mappings":"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","names":["ChevronDown","Globe","useState","Fragment","jsx","jsxs","useSummaryResults","__name","estimations","currency","costsPerCountry","acc","estimation","countryName","groupedCostsPerCountry","country","monthlyTotal","annualTotal","formatCurrency","employeesCost","SummaryHeader","title","Globe","MultiColumnAccordion","label","columns","rows","defaultValue","className","gridCols","Accordion","cn","AccordionItem","AccordionTrigger","ChevronDown","column","index","AccordionContent","row","value","valueIndex","CostForAllEmployees","CostsPerCountry","cost","SummaryResults","accordionValue","setAccordionValue","useState","Card"]}

package/dist/chunk-YDNOMXS7.js

@@ -1,2 +0,0 @@
-import{g as l,k as u,p as c,t as m,y as d}from"./chunk-E3QWREZF.js";import{d as s}from"./chunk-3ZWDIEEM.js";import{a as e}from"./chunk-P37U34EQ.js";import{useMutation as C,useQuery as r}from"@tanstack/react-query";import{createHeadlessForm as y,modify as g}from"@remoteoss/json-schema-form";var q=e(({includePremiumBenefits:t})=>{let{client:i}=s();return r({queryKey:["cost-calculator-countries",t],queryFn:e(()=>c({client:i,query:{include_premium_benefits:t}}),"queryFn"),select:e(o=>o.data?.data.filter(n=>n.availability==="active").map(n=>({value:n.region_slug,label:n.name,childRegions:n.child_regions,hasAdditionalFields:n.has_additional_fields,regionSlug:n.region_slug,currency:n.currency.code})),"select")})},"useCostCalculatorCountries"),x=e(()=>{let{client:t}=s();return r({queryKey:["company-currencies"],queryFn:e(()=>d({client:t}),"queryFn"),select:e(i=>i.data?.data?.company_currencies.map(o=>({value:o.slug,label:o.code})),"select")})},"useCompanyCurrencies"),P=e(()=>{let{client:t}=s();return C({mutationFn:e(i=>l({client:t,body:i}),"mutationFn")})},"useCostCalculatorEstimation"),M=e(()=>{let{client:t}=s();return C({mutationFn:e(i=>u({client:t,body:i}),"mutationFn")})},"useCostCalculatorEstimationPdf"),S=e((t,{includePremiumBenefits:i,options:o})=>{let{client:n}=s();return r({queryKey:["cost-calculator-region-fields",t,i],queryFn:e(()=>m({client:n,path:{slug:t},query:{include_premium_benefits:i}}),"queryFn"),enabled:!!t,select:e(({data:f})=>{let a=f?.data?.schema||{};if(o&&o.jsfModify){let{schema:p}=g(a,o.jsfModify);a=p}return y(a)},"select")})},"useRegionFields");export{q as a,x as b,P as c,M as d,S as e};
-//# sourceMappingURL=chunk-YDNOMXS7.js.map

package/dist/chunk-YDNOMXS7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/CostCalculator/api.ts"],"sourcesContent":["import {\n  CostCalculatorEstimateParams,\n  getIndexCompanyCurrency,\n  getIndexCountry,\n  getShowRegionField,\n  postCreateEstimation,\n  postCreateEstimationPdf,\n} from '@/src/client';\nimport { Client } from '@hey-api/client-fetch';\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';\nimport { createHeadlessForm, modify } from '@remoteoss/json-schema-form';\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 getIndexCountry({\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 getIndexCompanyCurrency({\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 postCreateEstimation({\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 postCreateEstimationPdf({\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 getShowRegionField({\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      let jsfSchema = data?.data?.schema || {};\n      if (options && options.jsfModify) {\n        const { schema } = modify(jsfSchema, options.jsfModify);\n        jsfSchema = schema;\n      }\n      return createHeadlessForm(jsfSchema);\n    },\n  });\n};\n"],"mappings":"oJAUA,OAAS,eAAAA,EAAa,YAAAC,MAAgB,wBAGtC,OAAS,sBAAAC,EAAoB,UAAAC,MAAc,8BAMpC,IAAMC,EAA6BC,EAAA,CAAC,CACzC,uBAAAC,CACF,IAEM,CACJ,GAAM,CAAE,OAAAC,CAAO,EAAIC,EAAU,EAC7B,OAAOC,EAAS,CACd,SAAU,CAAC,4BAA6BH,CAAsB,EAC9D,QAASD,EAAA,IACAK,EAAgB,CACrB,OAAQH,EACR,MAAO,CACL,yBAA0BD,CAC5B,CACF,CAAC,EANM,WAQT,OAAQD,EAACM,GACPA,EAAK,MAAM,KACR,OAAQC,GAAYA,EAAQ,eAAiB,QAAQ,EACrD,IAAKA,IAAa,CACjB,MAAOA,EAAQ,YACf,MAAOA,EAAQ,KACf,aAAcA,EAAQ,cACtB,oBAAqBA,EAAQ,sBAC7B,WAAYA,EAAQ,YACpB,SAAUA,EAAQ,SAAS,IAC7B,EAAE,EAVE,SAWV,CAAC,CACH,EA5B0C,8BAkC7BC,EAAuBR,EAAA,IAAM,CACxC,GAAM,CAAE,OAAAE,CAAO,EAAIC,EAAU,EAE7B,OAAOC,EAAS,CACd,SAAU,CAAC,oBAAoB,EAC/B,QAASJ,EAAA,IACAS,EAAwB,CAC7B,OAAQP,CACV,CAAC,EAHM,WAKT,OAAQF,EAACM,GACPA,EAAK,MAAM,MAAM,mBAAmB,IAAKI,IAAc,CACrD,MAAOA,EAAS,KAChB,MAAOA,EAAS,IAClB,EAAE,EAJI,SAKV,CAAC,CACH,EAhBoC,wBAsBvBC,EAA8BX,EAAA,IAAM,CAC/C,GAAM,CAAE,OAAAE,CAAO,EAAIC,EAAU,EAE7B,OAAOS,EAAY,CACjB,WAAYZ,EAACa,GACJC,EAAqB,CAC1B,OAAQZ,EACR,KAAMW,CACR,CAAC,EAJS,aAMd,CAAC,CACH,EAX2C,+BAkB9BE,EAAiCf,EAAA,IAAM,CAClD,GAAM,CAAE,OAAAE,CAAO,EAAIC,EAAU,EAE7B,OAAOS,EAAY,CACjB,WAAYZ,EAACa,GACJG,EAAwB,CAC7B,OAAQd,EACR,KAAMW,CACR,CAAC,EAJS,aAMd,CAAC,CACH,EAX8C,kCAkBjCI,EAAkBjB,EAAA,CAC7BkB,EACA,CACE,uBAAAjB,EACA,QAAAkB,CACF,IAMG,CACH,GAAM,CAAE,OAAAjB,CAAO,EAAIC,EAAU,EAE7B,OAAOC,EAAS,CACd,SAAU,CAAC,gCAAiCc,EAAQjB,CAAsB,EAC1E,QAASD,EAAA,IACAoB,EAAmB,CACxB,OAAQlB,EACR,KAAM,CAAE,KAAMgB,CAAiB,EAC/B,MAAO,CACL,yBAA0BjB,CAC5B,CACF,CAAC,EAPM,WAST,QAAS,CAAC,CAACiB,EACX,OAAQlB,EAAA,CAAC,CAAE,KAAAM,CAAK,IAAM,CACpB,IAAIe,EAAYf,GAAM,MAAM,QAAU,CAAC,EACvC,GAAIa,GAAWA,EAAQ,UAAW,CAChC,GAAM,CAAE,OAAAG,CAAO,EAAIC,EAAOF,EAAWF,EAAQ,SAAS,EACtDE,EAAYC,CACd,CACA,OAAOE,EAAmBH,CAAS,CACrC,EAPQ,SAQV,CAAC,CACH,EAnC+B","names":["useMutation","useQuery","createHeadlessForm","modify","useCostCalculatorCountries","__name","includePremiumBenefits","client","useClient","useQuery","getIndexCountry","data","country","useCompanyCurrencies","getIndexCompanyCurrency","currency","useCostCalculatorEstimation","useMutation","payload","postCreateEstimation","useCostCalculatorEstimationPdf","postCreateEstimationPdf","useRegionFields","region","options","getShowRegionField","jsfSchema","schema","modify","createHeadlessForm"]}