@remoteoss/remote-flows 0.4.0-alpha.0 → 0.4.0-alpha.10

package/dist/index.js

@@ -1,2 +1,2 @@
-import"./chunk-M22FKNEY.js";import{a as tr}from"./chunk-XQ6WWP6K.js";import"./chunk-XJMVWJZ4.js";import"./chunk-HSW5HMHH.js";import"./chunk-VX2UC3HG.js";import"./chunk-XSHHMBMT.js";import"./chunk-XFD3ULUF.js";import"./chunk-JODJFARP.js";import"./chunk-WWANHPT7.js";import"./chunk-W5DG5WWJ.js";import"./chunk-FZ2HS6G7.js";import"./chunk-YDUUQU4R.js";import"./chunk-GPICG72A.js";import"./chunk-YOC3VDC7.js";import"./chunk-RRFSGYAC.js";import"./chunk-KSGPQCSG.js";import"./chunk-2KK5HDYP.js";import"./chunk-GULCZWSK.js";import"./chunk-JWIYUQ5X.js";import"./chunk-YH5F6MGK.js";import"./chunk-DZYFSFZ7.js";import{a as or}from"./chunk-JIBRNWD2.js";import"./chunk-DPKJX4NS.js";import"./chunk-MHKNAQLP.js";import"./chunk-BL2HRBUQ.js";import"./chunk-2PXGLWCY.js";import"./chunk-6CT35VQR.js";import"./chunk-RIAYBN32.js";import"./chunk-BKBIALOU.js";import"./chunk-M7WCW7WD.js";import"./chunk-RLS4PMWA.js";import"./chunk-WS3C3WIJ.js";import"./chunk-FGBEOUQK.js";import{a as B}from"./chunk-S4FKLPBB.js";import"./chunk-GMGKIQLI.js";import"./chunk-WQHKB5T7.js";import"./chunk-KH6QS5OU.js";import"./chunk-J55S4SEH.js";import"./chunk-3FVI5JIC.js";import"./chunk-6A3F6JG6.js";import"./chunk-MESREYTZ.js";import{a as P}from"./chunk-QEMICBEY.js";import{a as R}from"./chunk-7CYG2RHP.js";import{a as F}from"./chunk-EAAIAMTY.js";import"./chunk-A7ZJQCNU.js";import{a as S}from"./chunk-DGPRFQYK.js";import{a as _}from"./chunk-DYB3RWP7.js";import{a as z}from"./chunk-M5VZBMLC.js";import"./chunk-OLJ2S6A6.js";import{b as y,c as k,e as C}from"./chunk-344TN4EG.js";import"./chunk-UPRUP24B.js";import"./chunk-36UPHOJS.js";import{a as ar}from"./chunk-4HAR3Z2C.js";import{a as H}from"./chunk-XLFHHYVS.js";import{a as er}from"./chunk-SSIHUUZY.js";import{a as J,b as rr}from"./chunk-NFEY2YL6.js";import"./chunk-JRQSZHUU.js";import"./chunk-D3XENMEM.js";import{a as g}from"./chunk-FNMWKUNJ.js";import"./chunk-S56EWAS4.js";import"./chunk-FMT2OTOL.js";import{a as Z}from"./chunk-GYSK6CY5.js";import{a as $}from"./chunk-J6LUE5K7.js";import"./chunk-BKROCZRD.js";import"./chunk-GFBF55NR.js";import"./chunk-A4RX3KRZ.js";import{a as p,c as v}from"./chunk-WRDKLT4N.js";import"./chunk-56BNVYTD.js";import"./chunk-IDSJI7KQ.js";import"./chunk-XVOJ4RMC.js";import"./chunk-6HGUGIYJ.js";import{c as T}from"./chunk-5ETXP2QF.js";import{a}from"./chunk-AYDF3IFZ.js";import{QueryClient as L,QueryClientProvider as q}from"@tanstack/react-query";import n from"react";function l(r){let e=document.documentElement;Object.keys(r).forEach(t=>{let o=r[t];o&&e.style.setProperty(t,o)})}a(l,"setCssProperties");function E(r){let e={};return Object.keys(r).forEach(t=>{e[`--${t}`]=r[t]}),e}a(E,"mapThemeColors");function j(r){return{"--spacing":r}}a(j,"mapThemeSpacing");function M(r){return{"--radius":r}}a(M,"mapThemeBorderRadius");function I(r){return{"--fontSizeBase":r.fontSizeBase}}a(I,"mapThemeFont");function u(r){r?.colors&&l(E(r.colors)),r?.spacing&&l(j(r.spacing)),r?.borderRadius&&l(M(r.borderRadius)),r?.font&&l(I(r.font))}a(u,"applyTheme");import A,{createContext as N,useEffect as O,useMemo as U}from"react";var D=N({theme:{}});function h(r){O(()=>{r.theme&&Object.keys(r.theme).length>0&&u(r.theme)},[r.theme]);let e=U(()=>({theme:r.theme}),[r.theme]);return A.createElement(D.Provider,{value:e},r.children)}a(h,"ThemeProvider");var m={staging:"https://gateway.niceremote.com",partners:"https://gateway.partners.remote-sandbox.com",production:"https://gateway.remote.com"};import{createClient as K}from"@hey-api/client-fetch";import{useQuery as V}from"@tanstack/react-query";import{useRef as f}from"react";function W(r){try{return new URL(r),!0}catch{return!1}}a(W,"isValidUrl");var w=a(({auth:r,options:e})=>{let t=f(null),{refetch:o}=V({queryKey:["auth"],queryFn:r,enabled:!1}),s=e.isTestingMode?m.partners:"https://gateway.remote.com",c=g.getConfig(),b="0.4.0-alpha.0",d=!!e.proxy&&W(e.proxy.url);return e.proxy&&!d&&console.error("Invalid proxy URL provided. Using default base URL."),f(K({...c,headers:{...c.headers,...d?e.proxy?.headers:{},"X-Client-Name":"remote-flows-sdk","X-Client-Version":b},baseUrl:d?e.proxy?.url:s,auth:a(async()=>{function x(i){return!i||Date.now()+6e4>i}if(a(x,"hasTokenExpired"),!t.current||x(t.current.expiresAt)){let{data:i}=await o();i&&(t.current={accessToken:i.accessToken,expiresAt:Date.now()+i.expiresIn*1e3})}return t.current?.accessToken},"auth")}))},"useAuth");var Q=new L;function X({children:r,auth:e,isTestingMode:t,proxy:o}){let s=w({auth:e,options:{isTestingMode:!!t,proxy:o}});return n.createElement(v.Provider,{value:{client:s.current}},r)}a(X,"RemoteFlowContextWrapper");function Y({children:r,components:e}){return n.createElement(p.Provider,{value:e?{components:e}:{components:{}}},r)}a(Y,"FormFieldsProvider");function G({auth:r,children:e,components:t,isTestingMode:o=!1,theme:s,proxy:c}){return n.createElement(q,{client:Q},n.createElement(Y,{components:t},n.createElement(X,{isTestingMode:o,auth:r,proxy:c},n.createElement(h,{theme:s},e))))}a(G,"RemoteFlows");export{Z as ContractAmendmentConfirmationForm,ar as ContractAmendmentFlow,$ as ContractAmendmentForm,H as ContractAmendmentSubmit,S as CostCalculatorDisclaimer,z as CostCalculatorFlow,P as CostCalculatorForm,R as CostCalculatorResetButton,B as CostCalculatorResults,F as CostCalculatorSubmitButton,or as OnboardingFlow,G as RemoteFlows,tr as TerminationFlow,y as buildCostCalculatorEstimationPayload,_ as disclaimerData,T as transformYupErrorsIntoObject,er as useContractAmendment,C as useCostCalculator,k as useCostCalculatorEstimationPdf,J as useEmploymentQuery,rr as useTimeOffQuery};
+import"./chunk-M22FKNEY.js";import{a as tr}from"./chunk-YXVLPPO2.js";import"./chunk-55SA3TEF.js";import"./chunk-WEIRXEXU.js";import"./chunk-DP4SIYAC.js";import"./chunk-XFD3ULUF.js";import"./chunk-WWANHPT7.js";import"./chunk-2Y22JKVE.js";import"./chunk-JODJFARP.js";import"./chunk-W5DG5WWJ.js";import"./chunk-VX2UC3HG.js";import"./chunk-XSHHMBMT.js";import"./chunk-S4XU4SE7.js";import"./chunk-V2NCE4LO.js";import"./chunk-OKAOH4ER.js";import"./chunk-7KUKFRKC.js";import"./chunk-UEKXODGJ.js";import"./chunk-B4SVITZI.js";import"./chunk-T5NPHXFC.js";import"./chunk-DZYFSFZ7.js";import"./chunk-GULCZWSK.js";import{a as or}from"./chunk-PMLMQNSO.js";import"./chunk-4A6ZQNMB.js";import"./chunk-JJPI2YDM.js";import"./chunk-6I6RMJXC.js";import"./chunk-RYEOLQIL.js";import"./chunk-TZFGLE7X.js";import"./chunk-LJRUD43L.js";import"./chunk-VI7WS34A.js";import"./chunk-WVJDCDGZ.js";import"./chunk-SIJ5SUY6.js";import"./chunk-HJBXUPHM.js";import"./chunk-MGUDZTTV.js";import"./chunk-SJPBIRXM.js";import"./chunk-PJMKZ3HR.js";import"./chunk-O562EWKG.js";import"./chunk-FGBEOUQK.js";import{a as E}from"./chunk-HBH2PSYQ.js";import"./chunk-P5VTRXW3.js";import"./chunk-4YNOSVYQ.js";import"./chunk-QHN4PPHD.js";import"./chunk-HSY5OO7D.js";import"./chunk-PH5CQN7X.js";import"./chunk-OIXUBXFU.js";import"./chunk-IAHI4OUM.js";import{a as R}from"./chunk-LTDDSH45.js";import{a as z}from"./chunk-IKQ25VV5.js";import{a as F}from"./chunk-FB4QOGWE.js";import"./chunk-A7ZJQCNU.js";import{a as B}from"./chunk-U4M5QBBG.js";import{a as _}from"./chunk-DYB3RWP7.js";import{a as T}from"./chunk-DBIPVIBO.js";import"./chunk-YG5FFTC4.js";import{b as y,c as k,e as C}from"./chunk-WU77JQYU.js";import"./chunk-UPRUP24B.js";import"./chunk-G7BISHWK.js";import{a as er}from"./chunk-W5DS5Q4J.js";import{a as H}from"./chunk-NF5IMQEW.js";import{a as ar}from"./chunk-YSIEXMDD.js";import{a as J,b as rr}from"./chunk-3PH5E6CZ.js";import"./chunk-JRQSZHUU.js";import"./chunk-O3QLBSMV.js";import{a as p}from"./chunk-GMU3QGAR.js";import"./chunk-INAXCFVC.js";import"./chunk-GFWQG4ZT.js";import{a as G}from"./chunk-6T3A6GWH.js";import{a as Z}from"./chunk-L5OIK2ZJ.js";import"./chunk-EGDD73PU.js";import"./chunk-NEFNFYRS.js";import"./chunk-A4RX3KRZ.js";import"./chunk-EMVYCKDC.js";import{a as g,c as v}from"./chunk-WRDKLT4N.js";import"./chunk-ONZPO4GN.js";import"./chunk-TPRGCMIZ.js";import"./chunk-6HGUGIYJ.js";import{c as P}from"./chunk-5ETXP2QF.js";import{a as e}from"./chunk-AYDF3IFZ.js";import{QueryClient as L,QueryClientProvider as q}from"@tanstack/react-query";function l(r){let a=document.documentElement;Object.keys(r).forEach(t=>{let o=r[t];o&&a.style.setProperty(t,o)})}e(l,"setCssProperties");function S(r){let a={};return Object.keys(r).forEach(t=>{a[`--${t}`]=r[t]}),a}e(S,"mapThemeColors");function j(r){return{"--spacing":r}}e(j,"mapThemeSpacing");function M(r){return{"--radius":r}}e(M,"mapThemeBorderRadius");function O(r){return{"--fontSizeBase":r.fontSizeBase}}e(O,"mapThemeFont");function h(r){r?.colors&&l(S(r.colors)),r?.spacing&&l(j(r.spacing)),r?.borderRadius&&l(M(r.borderRadius)),r?.font&&l(O(r.font))}e(h,"applyTheme");import{createContext as A,useEffect as D,useMemo as I}from"react";import{jsx as K}from"react/jsx-runtime";var N=A({theme:{}});function u(r){D(()=>{r.theme&&Object.keys(r.theme).length>0&&h(r.theme)},[r.theme]);let a=I(()=>({theme:r.theme}),[r.theme]);return K(N.Provider,{value:a,children:r.children})}e(u,"ThemeProvider");var w={staging:"https://gateway.niceremote.com",partners:"https://gateway.partners.remote-sandbox.com",production:"https://gateway.remote.com"};import{createClient as U}from"@hey-api/client-fetch";import{useQuery as V}from"@tanstack/react-query";import{useRef as m}from"react";function W(r){try{return new URL(r),!0}catch{return!1}}e(W,"isValidUrl");var f=e(({auth:r,options:a})=>{let t=m(null),{refetch:o}=V({queryKey:["auth"],queryFn:r,enabled:!1}),c=a.isTestingMode?w.partners:"https://gateway.remote.com",s=p.getConfig(),x="0.4.0-alpha.10",d=!!a.proxy&&W(a.proxy.url);return a.proxy&&!d&&console.error("Invalid proxy URL provided. Using default base URL."),m(U({...s,headers:{...s.headers,...d?a.proxy?.headers:{},"X-Client-Name":"remote-flows-sdk","X-Client-Version":x},baseUrl:d?a.proxy?.url:c,auth:e(async()=>{function b(i){return!i||Date.now()+6e4>i}if(e(b,"hasTokenExpired"),!t.current||b(t.current.expiresAt)){let{data:i}=await o();i&&(t.current={accessToken:i.accessToken,expiresAt:Date.now()+i.expiresIn*1e3})}return t.current?.accessToken},"auth")}))},"useAuth");import{jsx as n}from"react/jsx-runtime";var Q=new L;function X({children:r,auth:a,isTestingMode:t,proxy:o}){let c=f({auth:a,options:{isTestingMode:!!t,proxy:o}});return n(v.Provider,{value:{client:c.current},children:r})}e(X,"RemoteFlowContextWrapper");function Y({children:r,components:a}){return n(g.Provider,{value:a?{components:a}:{components:{}},children:r})}e(Y,"FormFieldsProvider");function $({auth:r,children:a,components:t,isTestingMode:o=!1,theme:c,proxy:s}){return n(q,{client:Q,children:n(Y,{components:t,children:n(X,{isTestingMode:o,auth:r,proxy:s,children:n(u,{theme:c,children:a})})})})}e($,"RemoteFlows");export{G as ContractAmendmentConfirmationForm,er as ContractAmendmentFlow,Z as ContractAmendmentForm,H as ContractAmendmentSubmit,B as CostCalculatorDisclaimer,T as CostCalculatorFlow,R as CostCalculatorForm,z as CostCalculatorResetButton,E as CostCalculatorResults,F as CostCalculatorSubmitButton,or as OnboardingFlow,$ as RemoteFlows,tr as TerminationFlow,y as buildCostCalculatorEstimationPayload,_ as disclaimerData,P as transformYupErrorsIntoObject,ar as useContractAmendment,C as useCostCalculator,k as useCostCalculatorEstimationPdf,J as useEmploymentQuery,rr as useTimeOffQuery};
 //# 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  isTestingMode?: RemoteFlowsSDKProps['isTestingMode'];\n  proxy?: RemoteFlowsSDKProps['proxy'];\n};\n\nfunction RemoteFlowContextWrapper({\n  children,\n  auth,\n  isTestingMode,\n  proxy,\n}: RemoteFlowContextWrapperProps) {\n  const remoteApiClient = useAuth({\n    auth,\n    options: {\n      isTestingMode: !!isTestingMode,\n      proxy,\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  children,\n  components,\n  isTestingMode = false,\n  theme,\n  proxy,\n}: PropsWithChildren<RemoteFlowsSDKProps>) {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FormFieldsProvider components={components}>\n        <RemoteFlowContextWrapper\n          isTestingMode={isTestingMode}\n          auth={auth}\n          proxy={proxy}\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 React, { 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  staging: 'https://gateway.niceremote.com',\n  partners: 'https://gateway.partners.remote-sandbox.com',\n  production: 'https://gateway.remote.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';\n\ntype AuthResponse = {\n  accessToken: string;\n  expiresIn: number;\n};\n\ntype Options = {\n  isTestingMode: boolean;\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}: {\n  auth: () => Promise<AuthResponse>;\n  options: Options;\n}) => {\n  const session = useRef<{ accessToken: string; expiresAt: number } | null>(\n    null,\n  );\n  const { refetch } = useQuery({\n    queryKey: ['auth'],\n    queryFn: auth,\n    enabled: false,\n  });\n\n  const baseUrl = options.isTestingMode\n    ? ENVIRONMENTS.partners\n    : process.env.REMOTE_GATEWAY_URL;\n\n  const clientConfig = client.getConfig();\n  const npmPackageVersion = process.env.VERSION;\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","React","setCssProperties","variables","root","v","propertyVal","__name","mapThemeColors","colors","result","key","mapThemeSpacing","spacing","mapThemeBorderRadius","borderRadius","mapThemeFont","font","applyTheme","theme","React","createContext","useEffect","useMemo","ThemeContext","createContext","ThemeProvider","props","useEffect","applyTheme","value","useMemo","React","__name","ENVIRONMENTS","createClient","useQuery","useRef","isValidUrl","url","__name","useAuth","auth","options","session","useRef","refetch","useQuery","baseUrl","ENVIRONMENTS","clientConfig","client","npmPackageVersion","isValidProxy","createClient","hasTokenExpired","expiresAt","data","queryClient","QueryClient","RemoteFlowContextWrapper","children","auth","isTestingMode","proxy","remoteApiClient","useAuth","React","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  isTestingMode?: RemoteFlowsSDKProps['isTestingMode'];\n  proxy?: RemoteFlowsSDKProps['proxy'];\n};\n\nfunction RemoteFlowContextWrapper({\n  children,\n  auth,\n  isTestingMode,\n  proxy,\n}: RemoteFlowContextWrapperProps) {\n  const remoteApiClient = useAuth({\n    auth,\n    options: {\n      isTestingMode: !!isTestingMode,\n      proxy,\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  children,\n  components,\n  isTestingMode = false,\n  theme,\n  proxy,\n}: PropsWithChildren<RemoteFlowsSDKProps>) {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FormFieldsProvider components={components}>\n        <RemoteFlowContextWrapper\n          isTestingMode={isTestingMode}\n          auth={auth}\n          proxy={proxy}\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  staging: 'https://gateway.niceremote.com',\n  partners: 'https://gateway.partners.remote-sandbox.com',\n  production: 'https://gateway.remote.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';\n\ntype AuthResponse = {\n  accessToken: string;\n  expiresIn: number;\n};\n\ntype Options = {\n  isTestingMode: boolean;\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}: {\n  auth: () => Promise<AuthResponse>;\n  options: Options;\n}) => {\n  const session = useRef<{ accessToken: string; expiresAt: number } | null>(\n    null,\n  );\n  const { refetch } = useQuery({\n    queryKey: ['auth'],\n    queryFn: auth,\n    enabled: false,\n  });\n\n  const baseUrl = options.isTestingMode\n    ? ENVIRONMENTS.partners\n    : process.env.REMOTE_GATEWAY_URL;\n\n  const clientConfig = client.getConfig();\n  const npmPackageVersion = process.env.VERSION;\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","session","useRef","refetch","useQuery","baseUrl","ENVIRONMENTS","clientConfig","client","npmPackageVersion","isValidProxy","createClient","hasTokenExpired","expiresAt","data","jsx","queryClient","QueryClient","RemoteFlowContextWrapper","children","auth","isTestingMode","proxy","remoteApiClient","useAuth","RemoteFlowContext","__name","FormFieldsProvider","components","FormFieldsContext","RemoteFlows","theme","QueryClientProvider","ThemeProvider"]}

