@gusto/embedded-react-sdk 0.8.0 → 0.8.2

package/dist/components/Employee/Taxes/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './Taxes';

package/dist/components/Employee/Taxes/useTaxes.js

@@ -7,11 +7,10 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "../../Base/useBase.js";
 import "dompurify";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [T, c] = o("TaxesContext");
+const [C, T] = o("TaxesContext");
 export {
-  c as TaxesProvider,
-  T as useTaxes
+  T as TaxesProvider,
+  C as useTaxes
 };
 //# sourceMappingURL=useTaxes.js.map

package/dist/components/Employee/Taxes/useTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTax } from '@gusto/embedded-api/models/components/employeestatetax'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTax[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}
+{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTax } from '@gusto/embedded-api/models/components/employeestatetax'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTax[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}

package/dist/components/Employee/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { EmployeeList } from './EmployeeList/EmployeeList';
 export { Deductions } from './Deductions';
 export { OnboardingSummary } from './OnboardingSummary';
@@ -6,4 +7,6 @@ export { Compensation } from './Compensation';
 export { Taxes } from './Taxes';
 export { PaymentMethod } from './PaymentMethod';
 export { Landing } from './Landing';
-export { DocumentSignerFlow } from './DocumentSigner';
+export { DocumentSigner } from './DocumentSigner';
+export { OnboardingFlow } from './OnboardingFlow/OnboardingFlow';
+export { SelfOnboardingFlow } from './SelfOnboardingFlow/SelfOnboardingFlow';

package/dist/components/Employee/index.js

@@ -1,21 +1,25 @@
 import { EmployeeList as e } from "./EmployeeList/EmployeeList.js";
