@remoteoss/remote-flows 0.3.0 → 0.4.0-alpha.1

package/dist/index.d.ts

@@ -14,16 +14,19 @@ export { ContractAmendmentSubmit } from './flows/ContractAmendment/ContractAmend
 export { useContractAmendment } from './flows/ContractAmendment/hooks.js';
 export { TerminationFlow, TerminationRenderProps } from './flows/Termination/TerminationFlow.js';
 export { TerminationFormValues } from './flows/Termination/types.js';
+export { OnboardingFlow, OnboardingRenderProps } from './flows/Onboarding/OnboardingFlow.js';
+export { BasicInformationFormPayload, BenefitsFormPayload, ContractDetailsFormPayload } from './flows/Onboarding/types.js';
 export { CostCalculatorEstimationFormValues, CostCalculatorEstimationOptions, JSFModify } from './flows/CostCalculator/types.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { E as EmploymentShowResponse, j as TimeoffStatus, L as ListTimeoffResponse } from './types.gen-Dta9Iy5C.js';
-export { C as ContractAmendmentAutomatableResponse, c as CostCalculatorEstimateResponse, O as OffboardingResponse } from './types.gen-Dta9Iy5C.js';
+import { E as EmploymentShowResponse, q as TimeoffStatus, L as ListTimeoffResponse } from './types.gen-CsMdyQkb.js';
+export { C as ContractAmendmentAutomatableResponse, j as CostCalculatorEstimateResponse, c as EmploymentCreationResponse, e as EmploymentResponse, O as OffboardingResponse, S as SuccessResponse } from './types.gen-CsMdyQkb.js';
 import { ContractAmendmentParams } from './flows/ContractAmendment/types.js';
-import { ValidationError, AnySchema } from 'yup';
+import { ValidationError } from 'yup';
 import React__default, { PropsWithChildren } from 'react';
-import { ControllerRenderProps, FieldValues, ControllerFieldState } from 'react-hook-form';
+import { R as RemoteFlowsSDKProps } from './remoteFlows-CswYencu.js';
 import './flows/types.js';
 import '@remoteoss/json-schema-form';
+import 'react-hook-form';
 import './flows/ContractAmendment/ContractAmendmentBack.js';
 import './mutations-v9H353tz.js';
 import './flows/useStepState.js';
@@ -35,6 +38,13 @@ import './flows/Termination/EmployeeComunicationForm.js';
 import './flows/Termination/TerminationDetailsForm.js';
 import './flows/Termination/PaidTimeOffForm.js';
 import './flows/Termination/AdditionalDetailsForm.js';
+import './flows/Onboarding/hooks.js';
+import './flows/Onboarding/BasicInformationStep.js';
+import './flows/Onboarding/OnboardingSubmit.js';
+import './flows/Onboarding/OnboardingBack.js';
+import './flows/Onboarding/OnboardingInvite.js';
+import './flows/Onboarding/ContractDetailsStep.js';
+import './flows/Onboarding/BenefitsStep.js';
 
 type UseEmployment = Pick<ContractAmendmentParams, 'employmentId'>;
 /**
@@ -76,117 +86,6 @@ type YupError = Pick<ValidationError, 'type' | 'errors'> & {
  */
 declare const transformYupErrorsIntoObject: (errors: ValidationError) => Record<string, YupError>;
 
-type ThemeProviderProps = PropsWithChildren<{
-    theme?: Partial<{
-        colors: ThemeColors;
-        spacing: string;
-        borderRadius: string;
-        font: ThemeFont;
-    }>;
-}>;
-type ThemeColors = Partial<{
-    borderInput: string;
-    primaryBackground: string;
-    primaryForeground: string;
-    accentBackground: string;
-    accentForeground: string;
-    danger: string;
-    warningBackground: string;
-    warningBorder: string;
-}>;
-type ThemeFont = {
-    fontSizeBase: string;
-};
-
-type SupportedTypes = 'text' | 'number' | 'email' | 'select' | 'radio' | 'fieldset' | 'date' | 'checkbox' | 'textarea' | 'money' | 'file';
-
-type StatementProps = {
-    title?: string;
-    description: string;
-    severity: 'warning' | 'error' | 'success' | 'info' | 'neutral' | 'time';
-};
-
-type AuthResponse = {
-    accessToken: string;
-    expiresIn: number;
-};
-type JSFField = {
-    computedAttributes: Record<string, unknown>;
-    description: string;
-    errorMessage: Record<string, string>;
-    inputType: SupportedTypes;
-    isVisible: boolean;
-    jsonType: string;
-    label: string;
-    name: string;
-    required: boolean;
-    schema: AnySchema;
-    scopedJsonSchema: Record<string, unknown>;
-    type: string;
-    options?: Array<{
-        value: string;
-        label: string;
-        description?: string;
-    }>;
-    defaultValue?: string | number;
-    minDate?: string;
-    maxLength?: number;
-    multiple?: boolean;
-};
-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;
-    }>;
-} & {
-    statement?: React.ComponentType<{
-        data: StatementProps;
-    }>;
-};
-type RemoteFlowsSDKProps = Omit<ThemeProviderProps, 'children'> & {
-    /**
-     * Function to authenticate the user and obtain an access token.
-     * @returns A promise that resolves to an object containing the access token and its expiration time.
-     */
-    auth: () => Promise<AuthResponse>;
-    /**
-     * Components to override the default field components used in the SDK.
-     */
-    components?: Components;
-    /**
-     * Flag to indicate if the SDK is in testing mode and use the testing environment.
-     * If true, the SDK will use the testing environment for all API calls.
-     */
-    isTestingMode?: boolean;
-    proxy?: {
-        /**
-         * URL of the proxy server to use for API calls.
-         */
-        url: string;
-        /**
-         * Headers to include in the API requests.
-         */
-        headers?: {
-            [key: string]: string;
-        };
-    };
-};
-
 declare function RemoteFlows({ auth, children, components, isTestingMode, theme, proxy, }: PropsWithChildren<RemoteFlowsSDKProps>): React__default.JSX.Element;
 
 export { RemoteFlows, transformYupErrorsIntoObject, useEmploymentQuery, useTimeOffQuery };