package/dist/{remoteFlows-CswYencu.d.ts → remoteFlows-D0i6pVe5.d.ts}

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { ControllerRenderProps, FieldValues, ControllerFieldState } from 'react-hook-form';
 import { AnySchema } from 'yup';
+import { S as SupportedTypes } from './types-CxSFjQw5.js';
 
 type ThemeProviderProps = PropsWithChildren<{
     theme?: Partial<{
@@ -24,8 +25,6 @@ type ThemeFont = {
     fontSizeBase: string;
 };
 
-type SupportedTypes = 'text' | 'number' | 'email' | 'select' | 'radio' | 'fieldset' | 'date' | 'checkbox' | 'textarea' | 'money' | 'file' | 'countries';
-
 type StatementProps = {
     title?: string;
     description: string;
@@ -59,30 +58,54 @@ type JSFField = {
     maxLength?: number;
     multiple?: boolean;
 };
+/**
+ * Props for custom field components.
+ * All custom field components receive these three props from React Hook Form's Controller.
+ */
+type FieldComponentProps = {
+    /**
+     * Field prop from React Hook Form's Controller component.
+     * Contains field state and methods for registration.
+     * You must bind these props to your HTML elements to ensure proper form state management.
+     * @see https://react-hook-form.com/docs/usecontroller/controller
+     */
+    field: ControllerRenderProps<FieldValues, string>;
+    /**
+     * Field state prop from React Hook Form's Controller component.
+     * Contains information about the field's state, such as errors, touched status, etc.
+     * @see https://react-hook-form.com/docs/usecontroller/controller
+     */
+    fieldState: ControllerFieldState;
+    /**
+     * Metadata derived from JSON schema parsing that provides additional context and validation rules for the field.
+     * Contains properties defined in the original JSON schema such as type, format, constraints, etc.
+     */
+    fieldData: Partial<JSFField>;
+};
+/**
+ * Props for custom button components.
+ */
+type ButtonComponentProps = {
+    /**
+     * The form ID that the button should be associated with.
+     */
+    form?: string;
+    /**
+     * The children content of the button.
+     */
+    children?: React.ReactNode;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & Record<string, unknown>;
+/**
+ * Props for custom statement components.
+ */
+type StatementComponentProps = {
+    data: StatementProps;
+};
 type Components = {
-    [K in SupportedTypes]?: React.ComponentType<{
-        /**
-         * Field prop from React Hook Form's Controller component.
-         * Contains field state and methods for registration.
-         * @see https://react-hook-form.com/docs/usecontroller/controller
-         */
-        field: ControllerRenderProps<FieldValues, string>;
-        /**
-         * Field state prop from React Hook Form's Controller component.
-         * Contains information about the field's state, such as errors, touched status, etc.
-         * @see https://react-hook-form.com/docs/usecontroller/controller
-         */
-        fieldState: ControllerFieldState;
-        /**
-         * Metadata derived from JSON schema parsing that provides additional context and validation rules for the field.
-         * Contains properties defined in the original JSON schema such as type, format, constraints, etc.
-         */
-        fieldData: JSFField;
-    }>;
+    [K in SupportedTypes]?: React.ComponentType<FieldComponentProps>;
 } & {
-    statement?: React.ComponentType<{
-        data: StatementProps;
-    }>;
+    statement?: React.ComponentType<StatementComponentProps>;
+    button?: React.ComponentType<ButtonComponentProps>;
 };
 type RemoteFlowsSDKProps = Omit<ThemeProviderProps, 'children'> & {
     /**
@@ -112,5 +135,6 @@ type RemoteFlowsSDKProps = Omit<ThemeProviderProps, 'children'> & {
         };
     };
 };
+type $TSFixMe = any;
 
-export type { Components as C, RemoteFlowsSDKProps as R };
+export type { $TSFixMe as $, ButtonComponentProps as B, Components as C, FieldComponentProps as F, RemoteFlowsSDKProps as R, StatementComponentProps as S };

package/dist/types-CxSFjQw5.d.ts

@@ -0,0 +1,3 @@
+type SupportedTypes = 'text' | 'number' | 'email' | 'select' | 'radio' | 'fieldset' | 'date' | 'checkbox' | 'textarea' | 'money' | 'file' | 'countries' | 'hidden' | 'work-schedule';
+
+export type { SupportedTypes as S };

package/dist/{types.gen-HC04kr7n.d.ts → types.gen-Ctv2nomK.d.ts}

@@ -30,6 +30,14 @@ type TerminationOffboarding = {
     will_challenge_termination: boolean;
     will_challenge_termination_description?: string;
 };
+/**
+ * Upsert benefit offers request. As its properties may vary depending on the employment,
+ * you must query the [Show benefit offers schema](#tag/benefits/operation/get_show_benefit_offer) endpoint
+ * passing the employment id
+ */
+type UnifiedEmploymentUpsertBenefitOffersRequest = {
+    [key: string]: unknown;
+};
 type MinimalCountry = {
     alpha_2_code: string;
     code: string;
@@ -297,6 +305,113 @@ type ShortId = string;
  *
  */
 type NullableApproverId = string | null;
+/**
+ * Description of the basic required and onboarding tasks params to create an employment.
+ * You do not need to include all onboarding tasks when creating or updating an employment.
+ *
+ */
+type EmploymentFullParams = {
+    /**
+     * Home address information. As its properties may vary depending on the country,
+     * you must query the [Show form schema](#tag/Countries/operation/get_show_form_country) endpoint
+     * passing the country code and `address_details` as path parameters.
+     */
+    address_details?: {
+        [key: string]: unknown;
+    };
+    /**
+     * Administrative information. As its properties may vary depending on the country,
+     * you must query the [Show form schema](#tag/Countries/operation/get_show_form_country) endpoint
+     * passing the country code and `administrative_details` as path parameters.
+     */
+    administrative_details?: {
+        [key: string]: unknown;
+    };
+    /**
+     * Bank account information. As its properties may vary depending on the country,
+     * you must query the [Show form schema](#tag/Countries/operation/get_show_form_country) endpoint
+     * passing the country code and `bank_account_details` as path parameters.
+     */
+    bank_account_details?: {
+        [key: string]: unknown;
+    };
+    /**
+     * Employment basic information. As its properties may vary depending on the country,
+     * you must query the [Show form schema](#tag/Countries/operation/get_show_form_country) endpoint
+     * passing the country code and `employment_basic_information` as path parameters.
+     */
+    basic_information?: {
+        [key: string]: unknown;
+    };
+    /**
+     * Billing address information. As its properties may vary depending on the country,
+     * you must query the [Show form schema](#tag/Countries/operation/get_show_form_country) endpoint
+     * passing the country code and `billing_address_details` as path parameters.
+     */
+    billing_address_details?: {
+        [key: string]: unknown;
+    };
+    company_id?: string;
+    /**
+     * Contract information. As its properties may vary depending on the country,
+     * you must query the [Show form schema](#tag/Countries/operation/get_show_form_country) endpoint
+     * passing the country code and `contract_details` as path parameters.
+     */
+    contract_details?: {
+        [key: string]: unknown;
+    };
+    country?: Country;
+    country_code?: string;
+    /**
+     * The department of the employment. The department must belong to the same company as the employment.
+     * When set to `null`, the employment will be unassigned from a department.
+     *
+     */
+    department_id?: string | null;
+    /**
+     * Emergency contact information. As its properties may vary depending on the country,
+     * you must query the [Show form schema](#tag/Countries/operation/get_show_form_country) endpoint
+     * passing the country code and `emergency_contact_details` as path parameters.
+     */
+    emergency_contact_details?: {
+        [key: string]: unknown;
+    };
+    /**
+     * A unique reference code for the employment record in a non-Remote system. This optional field links to external data sources. If not provided, it defaults to `null`. While uniqueness is recommended, it is not strictly enforced within Remote's system.
+     */
+    external_id?: string;
+    /**
+     * The user id of the manager, who should have an `admin`, `owner` or `people_manager` role.
+     * You can find these users by querying the [Company Managers endpoint](#operation/get_index_company_manager).
+     * **Update of this field is only available for active employments.**
+     *
+     */
+    manager_id?: string;
+    /**
+     * Personal details information. As its properties may vary depending on the country,
+     * you must query the [Show form schema](#tag/Countries/operation/get_show_form_country) endpoint
+     * passing the country code and `personal_details` as path parameters.
+     */
+    personal_details?: {
+        [key: string]: unknown;
+    };
+    /**
+     * Pricing plan details information. As its properties may vary depending on the country,
+     * you must query the [Show form schema](#tag/Countries/operation/get_show_form_country) endpoint
+     * passing the country code and `pricing_plan_details` as path parameters.
+     */
+    pricing_plan_details?: {
+        [key: string]: unknown;
+    };
+    /**
+     * If not provided, it will default to `employee`.
+     */
+    type?: 'employee' | 'contractor';
+    /**
+     * The work email of the employment.
+     */
+    work_email?: string;
+};
 type OffboardingFile = {
     /**
      * The content in base64 encoding
@@ -485,6 +600,11 @@ type ListTimeoffResponse = {
         total_pages?: number;
     };
 };
+type MagicLinkResponse = {
+    data: {
+        url: string;
+    };
+};
 /**
  * The stage of employment lifecycle. When it's `onboarded` means the employee is ready to commence or has already commenced.
  */
@@ -540,11 +660,142 @@ type SuccessResponse = {
         status?: string;
     };
 };
+/**
+ * Magic link params
+ */
+type MagicLinkParams = {
+    /**
+     * The path to which the user will be redirected to after login. This field has a max length of 2000 characters.
+     *
+     * If not specified, `/dashboard` will be used by default.
+     *
+     * Must begin with a forward slash (`/`) and, at least one path segment is required  (`/dashboard` e.g.).
+     * An ending forward slash (`/`) is not allowed and path segments can only include alphanumeric characters, underscore (`_`) and hyphen (`-`).
+     *
+     * An optional query string can be specified too. If present, the query string must start with a question mark (`?`)
+     * and must include at least one key value pair. Both, keys and values, can only include
+     * alphanumeric characters, underscore (`_`), hyphen (`-`) or percent encoded values such as `%20` (space character).
+     * Additional key value pairs are allowed using ampersand (`&`).
+     *
+     * Query keys require at least one alphanumeric, underscore (`_`), hyphen (`-`) or valid percent encoded.
+     * Query values are optional, the actual value may be empty and the equals sign (`=`) may be missing too.
+     *
+     * Some **Valid** examples for `path`:
+     * - o `/dashboard`
+     * - o `/dashboard/people/new/full_time/663e0b79-c893-45ff-a1b2-f6dcabc098b5`
+     * - o `/dashboard/people/hiring?filters%5B0%5D%5Bid%5D=exclude_linked_drafts&filters%5B0%5D%5Bvalue%5D=true`
+     * - o `/dashboard?key=value&foo=bar`
+     *
+     * Some **Invalid** examples for `path`:
+     * - x `missing_forward_slash`
+     * - x `/invalid//path`
+     * - x `//some`
+     * - x `/?key=value`
+     * - x `/some/i.n:valid*`
+     * - x `/invalid/end/slash/`
+     * - x `/some?malformed_percent_encoded_key%1=value`
+     *
+     */
+    path?: string;
+    user_id: UuidSlug;
+} | {
+    employment_id: UuidSlug;
+    /**
+     * The path to which the user will be redirected to after login. This field has a max length of 2000 characters.
+     *
+     * If not specified, `/dashboard` will be used by default.
+     *
+     * Must begin with a forward slash (`/`) and, at least one path segment is required  (`/dashboard` e.g.).
+     * An ending forward slash (`/`) is not allowed and path segments can only include alphanumeric characters, underscore (`_`) and hyphen (`-`).
+     *
+     * An optional query string can be specified too. If present, the query string must start with a question mark (`?`)
+     * and must include at least one key value pair. Both, keys and values, can only include
+     * alphanumeric characters, underscore (`_`), hyphen (`-`) or percent encoded values such as `%20` (space character).
+     * Additional key value pairs are allowed using ampersand (`&`).
+     *
+     * Query keys require at least one alphanumeric, underscore (`_`), hyphen (`-`) or valid percent encoded.
+     * Query values are optional, the actual value may be empty and the equals sign (`=`) may be missing too.
+     *
+     * Some **Valid** examples for `path`:
+     * - o `/dashboard`
+     * - o `/dashboard/people/new/full_time/663e0b79-c893-45ff-a1b2-f6dcabc098b5`
+     * - o `/dashboard/people/hiring?filters%5B0%5D%5Bid%5D=exclude_linked_drafts&filters%5B0%5D%5Bvalue%5D=true`
+     * - o `/dashboard?key=value&foo=bar`
+     *
+     * Some **Invalid** examples for `path`:
+     * - x `missing_forward_slash`
+     * - x `/invalid//path`
+     * - x `//some`
+     * - x `/?key=value`
+     * - x `/some/i.n:valid*`
+     * - x `/invalid/end/slash/`
+     * - x `/some?malformed_percent_encoded_key%1=value`
+     *
+     */
+    path?: string;
+};
 type LeavePolicy = {
     leave_policy_variant_slug: string;
     leave_type: TimeoffType;
     name: string;
 };
+type Company = {
+    /**
+     * Fields can vary depending on the country. Please, check the required fields structure using the [Show form schema endpoint](#operation/get_show_form_country).
+     * Use the desired country and `address_details` as the form name for the placeholders.
+     * The response complies with the [JSON Schema](https://remote.com/resources/api/how-json-schemas-work) specification.
+     *
+     */
+    address_details: {
+        [key: string]: unknown;
+    };
+    /**
+     * Fields can vary depending on the country. Please, check the required fields structure using the [Show form schema endpoint](#operation/get_show_form_country).
+     * Use the desired country and `bank_account_details` as the form name for the placeholders.
+     * The response complies with the [JSON Schema](https://remote.com/resources/api/how-json-schemas-work) specification.
+     *
+     */
+    bank_account_details?: {
+        [key: string]: unknown;
+    };
+    company_owner_email: string;
+    company_owner_name?: string;
+    company_owner_user_id: string;
+    country_code: string;
+    created_at: string;
+    /**
+     * The credit risk status of the company default legal entity.
+     * - `not_started`: The credit risk assessment has not started yet.
+     * - `ready`: The credit risk assessment is ready to be started.
+     * - `in_progress`: The automated credit risk assessment is in progress.
+     * - `referred`: The credit risk assessment has been referred to a human reviewer.
+     * - `fail`: The credit risk assessment has failed and the company will be archived.
+     * - `deposit_required`: The company default legal entity requires a deposit before onboarding new employees.
+     * - `no_deposit_required`: The company default legal entity does not require a deposit before onboarding new employees.
+     *
+     */
+    default_legal_entity_credit_risk_status: 'not_started' | 'ready' | 'in_progress' | 'referred' | 'fail' | 'deposit_required' | 'no_deposit_required';
+    desired_currency: string;
+    external_id?: string | null;
+    id: string;
+    name: string;
+    phone_number?: string;
+    registration_number?: string | null;
+    /**
+     * The company status determines what a company is allowed to do:
+     * - `pending`: The company has been created and the company owner invited. Remote is waiting for the company owner to complete onboarding.
+     * - `review`: The company is under review. In rare occasions, a company may not automatically get created in `active` status because Remote needs to
+     * manually review the company that was created. The company will become `active` once the review is completed and no further action is necessary
+     * through the Remote API.
+     * - `active`: The company owner has completed onboarding and the company is ready to employ.
+     * - `archived`: The company is no longer active on the Remote platform and no changes can be made to the company.
+     *
+     */
+    status: 'pending' | 'review' | 'active' | 'archived';
+    tax_number?: string | null;
+    terms_of_service_accepted_at: string;
+    updated_at: string;
+};
 type TooManyRequestsResponse = {
     message?: string;
 };
@@ -689,7 +940,7 @@ type ParameterError = {
     param: string;
 };
 type GenericFile = Blob | File;
-type TimeoffType = 'paid_time_off' | 'sick_leave' | 'public_holiday' | 'unpaid_leave' | 'extended_leave' | 'in_lieu_time' | 'maternity_leave' | 'paternity_leave' | 'parental_leave' | 'bereavement' | 'military_leave' | 'other';
+type TimeoffType = 'time_off' | 'sick_leave' | 'public_holiday' | 'unpaid_leave' | 'extended_leave' | 'in_lieu_time' | 'maternity_leave' | 'paternity_leave' | 'parental_leave' | 'bereavement' | 'military_leave' | 'other' | 'paid_time_off' | 'custom_company_leave' | 'rtt' | 'casual_leave' | 'rol' | 'ex_festivita';
 /**
  * The details of the salary decrease request if there is one
  */
@@ -867,6 +1118,21 @@ type PostCreateEstimationPdfErrors = {
     422: UnprocessableEntityResponse;
 };
 type PostCreateEstimationPdfError = PostCreateEstimationPdfErrors[keyof PostCreateEstimationPdfErrors];
+type PostCreateRiskReserveErrors = {
+    /**
+     * Unauthorized
+     */
+    401: UnauthorizedResponse;
+    /**
+     * Not Found
+     */
+    404: NotFoundResponse;
+    /**
+     * Unprocessable Entity
+     */
+    422: UnprocessableEntityResponse;
+};
+type PostCreateRiskReserveError = PostCreateRiskReserveErrors[keyof PostCreateRiskReserveErrors];
 type PostCreateContractAmendmentErrors = {
     /**
      * Unauthorized
@@ -944,4 +1210,4 @@ type PostInviteEmploymentInvitationErrors = {
 };
 type PostInviteEmploymentInvitationError = PostInviteEmploymentInvitationErrors[keyof PostInviteEmploymentInvitationErrors];
 
-export type { ContractAmendmentAutomatableResponse as C, EmploymentShowResponse as E, ListTimeoffResponse as L, OffboardingResponse as O, PostAutomatableContractAmendmentError as P, SuccessResponse as S, TerminationDetailsParams as T, ContractAmendmentResponse as a, PostCreateContractAmendmentError as b, CostCalculatorEstimateResponse as c, PostCreateEstimationError as d, CostCalculatorEstimatePdfResponse as e, PostCreateEstimationPdfError as f, CostCalculatorEstimateParams as g, EmploymentTermType as h, PostCreateOffboardingError as i, EmploymentCreationResponse as j, PostCreateEmployment2Error as k, EmploymentResponse as l, PatchUpdateEmployment2Error as m, PutUpdateBenefitOfferError as n, PostInviteEmploymentInvitationError as o, EmploymentCreateParams as p, TimeoffStatus as q };
+export type { ContractAmendmentAutomatableResponse as C, EmploymentShowResponse as E, ListTimeoffResponse as L, MagicLinkResponse as M, OffboardingResponse as O, PostAutomatableContractAmendmentError as P, SuccessResponse as S, TerminationDetailsParams as T, UnifiedEmploymentUpsertBenefitOffersRequest as U, ContractAmendmentResponse as a, PostCreateContractAmendmentError as b, CostCalculatorEstimateResponse as c, PostCreateEstimationError as d, CostCalculatorEstimatePdfResponse as e, PostCreateEstimationPdfError as f, CostCalculatorEstimateParams as g, EmploymentCreateParams as h, Employment as i, EmploymentTermType as j, PostCreateOffboardingError as k, EmploymentCreationResponse as l, PostCreateEmployment2Error as m, EmploymentResponse as n, PatchUpdateEmployment2Error as o, PutUpdateBenefitOfferError as p, Company as q, PostInviteEmploymentInvitationError as r, PostCreateRiskReserveError as s, EmploymentFullParams as t, UnprocessableEntityResponse as u, MagicLinkParams as v, TimeoffStatus as w, CostCalculatorEmployment as x, Currency as y };

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@remoteoss/remote-flows",
-  "version": "0.4.0-alpha.0",
+  "version": "0.4.0-alpha.10",
   "scripts": {
     "build": "NODE_ENV=production tsup",
     "ci": "npm run build && npm run check-format && npm run check-exports && npm run lint && npm run test",
     "check-exports": "attw --pack . --ignore-rules=cjs-resolves-to-esm --exclude-entrypoints index.css",
     "check-format": "prettier --check .",
     "dev": "NODE_ENV=development tsup --watch",
+    "build:reset": "postcss src/styles/reset.css -o ./example/src/css/reset.css",
     "lint": "eslint .",
     "format": "prettier --write .",
     "openapi-ts": "openapi-ts",
@@ -16,7 +17,8 @@
     "changeset:version": "changeset version",
     "prepare": "npm run build",
     "prerelease": "npm run ci",
-    "release": "changeset publish"
+    "release": "changeset publish",
+    "type-check": "tsc --noEmit"
   },
   "type": "module",
   "main": "dist/index.js",
@@ -72,7 +74,13 @@
     "cmdk": "^1.1.1",
     "date-fns": "^3.6.0",
     "dompurify": "^3.2.5",
-    "lodash": "^4.17.21",
+    "lodash.capitalize": "^4.2.1",
+    "lodash.get": "^4.4.2",
+    "lodash.groupby": "^4.6.0",
+    "lodash.isnull": "^3.0.0",
+    "lodash.mergewith": "^4.6.2",
+    "lodash.omit": "^4.5.0",
+    "lodash.omitby": "^4.6.0",
     "lucide-react": "0.477.0",
     "postcss": "^8.5.3",
     "react-day-picker": "^8.10.1",
@@ -94,6 +102,13 @@
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/jsdom": "^21.1.7",
+    "@types/lodash.capitalize": "^4.2.9",
+    "@types/lodash.get": "^4.4.9",
+    "@types/lodash.groupby": "^4.6.9",
+    "@types/lodash.isnull": "^3.0.9",
+    "@types/lodash.mergewith": "^4.6.9",
+    "@types/lodash.omit": "^4.5.9",
+    "@types/lodash.omitby": "^4.6.9",
     "@types/node": "^22.13.4",
     "@types/react": "^19.0.10",
     "@vitest/coverage-istanbul": "^3.0.8",

package/dist/chunk-2PXGLWCY.js

@@ -1,2 +0,0 @@
-var e={basic_information:{index:0,name:"basic_information"},contract_details:{index:1,name:"contract_details"},benefits:{index:2,name:"benefits"},review:{index:3,name:"review"}};export{e as a};
-//# sourceMappingURL=chunk-2PXGLWCY.js.map

package/dist/chunk-2PXGLWCY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/Onboarding/utils.ts"],"sourcesContent":["import { Step } from '@/src/flows/useStepState';\n\ntype StepKeys =\n  | 'basic_information'\n  | 'contract_details'\n  | 'benefits'\n  | 'review';\n\nexport const STEPS: Record<StepKeys, Step> = {\n  basic_information: { index: 0, name: 'basic_information' },\n  contract_details: { index: 1, name: 'contract_details' },\n  benefits: { index: 2, name: 'benefits' },\n  review: { index: 3, name: 'review' },\n} as const;\n"],"mappings":"AAQO,IAAMA,EAAgC,CAC3C,kBAAmB,CAAE,MAAO,EAAG,KAAM,mBAAoB,EACzD,iBAAkB,CAAE,MAAO,EAAG,KAAM,kBAAmB,EACvD,SAAU,CAAE,MAAO,EAAG,KAAM,UAAW,EACvC,OAAQ,CAAE,MAAO,EAAG,KAAM,QAAS,CACrC","names":["STEPS"]}

package/dist/chunk-344TN4EG.js

@@ -1,2 +0,0 @@
-import{a as x}from"./chunk-UPRUP24B.js";import{e as j,g as M,j as w,n as B,p as O}from"./chunk-FNMWKUNJ.js";import{a as V}from"./chunk-A4RX3KRZ.js";import{d as f}from"./chunk-WRDKLT4N.js";import{a as y,c as A}from"./chunk-XVOJ4RMC.js";import{a as r}from"./chunk-AYDF3IFZ.js";import{object as se}from"yup";import{createHeadlessForm as k,modify as I}from"@remoteoss/json-schema-form";import{useMutation as K,useQuery as p}from"@tanstack/react-query";import{useState as q}from"react";import{string as L,ValidationError as J}from"yup";var oe=r(({includePremiumBenefits:e})=>{let{client:o}=f();return p({queryKey:["cost-calculator-countries",e],queryFn:r(()=>w({client:o,headers:{Authorization:""},query:{include_premium_benefits:e}}),"queryFn"),select:r(n=>n.data?.data.map(a=>({value:a.region_slug,label:a.name,childRegions:a.child_regions,hasAdditionalFields:a.has_additional_fields,regionSlug:a.region_slug})),"select")})},"useCostCalculatorCountries"),ie=r(()=>{let{client:e}=f();return p({queryKey:["company-currencies"],queryFn:r(()=>O({client:e,headers:{Authorization:""}}),"queryFn"),select:r(o=>o.data?.data?.company_currencies.map(n=>({value:n.slug,label:n.code})),"select")})},"useCompanyCurrencies"),ne=r(()=>{let{client:e}=f();return K({mutationFn:r(o=>j({client:e,headers:{Authorization:""},body:o}),"mutationFn")})},"useCostCalculatorEstimation"),Fe=r(()=>{let{client:e}=f();return K({mutationFn:r(o=>M({client:e,headers:{Authorization:""},body:o}),"mutationFn")})},"useCostCalculatorEstimationPdf"),ae=r((e,{includePremiumBenefits:o,options:n})=>{let{client:a}=f();return p({queryKey:["cost-calculator-region-fields",e,o],queryFn:r(()=>B({client:a,headers:{Authorization:""},path:{slug:e},query:{include_premium_benefits:o}}),"queryFn"),enabled:!!e,select:r(({data:s})=>{let u=s?.data?.schema||{};if(n&&n.jsfModify){let{schema:c}=I(u,n.jsfModify);u=c}return k(u)},"select")})},"useRegionFields"),E={title:"Estimation",includeBenefits:!1,includeCostBreakdowns:!1,includePremiumBenefits:!1},Pe=r(({defaultRegion:e,estimationOptions:o,options:n}={estimationOptions:E})=>{let{schema:a}=I(x.data.schema,n?.jsfModify||{}),s=k(a),[u,c]=q(e),[h,b]=q(),{data:g,isLoading:G}=oe({includePremiumBenefits:o.includePremiumBenefits}),{data:_,isLoading:U}=ie(),$=u||h?.value,{data:S,isLoading:H}=ae($,{includePremiumBenefits:o.includePremiumBenefits,options:n}),F=ne();async function N(i){try{await C.validate(i,{abortEarly:!1})}catch(t){return{data:null,error:t}}return new Promise((t,d)=>{F.mutate(T(i,o),{onSuccess:r(l=>{l.data?t({data:l.data,error:null}):t({data:null,error:new Error("Something went wrong. Please try again later.")})},"onSuccess"),onError:r(l=>{d({data:null,error:l})},"onError")})})}r(N,"onSubmit");function Q(i){let t=g?.find(({value:d})=>d===i);t&&t.childRegions.length===0&&t.hasAdditionalFields?c(t.regionSlug):c(void 0),b(t)}r(Q,"onCountryChange");function D(i){c(i)}r(D,"onRegionChange");let m=s.fields.find(i=>i.name==="region");if(m){let i=h?.childRegions.map(t=>({value:t.slug,label:t.name}))??[];m.options=i,m.isVisible=i.length>0,m.required=i.length>0,m.onChange=D,m.schema=i.length>0?L().transform(t=>typeof t=="string"?t:"").required("Region is required"):L()}if(_){let i=s.fields.find(t=>t.name==="currency");i&&(i.options=_)}if(g){let i=s.fields.find(t=>t.name==="country");i&&(i.options=g,i.onChange=Q)}let W=r(()=>{b(void 0),c(e)},"resetForm"),P=[...s.fields,...S?.fields||[]],C=z(s.fields);async function X(i){let t=null,d=A(i,P);try{await C.validate(d,{abortEarly:!1}),t={formErrors:{},yupError:new J([],i)}}catch(R){let v=V(R);t={formErrors:Object.entries(v).reduce((ee,[te,re])=>({...ee,[te]:re.message}),{}),yupError:R}}let l=S?.handleValidation(d),Y=[...t?.yupError.inner||[],...l?.yupError?.inner||[]],Z={...t?.yupError?.value||{},...l?.yupError?.value||{}};return{formErrors:{...t?.formErrors||{},...l?.formErrors||{}},yupError:new J(Y,Z)}}return r(X,"handleValidation"),{stepState:{current:0,total:1,isLastStep:!0},fields:P,validationSchema:C,handleValidation:X,isSubmitting:F.isPending,isLoading:G&&U&&H,onSubmit:N,resetForm:W}},"useCostCalculator");function z(e){let o=e.reduce((n,a)=>(n[a.name]=a.schema,n),{});return se(o)}r(z,"buildValidationSchema");function le(e){let o="benefit-";return Object.keys(e).reduce((n,a)=>{let u={benefit_group_slug:a.replace(o,""),benefit_tier_slug:e[a]};return[...n,u]},[])}r(le,"formatBenefits");function T(e,o=E){return{employer_currency_slug:e.currency,include_benefits:o.includeBenefits,include_cost_breakdowns:o.includeCostBreakdowns,include_premium_benefits:o.includePremiumBenefits,employments:[{region_slug:e.region||e.country,annual_gross_salary:y(e.salary),annual_gross_salary_in_employer_currency:y(e.salary),employment_term:e.contract_duration_type??"fixed",title:o.title,regional_to_employer_exchange_rate:"1",age:e.age??void 0,...e.benefits&&{benefits:le(e.benefits)}}]}}r(T,"buildPayload");export{z as a,T as b,Fe as c,E as d,Pe as e};
-//# sourceMappingURL=chunk-344TN4EG.js.map