@gusto/embedded-react-sdk 0.37.0-rc.3 → 0.37.0-rc.4

package/dist/components/UNSTABLE_Hooks/form/fields/SwitchHookField.js

@@ -1,7 +1,8 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useHookFieldResolution as f } from "../useHookFieldResolution.js";
-import { SwitchField as m } from "../../../Common/Fields/SwitchField/SwitchField.js";
-function R({
+import { jsx as m } from "react/jsx-runtime";
+import { useHookFieldResolution as u } from "../useHookFieldResolution.js";
+import "../../../../shared/constants.js";
+import { SwitchField as f } from "../../../Common/Fields/SwitchField/SwitchField.js";
+function b({
   name: i,
   formHookResult: e,
   label: t,
@@ -9,13 +10,13 @@ function R({
   validationMessages: s,
   FieldComponent: d
 }) {
-  const { metadata: l, control: a, errorMessage: c } = f(
+  const { metadata: l, control: a, errorMessage: c } = u(
     i,
     e,
     s
   ), o = l[i];
-  return /* @__PURE__ */ u(
-    m,
+  return /* @__PURE__ */ m(
+    f,
     {
       name: i,
       control: a,
@@ -29,6 +30,6 @@ function R({
   );
 }
 export {
-  R as SwitchHookField
+  b as SwitchHookField
 };
 //# sourceMappingURL=SwitchHookField.js.map

package/dist/components/UNSTABLE_Hooks/form/fields/SwitchHookField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchHookField.js","sources":["../../../../../src/components/UNSTABLE_Hooks/form/fields/SwitchHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { BaseFieldProps, ValidationMessages } from '../types'\nimport type { BaseFormHookReady } from '../../types'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport { SwitchField } from '@/components/Common'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\n\nexport interface SwitchHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  name: string\n  formHookResult?: BaseFormHookReady\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<SwitchProps>\n}\n\nexport function SwitchHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n}: SwitchHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <SwitchField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["SwitchHookField","name","formHookResult","label","description","validationMessages","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","SwitchField"],"mappings":";;;AAcO,SAASA,EAA2C;AAAA,EACzD,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAAqC;AACnC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CT;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIM,IAAgBJ,EAASN,CAAI;AAEnC,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,SAAAO;AAAA,MACA,OAAAL;AAAA,MACA,aAAAC;AAAA,MACA,cAAAK;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,gBAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"SwitchHookField.js","sources":["../../../../../src/components/UNSTABLE_Hooks/form/fields/SwitchHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { BaseFieldProps, ValidationMessages } from '../types'\nimport type { BaseFormHookReady } from '../../types'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport { SwitchField } from '@/components/Common'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\n\nexport interface SwitchHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  name: string\n  formHookResult?: BaseFormHookReady\n  validationMessages?: ValidationMessages<TErrorCode>\n  FieldComponent?: ComponentType<SwitchProps>\n}\n\nexport function SwitchHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  FieldComponent,\n}: SwitchHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <SwitchField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["SwitchHookField","name","formHookResult","label","description","validationMessages","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","SwitchField"],"mappings":";;;;AAcO,SAASA,EAA2C;AAAA,EACzD,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AACF,GAAqC;AACnC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CT;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIM,IAAgBJ,EAASN,CAAI;AAEnC,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,SAAAO;AAAA,MACA,OAAAL;AAAA,MACA,aAAAC;AAAA,MACA,cAAAK;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,gBAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/UNSTABLE_Hooks/form/fields/TextInputHookField.js

@@ -1,8 +1,9 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useHookFieldResolution as m } from "../useHookFieldResolution.js";
+import { jsx as m } from "react/jsx-runtime";
+import { useHookFieldResolution as f } from "../useHookFieldResolution.js";
+import "../../../../shared/constants.js";
 import { TextInputField as c } from "../../../Common/Fields/TextInputField/TextInputField.js";
-function b({
-  name: e,
+function k({
+  name: o,
   formHookResult: t,
   label: i,
   description: r,
@@ -11,21 +12,21 @@ function b({
   placeholder: l,
   FieldComponent: u
 }) {
-  const { metadata: a, control: n, errorMessage: p } = m(
-    e,
+  const { metadata: a, control: n, errorMessage: p } = f(
+    o,
     t,
     s
-  ), o = a[e];
-  return /* @__PURE__ */ f(
+  ), e = a[o];
+  return /* @__PURE__ */ m(
     c,
     {
-      name: e,
+      name: o,
       control: n,
       label: i,
       description: r,
       errorMessage: p,
-      isRequired: o?.isRequired,
-      isDisabled: o?.isDisabled,
+      isRequired: e?.isRequired,
+      isDisabled: e?.isDisabled,
       transform: d,
       placeholder: l,
       FieldComponent: u
@@ -33,6 +34,6 @@ function b({
   );
 }
 export {
-  b as TextInputHookField
+  k as TextInputHookField
 };
 //# sourceMappingURL=TextInputHookField.js.map

package/dist/components/UNSTABLE_Hooks/form/fields/TextInputHookField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputHookField.js","sources":["../../../../../src/components/UNSTABLE_Hooks/form/fields/TextInputHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { BaseFieldProps, ValidationMessages } from '../types'\nimport type { BaseFormHookReady } from '../../types'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport { TextInputField } from '@/components/Common'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\n\nexport interface TextInputHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  name: string\n  formHookResult?: BaseFormHookReady\n  validationMessages?: ValidationMessages<TErrorCode>\n  transform?: (value: string) => string\n  placeholder?: string\n  FieldComponent?: ComponentType<TextInputProps>\n}\n\nexport function TextInputHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  transform,\n  placeholder,\n  FieldComponent,\n}: TextInputHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <TextInputField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      transform={transform}\n      placeholder={placeholder}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["TextInputHookField","name","formHookResult","label","description","validationMessages","transform","placeholder","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","TextInputField"],"mappings":";;;AAgBO,SAASA,EAA8C;AAAA,EAC5D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AACF,GAAwC;AACtC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CX;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIQ,IAAgBJ,EAASR,CAAI;AAEnC,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAd;AAAA,MACA,SAAAS;AAAA,MACA,OAAAP;AAAA,MACA,aAAAC;AAAA,MACA,cAAAO;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,WAAAP;AAAA,MACA,aAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TextInputHookField.js","sources":["../../../../../src/components/UNSTABLE_Hooks/form/fields/TextInputHookField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { BaseFieldProps, ValidationMessages } from '../types'\nimport type { BaseFormHookReady } from '../../types'\nimport { useHookFieldResolution } from '../useHookFieldResolution'\nimport { TextInputField } from '@/components/Common'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\n\nexport interface TextInputHookFieldProps<TErrorCode extends string = never> extends BaseFieldProps {\n  name: string\n  formHookResult?: BaseFormHookReady\n  validationMessages?: ValidationMessages<TErrorCode>\n  transform?: (value: string) => string\n  placeholder?: string\n  FieldComponent?: ComponentType<TextInputProps>\n}\n\nexport function TextInputHookField<TErrorCode extends string>({\n  name,\n  formHookResult,\n  label,\n  description,\n  validationMessages,\n  transform,\n  placeholder,\n  FieldComponent,\n}: TextInputHookFieldProps<TErrorCode>) {\n  const { metadata, control, errorMessage } = useHookFieldResolution(\n    name,\n    formHookResult,\n    validationMessages,\n  )\n  const fieldMetadata = metadata[name]\n\n  return (\n    <TextInputField\n      name={name}\n      control={control}\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={fieldMetadata?.isRequired}\n      isDisabled={fieldMetadata?.isDisabled}\n      transform={transform}\n      placeholder={placeholder}\n      FieldComponent={FieldComponent}\n    />\n  )\n}\n"],"names":["TextInputHookField","name","formHookResult","label","description","validationMessages","transform","placeholder","FieldComponent","metadata","control","errorMessage","useHookFieldResolution","fieldMetadata","jsx","TextInputField"],"mappings":";;;;AAgBO,SAASA,EAA8C;AAAA,EAC5D,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AACF,GAAwC;AACtC,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,cAAAC,EAAA,IAAiBC;AAAA,IAC1CX;AAAA,IACAC;AAAA,IACAG;AAAA,EAAA,GAEIQ,IAAgBJ,EAASR,CAAI;AAEnC,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAd;AAAA,MACA,SAAAS;AAAA,MACA,OAAAP;AAAA,MACA,aAAAC;AAAA,MACA,cAAAO;AAAA,MACA,YAAYE,GAAe;AAAA,MAC3B,YAAYA,GAAe;AAAA,MAC3B,WAAAP;AAAA,MACA,aAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/UNSTABLE_Hooks/hooks/useCompensationForm/CompensationForm.js

@@ -6,8 +6,8 @@ import { useComponentContext as b } from "../../../../contexts/ComponentAdapter/
 import { BaseBoundaries as L, BaseLayout as d } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { Form as M } from "../../../Common/Form/Form.js";
-import { ActionsLayout as U } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { FLSA_OVERTIME_SALARY_LIMIT as T, componentEvents as r } from "../../../../shared/constants.js";
+import { FLSA_OVERTIME_SALARY_LIMIT as U, componentEvents as r } from "../../../../shared/constants.js";
+import { ActionsLayout as T } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useI18n as I, useComponentDictionary as S } from "../../../../i18n/I18n.js";
 import g from "../../../../hooks/useNumberFormatter.js";
 function W({ onEvent: n, dictionary: l, ...E }) {
@@ -83,7 +83,7 @@ function W({ onEvent: n, dictionary: l, ...E }) {
               REQUIRED: e("fieldValidations.rate.REQUIRED"),
               RATE_MINIMUM: e("fieldValidations.rate.RATE_MINIMUM"),
               RATE_EXEMPT_THRESHOLD: e("fieldValidations.rate.RATE_EXEMPT_THRESHOLD", {
-                limit: c(T)
+                limit: c(U)
               })
             }
           }
@@ -135,7 +135,7 @@ function W({ onEvent: n, dictionary: l, ...E }) {
             }
           }
         ),
-        /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(m.Button, { type: "submit", isLoading: a.status.isPending, children: e("saveNewJobCta") }) })
+        /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(m.Button, { type: "submit", isLoading: a.status.isPending, children: e("saveNewJobCta") }) })
       ]
     }
   ) }) });