package/dist/index.js

@@ -1,2 +1,2 @@
-import"./chunk-M22FKNEY.js";import{a as ar}from"./chunk-WDV5ZDXL.js";import"./chunk-KSGPQCSG.js";import"./chunk-VZM3HYXN.js";import"./chunk-4C45VY6F.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-XFD3ULUF.js";import"./chunk-FZ2HS6G7.js";import"./chunk-LLA3Z2PK.js";import"./chunk-QJGFU4YO.js";import"./chunk-KQEIZSUS.js";import"./chunk-YOC3VDC7.js";import"./chunk-G4R7TPQL.js";import"./chunk-L3E32MJU.js";import"./chunk-DZYFSFZ7.js";import"./chunk-FGBEOUQK.js";import{a as B}from"./chunk-6YO6XWPH.js";import"./chunk-KH6QS5OU.js";import"./chunk-J55S4SEH.js";import"./chunk-3FVI5JIC.js";import"./chunk-6A3F6JG6.js";import"./chunk-MESREYTZ.js";import"./chunk-GMGKIQLI.js";import"./chunk-WQHKB5T7.js";import{a as P}from"./chunk-BDCIVWHR.js";import{a as R}from"./chunk-7CYG2RHP.js";import{a as F}from"./chunk-EAAIAMTY.js";import"./chunk-A7ZJQCNU.js";import{a as E}from"./chunk-DGPRFQYK.js";import{a as S}from"./chunk-DYB3RWP7.js";import{a as T}from"./chunk-4APN5ST6.js";import"./chunk-OLJ2S6A6.js";import{b as y,c as k,e as C}from"./chunk-P3N4X5KU.js";import"./chunk-UPRUP24B.js";import"./chunk-36UPHOJS.js";import{a as tr}from"./chunk-GGZV4QYL.js";import{a as H}from"./chunk-XLFHHYVS.js";import{a as er}from"./chunk-3MAYMGXF.js";import{a as J,b as rr}from"./chunk-WJPC4J3U.js";import"./chunk-JRQSZHUU.js";import"./chunk-RCX4JUI3.js";import{a as p}from"./chunk-AG27JG4N.js";import"./chunk-S56EWAS4.js";import"./chunk-FMT2OTOL.js";import{a as Z}from"./chunk-THCM2G6C.js";import{a as $}from"./chunk-U3TYUMTJ.js";import"./chunk-VTPDBEHE.js";import"./chunk-A4RX3KRZ.js";import{a as g,c as v}from"./chunk-WRDKLT4N.js";import"./chunk-56BNVYTD.js";import"./chunk-IDSJI7KQ.js";import"./chunk-YBACB5A6.js";import"./chunk-6HGUGIYJ.js";import{c as z}from"./chunk-5ETXP2QF.js";import{a as t}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(a=>{let o=r[a];o&&e.style.setProperty(a,o)})}t(l,"setCssProperties");function j(r){let e={};return Object.keys(r).forEach(a=>{e[`--${a}`]=r[a]}),e}t(j,"mapThemeColors");function M(r){return{"--spacing":r}}t(M,"mapThemeSpacing");function I(r){return{"--radius":r}}t(I,"mapThemeBorderRadius");function A(r){return{"--fontSizeBase":r.fontSizeBase}}t(A,"mapThemeFont");function u(r){r?.colors&&l(j(r.colors)),r?.spacing&&l(M(r.spacing)),r?.borderRadius&&l(I(r.borderRadius)),r?.font&&l(A(r.font))}t(u,"applyTheme");import N,{createContext as O,useEffect as U,useMemo as D}from"react";var _=O({theme:{}});function h(r){U(()=>{r.theme&&Object.keys(r.theme).length>0&&u(r.theme)},[r.theme]);let e=D(()=>({theme:r.theme}),[r.theme]);return N.createElement(_.Provider,{value:e},r.children)}t(h,"ThemeProvider");var f={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 w}from"react";function W(r){try{return new URL(r),!0}catch{return!1}}t(W,"isValidUrl");var m=t(({auth:r,options:e})=>{let a=w(null),{refetch:o}=V({queryKey:["auth"],queryFn:r,enabled:!1}),s=e.isTestingMode?f.partners:"https://gateway.remote.com",c=p.getConfig(),b="0.3.0",d=!!e.proxy&&W(e.proxy.url);return e.proxy&&!d&&console.error("Invalid proxy URL provided. Using default base URL."),w(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:t(async()=>{function x(i){return!i||Date.now()+6e4>i}if(t(x,"hasTokenExpired"),!a.current||x(a.current.expiresAt)){let{data:i}=await o();i&&(a.current={accessToken:i.accessToken,expiresAt:Date.now()+i.expiresIn*1e3})}return a.current?.accessToken},"auth")}))},"useAuth");var Q=new L;function X({children:r,auth:e,isTestingMode:a,proxy:o}){let s=m({auth:e,options:{isTestingMode:!!a,proxy:o}});return n.createElement(v.Provider,{value:{client:s.current}},r)}t(X,"RemoteFlowContextWrapper");function Y({children:r,components:e}){return n.createElement(g.Provider,{value:e?{components:e}:{components:{}}},r)}t(Y,"FormFieldsProvider");function G({auth:r,children:e,components:a,isTestingMode:o=!1,theme:s,proxy:c}){return n.createElement(q,{client:Q},n.createElement(Y,{components:a},n.createElement(X,{isTestingMode:o,auth:r,proxy:c},n.createElement(h,{theme:s},e))))}t(G,"RemoteFlows");export{Z as ContractAmendmentConfirmationForm,tr as ContractAmendmentFlow,$ as ContractAmendmentForm,H as ContractAmendmentSubmit,E as CostCalculatorDisclaimer,T as CostCalculatorFlow,P as CostCalculatorForm,R as CostCalculatorResetButton,B as CostCalculatorResults,F as CostCalculatorSubmitButton,G as RemoteFlows,ar as TerminationFlow,y as buildCostCalculatorEstimationPayload,S as disclaimerData,z as transformYupErrorsIntoObject,er as useContractAmendment,C as useCostCalculator,k as useCostCalculatorEstimationPdf,J as useEmploymentQuery,rr as useTimeOffQuery};
+import"./chunk-M22FKNEY.js";import{a as te}from"./chunk-DZSZOC2G.js";import"./chunk-GGAS4ZNQ.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-SLD7DFLW.js";import"./chunk-CKEVRQRG.js";import"./chunk-YOC3VDC7.js";import"./chunk-6TYJC6YS.js";import"./chunk-KSGPQCSG.js";import"./chunk-D3SD6MMV.js";import"./chunk-FGBEOUQK.js";import{a as E}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"./chunk-JBG4RVXQ.js";import"./chunk-Q64URAIN.js";import"./chunk-DZYFSFZ7.js";import"./chunk-GULCZWSK.js";import{a as S}from"./chunk-DGPRFQYK.js";import{a as _}from"./chunk-DYB3RWP7.js";import{a as z}from"./chunk-DE5FSFYL.js";import{b as y,c as k,e as C}from"./chunk-GRYAM4FZ.js";import"./chunk-UPRUP24B.js";import{a as P}from"./chunk-PNXZHV6W.js";import{a as R}from"./chunk-7CYG2RHP.js";import{a as F}from"./chunk-EAAIAMTY.js";import"./chunk-OLJ2S6A6.js";import{a as oe}from"./chunk-PWKM2R6V.js";import"./chunk-QSHYMFMY.js";import"./chunk-M7WCW7WD.js";import"./chunk-ALRU77S5.js";import"./chunk-MHKNAQLP.js";import"./chunk-NE547PW4.js";import"./chunk-2PXGLWCY.js";import"./chunk-A7ZJQCNU.js";import"./chunk-CFRYIKSR.js";import"./chunk-ED3CBUQL.js";import"./chunk-LNKYOAKF.js";import"./chunk-WS3C3WIJ.js";import"./chunk-36UPHOJS.js";import{a as ae}from"./chunk-KQH5HLN5.js";import{a as H}from"./chunk-XLFHHYVS.js";import{a as re}from"./chunk-GOLOL2V6.js";import{a as J,b as ee}from"./chunk-QOMUXX6W.js";import"./chunk-JRQSZHUU.js";import{a as p}from"./chunk-DHRIURRT.js";import"./chunk-UECSVYQ5.js";import"./chunk-S56EWAS4.js";import"./chunk-FMT2OTOL.js";import{a as Z}from"./chunk-ABR3B66K.js";import{a as $}from"./chunk-HEPL5WDF.js";import"./chunk-A4RX3KRZ.js";import"./chunk-MIHU6CEZ.js";import"./chunk-GFBF55NR.js";import{a as g,c as v}from"./chunk-WRDKLT4N.js";import"./chunk-56BNVYTD.js";import"./chunk-VRQXHCFR.js";import"./chunk-IDSJI7KQ.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(e){let r=document.documentElement;Object.keys(e).forEach(t=>{let o=e[t];o&&r.style.setProperty(t,o)})}a(l,"setCssProperties");function B(e){let r={};return Object.keys(e).forEach(t=>{r[`--${t}`]=e[t]}),r}a(B,"mapThemeColors");function j(e){return{"--spacing":e}}a(j,"mapThemeSpacing");function M(e){return{"--radius":e}}a(M,"mapThemeBorderRadius");function I(e){return{"--fontSizeBase":e.fontSizeBase}}a(I,"mapThemeFont");function u(e){e?.colors&&l(B(e.colors)),e?.spacing&&l(j(e.spacing)),e?.borderRadius&&l(M(e.borderRadius)),e?.font&&l(I(e.font))}a(u,"applyTheme");import A,{createContext as N,useEffect as O,useMemo as U}from"react";var D=N({theme:{}});function h(e){O(()=>{e.theme&&Object.keys(e.theme).length>0&&u(e.theme)},[e.theme]);let r=U(()=>({theme:e.theme}),[e.theme]);return A.createElement(D.Provider,{value:r},e.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(e){try{return new URL(e),!0}catch{return!1}}a(W,"isValidUrl");var w=a(({auth:e,options:r})=>{let t=f(null),{refetch:o}=V({queryKey:["auth"],queryFn:e,enabled:!1}),s=r.isTestingMode?m.partners:"https://gateway.remote.com",c=p.getConfig(),b="0.4.0-alpha.1",d=!!r.proxy&&W(r.proxy.url);return r.proxy&&!d&&console.error("Invalid proxy URL provided. Using default base URL."),f(K({...c,headers:{...c.headers,...d?r.proxy?.headers:{},"X-Client-Name":"remote-flows-sdk","X-Client-Version":b},baseUrl:d?r.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:e,auth:r,isTestingMode:t,proxy:o}){let s=w({auth:r,options:{isTestingMode:!!t,proxy:o}});return n.createElement(v.Provider,{value:{client:s.current}},e)}a(X,"RemoteFlowContextWrapper");function Y({children:e,components:r}){return n.createElement(g.Provider,{value:r?{components:r}:{components:{}}},e)}a(Y,"FormFieldsProvider");function G({auth:e,children:r,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:e,proxy:c},n.createElement(h,{theme:s},r))))}a(G,"RemoteFlows");export{Z as ContractAmendmentConfirmationForm,ae as ContractAmendmentFlow,$ as ContractAmendmentForm,H as ContractAmendmentSubmit,S as CostCalculatorDisclaimer,z as CostCalculatorFlow,P as CostCalculatorForm,R as CostCalculatorResetButton,E as CostCalculatorResults,F as CostCalculatorSubmitButton,oe as OnboardingFlow,G as RemoteFlows,te as TerminationFlow,y as buildCostCalculatorEstimationPayload,_ as disclaimerData,T as transformYupErrorsIntoObject,re as useContractAmendment,C as useCostCalculator,k as useCostCalculatorEstimationPdf,J as useEmploymentQuery,ee 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":"o5DAAA,OAAS,eAAAA,EAAa,uBAAAC,MAA2B,wBAEjD,OAAOC,MAAW,QCQlB,SAASC,EAAiBC,EAAmC,CAC3D,IAAMC,EAAO,SAAS,gBACtB,OAAO,KAAKD,CAAS,EAAE,QAASE,GAAM,CACpC,IAAMC,EAAcH,EAAUE,CAAC,EAC3BC,GACFF,EAAK,MAAM,YAAYC,EAAGC,CAAW,CAEzC,CAAC,CACH,CARSC,EAAAL,EAAA,oBAUT,SAASM,EAAeC,EAAqC,CAC3D,IAAMC,EAAyB,CAAC,EAChC,cAAO,KAAKD,CAAM,EAAE,QAASE,GAAQ,CACnCD,EAAO,KAAKC,CAAG,EAA0B,EACvCF,EAAOE,CAAwB,CACnC,CAAC,EACMD,CACT,CAPSH,EAAAC,EAAA,kBAST,SAASI,EAAgBC,EAAkC,CACzD,MAAO,CACL,YAAaA,CACf,CACF,CAJSN,EAAAK,EAAA,mBAMT,SAASE,EAAqBC,EAAsC,CAClE,MAAO,CACL,WAAYA,CACd,CACF,CAJSR,EAAAO,EAAA,wBAMT,SAASE,EAAaC,EAA+B,CACnD,MAAO,CACL,iBAAkBA,EAAK,YACzB,CACF,CAJSV,EAAAS,EAAA,gBAMF,SAASE,EAAWC,EAAoC,CACzDA,GAAO,QACTjB,EAAiBM,EAAeW,EAAM,MAAM,CAAC,EAG3CA,GAAO,SACTjB,EAAiBU,EAAgBO,EAAM,OAAO,CAAC,EAG7CA,GAAO,cACTjB,EAAiBY,EAAqBK,EAAM,YAAY,CAAC,EAGvDA,GAAO,MACTjB,EAAiBc,EAAaG,EAAM,IAAI,CAAC,CAE7C,CAhBgBZ,EAAAW,EAAA,cC9ChB,OAAOE,GAAS,iBAAAC,EAAe,aAAAC,EAAW,WAAAC,MAAe,QAGzD,IAAMC,EAAeC,EAAoD,CACvE,MAAO,CAAC,CACV,CAAC,EAEM,SAASC,EAAcC,EAA2B,CACvDC,EAAU,IAAM,CACVD,EAAM,OAAS,OAAO,KAAKA,EAAM,KAAK,EAAE,OAAS,GACnDE,EAAWF,EAAM,KAAK,CAE1B,EAAG,CAACA,EAAM,KAAK,CAAC,EAEhB,IAAMG,EAAQC,EAAQ,KACb,CAAE,MAAOJ,EAAM,KAAM,GAC3B,CAACA,EAAM,KAAK,CAAC,EAEhB,OACEK,EAAA,cAACR,EAAa,SAAb,CAAsB,MAAOM,GAC3BH,EAAM,QACT,CAEJ,CAhBgBM,EAAAP,EAAA,iBCRT,IAAMQ,EAAe,CAC1B,QAAS,iCACT,SAAU,8CACV,WAAY,4BACd,ECFA,OAAS,gBAAAC,MAAoB,wBAC7B,OAAS,YAAAC,MAAgB,wBACzB,OAAS,UAAAC,MAAc,QAavB,SAASC,EAAWC,EAAa,CAC/B,GAAI,CACF,WAAI,IAAIA,CAAG,EACJ,EACT,MAAQ,CACN,MAAO,EACT,CACF,CAPSC,EAAAF,EAAA,cASF,IAAMG,EAAUD,EAAA,CAAC,CACtB,KAAAE,EACA,QAAAC,CACF,IAGM,CACJ,IAAMC,EAAUC,EACd,IACF,EACM,CAAE,QAAAC,CAAQ,EAAIC,EAAS,CAC3B,SAAU,CAAC,MAAM,EACjB,QAASL,EACT,QAAS,EACX,CAAC,EAEKM,EAAUL,EAAQ,cACpBM,EAAa,SACb,6BAEEC,EAAeC,EAAO,UAAU,EAChCC,EAAoB,QACpBC,EAAe,CAAC,CAACV,EAAQ,OAASL,EAAWK,EAAQ,MAAM,GAAG,EAEpE,OAAIA,EAAQ,OAAS,CAACU,GACpB,QAAQ,MAAM,qDAAqD,EAG9DR,EACLS,EAAa,CACX,GAAGJ,EACH,QAAS,CACP,GAAGA,EAAa,QAChB,GAAIG,EAAeV,EAAQ,OAAO,QAAU,CAAC,EAC7C,gBAAiB,mBACjB,mBAAoBS,CACtB,EACA,QAASC,EAAeV,EAAQ,OAAO,IAAMK,EAC7C,KAAMR,EAAA,SAAY,CAChB,SAASe,EAAgBC,EAA+B,CACtD,MAAO,CAACA,GAAa,KAAK,IAAI,EAAI,IAAQA,CAC5C,CACA,GAHShB,EAAAe,EAAA,mBAGL,CAACX,EAAQ,SAAWW,EAAgBX,EAAQ,QAAQ,SAAS,EAAG,CAClE,GAAM,CAAE,KAAAa,CAAK,EAAI,MAAMX,EAAQ,EAC3BW,IACFb,EAAQ,QAAU,CAChB,YAAaa,EAAK,YAClB,UAAW,KAAK,IAAI,EAAIA,EAAK,UAAY,GAC3C,EAEJ,CACA,OAAOb,EAAQ,SAAS,WAC1B,EAdM,OAeR,CAAC,CACH,CACF,EAvDuB,WJjBvB,IAAMc,EAAc,IAAIC,EASxB,SAASC,EAAyB,CAChC,SAAAC,EACA,KAAAC,EACA,cAAAC,EACA,MAAAC,CACF,EAAkC,CAChC,IAAMC,EAAkBC,EAAQ,CAC9B,KAAAJ,EACA,QAAS,CACP,cAAe,CAAC,CAACC,EACjB,MAAAC,CACF,CACF,CAAC,EACD,OACEG,EAAA,cAACC,EAAkB,SAAlB,CAA2B,MAAO,CAAE,OAAQH,EAAgB,OAAQ,GAClEJ,CACH,CAEJ,CAlBSQ,EAAAT,EAAA,4BAoBF,SAASU,EAAmB,CACjC,SAAAT,EACA,WAAAU,CACF,EAEI,CACF,OACEJ,EAAA,cAACK,EAAkB,SAAlB,CACC,MAAOD,EAAa,CAAE,WAAAA,CAAW,EAAI,CAAE,WAAY,CAAC,CAAE,GAErDV,CACH,CAEJ,CAbgBQ,EAAAC,EAAA,sBAeT,SAASG,EAAY,CAC1B,KAAAX,EACA,SAAAD,EACA,WAAAU,EACA,cAAAR,EAAgB,GAChB,MAAAW,EACA,MAAAV,CACF,EAA2C,CACzC,OACEG,EAAA,cAACQ,EAAA,CAAoB,OAAQjB,GAC3BS,EAAA,cAACG,EAAA,CAAmB,WAAYC,GAC9BJ,EAAA,cAACP,EAAA,CACC,cAAeG,EACf,KAAMD,EACN,MAAOE,GAEPG,EAAA,cAACS,EAAA,CAAc,MAAOF,GAAQb,CAAS,CACzC,CACF,CACF,CAEJ,CArBgBQ,EAAAI,EAAA","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 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":"wwEAAA,OAAS,eAAAA,EAAa,uBAAAC,MAA2B,wBAEjD,OAAOC,MAAW,QCQlB,SAASC,EAAiBC,EAAmC,CAC3D,IAAMC,EAAO,SAAS,gBACtB,OAAO,KAAKD,CAAS,EAAE,QAASE,GAAM,CACpC,IAAMC,EAAcH,EAAUE,CAAC,EAC3BC,GACFF,EAAK,MAAM,YAAYC,EAAGC,CAAW,CAEzC,CAAC,CACH,CARSC,EAAAL,EAAA,oBAUT,SAASM,EAAeC,EAAqC,CAC3D,IAAMC,EAAyB,CAAC,EAChC,cAAO,KAAKD,CAAM,EAAE,QAASE,GAAQ,CACnCD,EAAO,KAAKC,CAAG,EAA0B,EACvCF,EAAOE,CAAwB,CACnC,CAAC,EACMD,CACT,CAPSH,EAAAC,EAAA,kBAST,SAASI,EAAgBC,EAAkC,CACzD,MAAO,CACL,YAAaA,CACf,CACF,CAJSN,EAAAK,EAAA,mBAMT,SAASE,EAAqBC,EAAsC,CAClE,MAAO,CACL,WAAYA,CACd,CACF,CAJSR,EAAAO,EAAA,wBAMT,SAASE,EAAaC,EAA+B,CACnD,MAAO,CACL,iBAAkBA,EAAK,YACzB,CACF,CAJSV,EAAAS,EAAA,gBAMF,SAASE,EAAWC,EAAoC,CACzDA,GAAO,QACTjB,EAAiBM,EAAeW,EAAM,MAAM,CAAC,EAG3CA,GAAO,SACTjB,EAAiBU,EAAgBO,EAAM,OAAO,CAAC,EAG7CA,GAAO,cACTjB,EAAiBY,EAAqBK,EAAM,YAAY,CAAC,EAGvDA,GAAO,MACTjB,EAAiBc,EAAaG,EAAM,IAAI,CAAC,CAE7C,CAhBgBZ,EAAAW,EAAA,cC9ChB,OAAOE,GAAS,iBAAAC,EAAe,aAAAC,EAAW,WAAAC,MAAe,QAGzD,IAAMC,EAAeC,EAAoD,CACvE,MAAO,CAAC,CACV,CAAC,EAEM,SAASC,EAAcC,EAA2B,CACvDC,EAAU,IAAM,CACVD,EAAM,OAAS,OAAO,KAAKA,EAAM,KAAK,EAAE,OAAS,GACnDE,EAAWF,EAAM,KAAK,CAE1B,EAAG,CAACA,EAAM,KAAK,CAAC,EAEhB,IAAMG,EAAQC,EAAQ,KACb,CAAE,MAAOJ,EAAM,KAAM,GAC3B,CAACA,EAAM,KAAK,CAAC,EAEhB,OACEK,EAAA,cAACR,EAAa,SAAb,CAAsB,MAAOM,GAC3BH,EAAM,QACT,CAEJ,CAhBgBM,EAAAP,EAAA,iBCRT,IAAMQ,EAAe,CAC1B,QAAS,iCACT,SAAU,8CACV,WAAY,4BACd,ECFA,OAAS,gBAAAC,MAAoB,wBAC7B,OAAS,YAAAC,MAAgB,wBACzB,OAAS,UAAAC,MAAc,QAavB,SAASC,EAAWC,EAAa,CAC/B,GAAI,CACF,WAAI,IAAIA,CAAG,EACJ,EACT,MAAQ,CACN,MAAO,EACT,CACF,CAPSC,EAAAF,EAAA,cASF,IAAMG,EAAUD,EAAA,CAAC,CACtB,KAAAE,EACA,QAAAC,CACF,IAGM,CACJ,IAAMC,EAAUC,EACd,IACF,EACM,CAAE,QAAAC,CAAQ,EAAIC,EAAS,CAC3B,SAAU,CAAC,MAAM,EACjB,QAASL,EACT,QAAS,EACX,CAAC,EAEKM,EAAUL,EAAQ,cACpBM,EAAa,SACb,6BAEEC,EAAeC,EAAO,UAAU,EAChCC,EAAoB,gBACpBC,EAAe,CAAC,CAACV,EAAQ,OAASL,EAAWK,EAAQ,MAAM,GAAG,EAEpE,OAAIA,EAAQ,OAAS,CAACU,GACpB,QAAQ,MAAM,qDAAqD,EAG9DR,EACLS,EAAa,CACX,GAAGJ,EACH,QAAS,CACP,GAAGA,EAAa,QAChB,GAAIG,EAAeV,EAAQ,OAAO,QAAU,CAAC,EAC7C,gBAAiB,mBACjB,mBAAoBS,CACtB,EACA,QAASC,EAAeV,EAAQ,OAAO,IAAMK,EAC7C,KAAMR,EAAA,SAAY,CAChB,SAASe,EAAgBC,EAA+B,CACtD,MAAO,CAACA,GAAa,KAAK,IAAI,EAAI,IAAQA,CAC5C,CACA,GAHShB,EAAAe,EAAA,mBAGL,CAACX,EAAQ,SAAWW,EAAgBX,EAAQ,QAAQ,SAAS,EAAG,CAClE,GAAM,CAAE,KAAAa,CAAK,EAAI,MAAMX,EAAQ,EAC3BW,IACFb,EAAQ,QAAU,CAChB,YAAaa,EAAK,YAClB,UAAW,KAAK,IAAI,EAAIA,EAAK,UAAY,GAC3C,EAEJ,CACA,OAAOb,EAAQ,SAAS,WAC1B,EAdM,OAeR,CAAC,CACH,CACF,EAvDuB,WJjBvB,IAAMc,EAAc,IAAIC,EASxB,SAASC,EAAyB,CAChC,SAAAC,EACA,KAAAC,EACA,cAAAC,EACA,MAAAC,CACF,EAAkC,CAChC,IAAMC,EAAkBC,EAAQ,CAC9B,KAAAJ,EACA,QAAS,CACP,cAAe,CAAC,CAACC,EACjB,MAAAC,CACF,CACF,CAAC,EACD,OACEG,EAAA,cAACC,EAAkB,SAAlB,CAA2B,MAAO,CAAE,OAAQH,EAAgB,OAAQ,GAClEJ,CACH,CAEJ,CAlBSQ,EAAAT,EAAA,4BAoBF,SAASU,EAAmB,CACjC,SAAAT,EACA,WAAAU,CACF,EAEI,CACF,OACEJ,EAAA,cAACK,EAAkB,SAAlB,CACC,MAAOD,EAAa,CAAE,WAAAA,CAAW,EAAI,CAAE,WAAY,CAAC,CAAE,GAErDV,CACH,CAEJ,CAbgBQ,EAAAC,EAAA,sBAeT,SAASG,EAAY,CAC1B,KAAAX,EACA,SAAAD,EACA,WAAAU,EACA,cAAAR,EAAgB,GAChB,MAAAW,EACA,MAAAV,CACF,EAA2C,CACzC,OACEG,EAAA,cAACQ,EAAA,CAAoB,OAAQjB,GAC3BS,EAAA,cAACG,EAAA,CAAmB,WAAYC,GAC9BJ,EAAA,cAACP,EAAA,CACC,cAAeG,EACf,KAAMD,EACN,MAAOE,GAEPG,EAAA,cAACS,EAAA,CAAc,MAAOF,GAAQb,CAAS,CACzC,CACF,CACF,CAEJ,CArBgBQ,EAAAI,EAAA","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"]}