-import { Deductions as t } from "./Deductions/Deductions.js";
-import { OnboardingSummary as f } from "./OnboardingSummary/OnboardingSummary.js";
-import { Profile as x } from "./Profile/Profile.js";
-import { Compensation as a } from "./Compensation/Compensation.js";
-import { Taxes as s } from "./Taxes/Taxes.js";
-import { PaymentMethod as l } from "./PaymentMethod/PaymentMethod.js";
-import { Landing as y } from "./Landing/Landing.js";
-import { DocumentSignerFlow as D } from "./DocumentSigner/DocumentSignerFlow.js";
+import { OnboardingFlow as t } from "./OnboardingFlow/OnboardingFlow.js";
+import { SelfOnboardingFlow as f } from "./SelfOnboardingFlow/SelfOnboardingFlow.js";
+import { Deductions as x } from "./Deductions/Deductions.js";
+import { OnboardingSummary as a } from "./OnboardingSummary/OnboardingSummary.js";
+import { Profile as g } from "./Profile/Profile.js";
+import { Compensation as s } from "./Compensation/Compensation.js";
+import { Taxes as u } from "./Taxes/Taxes.js";
+import { PaymentMethod as O } from "./PaymentMethod/PaymentMethod.js";
+import { Landing as c } from "./Landing/Landing.js";
+import { DocumentSigner as D } from "./DocumentSigner/DocumentSigner.js";
 export {
-  a as Compensation,
-  t as Deductions,
-  D as DocumentSignerFlow,
+  s as Compensation,
+  x as Deductions,
+  D as DocumentSigner,
   e as EmployeeList,
-  y as Landing,
-  f as OnboardingSummary,
-  l as PaymentMethod,
-  x as Profile,
-  s as Taxes
+  c as Landing,
+  t as OnboardingFlow,
+  a as OnboardingSummary,
+  O as PaymentMethod,
+  g as Profile,
+  f as SelfOnboardingFlow,
+  u as Taxes
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Employee/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/components/Flow/useFlow.d.ts

@@ -1,7 +1,8 @@
 import { OnEventType } from '../Base/useBase';
+import { CommonComponentInterface } from '../Base';
 import { EventType } from '../../shared/constants';
 export interface FlowContextInterface {
-    component: React.ComponentType | null;
+    component: React.ComponentType<CommonComponentInterface> | null;
     onEvent: OnEventType<EventType, unknown>;
     showProgress?: boolean;
     totalSteps?: number;

package/dist/components/Flow/useFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlow.js","sources":["../../../src/components/Flow/useFlow.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { OnEventType } from '../Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\nexport interface FlowContextInterface {\n  component: React.ComponentType | null\n  onEvent: OnEventType<EventType, unknown>\n  showProgress?: boolean\n  totalSteps?: number\n  currentStep?: number | null\n  defaultValues?: Record<string, unknown>\n}\n\nexport const FlowContext = createContext<FlowContextInterface | null>(null)\n\n//TODO: This is hiding the fact that the callsite for useFlow\n//  destructures a `companyId` that doesn't seem to exist\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters\nexport function useFlow<C extends FlowContextInterface>() {\n  // When used outside provider, this is expected to return undefined - consumers must fallback to params\n  const values = useContext<C>(FlowContext as unknown as React.Context<C>)\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!values) {\n    throw new Error('useFlow used outside provider')\n  }\n  return values\n}\n"],"names":["FlowContext","createContext","useFlow","values","useContext"],"mappings":";AAaa,MAAAA,IAAcC,EAA2C,IAAI;AAKnE,SAASC,IAA0C;AAElD,QAAAC,IAASC,EAAcJ,CAA0C;AAEvE,MAAI,CAACG;AACG,UAAA,IAAI,MAAM,+BAA+B;AAE1C,SAAAA;AACT;"}
+{"version":3,"file":"useFlow.js","sources":["../../../src/components/Flow/useFlow.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { OnEventType } from '../Base/useBase'\nimport type { CommonComponentInterface } from '../Base'\nimport type { EventType } from '@/shared/constants'\n\nexport interface FlowContextInterface {\n  component: React.ComponentType<CommonComponentInterface> | null\n  onEvent: OnEventType<EventType, unknown>\n  showProgress?: boolean\n  totalSteps?: number\n  currentStep?: number | null\n  defaultValues?: Record<string, unknown>\n}\n\nexport const FlowContext = createContext<FlowContextInterface | null>(null)\n\n//TODO: This is hiding the fact that the callsite for useFlow\n//  destructures a `companyId` that doesn't seem to exist\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters\nexport function useFlow<C extends FlowContextInterface>() {\n  // When used outside provider, this is expected to return undefined - consumers must fallback to params\n  const values = useContext<C>(FlowContext as unknown as React.Context<C>)\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!values) {\n    throw new Error('useFlow used outside provider')\n  }\n  return values\n}\n"],"names":["FlowContext","createContext","useFlow","values","useContext"],"mappings":";AAca,MAAAA,IAAcC,EAA2C,IAAI;AAKnE,SAASC,IAA0C;AAElD,QAAAC,IAASC,EAAcJ,CAA0C;AAEvE,MAAI,CAACG;AACG,UAAA,IAAI,MAAM,+BAA+B;AAE1C,SAAAA;AACT;"}

package/dist/components/index.d.ts

@@ -1,3 +1,3 @@
+import "./types/i18next.d.ts"
 export * as Company from './Company';
 export * as Employee from './Employee';
-export * as Flows from './Flow';

package/dist/contexts/ApiProvider/ApiProvider.d.ts

@@ -0,0 +1,5 @@
+export declare function ApiProvider({ url, headers, children, }: {
+    url: string;
+    headers?: HeadersInit;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/contexts/ApiProvider/ApiProvider.js

@@ -0,0 +1,34 @@
+import { jsx as s } from "react/jsx-runtime";
+import { QueryClient as u, QueryClientProvider as a } from "@tanstack/react-query";
+import { GustoEmbeddedProvider as l } from "@gusto/embedded-api/react-query/_context";
+import { GustoEmbeddedCore as p } from "@gusto/embedded-api/core";
+import { HTTPClient as C } from "@gusto/embedded-api/lib/http";
+import { useMemo as r } from "react";
+function E({
+  url: n,
+  headers: t,
+  children: d
+}) {
+  const o = r(
+    () => new C({
+      fetcher: async (e) => (e instanceof Request && t && new Headers(t).forEach((i, m) => {
+        i && e.headers.set(m, i);
+      }), fetch(e))
+    }),
+    [t]
+  ), c = r(
+    () => new p({
+      serverURL: n,
+      httpClient: o
+    }),
+    [o, n]
+  ), f = r(() => {
+    const e = new u();
+    return e.setQueryDefaults(["@gusto/embedded-api"], { retry: !1 }), e.setMutationDefaults(["@gusto/embedded-api"], { retry: !1 }), e;
+  }, []);
+  return /* @__PURE__ */ s(a, { client: f, children: /* @__PURE__ */ s(l, { client: c, children: d }) });
+}
+export {
+  E as ApiProvider
+};
+//# sourceMappingURL=ApiProvider.js.map

package/dist/contexts/ApiProvider/ApiProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiProvider.js","sources":["../../../src/contexts/ApiProvider/ApiProvider.tsx"],"sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { GustoEmbeddedProvider } from '@gusto/embedded-api/react-query/_context'\nimport { GustoEmbeddedCore } from '@gusto/embedded-api/core'\nimport { HTTPClient } from '@gusto/embedded-api/lib/http'\nimport { useMemo } from 'react'\n\nexport function ApiProvider({\n  url,\n  headers,\n  children,\n}: {\n  url: string\n  headers?: HeadersInit\n  children: React.ReactNode\n}) {\n  const httpClientWithHeaders = useMemo(\n    () =>\n      new HTTPClient({\n        fetcher: async request => {\n          if (request instanceof Request && headers) {\n            const headersInstance = new Headers(headers)\n            headersInstance.forEach((headerValue, headerName) => {\n              if (headerValue) {\n                request.headers.set(headerName, headerValue)\n              }\n            })\n          }\n\n          return fetch(request)\n        },\n      }),\n    [headers],\n  )\n\n  const gustoClient = useMemo(\n    () =>\n      new GustoEmbeddedCore({\n        serverURL: url,\n        httpClient: httpClientWithHeaders,\n      }),\n    [httpClientWithHeaders, url],\n  )\n\n  const queryClient = useMemo(() => {\n    const client = new QueryClient()\n    client.setQueryDefaults(['@gusto/embedded-api'], { retry: false })\n    client.setMutationDefaults(['@gusto/embedded-api'], { retry: false })\n\n    return client\n  }, [])\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <GustoEmbeddedProvider client={gustoClient}>{children}</GustoEmbeddedProvider>\n    </QueryClientProvider>\n  )\n}\n"],"names":["ApiProvider","url","headers","children","httpClientWithHeaders","useMemo","HTTPClient","request","headerValue","headerName","gustoClient","GustoEmbeddedCore","queryClient","client","QueryClient","jsx","QueryClientProvider","GustoEmbeddedProvider"],"mappings":";;;;;;AAMO,SAASA,EAAY;AAAA,EAC1B,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,GAIG;AACD,QAAMC,IAAwBC;AAAA,IAC5B,MACE,IAAIC,EAAW;AAAA,MACb,SAAS,OAAMC,OACTA,aAAmB,WAAWL,KACR,IAAI,QAAQA,CAAO,EAC3B,QAAQ,CAACM,GAAaC,MAAe;AACnD,QAAID,KACMD,EAAA,QAAQ,IAAIE,GAAYD,CAAW;AAAA,MAC7C,CACD,GAGI,MAAMD,CAAO;AAAA,IACtB,CACD;AAAA,IACH,CAACL,CAAO;AAAA,EACV,GAEMQ,IAAcL;AAAA,IAClB,MACE,IAAIM,EAAkB;AAAA,MACpB,WAAWV;AAAA,MACX,YAAYG;AAAA,IAAA,CACb;AAAA,IACH,CAACA,GAAuBH,CAAG;AAAA,EAC7B,GAEMW,IAAcP,EAAQ,MAAM;AAC1B,UAAAQ,IAAS,IAAIC,EAAY;AAC/B,WAAAD,EAAO,iBAAiB,CAAC,qBAAqB,GAAG,EAAE,OAAO,IAAO,GACjEA,EAAO,oBAAoB,CAAC,qBAAqB,GAAG,EAAE,OAAO,IAAO,GAE7DA;AAAA,EACT,GAAG,EAAE;AAGH,SAAA,gBAAAE,EAACC,KAAoB,QAAQJ,GAC3B,4BAACK,GAAsB,EAAA,QAAQP,GAAc,UAAAP,EAAA,CAAS,EACxD,CAAA;AAEJ;"}

package/dist/contexts/GustoApiProvider/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 /** @deprecated Import from `GustoProvider` instead */
 export * from '../GustoProvider';

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.d.ts

@@ -1,17 +1,12 @@
 import { default as React } from 'react';
-import { CustomTypeOptions } from 'i18next';
 import { QueryClient } from '@tanstack/react-query';
 import { ComponentsContextType } from '../ComponentAdapter/useComponentContext';
 import { GTheme } from '../../types/GTheme';
-import { DeepPartial } from '../../types/Helpers';
+import { DeepPartial, ResourceDictionary } from '../../types/Helpers';
 interface APIConfig {
     baseUrl: string;
-    headers?: Record<string, string | number>;
+    headers?: HeadersInit;
 }
-type Resources = CustomTypeOptions['resources'];
-export type ResourceDictionary = Record<string, Partial<{
-    [K in keyof Resources]: DeepPartial<Resources[K]>;
-}>>;
 export interface GustoProviderProps {
     config: APIConfig;
     dictionary?: ResourceDictionary;

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -1,39 +1,41 @@
 import { jsx as r } from "react/jsx-runtime";
-import { ErrorBoundary as s } from "react-error-boundary";
-import { I18nextProvider as u } from "react-i18next";
-import { ReactSDKProvider as h } from "@gusto/embedded-api/ReactSDKProvider";
-import { useEffect as v } from "react";
-import { ComponentsProvider as g } from "../ComponentAdapter/ComponentsProvider.js";
-import { SDKI18next as t } from "./SDKI18next.js";
-import { InternalError as P } from "../../components/Common/InternalError/InternalError.js";
-import { LocaleProvider as x } from "../LocaleProvider/LocaleProvider.js";
-import { ThemeProvider as y } from "../ThemeProvider/ThemeProvider.js";
-const R = (m) => {
+import { ErrorBoundary as u } from "react-error-boundary";
+import { I18nextProvider as h } from "react-i18next";
+import { useEffect as g } from "react";
+import { ComponentsProvider as v } from "../ComponentAdapter/ComponentsProvider.js";
+import { ApiProvider as P } from "../ApiProvider/ApiProvider.js";
+import { SDKI18next as i } from "./SDKI18next.js";
+import { InternalError as x } from "../../components/Common/InternalError/InternalError.js";
+import { LocaleProvider as y } from "../LocaleProvider/LocaleProvider.js";
+import { ThemeProvider as I } from "../ThemeProvider/ThemeProvider.js";
+const k = (c) => {
   const {
-    children: c,
-    config: a,
+    children: a,
+    config: t,
     dictionary: o,
     lng: e = "en",
     locale: d = "en-US",
     currency: l = "USD",
-    theme: f,
-    components: p
-  } = m;
+    theme: s,
+    components: f
+  } = c;
   if (o)
-    for (const n in o)
-      for (const i in o[n])
-        t.addResourceBundle(
+    for (const p in o) {
+      const n = p;
+      for (const m in o[n])
+        i.addResourceBundle(
           n,
-          i,
-          o[n][i],
+          m,
+          o[n][m],
           !0,
           !0
         );
-  return v(() => {
-    (async () => await t.changeLanguage(e))();
-  }, [e]), /* @__PURE__ */ r(g, { value: p, children: /* @__PURE__ */ r(s, { FallbackComponent: P, children: /* @__PURE__ */ r(y, { theme: f, children: /* @__PURE__ */ r(x, { locale: d, currency: l, children: /* @__PURE__ */ r(u, { i18n: t, children: /* @__PURE__ */ r(h, { url: a.baseUrl, children: c }) }, e) }) }) }) });
+    }
+  return g(() => {
+    (async () => await i.changeLanguage(e))();
+  }, [e]), /* @__PURE__ */ r(v, { value: f, children: /* @__PURE__ */ r(u, { FallbackComponent: x, children: /* @__PURE__ */ r(I, { theme: s, children: /* @__PURE__ */ r(y, { locale: d, currency: l, children: /* @__PURE__ */ r(h, { i18n: i, children: /* @__PURE__ */ r(P, { url: t.baseUrl, headers: t.headers, children: a }) }, e) }) }) }) });
 };
 export {
-  R as GustoProviderCustomUIAdapter
+  k as GustoProviderCustomUIAdapter
 };
 //# sourceMappingURL=GustoProviderCustomUIAdapter.js.map

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport { ReactSDKProvider } from '@gusto/embedded-api/ReactSDKProvider'\nimport type { CustomTypeOptions } from 'i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GTheme } from '@/types/GTheme'\nimport type { DeepPartial } from '@/types/Helpers'\n\ninterface APIConfig {\n  baseUrl: string\n  headers?: Record<string, string | number>\n}\n\ntype Resources = CustomTypeOptions['resources']\n\nexport type ResourceDictionary = Record<\n  string,\n  Partial<{ [K in keyof Resources]: DeepPartial<Resources[K]> }>\n>\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: DeepPartial<GTheme>\n  queryClient?: QueryClient\n  components: ComponentsContextType\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      for (const ns in dictionary[language]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n        SDKI18next.addResourceBundle(\n          language,\n          ns,\n          (dictionary[language] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={components}>\n      <ErrorBoundary FallbackComponent={InternalError}>\n        <ThemeProvider theme={theme}>\n          <LocaleProvider locale={locale} currency={currency}>\n            <I18nextProvider i18n={SDKI18next} key={lng}>\n              <ReactSDKProvider url={config.baseUrl}>{children}</ReactSDKProvider>\n            </I18nextProvider>\n          </LocaleProvider>\n        </ThemeProvider>\n      </ErrorBoundary>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","language","ns","SDKI18next","useEffect","jsx","ComponentsProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ReactSDKProvider"],"mappings":";;;;;;;;;;AA8CA,MAAMA,IAA4E,CAASC,MAAA;AACnF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACER;AAGJ,MAAIG;AACF,eAAWM,KAAYN;AACV,iBAAAO,KAAMP,EAAWM,CAAQ;AAEvB,QAAAE,EAAA;AAAA,UACTF;AAAA,UACAC;AAAA,UACCP,EAAWM,CAAQ,EAA8BC,CAAE;AAAA,UACpD;AAAA,UACA;AAAA,QACF;AAMN,SAAAE,EAAU,MAAM;AACd,KAAM,YACE,MAAAD,EAAW,eAAeP,CAAG;AAAA,EAClC,GACF,CAACA,CAAG,CAAC,GAGL,gBAAAS,EAAAC,GAAA,EAAmB,OAAON,GACzB,UAAC,gBAAAK,EAAAE,GAAA,EAAc,mBAAmBC,GAChC,UAAC,gBAAAH,EAAAI,GAAA,EAAc,OAAAV,GACb,UAAA,gBAAAM,EAACK,KAAe,QAAAb,GAAgB,UAAAC,GAC9B,UAAC,gBAAAO,EAAAM,GAAA,EAAgB,MAAMR,GACrB,UAAC,gBAAAE,EAAAO,GAAA,EAAiB,KAAKlB,EAAO,SAAU,UAAAD,EAAA,CAAS,EADX,GAAAG,CAExC,GACF,EAAA,CACF,EACF,CAAA,GACF;AAEJ;"}
+{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GTheme } from '@/types/GTheme'\nimport type { DeepPartial, ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\n\ninterface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: DeepPartial<GTheme>\n  queryClient?: QueryClient\n  components: ComponentsContextType\n}\n\nexport interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {\n  children?: React.ReactNode\n}\n\n/**\n * A provider that accepts UI component adapters through the components prop\n */\nconst GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps> = props => {\n  const {\n    children,\n    config,\n    dictionary,\n    lng = 'en',\n    locale = 'en-US',\n    currency = 'USD',\n    theme,\n    components,\n  } = props\n\n  // Handle dictionary resources\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\n        // Adding resources overrides to i18next instance - initial load will override common namespace and add component specific dictionaries provided by partners\n        SDKI18next.addResourceBundle(\n          lang,\n          ns,\n          (dictionary[lang] as Record<string, unknown>)[ns],\n          true,\n          true,\n        )\n      }\n    }\n  }\n\n  // Handle language change\n  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  return (\n    <ComponentsProvider value={components}>\n      <ErrorBoundary FallbackComponent={InternalError}>\n        <ThemeProvider theme={theme}>\n          <LocaleProvider locale={locale} currency={currency}>\n            <I18nextProvider i18n={SDKI18next} key={lng}>\n              <ApiProvider url={config.baseUrl} headers={config.headers}>\n                {children}\n              </ApiProvider>\n            </I18nextProvider>\n          </LocaleProvider>\n        </ThemeProvider>\n      </ErrorBoundary>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","language","lang","ns","SDKI18next","useEffect","jsx","ComponentsProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;AAsCA,MAAMA,IAA4E,CAASC,MAAA;AACnF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACER;AAGJ,MAAIG;AACF,eAAWM,KAAYN,GAAY;AACjC,YAAMO,IAAOD;AACF,iBAAAE,KAAMR,EAAWO,CAAI;AAEnB,QAAAE,EAAA;AAAA,UACTF;AAAA,UACAC;AAAA,UACCR,EAAWO,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QACF;AAAA,IACF;AAKJ,SAAAE,EAAU,MAAM;AACd,KAAM,YACE,MAAAD,EAAW,eAAeR,CAAG;AAAA,EAClC,GACF,CAACA,CAAG,CAAC,GAGL,gBAAAU,EAAAC,GAAA,EAAmB,OAAOP,GACzB,4BAACQ,GAAc,EAAA,mBAAmBC,GAChC,UAAA,gBAAAH,EAACI,GAAc,EAAA,OAAAX,GACb,UAAC,gBAAAO,EAAAK,GAAA,EAAe,QAAAd,GAAgB,UAAAC,GAC9B,UAAA,gBAAAQ,EAACM,GAAgB,EAAA,MAAMR,GACrB,UAAA,gBAAAE,EAACO,GAAY,EAAA,KAAKnB,EAAO,SAAS,SAASA,EAAO,SAC/C,UAAAD,GACH,EAHsC,GAAAG,CAIxC,GACF,EAAA,CACF,EACF,CAAA,GACF;AAEJ;"}

package/dist/contexts/GustoProvider/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { GustoProvider, GustoApiProvider } from './GustoProvider';
 export { SDKI18next } from './SDKI18next';
-export { GustoProviderCustomUIAdapter, type ResourceDictionary, } from './GustoProviderCustomUIAdapter';
+export { GustoProviderCustomUIAdapter } from './GustoProviderCustomUIAdapter';

package/dist/contexts/LocaleProvider/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { LocaleProvider } from './LocaleProvider';
 export { useLocale, type LocaleProps } from './useLocale';

package/dist/contexts/ThemeProvider/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { ThemeProvider, type ThemeProviderProps } from './ThemeProvider';
 export { useTheme } from './useTheme';
 export { render } from './customRender';

package/dist/contexts/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { GustoApiProvider } from './GustoApiProvider';
 export { GustoProvider, GustoProviderCustomUIAdapter } from './GustoProvider';
 export type { ComponentsContextType } from './ComponentAdapter/useComponentContext';

package/dist/helpers/validations.d.ts

@@ -1,7 +1,8 @@
+import { z } from 'zod';
 export declare const NAME_REGEX: RegExp;
-export declare const nameValidation: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').NonEmptyAction<string, undefined>, import('valibot').RegexAction<string, undefined>]>;
-export declare const zipValidation: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').CheckAction<string, undefined>]>;
+export declare const nameValidation: z.ZodString;
+export declare const zipValidation: z.ZodEffects<z.ZodString, string, string>;
 export declare const SSN_REGEX: RegExp;
-export declare const phoneValidation: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').TransformAction<string, string>, import('valibot').CheckAction<string, undefined>]>;
-export declare const routingNumberValidation: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').RegexAction<string, undefined>]>;
-export declare const accountNumberValidation: import('valibot').SchemaWithPipe<[import('valibot').StringSchema<undefined>, import('valibot').RegexAction<string, undefined>]>;
+export declare const phoneValidation: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
+export declare const routingNumberValidation: z.ZodString;
+export declare const accountNumberValidation: z.ZodString;

package/dist/helpers/validations.js

@@ -1,21 +1,14 @@
-import { pipe as t, string as n, nonEmpty as r, regex as i, check as a, transform as s } from "valibot";
-import { formatWithMask as e, commonMasks as m } from "./mask.js";
-import { removeNonDigits as c } from "./formattedStrings.js";
-const d = /^([a-zA-Z\xC0-\uFFFF]+([ \-']{0,1}[a-zA-Z\xC0-\uFFFF]+)*[.]{0,1}){1,2}$/, l = t(n(), r(), i(d)), E = t(
-  n(),
-  a((o) => /(^\d{5}$)|(^\d{5}-\d{4}$)/.test(o))
-), $ = /^(?!(000|666|9))\d{3}(?!00)\d{2}(?!0000)\d{4}$/, f = t(
-  n(),
-  s((o) => e(o, m.phoneMask)),
-  a((o) => c(o).length === 10)
-), h = t(n(), i(/^[0-9]{9}$/)), N = t(n(), i(/^[0-9]{9,18}$/));
+import { z as n } from "zod";
+import { formatWithMask as i, commonMasks as o } from "./mask.js";
+import { removeNonDigits as r } from "./formattedStrings.js";
+const s = /^([a-zA-Z\xC0-\uFFFF]+([ \-']{0,1}[a-zA-Z\xC0-\uFFFF]+)*[.]{0,1}){1,2}$/, g = n.string().min(1).regex(s), c = n.string().refine((t) => /(^\d{5}$)|(^\d{5}-\d{4}$)/.test(t)), F = /^(?!(000|666|9))\d{3}(?!00)\d{2}(?!0000)\d{4}$/, f = n.string().transform((t) => i(t, o.phoneMask)).refine((t) => r(t).length === 10), p = n.string().regex(/^[0-9]{9}$/), u = n.string().regex(/^[0-9]{9,18}$/);
 export {
-  d as NAME_REGEX,
-  $ as SSN_REGEX,
-  N as accountNumberValidation,
-  l as nameValidation,
+  s as NAME_REGEX,
+  F as SSN_REGEX,
+  u as accountNumberValidation,
+  g as nameValidation,
   f as phoneValidation,
-  h as routingNumberValidation,
-  E as zipValidation
+  p as routingNumberValidation,
+  c as zipValidation
 };
 //# sourceMappingURL=validations.js.map

package/dist/helpers/validations.js.map

@@ -1 +1 @@
-{"version":3,"file":"validations.js","sources":["../../src/helpers/validations.ts"],"sourcesContent":["import { check, nonEmpty, pipe, regex, string, transform } from 'valibot'\nimport { commonMasks, formatWithMask } from './mask'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\n\nexport const NAME_REGEX = /^([a-zA-Z\\xC0-\\uFFFF]+([ \\-']{0,1}[a-zA-Z\\xC0-\\uFFFF]+)*[.]{0,1}){1,2}$/\n\nexport const nameValidation = pipe(string(), nonEmpty(), regex(NAME_REGEX))\n\nexport const zipValidation = pipe(\n  string(),\n  check(zip => /(^\\d{5}$)|(^\\d{5}-\\d{4}$)/.test(zip)),\n)\n\nexport const SSN_REGEX = /^(?!(000|666|9))\\d{3}(?!00)\\d{2}(?!0000)\\d{4}$/\n\nexport const phoneValidation = pipe(\n  string(),\n  transform(value => formatWithMask(value, commonMasks.phoneMask)),\n  check(phone => {\n    const digits = removeNonDigits(phone)\n    return digits.length === 10\n  }),\n)\n\nexport const routingNumberValidation = pipe(string(), regex(/^[0-9]{9}$/))\nexport const accountNumberValidation = pipe(string(), regex(/^[0-9]{9,18}$/))\n"],"names":["NAME_REGEX","nameValidation","pipe","string","nonEmpty","regex","zipValidation","check","zip","SSN_REGEX","phoneValidation","transform","value","formatWithMask","commonMasks","phone","removeNonDigits","routingNumberValidation","accountNumberValidation"],"mappings":";;;AAIO,MAAMA,IAAa,2EAEbC,IAAiBC,EAAKC,EAAO,GAAGC,EAAY,GAAAC,EAAML,CAAU,CAAC,GAE7DM,IAAgBJ;AAAA,EAC3BC,EAAO;AAAA,EACPI,EAAM,CAAAC,MAAO,4BAA4B,KAAKA,CAAG,CAAC;AACpD,GAEaC,IAAY,kDAEZC,IAAkBR;AAAA,EAC7BC,EAAO;AAAA,EACPQ,EAAU,CAASC,MAAAC,EAAeD,GAAOE,EAAY,SAAS,CAAC;AAAA,EAC/DP,EAAM,CAASQ,MACEC,EAAgBD,CAAK,EACtB,WAAW,EAC1B;AACH,GAEaE,IAA0Bf,EAAKC,KAAUE,EAAM,YAAY,CAAC,GAC5Da,IAA0BhB,EAAKC,KAAUE,EAAM,eAAe,CAAC;"}
+{"version":3,"file":"validations.js","sources":["../../src/helpers/validations.ts"],"sourcesContent":["import { z } from 'zod'\nimport { commonMasks, formatWithMask } from './mask'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\n\nexport const NAME_REGEX = /^([a-zA-Z\\xC0-\\uFFFF]+([ \\-']{0,1}[a-zA-Z\\xC0-\\uFFFF]+)*[.]{0,1}){1,2}$/\n\nexport const nameValidation = z.string().min(1).regex(NAME_REGEX)\n\nexport const zipValidation = z.string().refine(zip => /(^\\d{5}$)|(^\\d{5}-\\d{4}$)/.test(zip))\n\nexport const SSN_REGEX = /^(?!(000|666|9))\\d{3}(?!00)\\d{2}(?!0000)\\d{4}$/\n\nexport const phoneValidation = z\n  .string()\n  .transform(value => formatWithMask(value, commonMasks.phoneMask))\n  .refine(phone => {\n    const digits = removeNonDigits(phone)\n    return digits.length === 10\n  })\n\nexport const routingNumberValidation = z.string().regex(/^[0-9]{9}$/)\nexport const accountNumberValidation = z.string().regex(/^[0-9]{9,18}$/)\n"],"names":["NAME_REGEX","nameValidation","z","zipValidation","zip","SSN_REGEX","phoneValidation","value","formatWithMask","commonMasks","phone","removeNonDigits","routingNumberValidation","accountNumberValidation"],"mappings":";;;AAIO,MAAMA,IAAa,2EAEbC,IAAiBC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAMF,CAAU,GAEnDG,IAAgBD,EAAE,SAAS,OAAO,CAAOE,MAAA,4BAA4B,KAAKA,CAAG,CAAC,GAE9EC,IAAY,kDAEZC,IAAkBJ,EAC5B,OAAO,EACP,UAAU,CAAAK,MAASC,EAAeD,GAAOE,EAAY,SAAS,CAAC,EAC/D,OAAO,CAASC,MACAC,EAAgBD,CAAK,EACtB,WAAW,EAC1B,GAEUE,IAA0BV,EAAE,OAAO,EAAE,MAAM,YAAY,GACvDW,IAA0BX,EAAE,OAAO,EAAE,MAAM,eAAe;"}

package/dist/hooks/useForkRef/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { useForkRef } from './useForkRef';

package/dist/i18n/I18n.d.ts

@@ -1,7 +1,9 @@
 import { CustomTypeOptions } from 'i18next';
+import { ResourceDictionary, Resources } from '../types/Helpers';
 export declare const defaultNS = "common";
 /**
  * Hook that allows component to load custom dictionary
  * @param @private {string} ns - Namespace - should match component name exactly - not exposed to consumers
  */
 export declare const useI18n: (ns: keyof CustomTypeOptions["resources"] | null) => void;
+export declare const useComponentDictionary: <K extends keyof Resources>(ns: keyof CustomTypeOptions["resources"], resource?: ResourceDictionary<K> | null) => void;

package/dist/i18n/I18n.js

@@ -1,35 +1,41 @@
-import a from "../_virtual/dynamic-import-helper.js";
-import { useTranslation as p } from "react-i18next";
+import p from "../_virtual/dynamic-import-helper.js";
+import { useTranslation as m } from "react-i18next";
 import { LRUCache as l } from "../helpers/LRUCache.js";
-const g = "common", s = new l(50), c = ({ lng: n = "en", ns: e }) => {
-  let o = !0, r = !1, t;
-  const m = (async () => {
+const g = "common", s = new l(50), c = ({ lng: n = "en", ns: o }) => {
+  let e = !0, t = !1, r;
+  const i = (async () => {
     try {
-      t = (await a(/* @__PURE__ */ Object.assign({ "./en/Company.AddBank.json": () => import("./en/Company.AddBank.json.js"), "./en/Company.Addresses.json": () => import("./en/Company.Addresses.json.js"), "./en/Company.AssignSignatory.json": () => import("./en/Company.AssignSignatory.json.js"), "./en/Company.BankAccount.json": () => import("./en/Company.BankAccount.json.js"), "./en/Company.DocumentList.json": () => import("./en/Company.DocumentList.json.js"), "./en/Company.FederalTaxes.json": () => import("./en/Company.FederalTaxes.json.js"), "./en/Company.Industry.json": () => import("./en/Company.Industry.json.js"), "./en/Company.Locations.json": () => import("./en/Company.Locations.json.js"), "./en/Company.OnboardingOverview.json": () => import("./en/Company.OnboardingOverview.json.js"), "./en/Company.PaySchedule.json": () => import("./en/Company.PaySchedule.json.js"), "./en/Company.SignatureForm.json": () => import("./en/Company.SignatureForm.json.js"), "./en/Company.StateTaxes.json": () => import("./en/Company.StateTaxes.json.js"), "./en/Employee.BankAccount.json": () => import("./en/Employee.BankAccount.json.js"), "./en/Employee.Compensation.json": () => import("./en/Employee.Compensation.json.js"), "./en/Employee.Deductions.json": () => import("./en/Employee.Deductions.json.js"), "./en/Employee.DocumentSigner.json": () => import("./en/Employee.DocumentSigner.json.js"), "./en/Employee.EmployeeList.json": () => import("./en/Employee.EmployeeList.json.js"), "./en/Employee.HomeAddress.json": () => import("./en/Employee.HomeAddress.json.js"), "./en/Employee.Landing.json": () => import("./en/Employee.Landing.json.js"), "./en/Employee.OnboardingSummary.json": () => import("./en/Employee.OnboardingSummary.json.js"), "./en/Employee.PaySchedules.json": () => import("./en/Employee.PaySchedules.json.js"), "./en/Employee.PaymentMethod.json": () => import("./en/Employee.PaymentMethod.json.js"), "./en/Employee.Profile.json": () => import("./en/Employee.Profile.json.js"), "./en/Employee.SplitPaycheck.json": () => import("./en/Employee.SplitPaycheck.json.js"), "./en/Employee.StateTaxes.json": () => import("./en/Employee.StateTaxes.json.js"), "./en/Employee.Taxes.json": () => import("./en/Employee.Taxes.json.js"), "./en/Payroll.PayrollHistoryList.json": () => import("./en/Payroll.PayrollHistoryList.json.js"), "./en/Payroll.PayrollSchedule.json": () => import("./en/Payroll.PayrollSchedule.json.js"), "./en/common.json": () => import("./en/common.json.js") }), `./${n}/${e}.json`, 3)).default, o = !1;
+      r = (await p(/* @__PURE__ */ Object.assign({ "./en/Company.AddBank.json": () => import("./en/Company.AddBank.json.js"), "./en/Company.Addresses.json": () => import("./en/Company.Addresses.json.js"), "./en/Company.AssignSignatory.json": () => import("./en/Company.AssignSignatory.json.js"), "./en/Company.BankAccount.json": () => import("./en/Company.BankAccount.json.js"), "./en/Company.DocumentList.json": () => import("./en/Company.DocumentList.json.js"), "./en/Company.FederalTaxes.json": () => import("./en/Company.FederalTaxes.json.js"), "./en/Company.Industry.json": () => import("./en/Company.Industry.json.js"), "./en/Company.Locations.json": () => import("./en/Company.Locations.json.js"), "./en/Company.OnboardingOverview.json": () => import("./en/Company.OnboardingOverview.json.js"), "./en/Company.PaySchedule.json": () => import("./en/Company.PaySchedule.json.js"), "./en/Company.SignatureForm.json": () => import("./en/Company.SignatureForm.json.js"), "./en/Company.StateTaxes.json": () => import("./en/Company.StateTaxes.json.js"), "./en/Employee.BankAccount.json": () => import("./en/Employee.BankAccount.json.js"), "./en/Employee.Compensation.json": () => import("./en/Employee.Compensation.json.js"), "./en/Employee.Deductions.json": () => import("./en/Employee.Deductions.json.js"), "./en/Employee.DocumentSigner.json": () => import("./en/Employee.DocumentSigner.json.js"), "./en/Employee.EmployeeList.json": () => import("./en/Employee.EmployeeList.json.js"), "./en/Employee.HomeAddress.json": () => import("./en/Employee.HomeAddress.json.js"), "./en/Employee.Landing.json": () => import("./en/Employee.Landing.json.js"), "./en/Employee.OnboardingSummary.json": () => import("./en/Employee.OnboardingSummary.json.js"), "./en/Employee.PaySchedules.json": () => import("./en/Employee.PaySchedules.json.js"), "./en/Employee.PaymentMethod.json": () => import("./en/Employee.PaymentMethod.json.js"), "./en/Employee.Profile.json": () => import("./en/Employee.Profile.json.js"), "./en/Employee.SplitPaycheck.json": () => import("./en/Employee.SplitPaycheck.json.js"), "./en/Employee.StateTaxes.json": () => import("./en/Employee.StateTaxes.json.js"), "./en/Employee.Taxes.json": () => import("./en/Employee.Taxes.json.js"), "./en/Payroll.PayrollHistoryList.json": () => import("./en/Payroll.PayrollHistoryList.json.js"), "./en/Payroll.PayrollSchedule.json": () => import("./en/Payroll.PayrollSchedule.json.js"), "./en/common.json": () => import("./en/common.json.js") }), `./${n}/${o}.json`, 3)).default, e = !1;
     } catch {
-      r = !0, o = !1;
+      t = !0, e = !1;
     }
   })();
   return () => {
-    if (o)
-      throw m;
-    if (r)
-      throw new Error(`Error loading translation for component: ${e}`);
-    return t;
+    if (e)
+      throw i;
+    if (t)
+      throw new Error(`Error loading translation for component: ${o}`);
+    return r;
   };
-}, E = (n) => {
-  const { i18n: e } = p();
+}, f = (n) => {
+  const { i18n: o } = m();
   if (!n) return;
-  const o = `${e.resolvedLanguage}:${n}`;
-  s.get(o) === null && s.put(o, c({ lng: e.resolvedLanguage, ns: n }));
-  const r = s.get(o);
-  if (r) {
-    const t = r();
-    e.addResourceBundle(e.resolvedLanguage ?? "en", n, t, !0, !1);
+  const e = `${o.resolvedLanguage}:${n}`;
+  s.get(e) === null && s.put(e, c({ lng: o.resolvedLanguage, ns: n }));
+  const t = s.get(e);
+  if (t) {
+    const r = t();
+    o.addResourceBundle(o.resolvedLanguage ?? "en", n, r, !0, !1);
   }
+}, E = (n, o) => {
+  const { i18n: e } = m();
+  if (o)
+    for (const t in o)
+      e.addResourceBundle(t, n, o[t], !0, !0);
 };
 export {
   g as defaultNS,
-  E as useI18n
+  E as useComponentDictionary,
+  f as useI18n
 };
 //# sourceMappingURL=I18n.js.map

package/dist/i18n/I18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"I18n.js","sources":["../../src/i18n/I18n.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { CustomTypeOptions } from 'i18next'\nimport { LRUCache } from '@/helpers/LRUCache'\n\nexport const defaultNS = 'common'\n\n//LRU cache holding requested resources\nconst resourceCache = new LRUCache(50)\n/**\n * Dynamic loading of translation resources - works with Suspence to prevent early access to loadable strings\n * @param lng(string): resource language\n * @param ns(string): Namespace/name of the component/resource\n * @returns Promise<Translation resource>\n */\nconst loadResource = ({ lng = 'en', ns }: { ns: string; lng?: string }) => {\n  let isLoading = true\n  let isError = false\n  let resource: Record<string, string>\n\n  const importResources = async () => {\n    try {\n      const module = await import(`@/i18n/${lng}/${ns}.json`)\n\n      resource = module.default\n      isLoading = false\n    } catch (err) {\n      isError = true\n      isLoading = false\n    }\n  }\n  const promise = importResources()\n  return () => {\n    if (isLoading) {\n      // eslint-disable-next-line @typescript-eslint/only-throw-error\n      throw promise // Throw the promise to indicate Suspense should suspend.\n    } else if (isError) {\n      throw new Error(`Error loading translation for component: ${ns}`) // Handle error\n    } else {\n      return resource // Return the resource when loading is complete\n    }\n  }\n}\n\n/**\n * Hook that allows component to load custom dictionary\n * @param @private {string} ns - Namespace - should match component name exactly - not exposed to consumers\n */\nexport const useI18n = (ns: keyof CustomTypeOptions['resources'] | null) => {\n  //Getting our instance of i18n -> supplied by the provider set in GustoApiProvider\n  const { i18n: i18nInstance } = useTranslation()\n  //Abort when namespace is not provided\n  if (!ns) return\n  const key = `${i18nInstance.resolvedLanguage}:${ns}`\n  //Skip loading default resource if it is already in cache\n  if (resourceCache.get(key) === null) {\n    //If resource not in cache, initiate loading and add getter to cache\n    resourceCache.put(key, loadResource({ lng: i18nInstance.resolvedLanguage, ns: ns }))\n  }\n  //Get resourceGetter from cache\n  const resourceGetter = resourceCache.get(key)\n  if (resourceGetter) {\n    const resource = resourceGetter()\n    i18nInstance.addResourceBundle(i18nInstance.resolvedLanguage ?? 'en', ns, resource, true, false) //Last argument is set to false to prevent override of keys provided by partners on GustoApiProvider level through dictionary prop\n  }\n}\n"],"names":["defaultNS","resourceCache","LRUCache","loadResource","lng","ns","isLoading","isError","resource","promise","__variableDynamicImportRuntimeHelper","useI18n","i18nInstance","useTranslation","key","resourceGetter"],"mappings":";;;AAIO,MAAMA,IAAY,UAGnBC,IAAgB,IAAIC,EAAS,EAAE,GAO/BC,IAAe,CAAC,EAAE,KAAAC,IAAM,MAAM,IAAAC,QAAuC;AACzE,MAAIC,IAAY,IACZC,IAAU,IACVC;AAaJ,QAAMC,KAXkB,YAAY;AAC9B,QAAA;AAGF,MAAAD,KAFe,MAAME,k8EAEH,SACNJ,IAAA;AAAA,YACA;AACF,MAAAC,IAAA,IACED,IAAA;AAAA,IAAA;AAAA,EAEhB,GACgC;AAChC,SAAO,MAAM;AACX,QAAIA;AAEI,YAAAG;QACGF;AACT,YAAM,IAAI,MAAM,4CAA4CF,CAAE,EAAE;AAEzD,WAAAG;AAAA,EAEX;AACF,GAMaG,IAAU,CAACN,MAAoD;AAE1E,QAAM,EAAE,MAAMO,EAAa,IAAIC,EAAe;AAE9C,MAAI,CAACR,EAAI;AACT,QAAMS,IAAM,GAAGF,EAAa,gBAAgB,IAAIP,CAAE;AAElD,EAAIJ,EAAc,IAAIa,CAAG,MAAM,QAEfb,EAAA,IAAIa,GAAKX,EAAa,EAAE,KAAKS,EAAa,kBAAkB,IAAAP,EAAO,CAAC,CAAC;AAG/E,QAAAU,IAAiBd,EAAc,IAAIa,CAAG;AAC5C,MAAIC,GAAgB;AAClB,UAAMP,IAAWO,EAAe;AAChC,IAAAH,EAAa,kBAAkBA,EAAa,oBAAoB,MAAMP,GAAIG,GAAU,IAAM,EAAK;AAAA,EAAA;AAEnG;"}
+{"version":3,"file":"I18n.js","sources":["../../src/i18n/I18n.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { CustomTypeOptions } from 'i18next'\nimport { LRUCache } from '@/helpers/LRUCache'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\n\nexport const defaultNS = 'common'\n\n//LRU cache holding requested resources\nconst resourceCache = new LRUCache(50)\n/**\n * Dynamic loading of translation resources - works with Suspence to prevent early access to loadable strings\n * @param lng(string): resource language\n * @param ns(string): Namespace/name of the component/resource\n * @returns Promise<Translation resource>\n */\nconst loadResource = ({ lng = 'en', ns }: { ns: string; lng?: string }) => {\n  let isLoading = true\n  let isError = false\n  let resource: Record<string, string>\n\n  const importResources = async () => {\n    try {\n      const module = await import(`@/i18n/${lng}/${ns}.json`)\n\n      resource = module.default\n      isLoading = false\n    } catch (err) {\n      isError = true\n      isLoading = false\n    }\n  }\n  const promise = importResources()\n  return () => {\n    if (isLoading) {\n      // eslint-disable-next-line @typescript-eslint/only-throw-error\n      throw promise // Throw the promise to indicate Suspense should suspend.\n    } else if (isError) {\n      throw new Error(`Error loading translation for component: ${ns}`) // Handle error\n    } else {\n      return resource // Return the resource when loading is complete\n    }\n  }\n}\n\n/**\n * Hook that allows component to load custom dictionary\n * @param @private {string} ns - Namespace - should match component name exactly - not exposed to consumers\n */\nexport const useI18n = (ns: keyof CustomTypeOptions['resources'] | null) => {\n  //Getting our instance of i18n -> supplied by the provider set in GustoApiProvider\n  const { i18n: i18nInstance } = useTranslation()\n  //Abort when namespace is not provided\n  if (!ns) return\n  const key = `${i18nInstance.resolvedLanguage}:${ns}`\n  //Skip loading default resource if it is already in cache\n  if (resourceCache.get(key) === null) {\n    //If resource not in cache, initiate loading and add getter to cache\n    resourceCache.put(key, loadResource({ lng: i18nInstance.resolvedLanguage, ns: ns }))\n  }\n  //Get resourceGetter from cache\n  const resourceGetter = resourceCache.get(key)\n  if (resourceGetter) {\n    const resource = resourceGetter()\n    i18nInstance.addResourceBundle(i18nInstance.resolvedLanguage ?? 'en', ns, resource, true, false) //Last argument is set to false to prevent override of keys provided by partners on GustoApiProvider level through dictionary prop\n  }\n}\n\n//Used by individual components to override their dictionaries with partner provided resources\nexport const useComponentDictionary = <K extends keyof Resources>(\n  ns: keyof CustomTypeOptions['resources'],\n  resource?: ResourceDictionary<K> | null,\n) => {\n  const { i18n: i18nInstance } = useTranslation()\n  if (resource) {\n    for (const lang in resource) {\n      i18nInstance.addResourceBundle(lang, ns, resource[lang], true, true)\n    }\n  }\n}\n"],"names":["defaultNS","resourceCache","LRUCache","loadResource","lng","ns","isLoading","isError","resource","promise","__variableDynamicImportRuntimeHelper","useI18n","i18nInstance","useTranslation","key","resourceGetter","useComponentDictionary","lang"],"mappings":";;;AAKO,MAAMA,IAAY,UAGnBC,IAAgB,IAAIC,EAAS,EAAE,GAO/BC,IAAe,CAAC,EAAE,KAAAC,IAAM,MAAM,IAAAC,QAAuC;AACzE,MAAIC,IAAY,IACZC,IAAU,IACVC;AAaJ,QAAMC,KAXkB,YAAY;AAC9B,QAAA;AAGF,MAAAD,KAFe,MAAME,k8EAEH,SACNJ,IAAA;AAAA,YACA;AACF,MAAAC,IAAA,IACED,IAAA;AAAA,IAAA;AAAA,EAEhB,GACgC;AAChC,SAAO,MAAM;AACX,QAAIA;AAEI,YAAAG;QACGF;AACT,YAAM,IAAI,MAAM,4CAA4CF,CAAE,EAAE;AAEzD,WAAAG;AAAA,EAEX;AACF,GAMaG,IAAU,CAACN,MAAoD;AAE1E,QAAM,EAAE,MAAMO,EAAa,IAAIC,EAAe;AAE9C,MAAI,CAACR,EAAI;AACT,QAAMS,IAAM,GAAGF,EAAa,gBAAgB,IAAIP,CAAE;AAElD,EAAIJ,EAAc,IAAIa,CAAG,MAAM,QAEfb,EAAA,IAAIa,GAAKX,EAAa,EAAE,KAAKS,EAAa,kBAAkB,IAAAP,EAAO,CAAC,CAAC;AAG/E,QAAAU,IAAiBd,EAAc,IAAIa,CAAG;AAC5C,MAAIC,GAAgB;AAClB,UAAMP,IAAWO,EAAe;AAChC,IAAAH,EAAa,kBAAkBA,EAAa,oBAAoB,MAAMP,GAAIG,GAAU,IAAM,EAAK;AAAA,EAAA;AAEnG,GAGaQ,IAAyB,CACpCX,GACAG,MACG;AACH,QAAM,EAAE,MAAMI,EAAa,IAAIC,EAAe;AAC9C,MAAIL;AACF,eAAWS,KAAQT;AACjB,MAAAI,EAAa,kBAAkBK,GAAMZ,GAAIG,EAASS,CAAI,GAAG,IAAM,EAAI;AAGzE;"}

package/dist/i18n/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './I18n';

package/dist/index.d.ts

@@ -1,5 +1,4 @@
+import "./types/i18next.d.ts"
 export * from './components';
 export * from './contexts';
 export { componentEvents } from './shared/constants';
-export { EmployeeOnboardingFlow } from './components/Flow/EmployeeOnboardingFlow';
-export { EmployeeSelfOnboardingFlow } from './components/Flow/EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingFlow';

package/dist/index.js

@@ -1,20 +1,14 @@
 import * as o from "./components/Company/index.js";
 import * as r from "./components/Employee/index.js";
-import * as e from "./components/Flow/index.js";
-import { componentEvents as m } from "./shared/constants.js";
-import { EmployeeOnboardingFlow as s } from "./components/Flow/EmployeeOnboardingFlow.js";
-import { EmployeeSelfOnboardingFlow as x } from "./components/Flow/EmployeeSelfOnboardingFlow/EmployeeSelfOnboardingFlow.js";
-import { GustoApiProvider as d, GustoProvider as f } from "./contexts/GustoProvider/GustoProvider.js";
-import { GustoProviderCustomUIAdapter as u } from "./contexts/GustoProvider/GustoProviderCustomUIAdapter.js";
+import { componentEvents as p } from "./shared/constants.js";
+import { GustoApiProvider as s, GustoProvider as i } from "./contexts/GustoProvider/GustoProvider.js";
+import { GustoProviderCustomUIAdapter as a } from "./contexts/GustoProvider/GustoProviderCustomUIAdapter.js";
 export {
   o as Company,
   r as Employee,
-  s as EmployeeOnboardingFlow,
-  x as EmployeeSelfOnboardingFlow,
-  e as Flows,
-  d as GustoApiProvider,
-  f as GustoProvider,
-  u as GustoProviderCustomUIAdapter,
-  m as componentEvents
+  s as GustoApiProvider,
+  i as GustoProvider,
+  a as GustoProviderCustomUIAdapter,
+  p as componentEvents
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/shared/constants.d.ts

@@ -192,7 +192,7 @@ export declare const FlsaStatus: {
     readonly NONEXEMPT: "Nonexempt";
     readonly OWNER: "Owner";
     readonly COMMISSION_ONLY_EXEMPT: "Commission Only Exempt";
-    readonly COMISSION_ONLY_NONEXEMPT: "Commission Only Nonexempt";
+    readonly COMMISSION_ONLY_NONEXEMPT: "Commission Only Nonexempt";
 };
 export declare const FLSA_OVERTIME_SALARY_LIMIT = 43888;
 export declare const HOURS_PER_PAY_PERIOD_DAILY = 5.69863;

package/dist/shared/constants.js

@@ -110,7 +110,7 @@ const _ = {
   NONEXEMPT: "Nonexempt",
   OWNER: "Owner",
   COMMISSION_ONLY_EXEMPT: "Commission Only Exempt",
-  COMISSION_ONLY_NONEXEMPT: "Commission Only Nonexempt"
+  COMMISSION_ONLY_NONEXEMPT: "Commission Only Nonexempt"
 }, a = 43888, D = 40, T = 173.333333, d = 2080, t = [
   "AL",
   "AK",