package/dist/components/UNSTABLE_Hooks/hooks/useEmployeeDetailsForm/EmployeeDetailsForm.js

@@ -6,8 +6,8 @@ import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/
 import { BaseBoundaries as u, BaseLayout as d } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { Form as c } from "../../../Common/Form/Form.js";
-import { ActionsLayout as A } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { componentEvents as s } from "../../../../shared/constants.js";
+import { ActionsLayout as A } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useI18n as R, useComponentDictionary as b } from "../../../../i18n/I18n.js";
 function _({ onEvent: t, dictionary: n, ...E }) {
   R("UNSTABLE.EmployeeDetailsForm"), b("UNSTABLE.EmployeeDetailsForm", n);

package/dist/components/UNSTABLE_Hooks/hooks/useWorkAddressForm/WorkAddressForm.js

@@ -6,8 +6,8 @@ import { useComponentContext as A } from "../../../../contexts/ComponentAdapter/
 import { BaseBoundaries as R, BaseLayout as c } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { Form as L } from "../../../Common/Form/Form.js";
-import { ActionsLayout as S } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { componentEvents as d } from "../../../../shared/constants.js";
+import { ActionsLayout as S } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useI18n as W, useComponentDictionary as k } from "../../../../i18n/I18n.js";
 import { addressInline as U } from "../../../../helpers/formattedStrings.js";
 function g({ onEvent: i, dictionary: s, ...l }) {

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -7,13 +7,14 @@ import { ApiProvider as C } from "../ApiProvider/ApiProvider.js";
 import { LoadingIndicatorProvider as I } from "../LoadingIndicatorProvider/LoadingIndicatorProvider.js";
 import { sanitizeError as L } from "../ObservabilityProvider/sanitization.js";
 import { SDKI18next as m } from "./SDKI18next.js";
+import "../../shared/constants.js";
 import { InternalError as x } from "../../components/Common/InternalError/InternalError.js";
 import { LocaleProvider as z } from "../LocaleProvider/LocaleProvider.js";
 import "../LocaleProvider/useLocale.js";
 import { ThemeProvider as D } from "../ThemeProvider/ThemeProvider.js";
 import { normalizeToSDKError as U } from "../../types/sdkError.js";
 import { ObservabilityProvider as T } from "../ObservabilityProvider/ObservabilityProvider.js";
-const V = (s) => {
+const W = (s) => {
   const {
     children: l,
     config: r,
@@ -65,6 +66,6 @@ const V = (s) => {
   ) }, n) }) }) }) }) }) });
 };
 export {
-  V as GustoProviderCustomUIAdapter
+  W 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 type { ErrorInfo } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect, useMemo } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { ObservabilityProvider } from '../ObservabilityProvider'\nimport { sanitizeError } from '../ObservabilityProvider/sanitization'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\nimport type { ObservabilityHook } from '@/types/observability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n  observability?: ObservabilityHook\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\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    LoaderComponent,\n    queryClient,\n  } = props\n\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\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  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  const handleTopLevelError = useMemo(() => {\n    if (!config.observability?.onError) return undefined\n\n    return (error: unknown, errorInfo: ErrorInfo) => {\n      if (!config.observability?.onError) return\n\n      const sdkError = normalizeToSDKError(error)\n\n      const observabilityError = {\n        ...sdkError,\n        timestamp: Date.now(),\n        componentStack: errorInfo.componentStack ?? undefined,\n      }\n\n      const sanitizedError = sanitizeError(observabilityError, config.observability.sanitization)\n\n      config.observability.onError(sanitizedError)\n    }\n  }, [config.observability])\n  return (\n    <ComponentsProvider value={components}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ObservabilityProvider observability={config.observability}>\n          <ErrorBoundary FallbackComponent={InternalError} onError={handleTopLevelError}>\n            <ThemeProvider theme={theme}>\n              <LocaleProvider locale={locale} currency={currency}>\n                <I18nextProvider i18n={SDKI18next} key={lng}>\n                  <ApiProvider\n                    url={config.baseUrl}\n                    headers={config.headers}\n                    hooks={config.hooks}\n                    queryClient={queryClient}\n                  >\n                    {children}\n                  </ApiProvider>\n                </I18nextProvider>\n              </LocaleProvider>\n            </ThemeProvider>\n          </ErrorBoundary>\n        </ObservabilityProvider>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","queryClient","language","lang","ns","SDKI18next","useEffect","handleTopLevelError","useMemo","error","errorInfo","observabilityError","normalizeToSDKError","sanitizedError","sanitizeError","jsx","ComponentsProvider","LoadingIndicatorProvider","ObservabilityProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;;;AAiDA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;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,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEV;AAEJ,MAAIG;AACF,eAAWQ,KAAYR,GAAY;AACjC,YAAMS,IAAOD;AACb,iBAAWE,KAAMV,EAAWS,CAAI;AAC9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCV,EAAWS,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAGF,EAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeV,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC;AAER,QAAMY,IAAsBC,EAAQ,MAAM;AACxC,QAAKf,EAAO,eAAe;AAE3B,aAAO,CAACgB,GAAgBC,MAAyB;AAC/C,YAAI,CAACjB,EAAO,eAAe,QAAS;AAIpC,cAAMkB,IAAqB;AAAA,UACzB,GAHeC,EAAoBH,CAAK;AAAA,UAIxC,WAAW,KAAK,IAAA;AAAA,UAChB,gBAAgBC,EAAU,kBAAkB;AAAA,QAAA,GAGxCG,IAAiBC,EAAcH,GAAoBlB,EAAO,cAAc,YAAY;AAE1F,QAAAA,EAAO,cAAc,QAAQoB,CAAc;AAAA,MAC7C;AAAA,EACF,GAAG,CAACpB,EAAO,aAAa,CAAC;AACzB,SACE,gBAAAsB,EAACC,GAAA,EAAmB,OAAOjB,GACzB,UAAA,gBAAAgB,EAACE,GAAA,EAAyB,OAAOjB,GAC/B,UAAA,gBAAAe,EAACG,GAAA,EAAsB,eAAezB,EAAO,eAC3C,UAAA,gBAAAsB,EAACI,GAAA,EAAc,mBAAmBC,GAAe,SAASb,GACxD,UAAA,gBAAAQ,EAACM,GAAA,EAAc,OAAAvB,GACb,UAAA,gBAAAiB,EAACO,GAAA,EAAe,QAAA1B,GAAgB,UAAAC,GAC9B,UAAA,gBAAAkB,EAACQ,GAAA,EAAgB,MAAMlB,GACrB,UAAA,gBAAAU;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAK/B,EAAO;AAAA,MACZ,SAASA,EAAO;AAAA,MAChB,OAAOA,EAAO;AAAA,MACd,aAAAQ;AAAA,MAEC,UAAAT;AAAA,IAAA;AAAA,EAAA,KAPmCG,CASxC,GACF,GACF,EAAA,CACF,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"GustoProviderCustomUIAdapter.js","sources":["../../../src/contexts/GustoProvider/GustoProviderCustomUIAdapter.tsx"],"sourcesContent":["import type React from 'react'\nimport type { ErrorInfo } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { I18nextProvider } from 'react-i18next'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useEffect, useMemo } from 'react'\nimport { ComponentsProvider } from '../ComponentAdapter/ComponentsProvider'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport { ApiProvider } from '../ApiProvider/ApiProvider'\nimport { LoadingIndicatorProvider } from '../LoadingIndicatorProvider/LoadingIndicatorProvider'\nimport type { LoadingIndicatorContextProps } from '../LoadingIndicatorProvider/useLoadingIndicator'\nimport { ObservabilityProvider } from '../ObservabilityProvider'\nimport { sanitizeError } from '../ObservabilityProvider/sanitization'\nimport { SDKI18next } from './SDKI18next'\nimport { InternalError } from '@/components/Common'\nimport { LocaleProvider } from '@/contexts/LocaleProvider'\nimport { ThemeProvider } from '@/contexts/ThemeProvider'\nimport type { GustoSDKTheme } from '@/contexts/ThemeProvider/theme'\nimport type { ResourceDictionary, SupportedLanguages } from '@/types/Helpers'\nimport type { SDKHooks } from '@/types/hooks'\nimport type { ObservabilityHook } from '@/types/observability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\nexport interface APIConfig {\n  baseUrl: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n  observability?: ObservabilityHook\n}\n\nexport interface GustoProviderProps {\n  config: APIConfig\n  dictionary?: ResourceDictionary\n  lng?: string\n  locale?: string\n  currency?: string\n  theme?: GustoSDKTheme\n  queryClient?: QueryClient\n  components: ComponentsContextType\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\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    LoaderComponent,\n    queryClient,\n  } = props\n\n  if (dictionary) {\n    for (const language in dictionary) {\n      const lang = language as SupportedLanguages\n      for (const ns in dictionary[lang]) {\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  useEffect(() => {\n    void (async () => {\n      await SDKI18next.changeLanguage(lng)\n    })()\n  }, [lng])\n\n  const handleTopLevelError = useMemo(() => {\n    if (!config.observability?.onError) return undefined\n\n    return (error: unknown, errorInfo: ErrorInfo) => {\n      if (!config.observability?.onError) return\n\n      const sdkError = normalizeToSDKError(error)\n\n      const observabilityError = {\n        ...sdkError,\n        timestamp: Date.now(),\n        componentStack: errorInfo.componentStack ?? undefined,\n      }\n\n      const sanitizedError = sanitizeError(observabilityError, config.observability.sanitization)\n\n      config.observability.onError(sanitizedError)\n    }\n  }, [config.observability])\n  return (\n    <ComponentsProvider value={components}>\n      <LoadingIndicatorProvider value={LoaderComponent}>\n        <ObservabilityProvider observability={config.observability}>\n          <ErrorBoundary FallbackComponent={InternalError} onError={handleTopLevelError}>\n            <ThemeProvider theme={theme}>\n              <LocaleProvider locale={locale} currency={currency}>\n                <I18nextProvider i18n={SDKI18next} key={lng}>\n                  <ApiProvider\n                    url={config.baseUrl}\n                    headers={config.headers}\n                    hooks={config.hooks}\n                    queryClient={queryClient}\n                  >\n                    {children}\n                  </ApiProvider>\n                </I18nextProvider>\n              </LocaleProvider>\n            </ThemeProvider>\n          </ErrorBoundary>\n        </ObservabilityProvider>\n      </LoadingIndicatorProvider>\n    </ComponentsProvider>\n  )\n}\n\nexport { GustoProviderCustomUIAdapter }\n"],"names":["GustoProviderCustomUIAdapter","props","children","config","dictionary","lng","locale","currency","theme","components","LoaderComponent","queryClient","language","lang","ns","SDKI18next","useEffect","handleTopLevelError","useMemo","error","errorInfo","observabilityError","normalizeToSDKError","sanitizedError","sanitizeError","jsx","ComponentsProvider","LoadingIndicatorProvider","ObservabilityProvider","ErrorBoundary","InternalError","ThemeProvider","LocaleProvider","I18nextProvider","ApiProvider"],"mappings":";;;;;;;;;;;;;;;;AAiDA,MAAMA,IAA4E,CAAAC,MAAS;AACzF,QAAM;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,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEV;AAEJ,MAAIG;AACF,eAAWQ,KAAYR,GAAY;AACjC,YAAMS,IAAOD;AACb,iBAAWE,KAAMV,EAAWS,CAAI;AAC9B,QAAAE,EAAW;AAAA,UACTF;AAAA,UACAC;AAAA,UACCV,EAAWS,CAAI,EAA8BC,CAAE;AAAA,UAChD;AAAA,UACA;AAAA,QAAA;AAAA,IAGN;AAGF,EAAAE,EAAU,MAAM;AACd,KAAM,YACJ,MAAMD,EAAW,eAAeV,CAAG;AAAA,EAEvC,GAAG,CAACA,CAAG,CAAC;AAER,QAAMY,IAAsBC,EAAQ,MAAM;AACxC,QAAKf,EAAO,eAAe;AAE3B,aAAO,CAACgB,GAAgBC,MAAyB;AAC/C,YAAI,CAACjB,EAAO,eAAe,QAAS;AAIpC,cAAMkB,IAAqB;AAAA,UACzB,GAHeC,EAAoBH,CAAK;AAAA,UAIxC,WAAW,KAAK,IAAA;AAAA,UAChB,gBAAgBC,EAAU,kBAAkB;AAAA,QAAA,GAGxCG,IAAiBC,EAAcH,GAAoBlB,EAAO,cAAc,YAAY;AAE1F,QAAAA,EAAO,cAAc,QAAQoB,CAAc;AAAA,MAC7C;AAAA,EACF,GAAG,CAACpB,EAAO,aAAa,CAAC;AACzB,SACE,gBAAAsB,EAACC,GAAA,EAAmB,OAAOjB,GACzB,UAAA,gBAAAgB,EAACE,GAAA,EAAyB,OAAOjB,GAC/B,UAAA,gBAAAe,EAACG,GAAA,EAAsB,eAAezB,EAAO,eAC3C,UAAA,gBAAAsB,EAACI,GAAA,EAAc,mBAAmBC,GAAe,SAASb,GACxD,UAAA,gBAAAQ,EAACM,GAAA,EAAc,OAAAvB,GACb,UAAA,gBAAAiB,EAACO,GAAA,EAAe,QAAA1B,GAAgB,UAAAC,GAC9B,UAAA,gBAAAkB,EAACQ,GAAA,EAAgB,MAAMlB,GACrB,UAAA,gBAAAU;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,KAAK/B,EAAO;AAAA,MACZ,SAASA,EAAO;AAAA,MAChB,OAAOA,EAAO;AAAA,MACd,aAAAQ;AAAA,MAEC,UAAAT;AAAA,IAAA;AAAA,EAAA,KAPmCG,CASxC,GACF,GACF,EAAA,CACF,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/i18n/en/Company.PaySchedule.json.js

@@ -1,4 +1,4 @@
-const e = `Pick what frequency you'd like to run payroll. If you need help, you can read more about <ScheduleLink href="https://gusto.com/resources/articles/payroll/best-payroll-schedule-small-business" target="_blank">how to choose a pay schedule.</ScheduleLink>`, t = 'Why do we need to ask for this? We need to know when to pay your employees. Some states have <PaymentLawLink href="https://www.dol.gov/agencies/whd/state/payday" target="_blank">laws around when you must pay your employees.</PaymentLawLink> Please choose pay schedules that are legal for your employees.', a = "+ Add another pay schedule", o = "Save & continue", n = "Continue", s = "Please make sure to verify this information is accurate. If this information isn't correct, it can delay when your team will be paid.", i = { name: "Name", actions: "Actions", active: "Active", inactive: "Inactive", edit: "Edit" }, r = { addPaySchedule: "Add pay schedule", editPaySchedule: "Edit pay schedule", pageTitle: "Set up pay schedule" }, y = { name: "Name", payfrequency: "Pay frequency", frequency: "Frequency", deadline: "Deadline to run payroll", frequencyOptions: "Frequency Options", firstPayDate: "First pay date", firstPayPeriodEndDate: "First pay period end date", firstPayDayOfTheMonth: "First pay day of the month", lastPayDayOfTheMonth: "Last pay day of the month", preview: "Preview", legend: "Legend" }, c = "Loading...", l = { frequencyOptionsDescription: "Select the pay days for the month.", anchorPayDateDescription: "Please account for the 2 days it will take to process payroll.", anchorEndOfPayPeriodDescription: "The last date of the first pay period to help calculate future pay periods. This can be the same date as the first pay date." }, d = { payPeriod: "Pay period", payday: "Payday", payrollDeadline: "Run payroll by 4:00PM (PDT) on " }, h = { cancel: "Cancel", save: "Save" }, p = { everyWeek: "Every week", everyOtherWeek: "Every other week", twicePerMonth: "Twice per month", monthly: "Monthly" }, u = { "15thAndLast": "15th and Last day of the month", custom: "Custom" }, f = { title: "Pay Schedule Preview", description: "Complete all the required fields to see a preview of your pay schedule." }, m = {
+const e = `Pick what frequency you'd like to run payroll. If you need help, you can read more about <ScheduleLink href="https://gusto.com/resources/articles/payroll/best-payroll-schedule-small-business" target="_blank">how to choose a pay schedule.</ScheduleLink>`, t = 'Why do we need to ask for this? We need to know when to pay your employees. Some states have <PaymentLawLink href="https://www.dol.gov/agencies/whd/state/payday" target="_blank">laws around when you must pay your employees.</PaymentLawLink> Please choose pay schedules that are legal for your employees.', a = "+ Add another pay schedule", o = "Save & continue", n = "Continue", s = "Please make sure to verify this information is accurate. If this information isn't correct, it can delay when your team will be paid.", i = { name: "Name", actions: "Actions", active: "Active", inactive: "Inactive", edit: "Edit" }, r = { addPaySchedule: "Add pay schedule", editPaySchedule: "Edit pay schedule", pageTitle: "Set up pay schedule" }, c = { name: "Name", payfrequency: "Pay frequency", frequency: "Frequency", deadline: "Deadline to run payroll", frequencyOptions: "Frequency Options", firstPayDate: "First pay date", firstPayPeriodEndDate: "First pay period end date", firstPayDayOfTheMonth: "First pay day of the month", lastPayDayOfTheMonth: "Last pay day of the month", preview: "Preview", legend: "Legend" }, y = "Loading...", l = { frequencyOptionsDescription: "Select the pay days for the month.", anchorPayDateDescription_one: "Please account for the {{count}} day it will take to process payroll.", anchorPayDateDescription_other: "Please account for the {{count}} days it will take to process payroll.", anchorEndOfPayPeriodDescription: "The last date of the first pay period to help calculate future pay periods. This can be the same date as the first pay date." }, d = { payPeriod: "Pay period", payday: "Payday", payrollDeadline: "Run payroll by 4:00PM (PDT) on " }, h = { cancel: "Cancel", save: "Save" }, p = { everyWeek: "Every week", everyOtherWeek: "Every other week", twicePerMonth: "Twice per month", monthly: "Monthly" }, u = { "15thAndLast": "15th and Last day of the month", custom: "Custom" }, f = { title: "Pay Schedule Preview", description: "Complete all the required fields to see a preview of your pay schedule." }, P = {
   listDescription: e,
   listDescription2: t,
   addAnotherPayScheduleCta: a,
@@ -7,8 +7,8 @@ const e = `Pick what frequency you'd like to run payroll. If you need help, you
   pleaseVerify: s,
   payScheduleList: i,
   headings: r,
-  labels: y,
-  loading: c,
+  labels: c,
+  loading: y,
   descriptions: l,
   payPreview: d,
   actions: h,
@@ -20,15 +20,15 @@ export {
   h as actions,
   a as addAnotherPayScheduleCta,
   n as continueCta,
-  m as default,
+  P as default,
   l as descriptions,
   p as frequencies,
   u as frequencyOptions,
   r as headings,
-  y as labels,
+  c as labels,
   e as listDescription,
   t as listDescription2,
-  c as loading,
+  y as loading,
   d as payPreview,
   i as payScheduleList,
   s as pleaseVerify,

package/dist/i18n/en/Payroll.TransitionPayrollAlert.json.js

@@ -1,18 +1,18 @@
-const o = "Transition payroll", e = "Because you changed your pay schedule, you'll need to run some transition payrolls. Transition payrolls let you pay employees for any workdays during gaps between pay schedules. You may choose to skip them, but it is your responsibility to ensure employees are paid properly.", l = "Run Transition Payroll", i = "Skip this payroll", s = "Transition payroll skipped", r = { title: "Skip {{dateRange}} transition payroll?", body: "Skipping this payroll means employees will not be paid for the transition period. It is your responsibility to ensure employees are paid properly.", confirmCta: "Skip payroll", cancelCta: "Cancel" }, a = {
+const o = "Transition payroll - {{dateRange}}", e = "Because you changed your pay schedule, you'll need to run some transition payrolls. Transition payrolls let you pay employees for any workdays during gaps between pay schedules. You may choose to skip them, but it is your responsibility to ensure employees are paid properly.", l = "Run Transition Payroll", a = "Skip this payroll", i = "Transition payroll skipped", s = { title: "Skip {{dateRange}} transition payroll?", body: "Skipping this payroll means employees will not be paid for the transition period. It is your responsibility to ensure employees are paid properly.", confirmCta: "Skip payroll", cancelCta: "Cancel" }, r = {
   alertTitle: o,
   alertDescription: e,
   runPayroll: l,
-  skipPayroll: i,
-  skipSuccessAlert: s,
-  skipDialog: r
+  skipPayroll: a,
+  skipSuccessAlert: i,
+  skipDialog: s
 };
 export {
   e as alertDescription,
   o as alertTitle,
-  a as default,
+  r as default,
   l as runPayroll,
-  r as skipDialog,
-  i as skipPayroll,
-  s as skipSuccessAlert
+  s as skipDialog,
+  a as skipPayroll,
+  i as skipSuccessAlert
 };
 //# sourceMappingURL=Payroll.TransitionPayrollAlert.json.js.map