package/dist/remoteFlows-CswYencu.d.ts

@@ -0,0 +1,116 @@
+import { PropsWithChildren } from 'react';
+import { ControllerRenderProps, FieldValues, ControllerFieldState } from 'react-hook-form';
+import { AnySchema } from 'yup';
+
+type ThemeProviderProps = PropsWithChildren<{
+    theme?: Partial<{
+        colors: ThemeColors;
+        spacing: string;
+        borderRadius: string;
+        font: ThemeFont;
+    }>;
+}>;
+type ThemeColors = Partial<{
+    borderInput: string;
+    primaryBackground: string;
+    primaryForeground: string;
+    accentBackground: string;
+    accentForeground: string;
+    danger: string;
+    warningBackground: string;
+    warningBorder: string;
+}>;
+type ThemeFont = {
+    fontSizeBase: string;
+};
+
+type SupportedTypes = 'text' | 'number' | 'email' | 'select' | 'radio' | 'fieldset' | 'date' | 'checkbox' | 'textarea' | 'money' | 'file' | 'countries';
+
+type StatementProps = {
+    title?: string;
+    description: string;
+    severity: 'warning' | 'error' | 'success' | 'info' | 'neutral' | 'time';
+};
+
+type AuthResponse = {
+    accessToken: string;
+    expiresIn: number;
+};
+type JSFField = {
+    computedAttributes: Record<string, unknown>;
+    description: string;
+    errorMessage: Record<string, string>;
+    inputType: SupportedTypes;
+    isVisible: boolean;
+    jsonType: string;
+    label: string;
+    name: string;
+    required: boolean;
+    schema: AnySchema;
+    scopedJsonSchema: Record<string, unknown>;
+    type: string;
+    options?: Array<{
+        value: string;
+        label: string;
+        description?: string;
+    }>;
+    defaultValue?: string | number;
+    minDate?: string;
+    maxLength?: number;
+    multiple?: boolean;
+};
+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;
+    }>;
+} & {
+    statement?: React.ComponentType<{
+        data: StatementProps;
+    }>;
+};
+type RemoteFlowsSDKProps = Omit<ThemeProviderProps, 'children'> & {
+    /**
+     * Function to authenticate the user and obtain an access token.
+     * @returns A promise that resolves to an object containing the access token and its expiration time.
+     */
+    auth: () => Promise<AuthResponse>;
+    /**
+     * Components to override the default field components used in the SDK.
+     */
+    components?: Components;
+    /**
+     * Flag to indicate if the SDK is in testing mode and use the testing environment.
+     * If true, the SDK will use the testing environment for all API calls.
+     */
+    isTestingMode?: boolean;
+    proxy?: {
+        /**
+         * URL of the proxy server to use for API calls.
+         */
+        url: string;
+        /**
+         * Headers to include in the API requests.
+         */
+        headers?: {
+            [key: string]: string;
+        };
+    };
+};
+
+export type { Components as C, RemoteFlowsSDKProps as R };

