@remoteoss/remote-flows 0.14.0 → 0.16.0

package/dist/index.js

@@ -1,2 +1,2 @@
-import"./chunk-M22FKNEY.js";import{a as sr}from"./chunk-MYB6Y5FC.js";import"./chunk-F3BSJIHU.js";import"./chunk-DCRLPAJL.js";import"./chunk-QQ7KPOLK.js";import"./chunk-XCZYKOZU.js";import"./chunk-XFD3ULUF.js";import"./chunk-WWANHPT7.js";import"./chunk-HSW5HMHH.js";import"./chunk-VX2UC3HG.js";import"./chunk-XSHHMBMT.js";import"./chunk-JODJFARP.js";import"./chunk-W5DG5WWJ.js";import"./chunk-S4XU4SE7.js";import"./chunk-GULCZWSK.js";import"./chunk-JJHGVDPO.js";import"./chunk-6YN2XQWR.js";import"./chunk-N7QHEESE.js";import"./chunk-JI5BE2MZ.js";import"./chunk-XGEKV3FC.js";import"./chunk-MRYRNB7Y.js";import"./chunk-Z3BMF4BO.js";import{a as D}from"./chunk-MLB2I27G.js";import"./chunk-E5YN6OT3.js";import{a as j}from"./chunk-A3OEOVEH.js";import{a as A}from"./chunk-QYJQNWPB.js";import"./chunk-4RULC3AZ.js";import"./chunk-H4KE45NG.js";import"./chunk-6NKUEDYP.js";import"./chunk-I2A4EFDY.js";import"./chunk-4R3ITKOA.js";import"./chunk-ZE3YT3Q6.js";import"./chunk-NVMZDPMF.js";import"./chunk-XJVYASHX.js";import{a as lr}from"./chunk-OPCY3UYH.js";import"./chunk-RXVVLN7R.js";import"./chunk-DXABU6DZ.js";import"./chunk-63HVO7J5.js";import"./chunk-ARKAW4ZP.js";import"./chunk-7JQPHRUK.js";import"./chunk-Z7WBY27D.js";import"./chunk-5KHLOGTR.js";import"./chunk-NQCSU6FR.js";import"./chunk-NH4EITYM.js";import"./chunk-4XFRZVAL.js";import"./chunk-QDYQEQ3C.js";import"./chunk-VAIBLWOY.js";import"./chunk-J4GIUQ4E.js";import"./chunk-F66G33YT.js";import"./chunk-PGWKJ6FK.js";import{a as T}from"./chunk-ZD644MH3.js";import{b as C,d as z}from"./chunk-LPFDPXCW.js";import"./chunk-GBN2V7QZ.js";import{a as P}from"./chunk-NBCZF2FO.js";import"./chunk-6YKL7EOK.js";import"./chunk-5EDFVFNU.js";import"./chunk-47VYBPE2.js";import"./chunk-WVJDCDGZ.js";import{a as _}from"./chunk-NVQBJCNL.js";import{a as E}from"./chunk-OZ63OC3N.js";import{a as B}from"./chunk-A4KEKMEQ.js";import{d as F}from"./chunk-5E44DBDD.js";import"./chunk-HN5HLFTB.js";import"./chunk-KSHK3ZPX.js";import"./chunk-A7ZJQCNU.js";import{a as I}from"./chunk-HQI6W7PR.js";import{a as S}from"./chunk-DYB3RWP7.js";import"./chunk-CRXPRR3R.js";import"./chunk-UHS3QRA3.js";import"./chunk-N5I33LIN.js";import"./chunk-LBUNJ5J3.js";import"./chunk-ANXYPRBG.js";import"./chunk-Z5WMKCRJ.js";import{a as cr}from"./chunk-ZCYSBG7R.js";import{a as tr}from"./chunk-XZRGLKXU.js";import"./chunk-CFIJKJXD.js";import"./chunk-LK4XMOCE.js";import"./chunk-ZTDKPUB5.js";import{a as er}from"./chunk-ITSQE6EW.js";import{a as nr}from"./chunk-DHT7HDHC.js";import{a as or,b as ir}from"./chunk-GGBEM452.js";import"./chunk-QW4JPW6J.js";import"./chunk-AYJ63EZH.js";import"./chunk-KHNAQRGE.js";import"./chunk-GP237GUO.js";import"./chunk-TXSJL3HC.js";import{a as v}from"./chunk-EGQJ7UBR.js";import"./chunk-PJBAQZ6G.js";import"./chunk-7P5B6XHM.js";import{a as u,c as h}from"./chunk-3ZWDIEEM.js";import"./chunk-7VUILYZ3.js";import{a as ar}from"./chunk-HEKQK6TK.js";import"./chunk-3BREUYLG.js";import"./chunk-MXFDOIUA.js";import"./chunk-BI6U55BD.js";import"./chunk-TVZAFTPT.js";import{c as R,d as m}from"./chunk-3LOVCTCN.js";import{a as t}from"./chunk-P37U34EQ.js";import{QueryClient as Z,QueryClientProvider as $}from"@tanstack/react-query";function d(r){let a=document.documentElement;Object.keys(r).forEach(e=>{let o=r[e];o&&a.style.setProperty(e,o)})}t(d,"setCssProperties");function N(r){let a={};return Object.keys(r).forEach(e=>{a[`--${e}`]=r[e]}),a}t(N,"mapThemeColors");function O(r){return{"--spacing":r}}t(O,"mapThemeSpacing");function K(r){return{"--radius":r}}t(K,"mapThemeBorderRadius");function V(r){return{"--fontSizeBase":r.fontSizeBase}}t(V,"mapThemeFont");function w(r){r?.colors&&d(N(r.colors)),r?.spacing&&d(O(r.spacing)),r?.borderRadius&&d(K(r.borderRadius)),r?.font&&d(V(r.font))}t(w,"applyTheme");import{createContext as U,useEffect as W,useMemo as M}from"react";import{jsx as q}from"react/jsx-runtime";var L=U({theme:{}});function f(r){W(()=>{r.theme&&Object.keys(r.theme).length>0&&w(r.theme)},[r.theme]);let a=M(()=>({theme:r.theme}),[r.theme]);return q(L.Provider,{value:a,children:r.children})}t(f,"ThemeProvider");var x={partners:"https://gateway.partners.remote-sandbox.com",production:"https://gateway.remote.com",sandbox:"https://gateway.remote-sandbox.com",staging:"https://gateway.niceremote.com"};import{createClient as Q}from"@hey-api/client-fetch";import{useQuery as X}from"@tanstack/react-query";import{useRef as b}from"react";function Y(r){try{return new URL(r),!0}catch{return!1}}t(Y,"isValidUrl");var y=t(({auth:r,options:a,authId:e="default"})=>{let o=b(null),{refetch:c}=X({queryKey:["auth",e],queryFn:r,enabled:!1}),s=a?.environment?x[a?.environment]:"https://gateway.remote.com",l=v.getConfig(),g="0.14.0";a?.environment&&a?.environment!=="production"&&m(g);let p=!!a?.proxy&&Y(a.proxy.url);return a?.proxy&&!p&&console.error("Invalid proxy URL provided. Using default base URL."),b(Q({...l,headers:{...l.headers,...p?a?.proxy?.headers:{},"X-Client-Name":"remote-flows-sdk","X-Client-Version":g},baseUrl:p?a.proxy?.url:s,auth:t(async()=>{function k(i){return!i||Date.now()+6e4>i}if(t(k,"hasTokenExpired"),!o.current||k(o.current.expiresAt)){let{data:i}=await c();i&&(o.current={accessToken:i.accessToken,expiresAt:Date.now()+i.expiresIn*1e3})}return o.current?.accessToken},"auth")}))},"useAuth");import{jsx as n}from"react/jsx-runtime";var G=new Z;function H({children:r,auth:a,authId:e,proxy:o,environment:c}){let s=y({auth:a,authId:e,options:{proxy:o,environment:c}});return n(h.Provider,{value:{client:s.current},children:r})}t(H,"RemoteFlowContextWrapper");function J({children:r,components:a}){return n(u.Provider,{value:a?{components:a}:{components:{}},children:r})}t(J,"FormFieldsProvider");function rr({auth:r,authId:a,children:e,components:o,theme:c,proxy:s,environment:l}){return n($,{client:G,children:n(J,{components:o,children:n(H,{auth:r,authId:a,proxy:s,environment:l,children:n(f,{theme:c,children:e})})})})}t(rr,"RemoteFlows");export{ar as ContractAmendmentConfirmationForm,cr as ContractAmendmentFlow,tr as ContractAmendmentForm,er as ContractAmendmentSubmit,I as CostCalculatorDisclaimer,T as CostCalculatorFlow,_ as CostCalculatorForm,E as CostCalculatorResetButton,D as CostCalculatorResults,B as CostCalculatorSubmitButton,A as EstimationResults,lr as OnboardingFlow,rr as RemoteFlows,j as SummaryResults,sr as TerminationFlow,C as buildCostCalculatorEstimationPayload,S as disclaimerData,R as transformYupErrorsIntoObject,nr as useContractAmendment,z as useCostCalculator,F as useCostCalculatorEstimationPdf,or as useEmploymentQuery,ir as useTimeOffQuery,P as zendeskArticles};
+import"./chunk-M22FKNEY.js";import{a as lr}from"./chunk-MYB6Y5FC.js";import"./chunk-F3BSJIHU.js";import"./chunk-DCRLPAJL.js";import"./chunk-QQ7KPOLK.js";import"./chunk-XCZYKOZU.js";import"./chunk-XFD3ULUF.js";import"./chunk-WWANHPT7.js";import"./chunk-HSW5HMHH.js";import"./chunk-VX2UC3HG.js";import"./chunk-XSHHMBMT.js";import"./chunk-JODJFARP.js";import"./chunk-W5DG5WWJ.js";import"./chunk-S4XU4SE7.js";import"./chunk-GULCZWSK.js";import"./chunk-JJHGVDPO.js";import"./chunk-6YN2XQWR.js";import"./chunk-N7QHEESE.js";import"./chunk-JI5BE2MZ.js";import"./chunk-XGEKV3FC.js";import"./chunk-MRYRNB7Y.js";import"./chunk-Z3BMF4BO.js";import{a as N}from"./chunk-MLB2I27G.js";import"./chunk-E5YN6OT3.js";import{a as D}from"./chunk-R2UI3WAJ.js";import{a as j}from"./chunk-HVTGLVLT.js";import"./chunk-4RULC3AZ.js";import"./chunk-H4KE45NG.js";import"./chunk-6NKUEDYP.js";import"./chunk-I2A4EFDY.js";import"./chunk-4R3ITKOA.js";import"./chunk-ZE3YT3Q6.js";import"./chunk-NVMZDPMF.js";import"./chunk-XJVYASHX.js";import{a as dr}from"./chunk-HAL2L237.js";import"./chunk-GNXVMZY7.js";import"./chunk-776QJKX5.js";import"./chunk-63HVO7J5.js";import"./chunk-O4F6PGGV.js";import"./chunk-7JQPHRUK.js";import"./chunk-Z7WBY27D.js";import"./chunk-5KHLOGTR.js";import"./chunk-ZZOY6KD4.js";import"./chunk-KOPJY6WW.js";import"./chunk-HBQDXOAG.js";import"./chunk-DSTM5RRQ.js";import"./chunk-VAIBLWOY.js";import"./chunk-C4RJTN2F.js";import"./chunk-F66G33YT.js";import"./chunk-PGWKJ6FK.js";import{a as _}from"./chunk-IEYBG2G5.js";import{b as F,d as T}from"./chunk-34JNRT23.js";import"./chunk-JUGNVM2R.js";import{a as z}from"./chunk-NBCZF2FO.js";import"./chunk-IHPLMALI.js";import"./chunk-JQDP6SAT.js";import"./chunk-DTGFQMCE.js";import"./chunk-WVJDCDGZ.js";import{a as B}from"./chunk-QURYMQUD.js";import{a as S}from"./chunk-OZ63OC3N.js";import{a as E}from"./chunk-A4KEKMEQ.js";import{d as R}from"./chunk-V2YORDAL.js";import"./chunk-HN5HLFTB.js";import"./chunk-KSHK3ZPX.js";import"./chunk-A7ZJQCNU.js";import{a as A}from"./chunk-HQI6W7PR.js";import{a as I}from"./chunk-DYB3RWP7.js";import"./chunk-CRXPRR3R.js";import"./chunk-UHS3QRA3.js";import"./chunk-N5I33LIN.js";import"./chunk-LBUNJ5J3.js";import"./chunk-ANXYPRBG.js";import"./chunk-Z5WMKCRJ.js";import{a as sr}from"./chunk-ZCYSBG7R.js";import{a as er}from"./chunk-XZRGLKXU.js";import"./chunk-CFIJKJXD.js";import"./chunk-LK4XMOCE.js";import"./chunk-ZTDKPUB5.js";import{a as or}from"./chunk-ITSQE6EW.js";import{a as cr}from"./chunk-DHT7HDHC.js";import{a as ir,b as nr}from"./chunk-GGBEM452.js";import"./chunk-QW4JPW6J.js";import"./chunk-AYJ63EZH.js";import"./chunk-KHNAQRGE.js";import"./chunk-GP237GUO.js";import"./chunk-TXSJL3HC.js";import{a as v}from"./chunk-EGQJ7UBR.js";import"./chunk-PJBAQZ6G.js";import"./chunk-7P5B6XHM.js";import{a as u,c as h}from"./chunk-3ZWDIEEM.js";import"./chunk-7VUILYZ3.js";import{a as tr}from"./chunk-HEKQK6TK.js";import"./chunk-3BREUYLG.js";import{b as C}from"./chunk-MXFDOIUA.js";import"./chunk-BI6U55BD.js";import"./chunk-TVZAFTPT.js";import{c as P,d as m}from"./chunk-3LOVCTCN.js";import{a as t}from"./chunk-P37U34EQ.js";import{QueryClient as $,QueryClientProvider as G}from"@tanstack/react-query";function d(r){let a=document.documentElement;Object.keys(r).forEach(e=>{let o=r[e];o&&a.style.setProperty(e,o)})}t(d,"setCssProperties");function O(r){let a={};return Object.keys(r).forEach(e=>{a[`--${e}`]=r[e]}),a}t(O,"mapThemeColors");function K(r){return{"--spacing":r}}t(K,"mapThemeSpacing");function V(r){return{"--radius":r}}t(V,"mapThemeBorderRadius");function U(r){return{"--fontSizeBase":r.fontSizeBase}}t(U,"mapThemeFont");function w(r){r?.colors&&d(O(r.colors)),r?.spacing&&d(K(r.spacing)),r?.borderRadius&&d(V(r.borderRadius)),r?.font&&d(U(r.font))}t(w,"applyTheme");import{createContext as W,useEffect as M,useMemo as L}from"react";import{jsx as Q}from"react/jsx-runtime";var q=W({theme:{}});function f(r){M(()=>{r.theme&&Object.keys(r.theme).length>0&&w(r.theme)},[r.theme]);let a=L(()=>({theme:r.theme}),[r.theme]);return Q(q.Provider,{value:a,children:r.children})}t(f,"ThemeProvider");var x={local:"http://localhost:4000/api/eor",partners:"https://gateway.partners.remote-sandbox.com",production:"https://gateway.remote.com",sandbox:"https://gateway.remote-sandbox.com",staging:"https://gateway.niceremote.com"};import{createClient as X}from"@hey-api/client-fetch";import{useQuery as Y}from"@tanstack/react-query";import{useRef as b}from"react";function Z(r){try{return new URL(r),!0}catch{return!1}}t(Z,"isValidUrl");var y=t(({auth:r,options:a,authId:e="default"})=>{let o=b(null),{refetch:c}=Y({queryKey:["auth",e],queryFn:r,enabled:!1}),s=a?.environment?x[a?.environment]:"https://gateway.remote.com",l=v.getConfig(),g="0.16.0";a?.environment&&a?.environment!=="production"&&m(g);let p=!!a?.proxy&&Z(a.proxy.url);return a?.proxy&&!p&&console.error("Invalid proxy URL provided. Using default base URL."),b(X({...l,headers:{...l.headers,...p?a?.proxy?.headers:{},"X-Client-Name":"remote-flows-sdk","X-Client-Version":g},baseUrl:p?a.proxy?.url:s,auth:t(async()=>{function k(i){return!i||Date.now()+6e4>i}if(t(k,"hasTokenExpired"),!o.current||k(o.current.expiresAt)){let{data:i}=await c();i&&(o.current={accessToken:i.accessToken,expiresAt:Date.now()+i.expiresIn*1e3})}return o.current?.accessToken},"auth")}))},"useAuth");import{jsx as n}from"react/jsx-runtime";var H=new $;function J({children:r,auth:a,authId:e,proxy:o,environment:c}){let s=y({auth:a,authId:e,options:{proxy:o,environment:c}});return n(h.Provider,{value:{client:s.current},children:r})}t(J,"RemoteFlowContextWrapper");function rr({children:r,components:a}){return n(u.Provider,{value:a?{components:a}:{components:{}},children:r})}t(rr,"FormFieldsProvider");function ar({auth:r,authId:a,children:e,components:o,theme:c,proxy:s,environment:l}){return n(G,{client:H,children:n(rr,{components:o,children:n(J,{auth:r,authId:a,proxy:s,environment:l,children:n(f,{theme:c,children:e})})})})}t(ar,"RemoteFlows");export{tr as ContractAmendmentConfirmationForm,sr as ContractAmendmentFlow,er as ContractAmendmentForm,or as ContractAmendmentSubmit,A as CostCalculatorDisclaimer,_ as CostCalculatorFlow,B as CostCalculatorForm,S as CostCalculatorResetButton,N as CostCalculatorResults,E as CostCalculatorSubmitButton,j as EstimationResults,dr as OnboardingFlow,ar as RemoteFlows,D as SummaryResults,lr as TerminationFlow,F as buildCostCalculatorEstimationPayload,C as convertFromCents,I as disclaimerData,P as transformYupErrorsIntoObject,cr as useContractAmendment,T as useCostCalculator,R as useCostCalculatorEstimationPdf,ir as useEmploymentQuery,nr as useTimeOffQuery,z as zendeskArticles};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/RemoteFlowsProvider.tsx","../src/lib/applyTheme.ts","../src/theme.tsx","../src/environments.ts","../src/useAuth.ts"],"sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { ThemeProvider } from '@/src/theme';\nimport { FormFieldsContext, RemoteFlowContext } from './context';\nimport { Components, RemoteFlowsSDKProps } from './types/remoteFlows';\nimport { useAuth } from './useAuth';\n\nconst queryClient = new QueryClient();\n\ntype RemoteFlowContextWrapperProps = {\n  auth: RemoteFlowsSDKProps['auth'];\n  children: React.ReactNode;\n  environment?: RemoteFlowsSDKProps['environment'];\n  proxy?: RemoteFlowsSDKProps['proxy'];\n  authId?: RemoteFlowsSDKProps['authId'];\n};\n\nfunction RemoteFlowContextWrapper({\n  children,\n  auth,\n  authId,\n  proxy,\n  environment,\n}: RemoteFlowContextWrapperProps) {\n  const remoteApiClient = useAuth({\n    auth,\n    authId,\n    options: {\n      proxy,\n      environment,\n    },\n  });\n  return (\n    <RemoteFlowContext.Provider value={{ client: remoteApiClient.current }}>\n      {children}\n    </RemoteFlowContext.Provider>\n  );\n}\n\nexport function FormFieldsProvider({\n  children,\n  components,\n}: PropsWithChildren<{\n  components?: Components;\n}>) {\n  return (\n    <FormFieldsContext.Provider\n      value={components ? { components } : { components: {} }}\n    >\n      {children}\n    </FormFieldsContext.Provider>\n  );\n}\n\nexport function RemoteFlows({\n  auth,\n  authId,\n  children,\n  components,\n  theme,\n  proxy,\n  environment,\n}: PropsWithChildren<RemoteFlowsSDKProps>) {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FormFieldsProvider components={components}>\n        <RemoteFlowContextWrapper\n          auth={auth}\n          authId={authId}\n          proxy={proxy}\n          environment={environment}\n        >\n          <ThemeProvider theme={theme}>{children}</ThemeProvider>\n        </RemoteFlowContextWrapper>\n      </FormFieldsProvider>\n    </QueryClientProvider>\n  );\n}\n","import {\n  CssThemeBorder,\n  CssThemeColors,\n  CssThemeFont,\n  CssThemeSpacing,\n  ThemeColors,\n  ThemeFont,\n  ThemeProviderProps,\n} from '@/src/types/theme';\n\nfunction setCssProperties(variables: Record<string, string>) {\n  const root = document.documentElement;\n  Object.keys(variables).forEach((v) => {\n    const propertyVal = variables[v];\n    if (propertyVal) {\n      root.style.setProperty(v, propertyVal);\n    }\n  });\n}\n\nfunction mapThemeColors(colors: ThemeColors): CssThemeColors {\n  const result: CssThemeColors = {};\n  Object.keys(colors).forEach((key) => {\n    result[`--${key}` as keyof CssThemeColors] =\n      colors[key as keyof ThemeColors];\n  });\n  return result;\n}\n\nfunction mapThemeSpacing(spacing: string): CssThemeSpacing {\n  return {\n    '--spacing': spacing,\n  };\n}\n\nfunction mapThemeBorderRadius(borderRadius: string): CssThemeBorder {\n  return {\n    '--radius': borderRadius,\n  };\n}\n\nfunction mapThemeFont(font: ThemeFont): CssThemeFont {\n  return {\n    '--fontSizeBase': font.fontSizeBase,\n  };\n}\n\nexport function applyTheme(theme: ThemeProviderProps['theme']) {\n  if (theme?.colors) {\n    setCssProperties(mapThemeColors(theme.colors));\n  }\n\n  if (theme?.spacing) {\n    setCssProperties(mapThemeSpacing(theme.spacing));\n  }\n\n  if (theme?.borderRadius) {\n    setCssProperties(mapThemeBorderRadius(theme.borderRadius));\n  }\n\n  if (theme?.font) {\n    setCssProperties(mapThemeFont(theme.font));\n  }\n}\n","import { applyTheme } from '@/src/lib/applyTheme';\nimport { createContext, useEffect, useMemo } from 'react';\nimport { ThemeProviderProps } from './types/theme';\n\nconst ThemeContext = createContext<Omit<ThemeProviderProps, 'children'>>({\n  theme: {},\n});\n\nexport function ThemeProvider(props: ThemeProviderProps) {\n  useEffect(() => {\n    if (props.theme && Object.keys(props.theme).length > 0) {\n      applyTheme(props.theme);\n    }\n  }, [props.theme]);\n\n  const value = useMemo(() => {\n    return { theme: props.theme };\n  }, [props.theme]);\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {props.children}\n    </ThemeContext.Provider>\n  );\n}\n","export const ENVIRONMENTS = {\n  partners: 'https://gateway.partners.remote-sandbox.com',\n  production: 'https://gateway.remote.com',\n  sandbox: 'https://gateway.remote-sandbox.com',\n  staging: 'https://gateway.niceremote.com',\n};\n","import { client } from '@/src/client/client.gen';\nimport { ENVIRONMENTS } from '@/src/environments';\nimport { createClient } from '@hey-api/client-fetch';\nimport { useQuery } from '@tanstack/react-query';\nimport { useRef } from 'react';\nimport { RemoteFlowsSDKProps } from './types/remoteFlows';\nimport { debug } from './lib/utils';\n\ntype AuthResponse = {\n  accessToken: string;\n  expiresIn: number;\n};\n\ntype Options = Partial<{\n  environment: keyof typeof ENVIRONMENTS;\n  proxy: RemoteFlowsSDKProps['proxy'];\n}>;\n\nfunction isValidUrl(url: string) {\n  try {\n    new URL(url);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport const useAuth = ({\n  auth,\n  options,\n  authId = 'default',\n}: {\n  auth: () => Promise<AuthResponse>;\n  options?: Options;\n  authId?: 'default' | 'client';\n}) => {\n  const session = useRef<{ accessToken: string; expiresAt: number } | null>(\n    null,\n  );\n  const { refetch } = useQuery({\n    queryKey: ['auth', authId],\n    queryFn: auth,\n    enabled: false,\n  });\n\n  const baseUrl = options?.environment\n    ? ENVIRONMENTS[options?.environment]\n    : process.env.REMOTE_GATEWAY_URL;\n\n  const clientConfig = client.getConfig();\n  const npmPackageVersion = process.env.VERSION || 'unknown';\n\n  if (options?.environment && options?.environment !== 'production') {\n    debug(npmPackageVersion);\n  }\n\n  const isValidProxy = !!options?.proxy && isValidUrl(options.proxy.url);\n\n  if (options?.proxy && !isValidProxy) {\n    console.error('Invalid proxy URL provided. Using default base URL.');\n  }\n\n  return useRef(\n    createClient({\n      ...clientConfig,\n      headers: {\n        ...clientConfig.headers,\n        ...(isValidProxy ? options?.proxy?.headers : {}),\n        'X-Client-Name': 'remote-flows-sdk',\n        'X-Client-Version': npmPackageVersion,\n      },\n      baseUrl: isValidProxy ? options.proxy?.url : baseUrl,\n      auth: async () => {\n        function hasTokenExpired(expiresAt: number | undefined) {\n          return !expiresAt || Date.now() + 60000 > expiresAt;\n        }\n        if (!session.current || hasTokenExpired(session.current.expiresAt)) {\n          const { data } = await refetch();\n          if (data) {\n            session.current = {\n              accessToken: data.accessToken,\n              expiresAt: Date.now() + data.expiresIn * 1000,\n            };\n          }\n        }\n        return session.current?.accessToken;\n      },\n    }),\n  );\n};\n"],"mappings":"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","names":["QueryClient","QueryClientProvider","setCssProperties","variables","root","v","propertyVal","__name","mapThemeColors","colors","result","key","mapThemeSpacing","spacing","mapThemeBorderRadius","borderRadius","mapThemeFont","font","applyTheme","theme","createContext","useEffect","useMemo","jsx","ThemeContext","createContext","ThemeProvider","props","useEffect","applyTheme","value","useMemo","__name","ENVIRONMENTS","createClient","useQuery","useRef","isValidUrl","url","__name","useAuth","auth","options","authId","session","useRef","refetch","useQuery","baseUrl","ENVIRONMENTS","clientConfig","client","npmPackageVersion","debug","isValidProxy","createClient","hasTokenExpired","expiresAt","data","jsx","queryClient","QueryClient","RemoteFlowContextWrapper","children","auth","authId","proxy","environment","remoteApiClient","useAuth","RemoteFlowContext","__name","FormFieldsProvider","components","FormFieldsContext","RemoteFlows","theme","QueryClientProvider","ThemeProvider"]}
+{"version":3,"sources":["../src/RemoteFlowsProvider.tsx","../src/lib/applyTheme.ts","../src/theme.tsx","../src/environments.ts","../src/useAuth.ts"],"sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { ThemeProvider } from '@/src/theme';\nimport { FormFieldsContext, RemoteFlowContext } from './context';\nimport { Components, RemoteFlowsSDKProps } from './types/remoteFlows';\nimport { useAuth } from './useAuth';\n\nconst queryClient = new QueryClient();\n\ntype RemoteFlowContextWrapperProps = {\n  auth: RemoteFlowsSDKProps['auth'];\n  children: React.ReactNode;\n  environment?: RemoteFlowsSDKProps['environment'];\n  proxy?: RemoteFlowsSDKProps['proxy'];\n  authId?: RemoteFlowsSDKProps['authId'];\n};\n\nfunction RemoteFlowContextWrapper({\n  children,\n  auth,\n  authId,\n  proxy,\n  environment,\n}: RemoteFlowContextWrapperProps) {\n  const remoteApiClient = useAuth({\n    auth,\n    authId,\n    options: {\n      proxy,\n      environment,\n    },\n  });\n  return (\n    <RemoteFlowContext.Provider value={{ client: remoteApiClient.current }}>\n      {children}\n    </RemoteFlowContext.Provider>\n  );\n}\n\nexport function FormFieldsProvider({\n  children,\n  components,\n}: PropsWithChildren<{\n  components?: Components;\n}>) {\n  return (\n    <FormFieldsContext.Provider\n      value={components ? { components } : { components: {} }}\n    >\n      {children}\n    </FormFieldsContext.Provider>\n  );\n}\n\nexport function RemoteFlows({\n  auth,\n  authId,\n  children,\n  components,\n  theme,\n  proxy,\n  environment,\n}: PropsWithChildren<RemoteFlowsSDKProps>) {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FormFieldsProvider components={components}>\n        <RemoteFlowContextWrapper\n          auth={auth}\n          authId={authId}\n          proxy={proxy}\n          environment={environment}\n        >\n          <ThemeProvider theme={theme}>{children}</ThemeProvider>\n        </RemoteFlowContextWrapper>\n      </FormFieldsProvider>\n    </QueryClientProvider>\n  );\n}\n","import {\n  CssThemeBorder,\n  CssThemeColors,\n  CssThemeFont,\n  CssThemeSpacing,\n  ThemeColors,\n  ThemeFont,\n  ThemeProviderProps,\n} from '@/src/types/theme';\n\nfunction setCssProperties(variables: Record<string, string>) {\n  const root = document.documentElement;\n  Object.keys(variables).forEach((v) => {\n    const propertyVal = variables[v];\n    if (propertyVal) {\n      root.style.setProperty(v, propertyVal);\n    }\n  });\n}\n\nfunction mapThemeColors(colors: ThemeColors): CssThemeColors {\n  const result: CssThemeColors = {};\n  Object.keys(colors).forEach((key) => {\n    result[`--${key}` as keyof CssThemeColors] =\n      colors[key as keyof ThemeColors];\n  });\n  return result;\n}\n\nfunction mapThemeSpacing(spacing: string): CssThemeSpacing {\n  return {\n    '--spacing': spacing,\n  };\n}\n\nfunction mapThemeBorderRadius(borderRadius: string): CssThemeBorder {\n  return {\n    '--radius': borderRadius,\n  };\n}\n\nfunction mapThemeFont(font: ThemeFont): CssThemeFont {\n  return {\n    '--fontSizeBase': font.fontSizeBase,\n  };\n}\n\nexport function applyTheme(theme: ThemeProviderProps['theme']) {\n  if (theme?.colors) {\n    setCssProperties(mapThemeColors(theme.colors));\n  }\n\n  if (theme?.spacing) {\n    setCssProperties(mapThemeSpacing(theme.spacing));\n  }\n\n  if (theme?.borderRadius) {\n    setCssProperties(mapThemeBorderRadius(theme.borderRadius));\n  }\n\n  if (theme?.font) {\n    setCssProperties(mapThemeFont(theme.font));\n  }\n}\n","import { applyTheme } from '@/src/lib/applyTheme';\nimport { createContext, useEffect, useMemo } from 'react';\nimport { ThemeProviderProps } from './types/theme';\n\nconst ThemeContext = createContext<Omit<ThemeProviderProps, 'children'>>({\n  theme: {},\n});\n\nexport function ThemeProvider(props: ThemeProviderProps) {\n  useEffect(() => {\n    if (props.theme && Object.keys(props.theme).length > 0) {\n      applyTheme(props.theme);\n    }\n  }, [props.theme]);\n\n  const value = useMemo(() => {\n    return { theme: props.theme };\n  }, [props.theme]);\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {props.children}\n    </ThemeContext.Provider>\n  );\n}\n","export const ENVIRONMENTS = {\n  local: 'http://localhost:4000/api/eor',\n  partners: 'https://gateway.partners.remote-sandbox.com',\n  production: 'https://gateway.remote.com',\n  sandbox: 'https://gateway.remote-sandbox.com',\n  staging: 'https://gateway.niceremote.com',\n};\n","import { client } from '@/src/client/client.gen';\nimport { ENVIRONMENTS } from '@/src/environments';\nimport { createClient } from '@hey-api/client-fetch';\nimport { useQuery } from '@tanstack/react-query';\nimport { useRef } from 'react';\nimport { RemoteFlowsSDKProps } from './types/remoteFlows';\nimport { debug } from './lib/utils';\n\ntype AuthResponse = {\n  accessToken: string;\n  expiresIn: number;\n};\n\ntype Options = Partial<{\n  environment: keyof typeof ENVIRONMENTS;\n  proxy: RemoteFlowsSDKProps['proxy'];\n}>;\n\nfunction isValidUrl(url: string) {\n  try {\n    new URL(url);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport const useAuth = ({\n  auth,\n  options,\n  authId = 'default',\n}: {\n  auth: () => Promise<AuthResponse>;\n  options?: Options;\n  authId?: 'default' | 'client';\n}) => {\n  const session = useRef<{ accessToken: string; expiresAt: number } | null>(\n    null,\n  );\n  const { refetch } = useQuery({\n    queryKey: ['auth', authId],\n    queryFn: auth,\n    enabled: false,\n  });\n\n  const baseUrl = options?.environment\n    ? ENVIRONMENTS[options?.environment]\n    : process.env.REMOTE_GATEWAY_URL;\n\n  const clientConfig = client.getConfig();\n  const npmPackageVersion = process.env.VERSION || 'unknown';\n\n  if (options?.environment && options?.environment !== 'production') {\n    debug(npmPackageVersion);\n  }\n\n  const isValidProxy = !!options?.proxy && isValidUrl(options.proxy.url);\n\n  if (options?.proxy && !isValidProxy) {\n    console.error('Invalid proxy URL provided. Using default base URL.');\n  }\n\n  return useRef(\n    createClient({\n      ...clientConfig,\n      headers: {\n        ...clientConfig.headers,\n        ...(isValidProxy ? options?.proxy?.headers : {}),\n        'X-Client-Name': 'remote-flows-sdk',\n        'X-Client-Version': npmPackageVersion,\n      },\n      baseUrl: isValidProxy ? options.proxy?.url : baseUrl,\n      auth: async () => {\n        function hasTokenExpired(expiresAt: number | undefined) {\n          return !expiresAt || Date.now() + 60000 > expiresAt;\n        }\n        if (!session.current || hasTokenExpired(session.current.expiresAt)) {\n          const { data } = await refetch();\n          if (data) {\n            session.current = {\n              accessToken: data.accessToken,\n              expiresAt: Date.now() + data.expiresIn * 1000,\n            };\n          }\n        }\n        return session.current?.accessToken;\n      },\n    }),\n  );\n};\n"],"mappings":"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","names":["QueryClient","QueryClientProvider","setCssProperties","variables","root","v","propertyVal","__name","mapThemeColors","colors","result","key","mapThemeSpacing","spacing","mapThemeBorderRadius","borderRadius","mapThemeFont","font","applyTheme","theme","createContext","useEffect","useMemo","jsx","ThemeContext","createContext","ThemeProvider","props","useEffect","applyTheme","value","useMemo","__name","ENVIRONMENTS","createClient","useQuery","useRef","isValidUrl","url","__name","useAuth","auth","options","authId","session","useRef","refetch","useQuery","baseUrl","ENVIRONMENTS","clientConfig","client","npmPackageVersion","debug","isValidProxy","createClient","hasTokenExpired","expiresAt","data","jsx","queryClient","QueryClient","RemoteFlowContextWrapper","children","auth","authId","proxy","environment","remoteApiClient","useAuth","RemoteFlowContext","__name","FormFieldsProvider","components","FormFieldsContext","RemoteFlows","theme","QueryClientProvider","ThemeProvider"]}

package/dist/{remoteFlows-Clat4nYN.d.ts → remoteFlows-CBNrcwGZ.d.ts}

@@ -1,7 +1,7 @@
 import { ControllerRenderProps, FieldValues, ControllerFieldState } from 'react-hook-form';
 import { PropsWithChildren, ReactNode } from 'react';
 import { AnySchema } from 'yup';
-import { I as HelpCenterArticle } from './types.gen-C9Y1S1pc.js';
+import { I as HelpCenterArticle } from './types.gen-CaXCWhlP.js';
 import { S as SupportedTypes } from './types-Zg1n_9wh.js';
 
 type ThemeProviderProps = PropsWithChildren<{
@@ -33,6 +33,7 @@ type StatementProps = {
 };
 
 declare const ENVIRONMENTS: {
+    local: string;
     partners: string;
     production: string;
     sandbox: string;

package/dist/{types.gen-C9Y1S1pc.d.ts → types.gen-CaXCWhlP.d.ts}

@@ -1392,4 +1392,4 @@ type PostInviteEmploymentInvitationErrors = {
 };
 type PostInviteEmploymentInvitationError = PostInviteEmploymentInvitationErrors[keyof PostInviteEmploymentInvitationErrors];
 
-export type { CreateContractEligibilityParams as A, CostCalculatorEmployment as B, ContractAmendmentAutomatableResponse as C, MinimalCountry as D, EmploymentShowResponse as E, PostCreateOffboardingError as F, TimeoffStatus as G, Currency as H, HelpCenterArticle as I, ListTimeoffResponse as L, MinimalRegion as M, OffboardingResponse as O, PostAutomatableContractAmendmentError as P, SuccessResponse as S, TerminationDetailsParams as T, UnifiedEmploymentUpsertBenefitOffersRequest as U, ValidationError as V, ContractAmendmentResponse as a, PostCreateContractAmendmentError as b, CostCalculatorEstimateResponse as c, CostCalculatorEstimatePdfResponse as d, PostCreateEstimationPdfError as e, CostCalculatorEstimateParams as f, PostCreateEstimationError as g, EmploymentTermType as h, Employment as i, Company as j, PostInviteEmploymentInvitationError as k, PostCreateRiskReserveError as l, EmploymentCreationResponse as m, PostCreateEmployment2Error as n, EmploymentCreateParams as o, EmploymentResponse as p, PatchUpdateEmployment2Error as q, EmploymentFullParams as r, PutUpdateBenefitOfferError as s, MagicLinkResponse as t, UnprocessableEntityResponse as u, MagicLinkParams as v, ConvertCurrencyResponse as w, PostConvertRawCurrencyConverterError as x, ConvertCurrencyParams as y, PostCreateContractEligibilityError as z };
+export type { MinimalCountry as A, EmploymentTermType as B, ContractAmendmentAutomatableResponse as C, CostCalculatorEmployment as D, EmploymentShowResponse as E, PostCreateOffboardingError as F, TimeoffStatus as G, Currency as H, HelpCenterArticle as I, ListTimeoffResponse as L, MinimalRegion as M, OffboardingResponse as O, PostAutomatableContractAmendmentError as P, SuccessResponse as S, TerminationDetailsParams as T, UnifiedEmploymentUpsertBenefitOffersRequest as U, ValidationError as V, ContractAmendmentResponse as a, PostCreateContractAmendmentError as b, CostCalculatorEstimateResponse as c, CostCalculatorEstimatePdfResponse as d, PostCreateEstimationPdfError as e, CostCalculatorEstimateParams as f, PostCreateEstimationError as g, Employment as h, Company as i, PostInviteEmploymentInvitationError as j, PostCreateRiskReserveError as k, EmploymentCreationResponse as l, PostCreateEmployment2Error as m, EmploymentCreateParams as n, EmploymentResponse as o, PatchUpdateEmployment2Error as p, EmploymentFullParams as q, PutUpdateBenefitOfferError as r, MagicLinkResponse as s, UnprocessableEntityResponse as t, MagicLinkParams as u, ConvertCurrencyResponse as v, PostConvertRawCurrencyConverterError as w, ConvertCurrencyParams as x, PostCreateContractEligibilityError as y, CreateContractEligibilityParams as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remoteoss/remote-flows",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "scripts": {
     "build": "NODE_ENV=production tsup",
     "ci": "npm run build && npm run check-format && npm run check-exports && npm run lint && npm run test",

package/dist/chunk-4XFRZVAL.js

@@ -1,2 +0,0 @@
-import{b}from"./chunk-PGWKJ6FK.js";import{b as p}from"./chunk-CFIJKJXD.js";import{a as u}from"./chunk-LK4XMOCE.js";import{b as y}from"./chunk-QW4JPW6J.js";import{f,g as F}from"./chunk-3BREUYLG.js";import{a as m}from"./chunk-P37U34EQ.js";import{useEffect as S}from"react";import{jsx as d}from"react/jsx-runtime";function N({defaultValues:l,onSubmit:g,components:E}){let{formId:w,onboardingBag:o}=b(),h=p(o.handleValidation),r=f({resolver:h,defaultValues:l,shouldUnregister:!1,mode:"onBlur"});S(()=>{o.employmentId&&o?.checkFieldUpdates(r.getValues())},[]),S(()=>{let t=r?.watch(e=>{Object.keys(e).some(i=>e[i]!==l[i])&&o?.checkFieldUpdates(e)});return()=>t?.unsubscribe()},[]);let k=m(async(t,e)=>{let s=e?.nativeEvent;if(s?.isDraftSubmission){let{onSuccess:i,onError:c}=s.draftCallbacks;try{if(!await r.trigger())return;let n=await o.onSubmit(t);if(n?.data)i?.();else if(n?.error){let B=o.stepState.currentStep.name,P=o.meta?.fields?.[B],O=y(n?.fieldErrors||[],P);c?.({error:n.error,rawError:n.rawError,fieldErrors:O})}}catch(a){c?.({error:a,rawError:a,fieldErrors:[]})}}else g(t)},"handleSubmit");return d(F,{...r,children:d("form",{id:w,onSubmit:r.handleSubmit(k),className:"space-y-4 RemoteFlows__OnboardingForm",children:d(u,{components:E,fields:o.fields,fieldsets:o.meta.fieldsets,fieldValues:o.fieldValues})})})}m(N,"OnboardingForm");export{N as a};
-//# sourceMappingURL=chunk-4XFRZVAL.js.map

package/dist/chunk-5E44DBDD.js

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

package/dist/chunk-5E44DBDD.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.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,KAAK,IAAKC,IAAa,CAChC,MAAOA,EAAQ,YACf,MAAOA,EAAQ,KACf,aAAcA,EAAQ,cACtB,oBAAqBA,EAAQ,sBAC7B,WAAYA,EAAQ,YACpB,SAAUA,EAAQ,SAAS,IAC7B,EAAE,EARI,SASV,CAAC,CACH,EA1B0C,8BAgC7BC,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"]}

package/dist/chunk-6YKL7EOK.js

@@ -1,2 +0,0 @@
-var e={data:{version:7,schema:{additionalProperties:!1,properties:{country:{title:"Country",description:"",type:"string",oneOf:[],"x-jsf-presentation":{inputType:"select"}},region:{title:"Region",description:"",type:"string",oneOf:[],"x-jsf-presentation":{inputType:"select"}},currency:{title:"Currency",description:"",type:"string",oneOf:[],"x-jsf-presentation":{inputType:"select"}},salary:{description:"",title:"Salary",type:"integer","x-jsf-presentation":{inputType:"money"}},salary_conversion:{description:"",title:"Salary",type:"integer","x-jsf-presentation":{inputType:"money",hidden:!0}},salary_converted:{description:"Whether the salary is expressed in regional or employer currency",title:"Salary in employer currency",type:"string","x-jsf-presentation":{inputType:"hidden",hidden:!0}},management:{title:"Management fee",type:"object",properties:{management_fee:{title:"Desired monthly management fee",type:"integer","x-jsf-presentation":{inputType:"money"}}},"x-jsf-presentation":{inputType:"fieldset",hidden:!0}}},required:["country","currency","salary","salary_conversion","salary_converted"],type:"object","x-jsf-order":["country","region","currency","salary","management"]}}};export{e as a};
-//# sourceMappingURL=chunk-6YKL7EOK.js.map

package/dist/chunk-6YKL7EOK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/CostCalculator/jsonSchema.ts"],"sourcesContent":["export const jsonSchema = {\n  data: {\n    version: 7,\n    schema: {\n      additionalProperties: false,\n      properties: {\n        country: {\n          title: 'Country',\n          description: '',\n          type: 'string',\n          oneOf: [],\n          'x-jsf-presentation': {\n            inputType: 'select',\n          },\n        },\n        region: {\n          title: 'Region',\n          description: '',\n          type: 'string',\n          oneOf: [],\n          'x-jsf-presentation': {\n            inputType: 'select',\n          },\n        },\n        currency: {\n          title: 'Currency',\n          description: '',\n          type: 'string',\n          oneOf: [],\n          'x-jsf-presentation': {\n            inputType: 'select',\n          },\n        },\n        salary: {\n          description: '',\n          title: 'Salary',\n          type: 'integer',\n          'x-jsf-presentation': {\n            inputType: 'money',\n          },\n        },\n        salary_conversion: {\n          description: '',\n          title: 'Salary',\n          type: 'integer',\n          'x-jsf-presentation': {\n            inputType: 'money',\n            hidden: true,\n          },\n        },\n        salary_converted: {\n          description:\n            'Whether the salary is expressed in regional or employer currency',\n          title: 'Salary in employer currency',\n          type: 'string',\n          'x-jsf-presentation': {\n            inputType: 'hidden',\n            hidden: true,\n          },\n        },\n        management: {\n          title: 'Management fee',\n          type: 'object',\n          properties: {\n            management_fee: {\n              title: 'Desired monthly management fee',\n              type: 'integer',\n              'x-jsf-presentation': {\n                inputType: 'money',\n              },\n            },\n          },\n          'x-jsf-presentation': {\n            inputType: 'fieldset',\n            hidden: true,\n          },\n        },\n      },\n      required: [\n        'country',\n        'currency',\n        'salary',\n        'salary_conversion',\n        'salary_converted',\n      ],\n      type: 'object',\n      'x-jsf-order': ['country', 'region', 'currency', 'salary', 'management'],\n    },\n  },\n};\n"],"mappings":"AAAO,IAAMA,EAAa,CACxB,KAAM,CACJ,QAAS,EACT,OAAQ,CACN,qBAAsB,GACtB,WAAY,CACV,QAAS,CACP,MAAO,UACP,YAAa,GACb,KAAM,SACN,MAAO,CAAC,EACR,qBAAsB,CACpB,UAAW,QACb,CACF,EACA,OAAQ,CACN,MAAO,SACP,YAAa,GACb,KAAM,SACN,MAAO,CAAC,EACR,qBAAsB,CACpB,UAAW,QACb,CACF,EACA,SAAU,CACR,MAAO,WACP,YAAa,GACb,KAAM,SACN,MAAO,CAAC,EACR,qBAAsB,CACpB,UAAW,QACb,CACF,EACA,OAAQ,CACN,YAAa,GACb,MAAO,SACP,KAAM,UACN,qBAAsB,CACpB,UAAW,OACb,CACF,EACA,kBAAmB,CACjB,YAAa,GACb,MAAO,SACP,KAAM,UACN,qBAAsB,CACpB,UAAW,QACX,OAAQ,EACV,CACF,EACA,iBAAkB,CAChB,YACE,mEACF,MAAO,8BACP,KAAM,SACN,qBAAsB,CACpB,UAAW,SACX,OAAQ,EACV,CACF,EACA,WAAY,CACV,MAAO,iBACP,KAAM,SACN,WAAY,CACV,eAAgB,CACd,MAAO,iCACP,KAAM,UACN,qBAAsB,CACpB,UAAW,OACb,CACF,CACF,EACA,qBAAsB,CACpB,UAAW,WACX,OAAQ,EACV,CACF,CACF,EACA,SAAU,CACR,UACA,WACA,SACA,oBACA,kBACF,EACA,KAAM,SACN,cAAe,CAAC,UAAW,SAAU,WAAY,SAAU,YAAY,CACzE,CACF,CACF","names":["jsonSchema"]}

package/dist/chunk-A3OEOVEH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/CostCalculator/SummaryResults/SummaryResults.tsx"],"sourcesContent":["import { CostCalculatorEmployment, 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 { cn, formatCurrency } from '@/src/lib/utils';\nimport { ChevronDown, Globe } from 'lucide-react';\nimport { useState } from 'react';\n\nconst useSummaryResults = (estimations: CostCalculatorEmployment[]) => {\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: CostCalculatorEmployment[];\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-LPFDPXCW.js

@@ -1,2 +0,0 @@
-import{a as H}from"./chunk-GBN2V7QZ.js";import{a as D}from"./chunk-6YKL7EOK.js";import{a as N,b as K,c as G,e as z}from"./chunk-5E44DBDD.js";import{a as S}from"./chunk-HN5HLFTB.js";import{a as v}from"./chunk-CFIJKJXD.js";import{c as j}from"./chunk-MXFDOIUA.js";import{a as o}from"./chunk-P37U34EQ.js";import{number as Ee,object as Z}from"yup";import{createHeadlessForm as de,modify as fe}from"@remoteoss/json-schema-form";import{useCallback as ye,useEffect as I,useMemo as ge,useState as B}from"react";import{string as Q,ValidationError as W}from"yup";import{jsx as Ce}from"react/jsx-runtime";var A={title:"Estimation",includeBenefits:!1,includeCostBreakdowns:!1,includePremiumBenefits:!1,enableCurrencyConversion:!1,includeManagementFee:!1},pe=o(r=>{let{schema:a}=fe(D.data.schema,r?.jsfModify||{});return de(a)},"useStaticSchema"),xe=o(({defaultRegion:r,defaultCurrency:a,defaultSalary:l,estimationOptions:s,options:n,version:i}={estimationOptions:A})=>{let[y,b]=B(r),[w,P]=B(),[m,U]=B(),{data:g,isLoading:ee}=N({includePremiumBenefits:s.includePremiumBenefits}),{data:d,isLoading:te}=K(),re=y||w?.value,{data:R,isLoading:ne}=z(re,{includePremiumBenefits:s.includePremiumBenefits,options:n}),q=G(),p=w?.currency,C=n?.jsfModify?.fields?.salary,_=C&&typeof C=="object"&&"presentation"in C?C.presentation:void 0,J=ye(()=>{let e=p&&m?p!==m:!1;return p!==m?{from:m,to:p,shouldSwapOrder:e}:{from:p,to:m,shouldSwapOrder:e}},[p,m]),L=s.includeManagementFee,ae=ge(()=>{let{from:e,to:t,shouldSwapOrder:c}=J();return{fields:{salary:{...C,presentation:{salary_conversion_properties:{label:_?.salary_conversion_properties?.label,description:_?.salary_conversion_properties?.description},currencies:{from:e,to:t},Component:o(u=>Ce(H,{...u,shouldSwapOrder:c,conversionType:i==="marketing"?"no_spread":"spread",defaultValue:l}),"Component")}},management:{...n?.jsfModify?.fields?.management,properties:{...n?.jsfModify?.fields?.management?.properties,management_fee:{...n?.jsfModify?.fields?.management?.properties?.management_fee,"x-jsf-presentation":{inputType:"money",additionalProps:{currency:m||"USD"}}}},presentation:{...typeof n?.jsfModify?.fields?.management=="object"?(n?.jsfModify?.fields?.management)["x-jsf-presentation"]:{},hidden:!L}}}}},[m,C,_?.salary_conversion_properties?.description,_?.salary_conversion_properties?.label,l,J,n?.jsfModify?.fields?.management,L,i]),f=pe({jsfModify:{fields:{...n?.jsfModify?.fields,...ae?.fields}}});I(()=>{if(r&&g){let e=g.find(({value:t})=>t===r);e&&P(e)}},[r,g]),I(()=>{if(a&&d){let e=d.find(({value:t})=>t===a);e&&U(e.label)}},[a,d]);async function oe(e){try{await x.validate(e,{abortEarly:!1})}catch(t){return{data:null,error:t}}return new Promise((t,c)=>{q.mutate(Y(e,s,i),{onSuccess:o(u=>{u.data?t({data:u.data,error:null}):t({data:null,error:new Error("Something went wrong. Please try again later.")})},"onSuccess"),onError:o(u=>{c({data:null,error:u})},"onError")})})}o(oe,"onSubmit");function se(e){let t=g?.find(({value:c})=>c===e);t&&t.childRegions.length===0&&t.hasAdditionalFields?b(t.regionSlug):b(void 0),P(t)}o(se,"onCountryChange");function ie(e){b(e)}o(ie,"onRegionChange");function le(e){let t=d?.find(c=>c.value===e)?.label;U(t),n?.onCurrencyChange?.(t||"")}o(le,"onChangeCurrency");let E=f.fields.find(e=>e.name==="region");if(E){let e=w?.childRegions.map(t=>({value:t.slug,label:t.name}))??[];E.options=e,E.isVisible=e.length>0,E.required=e.length>0,E.onChange=ie,E.schema=e.length>0?Q().transform(t=>typeof t=="string"?t:"").required("Region is required"):Q()}if(d){let e=f.fields.find(t=>t.name==="currency");e&&(e.options=d,e.onChange=le)}if(g){let e=f.fields.find(t=>t.name==="country");e&&(e.options=g,e.onChange=se)}let ce=o(()=>{P(void 0),b(r)},"resetForm"),$=[...f.fields.filter(e=>e.name!=="management"),...R?.fields||[],...f.fields.filter(e=>e.name==="management")],x=X(f.fields,m||"USD");async function ue(e){let t=null,c=j(e,$);try{await x.validate(c,{abortEarly:!1}),t={formErrors:{},yupError:new W([],e)}}catch(V){let O=v(V);t={formErrors:Object.entries(O).reduce((M,[k,T])=>({...M,[k]:T.message}),{}),yupError:V}}let u=R?.handleValidation(c),h=[...t?.yupError.inner||[],...u?.yupError?.inner||[]],F={...t?.yupError?.value||{},...u?.yupError?.value||{}};return{formErrors:{...t?.formErrors||{},...u?.formErrors||{}},yupError:new W(h,F)}}return o(ue,"handleValidation"),{stepState:{current:0,total:1,isLastStep:!0},fields:$,validationSchema:x,parseFormValues:o(e=>{let{country:t,region:c,currency:u,salary_converted:h,salary_conversion:F,management:V,...O}=e,M=e.salary;h==="salary_conversion"&&(M=F);let T=j({country:t,region:c,salary:M,salary_converted:h,salary_conversion:F,currency:u,management:V},f.fields),me=j(O,R?.fields||[]);return{...T,...me}},"parseFormValues"),handleValidation:ue,isSubmitting:q.isPending,isLoading:ee&&te&&ne,onSubmit:oe,resetForm:ce,currencies:d}},"useCostCalculator");function X(r,a){let l=r.reduce((s,n)=>(n.name==="salary"||n.name==="salary_conversion"?s[n.name]=n.schema.when("salary_converted",{is:o(i=>i===n.name,"is"),then:o(i=>i.required("Salary is required"),"then"),otherwise:o(i=>i.optional(),"otherwise")}):n.name==="management"?s[n.name]=Z({management_fee:Ee().transform(i=>isNaN(i)?void 0:i).min(0,"Management fee must be greater than or equal to 0").max(a?S[a]:S.USD,()=>`Management fee cannot exceed ${(a?S[a]:S.USD)/100} ${a}`)}):s[n.name]=n.schema,s),{});return Z(l)}o(X,"buildValidationSchema");function Se(r){let a="benefit-";return Object.keys(r).reduce((l,s)=>{let n=r[s];if(n==="none")return l;let y={benefit_group_slug:s.replace(a,""),benefit_tier_slug:n};return[...l,y]},[])}o(Se,"formatBenefits");function be(r,a,l){return{region_slug:r.region||r.country,employment_term:r.contract_duration_type??"fixed",title:a.title,age:r.age??void 0,...r.benefits&&{benefits:Se(r.benefits)},...(l=="marketing"||r.salary_converted==="salary_conversion")&&{annual_gross_salary_in_employer_currency:r.salary},...l==="standard"&&r.salary_converted==="salary"&&{annual_gross_salary:r.salary}}}o(be,"mapValueToEmployment");function Y(r,a=A,l="standard"){let s=Array.isArray(r)?r:[r];if(s.length===0)throw new Error("At least one employment value is required");s.length>1&&new Set(s.map(y=>y.currency)).size>1&&console.warn("Multiple currencies detected in array. Using currency from first employment.");let n=Number(s[0].management?.management_fee);return{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,...a.includeManagementFee&&n&&{global_discount:{quoted_amount:n,text:""}},employments:s.map(i=>be(i,a,l))}}o(Y,"buildPayload");export{X as a,Y as b,A as c,xe as d};
-//# sourceMappingURL=chunk-LPFDPXCW.js.map

package/dist/chunk-LPFDPXCW.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) {\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('Salary is required'),\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 {\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  return {\n    region_slug: value.region || value.country,\n    employment_term: value.contract_duration_type ?? 'fixed',\n    title: estimationOptions.title,\n    age: value.age ?? undefined,\n    ...(value.benefits && { benefits: formatBenefits(value.benefits) }),\n    ...((version == 'marketing' ||\n      value.salary_converted === 'salary_conversion') && {\n      annual_gross_salary_in_employer_currency: value.salary,\n    }),\n    ...(version === 'standard' &&\n      value.salary_converted === 'salary' && {\n        annual_gross_salary: value.salary,\n      }),\n  };\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  const managementFee = Number(employments[0].management?.management_fee);\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    ...(estimationOptions.includeManagementFee &&\n      managementFee && {\n        global_discount: {\n          quoted_amount: managementFee,\n          text: '',\n        },\n      }),\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';\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  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\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 { 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.includeManagementFee;\n  const customFields = useMemo(() => {\n    const { from, to, shouldSwapOrder } = getCurrencies();\n\n    return {\n      fields: {\n        salary: {\n          ...salaryField,\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        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          },\n        },\n      },\n    };\n  }, [\n    employerBillingCurrency,\n    salaryField,\n    salaryFieldPresentation?.salary_conversion_properties?.description,\n    salaryFieldPresentation?.salary_conversion_properties?.label,\n    defaultSalary,\n    getCurrencies,\n    options?.jsfModify?.fields?.management,\n    showManagementField,\n    version,\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              resolve({\n                data: null,\n                error: new Error(\n                  'Something went wrong. Please try again later.',\n                ),\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 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  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  );\n\n  async function handleValidation(values: CostCalculatorEstimationFormValues) {\n    let errors: JSFValidationError | null = null;\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        salary_conversion,\n        management,\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        currency,\n        management,\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      return {\n        ...parsedStaticFields,\n        ...parsedRegionFields,\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","useCostCalculator","defaultRegion","defaultCurrency","defaultSalary","estimationOptions","version","selectedRegion","setSelectedRegion","useState","selectedCountry","setSelectedCountry","employerBillingCurrency","setEmployerBillingCurrency","countries","isLoadingCountries","useCostCalculatorCountries","currencies","isLoadingCurrencies","useCompanyCurrencies","jsonSchemaRegionSlug","jsonSchemaRegionFields","isLoadingRegionFields","useRegionFields","costCalculatorEstimationMutation","useCostCalculatorEstimation","employeeBillingCurrency","salaryField","salaryFieldPresentation","getCurrencies","useCallback","shouldSwapOrder","showManagementField","customFields","useMemo","from","to","props","SalaryField","fieldsJSONSchema","useEffect","defaultCountry","value","defaultCurrencyObj","onSubmit","values","validationSchema","err","resolve","reject","buildPayload","response","error","onCountryChange","country","currentCountry","onRegionChange","region","onChangeCurrency","currency","selectedCurrency","regionField","field","regions","string","currencyField","countryField","resetForm","allFields","buildValidationSchema","handleValidation","errors","parsedValues","parseJSFToValidate","ValidationError","iterateResult","iterateErrors","acc","key","handleValidationResult","combinedInnerErrors","combinedValues","salary_converted","salary_conversion","management","rest","salary","parsedStaticFields","parsedRegionFields","buildValidationSchema","fields","employerBillingCurrency","fieldsSchema","fieldsSchemaAcc","field","__name","val","schema","object","number","value","BASE_RATES","formatBenefits","benefits","needle","acc","key","benefitTierSlug","benefitEntry","mapValueToEmployment","estimationOptions","version","buildPayload","values","defaultEstimationOptions","employments","v","managementFee"]}

package/dist/chunk-NVQBJCNL.js

@@ -1,2 +0,0 @@
-import{b as c}from"./chunk-KSHK3ZPX.js";import{a as C}from"./chunk-LK4XMOCE.js";import{g as n}from"./chunk-3BREUYLG.js";import{a as l}from"./chunk-P37U34EQ.js";import{useEffect as F}from"react";import{jsx as m}from"react/jsx-runtime";function P({onSubmit:f,onError:d,onSuccess:p,shouldResetForm:i,resetFields:s}){let{form:o,formId:E,costCalculatorBag:t}=c(),{formState:{isSubmitSuccessful:e}}=o;F(()=>{if(e&&i){t?.resetForm(),o.reset();return}if(e&&s){let a={...o.getValues()};s.forEach(r=>{a[r]=""}),t?.resetForm(),o.reset(a)}},[e,o,i,t,s]);let S=l(async u=>{let a=t?.parseFormValues(u),r=await t?.onSubmit(a);await f?.(a),r?.error?d?.(r.error):r?.data&&await p?.(r?.data)},"handleSubmit");return m(n,{...o,children:m("form",{id:E,onSubmit:o.handleSubmit(S),className:"space-y-4 RemoteFlows__CostCalculatorForm",children:m(C,{fields:t?.fields??[]})})})}l(P,"CostCalculatorForm");export{P as a};
-//# sourceMappingURL=chunk-NVQBJCNL.js.map

package/dist/chunk-NVQBJCNL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/CostCalculator/CostCalculatorForm.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { CostCalculatorEstimateResponse } from '@/src/client';\nimport { JSONSchemaFormFields } from '@/src/components/form/JSONSchemaForm';\nimport { Form } from '@/src/components/ui/form';\nimport { useCostCalculatorContext } from '@/src/flows/CostCalculator/context';\nimport {\n  CostCalculatorEstimationFormValues,\n  CostCalculatorEstimationSubmitValues,\n  EstimationError,\n} from '@/src/flows/CostCalculator/types';\n\ntype CostCalculatorFormProps = Partial<{\n  /**\n   * Callback function that handles form submission. When form is submit, the form values are sent to the consumer app before behind submitted to Remote.\n   * @param data - The payload sent to the /cost-calculator/estimation endpoint.\n   */\n  onSubmit: (\n    data: CostCalculatorEstimationSubmitValues,\n  ) => Promise<void> | void;\n  /**\n   * Callback function to handle the success when the estimation succeeds. The CostCalculatorEstimateResponse is sent back to you.\n   * @param data - The response data from the /cost-calculator/estimation endpoint.\n   */\n  onSuccess: (data: CostCalculatorEstimateResponse) => Promise<void> | void;\n  /**\n   * Callback function to handle the error when the estimation fails.\n   * @param error - The error object.\n   */\n  onError: (error: EstimationError) => void;\n  /**\n   * Whether to reset the form when the form is successfully submitted.\n   */\n  shouldResetForm?: boolean;\n\n  /**\n   * Fields to reset when the form is successfully submitted.\n   */\n  resetFields?: ('country' | 'currency' | 'salary')[];\n}>;\n\nexport function CostCalculatorForm({\n  onSubmit,\n  onError,\n  onSuccess,\n  shouldResetForm,\n  resetFields,\n}: CostCalculatorFormProps) {\n  const { form, formId, costCalculatorBag } = useCostCalculatorContext();\n\n  const {\n    formState: { isSubmitSuccessful },\n  } = form;\n\n  useEffect(() => {\n    // resets the entire form if the form is successfully submitted and the shouldResetForm prop is true\n    if (isSubmitSuccessful && shouldResetForm) {\n      costCalculatorBag?.resetForm();\n      form.reset();\n      return;\n    }\n\n    // resets the specified fields if the form is successfully submitted and the resetFields prop is provided\n    if (isSubmitSuccessful && resetFields) {\n      // Reset only the specified fields\n      const currentValues = form.getValues();\n      const resetValues = { ...currentValues };\n      resetFields.forEach((field) => {\n        resetValues[field] = '';\n      });\n\n      costCalculatorBag?.resetForm();\n      form.reset(resetValues);\n    }\n  }, [\n    isSubmitSuccessful,\n    form,\n    shouldResetForm,\n    costCalculatorBag,\n    resetFields,\n  ]);\n\n  const handleSubmit = async (values: CostCalculatorEstimationFormValues) => {\n    const parsedValues = costCalculatorBag?.parseFormValues(\n      values,\n    ) as CostCalculatorEstimationSubmitValues;\n    const costCalculatorResults =\n      await costCalculatorBag?.onSubmit(parsedValues);\n\n    await onSubmit?.(parsedValues);\n\n    if (costCalculatorResults?.error) {\n      onError?.(costCalculatorResults.error);\n    } else if (costCalculatorResults?.data) {\n      await onSuccess?.(costCalculatorResults?.data);\n    }\n  };\n\n  return (\n    <Form {...form}>\n      <form\n        id={formId}\n        onSubmit={form.handleSubmit(handleSubmit)}\n        className='space-y-4 RemoteFlows__CostCalculatorForm'\n      >\n        <JSONSchemaFormFields fields={costCalculatorBag?.fields ?? []} />\n      </form>\n    </Form>\n  );\n}\n"],"mappings":"gKAAA,OAAS,aAAAA,MAAiB,QAwGlB,cAAAC,MAAA,oBAhED,SAASC,EAAmB,CACjC,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,YAAAC,CACF,EAA4B,CAC1B,GAAM,CAAE,KAAAC,EAAM,OAAAC,EAAQ,kBAAAC,CAAkB,EAAIC,EAAyB,EAE/D,CACJ,UAAW,CAAE,mBAAAC,CAAmB,CAClC,EAAIJ,EAEJK,EAAU,IAAM,CAEd,GAAID,GAAsBN,EAAiB,CACzCI,GAAmB,UAAU,EAC7BF,EAAK,MAAM,EACX,MACF,CAGA,GAAII,GAAsBL,EAAa,CAGrC,IAAMO,EAAc,CAAE,GADAN,EAAK,UAAU,CACE,EACvCD,EAAY,QAASQ,GAAU,CAC7BD,EAAYC,CAAK,EAAI,EACvB,CAAC,EAEDL,GAAmB,UAAU,EAC7BF,EAAK,MAAMM,CAAW,CACxB,CACF,EAAG,CACDF,EACAJ,EACAF,EACAI,EACAH,CACF,CAAC,EAED,IAAMS,EAAeC,EAAA,MAAOC,GAA+C,CACzE,IAAMC,EAAeT,GAAmB,gBACtCQ,CACF,EACME,EACJ,MAAMV,GAAmB,SAASS,CAAY,EAEhD,MAAMhB,IAAWgB,CAAY,EAEzBC,GAAuB,MACzBhB,IAAUgB,EAAsB,KAAK,EAC5BA,GAAuB,MAChC,MAAMf,IAAYe,GAAuB,IAAI,CAEjD,EAdqB,gBAgBrB,OACEnB,EAACoB,EAAA,CAAM,GAAGb,EACR,SAAAP,EAAC,QACC,GAAIQ,EACJ,SAAUD,EAAK,aAAaQ,CAAY,EACxC,UAAU,4CAEV,SAAAf,EAACqB,EAAA,CAAqB,OAAQZ,GAAmB,QAAU,CAAC,EAAG,EACjE,EACF,CAEJ,CApEgBO,EAAAf,EAAA","names":["useEffect","jsx","CostCalculatorForm","onSubmit","onError","onSuccess","shouldResetForm","resetFields","form","formId","costCalculatorBag","useCostCalculatorContext","isSubmitSuccessful","useEffect","resetValues","field","handleSubmit","__name","values","parsedValues","costCalculatorResults","Form","JSONSchemaFormFields"]}

package/dist/chunk-QYJQNWPB.js

@@ -1,2 +0,0 @@
-import{a as w,b as R,c as x,d as A}from"./chunk-4RULC3AZ.js";import{a as C}from"./chunk-ZE3YT3Q6.js";import{a as f}from"./chunk-NBCZF2FO.js";import{a as F}from"./chunk-UHS3QRA3.js";import{a as b}from"./chunk-N5I33LIN.js";import{b as k}from"./chunk-7VUILYZ3.js";import{a as c,b as n}from"./chunk-3LOVCTCN.js";import{a as m}from"./chunk-P37U34EQ.js";import{MoreHorizontal as D}from"lucide-react";import{useState as H}from"react";import{Fragment as M,jsx as y,jsxs as T}from"react/jsx-runtime";function B({actions:e=[],className:s}){let[a,l]=H(!1);return T("div",{className:c("relative",s),children:[y(k,{variant:"ghost",className:"h-8 w-8 p-0",onClick:()=>l(!a),children:y(D,{className:"h-4 w-4"})}),a&&T(M,{children:[y("div",{className:"fixed inset-0 z-40",onClick:()=>l(!1)}),y("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((i,_)=>y("button",{className:c("w-full text-left px-2 py-1.5 text-sm hover:bg-gray-100",i.disabled&&"opacity-50 cursor-not-allowed"),onClick:()=>{i.onClick(),l(!1)},disabled:i.disabled,children:i.label},_))})]})]})}m(B,"ActionsDropdown");import{ChevronDown as I,Info as S}from"lucide-react";import P from"react-flagpack";import{useState as O}from"react";import{Fragment as p,jsx as o,jsxs as t}from"react/jsx-runtime";var U=m(({title:e,country:s,region:a,onDelete:l,onExportPdf:i})=>{let _=[{label:"Edit",onClick:m(()=>{},"onClick"),disabled:!0},{label:"Export",onClick:i},{label:"Delete",onClick:l}];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-12 w-12 items-center justify-center rounded-lg bg-[#F4F4F5]",children:o(P,{code:s.alpha_2_code})}),t("div",{className:"space-y-1",children:[o("h2",{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:[s.name," ",a?` (${a.name})`:""]})]})]}),o(B,{className:"RemoteFlows__EstimationResults__ActionsDropdown",actions:_})]})},"EstimationResultsHeader"),j=m(()=>({steps:[{id:"add-employment-details",title:"Add employment details",description:"You add employee employments details."},{id:"invite-employee",title:"Invite employee",description:"Hire receives an email invitation from Remote to start the self-enrollment process."},{id:"verify-information",title:"Verify information",description:"Remote prepares the Employment Agreement and verifies all the information."},{id:"sign-contract",title:"Sign contract",description:"All parties sign the Employment Agreement and are ready to start. \u{1F389}"}],helpText:"For customers who accept our Terms of Service (ToS), the employee onboarding timeline starts once the employee has been invited to the platform and completed self enrolment.",zendeskArticleId:f.employeeOnboardingTimeline}),"getOnboardingTimelineData");function G({minimumOnboardingDays:e,data:s,className:a}){return o(w,{type:"single",collapsible:!0,className:c("RemoteFlows__EstimationResults__OnboardingTimeline w-full",a),children:t(R,{value:"timeline",className:"RemoteFlows__OnboardingTimeline__AccordionItem border-border",children:[o(x,{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"}),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:s.steps.map(l=>t("li",{children:[o("strong",{className:"font-medium text-[#09090B]",children:l.title})," ","- ",l.description]},l.id))}),t("p",{className:"RemoteFlows__OnboardingTimeline__HelpText text-xs text-muted-foreground mt-4",children:[s.helpText,s.zendeskArticleId&&o(b,{zendeskId:s.zendeskArticleId,children:"Learn more"})]})]})]})})}m(G,"OnboardingTimeline");function Z({className:e,countryBenefitsUrl:s,countryGuideUrl:a,country:l}){return o(w,{type:"single",collapsible:!0,className:c("RemoteFlows__EstimationResults__HiringSection w-full",e),children:t(R,{value:"timeline",className:"RemoteFlows__HiringSection__AccordionItem border-border",children:[o(x,{className:"RemoteFlows__HiringSection__AccordionTrigger hover:no-underline px-0 py-4",children:o("div",{className:"flex items-center justify-between w-full",children:t("span",{className:"text-base font-medium text-[#0F172A]",children:["Hiring in ",l.name]})})}),o(A,{children:t("div",{className:"flex flex-col gap-1",children:[o("a",{href:a,target:"_blank",className:"RemoteFlows__Link",children:"Explore our complete guide \u2197"}),o("a",{href:s,target:"_blank",className:"RemoteFlows__Link",children:"Explore our available benefits \u2197"})]})})]})})}m(Z,"HiringSection");function $({isMultipleCurrency:e,className:s}){return t("div",{className:c("RemoteFlows__EstimationResults__Headers grid grid-cols-3 items-center",s),children:[o("span",{"aria-hidden":!0}),e?t(p,{children:[o("span",{className:"RemoteFlows__EstimationResults__Headers__Label",children:"Employee currency"}),o("span",{className:"RemoteFlows__EstimationResults__Headers__Label",children:"Employer currency"})]}):t(p,{children:[o("span",{}),o("span",{className:"RemoteFlows__EstimationResults__Headers__Label",children:"Amount"})]})]})}m($,"EstimationHeaders");function E({label:e,amounts:s,className:a,children:l}){let[i,_]=O(!0);return t("div",{className:c("RemoteFlows__EstimationResults__Row",a),children:[t("div",{className:"grid grid-cols-3 items-center",children:[t("div",{className:"flex items-center gap-2",children:[o("span",{className:c("RemoteFlows__EstimationRow__Title min-w-[140px] font-medium text-[#09090B]"),children:e}),o("button",{onClick:()=>_(!i),className:"RemoteFlows__EstimationRow__CollapseButton p-1 hover:bg-gray-100 rounded",children:o(I,{className:`h-4 w-4 text-muted-foreground transition-transform ${i?"rotate-180":""}`})})]}),Array.isArray(s)?s.map((u,g)=>o("span",{className:c("RemoteFlows__EstimationRow__RegionalAmount text-right font-medium text-[#09090B]"),children:u},g)):t(p,{children:[o("span",{}),o("span",{className:c("RemoteFlows__EstimationRow__EmployerAmount text-right font-medium text-[#09090B]"),children:s})]})]}),i&&l&&o("div",{className:"RemoteFlows__EstimationRow__CollapsibleContent mt-4",children:l})]})}m(E,"EstimationRow");function V({item:e,isMultipleCurrency:s,level:a=0}){let[l,i]=O(!1),_=e.children&&e.children.length>0,u=a>0;return t("li",{className:c("RemoteFlows__BreakdownList__Item pb-3",u&&"pb-1"),children:[t("div",{className:c(s?"grid grid-cols-3 items-center justify-between":"grid grid-cols-2 items-center justify-between"),children:[t("div",{className:c("flex items-center gap-2",u&&"pl-3"),children:[!u&&o("span",{className:"RemoteFlows__BreakdownList__Bullet w-1 h-1 bg-[#09090B] rounded-full flex-shrink-0","aria-hidden":"true"}),o("span",{className:c(u?"RemoteFlows__BreakdownList__Text--Nested text-xs text-[#71717A]":"RemoteFlows__BreakdownList__Text--NotNested text-sm text-[#09090B]"),children:e.label}),e.tooltip&&o(C,{content:t(p,{children:[o("span",{children:e.tooltip})," ",e.zendeskId&&o(b,{zendeskId:Number(e.zendeskId),children:"Learn more"})]}),children:o("button",{className:"RemoteFlows__BreakdownList__InfoButton p-1 hover:bg-gray-100 rounded",children:o(S,{className:c("text-muted-foreground",u?"h-3 w-3":"h-4 w-4")})})}),(e.isCollapsible||_)&&o("button",{onClick:()=>i(!l),className:"RemoteFlows__BreakdownList__CollapsibleButton p-1 hover:bg-gray-100 rounded",children:o(I,{className:`h-3 w-3 text-muted-foreground transition-transform ${l?"rotate-180":""}`})})]}),s?t(p,{children:[o("span",{className:c("RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right",u?"RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]":"RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]"),children:e.regionalAmount||"\u2014"}),o("span",{className:c("RemoteFlows__BreakdownList__EmployerAmountText text-sm text-right",u?"RemoteFlows__BreakdownList__EmployerAmountText--Nested text-[#71717A]":"RemoteFlows__BreakdownList__EmployerAmountText--NotNested text-[#09090B]"),children:e.employerAmount||"\u2014"})]}):o("span",{className:c("RemoteFlows__BreakdownList__RegionalAmountText text-sm text-right",u?"RemoteFlows__BreakdownList__RegionalAmountText--Nested text-[#71717A]":"RemoteFlows__BreakdownList__RegionalAmountText--NotNested text-[#09090B]"),children:e.regionalAmount||"\u2014"})]}),_&&l&&o("div",{className:"mt-1",children:o(N,{items:e.children,isMultipleCurrency:s,level:a+1})})]})}m(V,"BreakdownListItem");function N({items:e,isMultipleCurrency:s,className:a,level:l}){return o("ul",{className:c("RemoteFlows__BreakdownList list-none",a),children:e.map((i,_)=>o(V,{item:i,isMultipleCurrency:s,level:l},_))})}m(N,"BreakdownList");var me=m(({estimation:e,title:s,components:a,onDelete:l,onExportPdf:i})=>{let _=a?.HiringSection||Z,u=a?.OnboardingTimeline||G,g=a?.Header||U,h=a?.Footer,L=j(),d=e.employer_currency_costs.currency.code!==e.regional_currency_costs.currency.code,v=e.employer_currency_costs.monthly_management_fee,z=e.region.code!==e.country.code;return t(F,{className:"RemoteFlows__EstimationResults__Card p-10",children:[o("div",{className:"RemoteFlows__Separator",children:o(g,{title:s,region:z?e.region:void 0,country:e.country,onDelete:l,onExportPdf:i})}),t("div",{className:"RemoteFlows__Separator",children:[o($,{isMultipleCurrency:d,className:"mb-3"}),o(E,{label:"Monthly total cost",amounts:d?[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(N,{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(r=>({label:r.name,regionalAmount:n(r.amount,e.regional_currency_costs.currency.symbol),employerAmount:n(r.amount,e.employer_currency_costs.currency.symbol),zendeskId:r.zendesk_article_id||void 0,tooltip:r.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(r=>({label:r.name,regionalAmount:n(r.amount,e.regional_currency_costs.currency.symbol),employerAmount:n(r.amount,e.employer_currency_costs.currency.symbol),zendeskId:r.zendesk_article_id||void 0,tooltip:r.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:d})})]}),o("div",{className:"RemoteFlows__Separator",children:o(E,{label:"Annual total cost",amounts:d?[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(N,{items:[{label:"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(r=>({label:r.name,regionalAmount:n(r.amount,e.regional_currency_costs.currency.symbol),employerAmount:n(r.amount,e.employer_currency_costs.currency.symbol),zendeskId:r.zendesk_article_id||void 0,tooltip:r.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(r=>({label:r.name,regionalAmount:n(r.amount,e.regional_currency_costs.currency.symbol),employerAmount:n(r.amount,e.employer_currency_costs.currency.symbol),zendeskId:r.zendesk_article_id||void 0,tooltip:r.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(r=>({label:r.name,regionalAmount:n(r.amount,e.regional_currency_costs.currency.symbol),employerAmount:n(r.amount,e.employer_currency_costs.currency.symbol),zendeskId:r.zendesk_article_id||void 0,tooltip:r.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:d})})}),o("div",{className:"RemoteFlows__Separator",children:o(u,{minimumOnboardingDays:e.minimum_onboarding_time,data:L})}),o(_,{countryBenefitsUrl:e.country_benefits_details_url,countryGuideUrl:e.country_guide_url,country:e.country}),h&&o(h,{})]})},"EstimationResults");export{me as a};
-//# sourceMappingURL=chunk-QYJQNWPB.js.map

package/dist/chunk-QYJQNWPB.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  className?: string;\n}\n\nexport function ActionsDropdown({\n  actions = [],\n  className,\n}: ActionsDropdownProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <div className={cn('relative', className)}>\n      <Button\n        variant='ghost'\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                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 {\n  CostCalculatorEmployment,\n  MinimalCountry,\n  MinimalRegion,\n} 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';\n\nconst EstimationResultsHeader = ({\n  title,\n  country,\n  region,\n  onDelete,\n  onExportPdf,\n}: {\n  title: string;\n  country: MinimalCountry;\n  region?: MinimalRegion;\n  onDelete: () => void;\n  onExportPdf: () => void;\n}) => {\n  const actions = [\n    {\n      label: 'Edit',\n      onClick: () => {},\n      disabled: true,\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-12 w-12 items-center justify-center rounded-lg bg-[#F4F4F5]'>\n          <Flag code={country.alpha_2_code} />\n        </div>\n        <div className='space-y-1'>\n          <h2 className='RemoteFlows__EstimationResultsHeader__Title text-lg font-medium leading-none text-[#181818]'>\n            {title}\n          </h2>\n          <p className='RemoteFlows__EstimationResultsHeader__Country text-xs text-[#71717A]'>\n            {country.name} {region ? ` (${region.name})` : ''}\n          </p>\n        </div>\n      </div>\n      <ActionsDropdown\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 our Terms of Service (ToS), the employee onboarding timeline starts once the employee has been invited to the platform and completed self enrolment.',\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            <span className='RemoteFlows__OnboardingTimeline__Description text-base text-muted-foreground mr-4'>\n              {minimumOnboardingDays} days\n            </span>\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            <a\n              href={countryGuideUrl}\n              target='_blank'\n              className='RemoteFlows__Link'\n            >\n              Explore our complete guide ↗\n            </a>\n            <a\n              href={countryBenefitsUrl}\n              target='_blank'\n              className='RemoteFlows__Link'\n            >\n              Explore our available benefits ↗\n            </a>\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  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\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          <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\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\n          {(item.isCollapsible || hasChildren) && (\n            <button\n              onClick={() => setIsOpen(!isOpen)}\n              className='RemoteFlows__BreakdownList__CollapsibleButton p-1 hover:bg-gray-100 rounded'\n            >\n              <ChevronDown\n                className={`h-3 w-3 text-muted-foreground transition-transform ${\n                  isOpen ? 'rotate-180' : ''\n                }`}\n              />\n            </button>\n          )}\n        </div>\n\n        {isMultipleCurrency ? (\n          <>\n            <span\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              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            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: CostCalculatorEmployment;\n  title: string;\n  components?: EstimationResultsComponents;\n  onDelete: () => void;\n  onExportPdf: () => void;\n};\n\nexport const EstimationResults = ({\n  estimation,\n  title,\n  components,\n  onDelete,\n  onExportPdf,\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  return (\n    <Card className='RemoteFlows__EstimationResults__Card p-10'>\n      <div className='RemoteFlows__Separator'>\n        <CustomHeader\n          title={title}\n          region={hasRegion ? estimation.region : undefined}\n          country={estimation.country}\n          onDelete={onDelete}\n          onExportPdf={onExportPdf}\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) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        item.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.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) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        item.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                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) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        item.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) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        item.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) => ({\n                      label: item.name,\n                      regionalAmount: formatCurrency(\n                        item.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","isOpen","setIsOpen","useState","cn","Button","MoreHorizontal","action","index","__name","ChevronDown","Info","Flag","useState","Fragment","jsx","jsxs","EstimationResultsHeader","__name","title","country","region","onDelete","onExportPdf","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","BasicTooltip","Info","BreakdownList","items","EstimationResults","estimation","components","CustomHiringSection","CustomOnboardingTimeline","CustomHeader","CustomFooter","onboardingTimelineData","hasManagementFee","hasRegion","Card","formatCurrency"]}

package/dist/chunk-ZD644MH3.js

@@ -1,2 +0,0 @@
-import{c as f,d}from"./chunk-LPFDPXCW.js";import{a as u}from"./chunk-HN5HLFTB.js";import{a as i}from"./chunk-KSHK3ZPX.js";import{b as g}from"./chunk-CFIJKJXD.js";import{f as m}from"./chunk-3BREUYLG.js";import{a as c}from"./chunk-P37U34EQ.js";import{useEffect as P,useId as _,useState as h}from"react";import{jsx as M}from"react/jsx-runtime";var y=c((r,e,t)=>t&&t[e]?t[e]:r[e]?r[e]/100:0,"getDefaultManagementFee"),T=c(({estimationOptions:r=f,defaultValues:e={countryRegionSlug:"",currencySlug:"",salary:""},options:t,render:S,version:p="standard"})=>{let F=_(),[R,C]=h("USD"),v=c(l=>{C(l);let o=y(u,l,r.managementFees);o&&a.setValue("management.management_fee",o)},"onCurrencyChange"),n=d({defaultRegion:e.countryRegionSlug,defaultCurrency:e.currencySlug,defaultSalary:e.salary,estimationOptions:r,version:p,options:{...t,onCurrencyChange:v}}),K=g(n.handleValidation),E=e.currencySlug?"":y(u,R,r.managementFees),a=m({resolver:K,defaultValues:{country:e?.countryRegionSlug,currency:e?.currencySlug,region:"",salary:e?.salary,salary_conversion:"",salary_converted:"",management:{management_fee:E}},shouldUnregister:!1,mode:"onBlur"});return P(()=>{if(e.currencySlug&&n.currencies&&r.includeManagementFee){let o=n.currencies.find(s=>s.value===e.currencySlug)?.label;if(o){C(o);let s=y(u,o,r.managementFees);a.setValue("management.management_fee",s)}}},[e.currencySlug,n.currencies,r.includeManagementFee,r.managementFees,a]),M(i.Provider,{value:{form:a,formId:F,costCalculatorBag:n},children:S(n)})},"CostCalculatorFlow");export{T as a};
-//# sourceMappingURL=chunk-ZD644MH3.js.map

package/dist/chunk-ZD644MH3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/CostCalculator/CostCalculatorFlow.tsx"],"sourcesContent":["import React, { useEffect, useId, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useJsonSchemasValidationFormResolver } from '@/src/components/form/yupValidationResolver';\nimport { CostCalculatorContext } from '@/src/flows/CostCalculator/context';\nimport {\n  CostCalculatorVersion,\n  defaultEstimationOptions,\n  useCostCalculator,\n} from '@/src/flows/CostCalculator/hooks';\nimport {\n  CostCalculatorEstimationOptions,\n  CurrencyKey,\n  UseCostCalculatorOptions,\n} from '@/src/flows/CostCalculator/types';\nimport { BASE_RATES } from '@/src/flows/CostCalculator/constants';\n\nexport type CostCalculatorFlowProps = {\n  /**\n   * Estimation params allows you to customize the parameters sent to the /cost-calculator/estimation endpoint.\n   */\n  estimationOptions?: CostCalculatorEstimationOptions;\n  /**\n   * Default values for the form fields.\n   */\n  defaultValues?: Partial<{\n    /**\n     * Default value for the country field.\n     */\n    countryRegionSlug: string;\n    /**\n     * Default value for the currency field.\n     */\n    currencySlug: string;\n    /**\n     * Default value for the salary field.\n     */\n    salary: string;\n  }>;\n  options?: UseCostCalculatorOptions;\n  render: (\n    costCalculatorBag: ReturnType<typeof useCostCalculator>,\n  ) => React.ReactNode;\n  /**\n   * Whether to include annual_gross_salary in the estimation payload\n   */\n  version?: CostCalculatorVersion;\n};\n\nconst getDefaultManagementFee = (\n  baseRates: Record<CurrencyKey, number>,\n  currency: CurrencyKey,\n  managementFees?: Partial<Record<CurrencyKey, number>>,\n) => {\n  if (managementFees && managementFees[currency]) {\n    return managementFees[currency];\n  }\n  if (baseRates[currency]) {\n    return baseRates[currency] / 100;\n  }\n  return 0;\n};\n\nexport const CostCalculatorFlow = ({\n  estimationOptions = defaultEstimationOptions,\n  defaultValues = {\n    countryRegionSlug: '',\n    currencySlug: '',\n    salary: '',\n  },\n  options,\n  render,\n  version = 'standard',\n}: CostCalculatorFlowProps) => {\n  const formId = useId();\n  const [currency, setCurrency] = useState<CurrencyKey>('USD');\n  const onCurrencyChange = (currency: string) => {\n    setCurrency(currency as CurrencyKey);\n    const managementFee = getDefaultManagementFee(\n      BASE_RATES,\n      currency as CurrencyKey,\n      estimationOptions.managementFees,\n    );\n    if (managementFee) {\n      form.setValue('management.management_fee', managementFee);\n    }\n  };\n  const costCalculatorBag = useCostCalculator({\n    defaultRegion: defaultValues.countryRegionSlug,\n    defaultCurrency: defaultValues.currencySlug,\n    defaultSalary: defaultValues.salary,\n    estimationOptions,\n    version,\n    options: {\n      ...options,\n      onCurrencyChange: onCurrencyChange,\n    },\n  });\n  const resolver = useJsonSchemasValidationFormResolver(\n    // @ts-expect-error no matching type\n    costCalculatorBag.handleValidation,\n  );\n\n  const defaultManagementFee = defaultValues.currencySlug\n    ? ''\n    : getDefaultManagementFee(\n        BASE_RATES,\n        currency,\n        estimationOptions.managementFees,\n      );\n\n  const form = useForm({\n    resolver,\n    defaultValues: {\n      country: defaultValues?.countryRegionSlug,\n      currency: defaultValues?.currencySlug,\n      region: '',\n      salary: defaultValues?.salary,\n      salary_conversion: '',\n      salary_converted: '',\n      management: {\n        management_fee: defaultManagementFee,\n      },\n    },\n    shouldUnregister: false,\n    mode: 'onBlur',\n  });\n\n  useEffect(() => {\n    if (\n      defaultValues.currencySlug &&\n      costCalculatorBag.currencies &&\n      estimationOptions.includeManagementFee\n    ) {\n      const currencyData = costCalculatorBag.currencies.find(\n        (currency) => currency.value === defaultValues.currencySlug,\n      );\n      const currencyCode = currencyData?.label;\n      if (currencyCode) {\n        setCurrency(currencyCode as CurrencyKey);\n        const defaultManagementFee = getDefaultManagementFee(\n          BASE_RATES,\n          currencyCode as CurrencyKey,\n          estimationOptions.managementFees,\n        );\n        form.setValue('management.management_fee', defaultManagementFee);\n      }\n    }\n  }, [\n    defaultValues.currencySlug,\n    costCalculatorBag.currencies,\n    estimationOptions.includeManagementFee,\n    estimationOptions.managementFees,\n    form,\n  ]);\n\n  return (\n    <CostCalculatorContext.Provider\n      value={{\n        form,\n        formId: formId,\n        costCalculatorBag,\n      }}\n    >\n      {render(costCalculatorBag)}\n    </CostCalculatorContext.Provider>\n  );\n};\n"],"mappings":"kPAAA,OAAgB,aAAAA,EAAW,SAAAC,EAAO,YAAAC,MAAgB,QA4J9C,cAAAC,MAAA,oBA5GJ,IAAMC,EAA0BC,EAAA,CAC9BC,EACAC,EACAC,IAEIA,GAAkBA,EAAeD,CAAQ,EACpCC,EAAeD,CAAQ,EAE5BD,EAAUC,CAAQ,EACbD,EAAUC,CAAQ,EAAI,IAExB,EAXuB,2BAcnBE,EAAqBJ,EAAA,CAAC,CACjC,kBAAAK,EAAoBC,EACpB,cAAAC,EAAgB,CACd,kBAAmB,GACnB,aAAc,GACd,OAAQ,EACV,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,UACZ,IAA+B,CAC7B,IAAMC,EAASC,EAAM,EACf,CAACV,EAAUW,CAAW,EAAIC,EAAsB,KAAK,EACrDC,EAAmBf,EAACE,GAAqB,CAC7CW,EAAYX,CAAuB,EACnC,IAAMc,EAAgBjB,EACpBkB,EACAf,EACAG,EAAkB,cACpB,EACIW,GACFE,EAAK,SAAS,4BAA6BF,CAAa,CAE5D,EAVyB,oBAWnBG,EAAoBC,EAAkB,CAC1C,cAAeb,EAAc,kBAC7B,gBAAiBA,EAAc,aAC/B,cAAeA,EAAc,OAC7B,kBAAAF,EACA,QAAAK,EACA,QAAS,CACP,GAAGF,EACH,iBAAkBO,CACpB,CACF,CAAC,EACKM,EAAWC,EAEfH,EAAkB,gBACpB,EAEMI,EAAuBhB,EAAc,aACvC,GACAR,EACEkB,EACAf,EACAG,EAAkB,cACpB,EAEEa,EAAOM,EAAQ,CACnB,SAAAH,EACA,cAAe,CACb,QAASd,GAAe,kBACxB,SAAUA,GAAe,aACzB,OAAQ,GACR,OAAQA,GAAe,OACvB,kBAAmB,GACnB,iBAAkB,GAClB,WAAY,CACV,eAAgBgB,CAClB,CACF,EACA,iBAAkB,GAClB,KAAM,QACR,CAAC,EAED,OAAAE,EAAU,IAAM,CACd,GACElB,EAAc,cACdY,EAAkB,YAClBd,EAAkB,qBAClB,CAIA,IAAMqB,EAHeP,EAAkB,WAAW,KAC/CjB,GAAaA,EAAS,QAAUK,EAAc,YACjD,GACmC,MACnC,GAAImB,EAAc,CAChBb,EAAYa,CAA2B,EACvC,IAAMH,EAAuBxB,EAC3BkB,EACAS,EACArB,EAAkB,cACpB,EACAa,EAAK,SAAS,4BAA6BK,CAAoB,CACjE,CACF,CACF,EAAG,CACDhB,EAAc,aACdY,EAAkB,WAClBd,EAAkB,qBAClBA,EAAkB,eAClBa,CACF,CAAC,EAGCpB,EAAC6B,EAAsB,SAAtB,CACC,MAAO,CACL,KAAAT,EACA,OAAQP,EACR,kBAAAQ,CACF,EAEC,SAAAV,EAAOU,CAAiB,EAC3B,CAEJ,EAxGkC","names":["useEffect","useId","useState","jsx","getDefaultManagementFee","__name","baseRates","currency","managementFees","CostCalculatorFlow","estimationOptions","defaultEstimationOptions","defaultValues","options","render","version","formId","useId","setCurrency","useState","onCurrencyChange","managementFee","BASE_RATES","form","costCalculatorBag","useCostCalculator","resolver","useJsonSchemasValidationFormResolver","defaultManagementFee","useForm","useEffect","currencyCode","CostCalculatorContext"]}