package/dist/{types.gen-Dta9Iy5C.d.ts → types.gen-CsMdyQkb.d.ts}

@@ -162,6 +162,33 @@ type EmploymentShowResponse = {
         };
     };
 };
+/**
+ * Complete information of an employment
+ */
+type EmploymentBasicResponse = {
+    /**
+     * 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 `basic_information` as path parameters.
+     */
+    basic_information?: {
+        [key: string]: unknown;
+    };
+    company_id?: string;
+    country_code?: string;
+    created_at?: string;
+    employment_lifecycle_stage?: EmploymentLifecycleStage;
+    full_name?: string;
+    id?: UuidSlug;
+    job_title?: string;
+    personal_email?: string;
+    /**
+     * Required for employees, optional for contractors
+     */
+    provisional_start_date?: string;
+    type?: 'employee' | 'contractor';
+    updated_at?: string;
+};
 /**
  * Optional UTC date time in YYYY-MM-DDTHH:mm:ss format
  */
@@ -491,6 +518,11 @@ type OnboardingTasks = {
     personal_details: TaskDescription;
     pricing_plan_details: TaskDescription;
 };
+type EmploymentCreationResponse = {
+    data?: {
+        employment?: EmploymentBasicResponse;
+    };
+};
 /**
  * The status of employment
  */
@@ -502,6 +534,12 @@ type CostCalculatorEmployment = {
     region: MinimalRegion;
     regional_currency_costs: CostCalculatorCosts;
 };
+type UuidSlug = string;
+type SuccessResponse = {
+    data: {
+        status?: string;
+    };
+};
 type LeavePolicy = {
     leave_policy_variant_slug: string;
     leave_type: TimeoffType;
@@ -510,6 +548,9 @@ type LeavePolicy = {
 type TooManyRequestsResponse = {
     message?: string;
 };
+type ConflictResponse = {
+    message?: string;
+};
 /**
  * TimeoffDay schema
  */
@@ -687,7 +728,46 @@ type Timeoff = {
     timeoff_type: TimeoffType;
     timezone: Timezone;
 };
+/**
+ * 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 EmploymentCreateParams = {
+    /**
+     * 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;
+    };
+    /**
+     * This optional field is deprecated.
+     */
+    company_id?: string;
+    country_code: string;
+    /**
+     * 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;
+    /**
+     * If not provided, it will default to `employee`.
+     */
+    type?: 'employee' | 'contractor';
+};
 type TimeoffStatus = 'approved' | 'cancelled' | 'declined' | 'requested' | 'taken' | 'cancel_requested';
+type ForbiddenResponse = {
+    message: string;
+};
+/**
+ * Complete information of an employment
+ */
+type EmploymentResponse = {
+    data: {
+        employment?: Employment;
+    };
+};
 /**
  * Contract Amendment response
  */
@@ -723,6 +803,29 @@ type PostCreateOffboardingErrors = {
     500: RequestError;
 };
 type PostCreateOffboardingError = PostCreateOffboardingErrors[keyof PostCreateOffboardingErrors];
+type PostCreateEmployment2Errors = {
+    /**
+     * Bad Request
+     */
+    400: BadRequestResponse;
+    /**
+     * Unauthorized
+     */
+    401: UnauthorizedResponse;
+    /**
+     * Not Found
+     */
+    404: NotFoundResponse;
+    /**
+     * Unprocessable Entity
+     */
+    422: UnprocessableEntityResponse;
+    /**
+     * Too many requests
+     */
+    429: TooManyRequestsResponse;
+};
+type PostCreateEmployment2Error = PostCreateEmployment2Errors[keyof PostCreateEmployment2Errors];
 type PostCreateEstimationErrors = {
     /**
      * Not Found
@@ -734,6 +837,25 @@ type PostCreateEstimationErrors = {
     422: UnprocessableEntityResponse;
 };
 type PostCreateEstimationError = PostCreateEstimationErrors[keyof PostCreateEstimationErrors];
+type PutUpdateBenefitOfferErrors = {
+    /**
+     * Unauthorized
+     */
+    401: UnauthorizedResponse;
+    /**
+     * Forbidden
+     */
+    403: ForbiddenResponse;
+    /**
+     * Not Found
+     */
+    404: NotFoundResponse;
+    /**
+     * Unprocessable Entity
+     */
+    422: UnprocessableEntityResponse;
+};
+type PutUpdateBenefitOfferError = PutUpdateBenefitOfferErrors[keyof PutUpdateBenefitOfferErrors];
 type PostCreateEstimationPdfErrors = {
     /**
      * Not Found
@@ -760,6 +882,33 @@ type PostCreateContractAmendmentErrors = {
     422: UnprocessableEntityResponse;
 };
 type PostCreateContractAmendmentError = PostCreateContractAmendmentErrors[keyof PostCreateContractAmendmentErrors];
+type PatchUpdateEmployment2Errors = {
+    /**
+     * Bad Request
+     */
+    400: BadRequestResponse;
+    /**
+     * Unauthorized
+     */
+    401: UnauthorizedResponse;
+    /**
+     * Not Found
+     */
+    404: NotFoundResponse;
+    /**
+     * Conflict
+     */
+    409: ConflictResponse;
+    /**
+     * Unprocessable Entity
+     */
+    422: UnprocessableEntityResponse;
+    /**
+     * Too many requests
+     */
+    429: TooManyRequestsResponse;
+};
+type PatchUpdateEmployment2Error = PatchUpdateEmployment2Errors[keyof PatchUpdateEmployment2Errors];
 type PostAutomatableContractAmendmentErrors = {
     /**
      * Unauthorized
@@ -775,5 +924,24 @@ type PostAutomatableContractAmendmentErrors = {
     422: UnprocessableEntityResponse;
 };
 type PostAutomatableContractAmendmentError = PostAutomatableContractAmendmentErrors[keyof PostAutomatableContractAmendmentErrors];
+type PostInviteEmploymentInvitationErrors = {
+    /**
+     * Bad Request
+     */
+    400: BadRequestResponse;
+    /**
+     * Conflict
+     */
+    409: ConflictResponse;
+    /**
+     * Unprocessable Entity
+     */
+    422: UnprocessableEntityResponse;
+    /**
+     * Unprocessable Entity
+     */
+    429: TooManyRequestsResponse;
+};
+type PostInviteEmploymentInvitationError = PostInviteEmploymentInvitationErrors[keyof PostInviteEmploymentInvitationErrors];
 
-export type { ContractAmendmentAutomatableResponse as C, EmploymentShowResponse as E, ListTimeoffResponse as L, OffboardingResponse as O, PostAutomatableContractAmendmentError as P, 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, TimeoffStatus as j };
+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, EmploymentCreationResponse as c, PostCreateEmployment2Error as d, EmploymentResponse as e, PatchUpdateEmployment2Error as f, PutUpdateBenefitOfferError as g, PostInviteEmploymentInvitationError as h, EmploymentCreateParams as i, CostCalculatorEstimateResponse as j, PostCreateEstimationError as k, CostCalculatorEstimatePdfResponse as l, PostCreateEstimationPdfError as m, CostCalculatorEstimateParams as n, EmploymentTermType as o, PostCreateOffboardingError as p, TimeoffStatus as q };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remoteoss/remote-flows",
-  "version": "0.3.0",
+  "version": "0.4.0-alpha.1",
   "scripts": {
     "build": "NODE_ENV=production tsup",
     "ci": "npm run build && npm run check-format && npm run check-exports && npm run lint && npm run test",
@@ -53,7 +53,7 @@
     "@hey-api/client-fetch": "^0.8.1",
     "@hookform/resolvers": "^4.1.3",
     "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dialog": "^1.1.13",
     "@radix-ui/react-label": "^2.1.2",
     "@radix-ui/react-popover": "^1.1.6",
     "@radix-ui/react-radio-group": "^1.2.3",
@@ -69,6 +69,7 @@
     "@tanstack/react-query": "^5.67.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
     "date-fns": "^3.6.0",
     "dompurify": "^3.2.5",
     "lodash": "^4.17.21",

package/dist/chunk-2Y22JKVE.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-JODJFARP.js";import{a as m}from"./chunk-W5DG5WWJ.js";import{a as e}from"./chunk-VX2UC3HG.js";import{a as i}from"./chunk-XSHHMBMT.js";var p={employee_communication:o,termination_details:e,paid_time_off:m,additional_information:i};export{p as a};
-//# sourceMappingURL=chunk-2Y22JKVE.js.map

package/dist/chunk-3MAYMGXF.js

@@ -1,2 +0,0 @@
-import{a as v}from"./chunk-WJPC4J3U.js";import{a as S}from"./chunk-JRQSZHUU.js";import{a as l,b as g}from"./chunk-RCX4JUI3.js";import{c as P,f as b,j}from"./chunk-AG27JG4N.js";import{a as k}from"./chunk-S56EWAS4.js";import{d}from"./chunk-WRDKLT4N.js";import{a as w,c as A}from"./chunk-YBACB5A6.js";import{a as e}from"./chunk-AYDF3IFZ.js";import{createHeadlessForm as I,modify as R}from"@remoteoss/json-schema-form";import{useMutation as M,useQuery as J}from"@tanstack/react-query";var K=e(({countryCode:a,employment:t,fieldValues:i,options:n})=>{let{client:u}=d(),s=n?.jsonSchemaVersion?.contract_amendments?{json_schema_version:n.jsonSchemaVersion.contract_amendments}:{};return J({queryKey:["contract-amendment-schema"],retry:!1,queryFn:e(async()=>{let r=await P({client:u,headers:{Authorization:""},query:{employment_id:t?.data?.employment?.id,country_code:a,...s}});if(r.error||!r.data)throw new Error("Failed to fetch contract amendment schema");return r},"queryFn"),enabled:!!t,select:e(({data:r})=>{let c=r?.data||{};if(n&&n.jsfModify){let{schema:p}=R(c,n.jsfModify);c=p}let o={...i,annual_gross_salary:i?.annual_gross_salary?w(i?.annual_gross_salary):void 0},f=Object.keys(o).length>0;return I(c,{initialValues:f?o:g(t)})},"select")})},"useContractAmendmentSchemaQuery"),N=e(()=>{let{client:a}=d();return M({mutationFn:e(t=>b({client:a,headers:{Authorization:""},body:t}),"mutationFn")})},"useCreateContractAmendmentMutation"),U=e(()=>{let{client:a}=d();return M({mutationFn:e(t=>j({client:a,headers:{Authorization:""},body:t}),"mutationFn")})},"useAutomatableContractAmendmentMutation"),re=e(({employmentId:a,countryCode:t,options:i})=>{let{fieldValues:n,setFieldValues:u,stepState:s,nextStep:r,previousStep:c}=k(l),{data:o,isLoading:f,isError:V,error:p}=v({employmentId:a}),T=Object.keys(n).length===0&&Object.keys(s.values?.form||{}).length>0,{data:m,isLoading:L,isError:Q,error:q}=K({employment:o,countryCode:t,fieldValues:T?s.values?.form:n,options:i}),z=g(o,m?.fields),_=N(),F=U();async function O(y){let h=A(y,m?.fields||[],{isPartialValidation:!1}),E={employment_id:o?.data.employment?.id,amendment_contract_id:o?.data.employment?.active_contract_id,contract_amendment:{...h}};switch(s.currentStep.name){case l.form.name:{let{mutateAsync:C}=S(F),H=await C(E);return r(),H}case l.confirmation_form.name:{let{mutateAsync:C}=S(_);return C(E)}default:throw new Error("Invalid step state")}}e(O,"onSubmit");function x(y){if(m){let h=A(y,m?.fields);return m?.handleValidation(h)}return null}e(x,"handleValidation");function B(){c()}return e(B,"back"),{stepState:s,fields:m?.fields||[],isLoading:f||L,isError:V||Q,error:p||q,isSubmitting:F.isPending||_.isPending,initialValues:z,values:n,handleValidation:x,checkFieldUpdates:u,onSubmit:O,back:B}},"useContractAmendment");export{re as a};
-//# sourceMappingURL=chunk-3MAYMGXF.js.map