@gusto/embedded-react-sdk 0.47.0 → 0.48.0

package/dist/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.js

@@ -1,4 +1,4 @@
-import { jsxs as y, jsx as n } from "react/jsx-runtime";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
 import { PolicyList as E } from "../PolicyList/PolicyList.js";
 import { PolicyTypeSelector as h } from "../PolicyTypeSelector/PolicyTypeSelector.js";
 import { PolicySettings as u } from "../PolicySettings/PolicySettings.js";
@@ -10,20 +10,22 @@ import { ViewHolidayEmployees as v } from "../ViewHolidayEmployees/ViewHolidayEm
 import { ViewHolidaySchedule as g } from "../ViewHolidaySchedule/ViewHolidaySchedule.js";
 import { assertCreatablePolicyType as I } from "./timeOffPolicyTypes.js";
 import { useFlow as p } from "../../Flow/useFlow.js";
-import { Flex as m } from "../../Common/Flex/Flex.js";
-import { ensureRequired as l } from "../../../helpers/ensureRequired.js";
+import { Flex as y } from "../../Common/Flex/Flex.js";
+import "react-i18next";
 import { useComponentContext as a } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { ensureRequired as l } from "../../../helpers/ensureRequired.js";
 import { PolicyConfigurationForm as A } from "../TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.js";
-function J() {
+function M() {
   const { onEvent: t, companyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(E, { onEvent: t, companyId: l(e) })
   ] });
 }
-function K() {
+function N() {
   const { onEvent: t, companyId: e, policyType: i, alerts: c } = p(), { Alert: o } = a(), r = i === "sick" || i === "vacation" || i === "holiday" ? i : void 0;
-  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     c?.map((d, s) => /* @__PURE__ */ n(o, { status: d.type, label: d.title, children: d.content }, s)),
     /* @__PURE__ */ n(
       h,
@@ -35,9 +37,9 @@ function K() {
     )
   ] });
 }
-function M() {
+function Q() {
   const { onEvent: t, companyId: e, policyType: i, policyId: c, alerts: o } = p(), { Alert: r } = a(), d = l(i);
-  return I(d), /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return I(d), /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     o?.map((s, x) => /* @__PURE__ */ n(r, { status: s.type, label: s.title, children: s.content }, x)),
     /* @__PURE__ */ n(
       A,
@@ -50,21 +52,21 @@ function M() {
     )
   ] });
 }
-function N() {
+function U() {
   const { onEvent: t, policyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(u, { onEvent: t, policyId: l(e), mode: "create" })
   ] });
 }
-function Q() {
+function W() {
   const { onEvent: t, policyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(u, { onEvent: t, policyId: l(e), mode: "edit" })
   ] });
 }
-function U() {
+function X() {
   const { onEvent: t, companyId: e, policyId: i, policyType: c } = p(), o = l(c);
   return I(o), /* @__PURE__ */ n(
     P,
@@ -76,48 +78,48 @@ function U() {
     }
   );
 }
-function W() {
+function Y() {
   const { onEvent: t, policyId: e } = p();
   return /* @__PURE__ */ n(C, { onEvent: t, policyId: l(e) });
 }
-function X() {
+function Z() {
   const { onEvent: t, companyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(f, { onEvent: t, companyId: l(e), mode: "create" })
   ] });
 }
-function Y() {
+function _() {
   const { onEvent: t, companyId: e, alerts: i } = p(), { Alert: c } = a();
-  return /* @__PURE__ */ y(m, { flexDirection: "column", gap: 8, children: [
+  return /* @__PURE__ */ m(y, { flexDirection: "column", gap: 8, children: [
     i?.map((o, r) => /* @__PURE__ */ n(c, { status: o.type, label: o.title, children: o.content }, r)),
     /* @__PURE__ */ n(f, { onEvent: t, companyId: l(e), mode: "edit" })
   ] });
 }
-function Z() {
+function $() {
   const { onEvent: t, companyId: e } = p();
   return /* @__PURE__ */ n(T, { onEvent: t, companyId: l(e) });
 }
-function _() {
+function oo() {
   const { onEvent: t, companyId: e } = p();
   return /* @__PURE__ */ n(v, { onEvent: t, companyId: l(e) });
 }
-function $() {
+function to() {
   const { onEvent: t, companyId: e } = p();
   return /* @__PURE__ */ n(g, { onEvent: t, companyId: l(e) });
 }
 export {
-  Z as AddEmployeesHolidayContextual,
-  U as AddEmployeesToPolicyContextual,
-  Y as EditHolidaySelectionFormContextual,
-  Q as EditPolicySettingsContextual,
-  X as HolidaySelectionFormContextual,
-  M as PolicyDetailsFormContextual,
-  J as PolicyListContextual,
-  N as PolicySettingsContextual,
-  K as SelectPolicyTypeContextual,
-  W as TimeOffPolicyDetailContextual,
-  _ as ViewHolidayEmployeesContextual,
-  $ as ViewHolidayScheduleContextual
+  $ as AddEmployeesHolidayContextual,
+  X as AddEmployeesToPolicyContextual,
+  _ as EditHolidaySelectionFormContextual,
+  W as EditPolicySettingsContextual,
+  Z as HolidaySelectionFormContextual,
+  Q as PolicyDetailsFormContextual,
+  M as PolicyListContextual,
+  U as PolicySettingsContextual,
+  N as SelectPolicyTypeContextual,
+  Y as TimeOffPolicyDetailContextual,
+  oo as ViewHolidayEmployeesContextual,
+  to as ViewHolidayScheduleContextual
 };
 //# sourceMappingURL=TimeOffFlowComponents.js.map

package/dist/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeOffFlowComponents.js","sources":["../../../../src/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PolicyList } from '../PolicyList/PolicyList'\nimport { PolicyTypeSelector } from '../PolicyTypeSelector/PolicyTypeSelector'\nimport { PolicyConfigurationForm } from '../TimeOffManagement/PolicyConfigurationForm'\nimport { PolicySettings } from '../PolicySettings/PolicySettings'\nimport { AddEmployeesToPolicy } from '../AddEmployeesToPolicy/AddEmployeesToPolicy'\nimport { TimeOffPolicyDetail } from '../TimeOffPolicyDetail/TimeOffPolicyDetail'\nimport { HolidaySelectionForm } from '../HolidaySelectionForm/HolidaySelectionForm'\nimport { AddEmployeesHoliday } from '../AddEmployeesHoliday/AddEmployeesHoliday'\nimport { ViewHolidayEmployees } from '../ViewHolidayEmployees/ViewHolidayEmployees'\nimport { ViewHolidaySchedule } from '../ViewHolidaySchedule/ViewHolidaySchedule'\nimport { assertCreatablePolicyType, type TimeOffPolicyType } from './timeOffPolicyTypes'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TimeOffFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport type TimeOffFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport type AddEmployeesSource =\n  | 'policySettings'\n  | 'policyDetailsForm'\n  | 'viewTimeOffPolicyDetail'\n  | 'viewHolidayEmployees'\n\nexport interface TimeOffFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  policyType?: TimeOffPolicyType\n  policyId?: string\n  alerts?: TimeOffFlowAlert[]\n  addEmployeesSource?: AddEmployeesSource\n}\n\nexport function PolicyListContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n    </Flex>\n  )\n}\n\nexport function SelectPolicyTypeContextual() {\n  const { onEvent, companyId, policyType, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  const selectorDefault =\n    policyType === 'sick' || policyType === 'vacation' || policyType === 'holiday'\n      ? policyType\n      : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyTypeSelector\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        defaultPolicyType={selectorDefault}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicyDetailsFormContextual() {\n  const { onEvent, companyId, policyType, policyId, alerts } =\n    useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyConfigurationForm\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        policyType={requiredPolicyType}\n        policyId={policyId}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\nexport function EditPolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesToPolicyContextual() {\n  const { onEvent, companyId, policyId, policyType } = useFlow<TimeOffFlowContextInterface>()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n  return (\n    <AddEmployeesToPolicy\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      policyId={ensureRequired(policyId)}\n      policyType={requiredPolicyType}\n    />\n  )\n}\n\nexport function TimeOffPolicyDetailContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <TimeOffPolicyDetail onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\nexport function HolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\nexport function EditHolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesHolidayContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <AddEmployeesHoliday onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayEmployeesContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidayEmployees onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayScheduleContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidaySchedule onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["PolicyListContextual","onEvent","companyId","alerts","useFlow","Alert","useComponentContext","jsxs","Flex","alert","index","PolicyList","ensureRequired","SelectPolicyTypeContextual","policyType","selectorDefault","jsx","PolicyTypeSelector","PolicyDetailsFormContextual","policyId","requiredPolicyType","assertCreatablePolicyType","PolicyConfigurationForm","PolicySettingsContextual","PolicySettings","EditPolicySettingsContextual","AddEmployeesToPolicyContextual","AddEmployeesToPolicy","TimeOffPolicyDetailContextual","TimeOffPolicyDetail","HolidaySelectionFormContextual","HolidaySelectionForm","EditHolidaySelectionFormContextual","AddEmployeesHolidayContextual","AddEmployeesHoliday","ViewHolidayEmployeesContextual","ViewHolidayEmployees","ViewHolidayScheduleContextual","ViewHolidaySchedule"],"mappings":"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"}
+{"version":3,"file":"TimeOffFlowComponents.js","sources":["../../../../src/components/TimeOff/TimeOffFlow/TimeOffFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { PolicyList } from '../PolicyList/PolicyList'\nimport { PolicyTypeSelector } from '../PolicyTypeSelector/PolicyTypeSelector'\nimport { PolicyConfigurationForm } from '../TimeOffManagement/PolicyConfigurationForm'\nimport { PolicySettings } from '../PolicySettings/PolicySettings'\nimport { AddEmployeesToPolicy } from '../AddEmployeesToPolicy/AddEmployeesToPolicy'\nimport { TimeOffPolicyDetail } from '../TimeOffPolicyDetail/TimeOffPolicyDetail'\nimport { HolidaySelectionForm } from '../HolidaySelectionForm/HolidaySelectionForm'\nimport { AddEmployeesHoliday } from '../AddEmployeesHoliday/AddEmployeesHoliday'\nimport { ViewHolidayEmployees } from '../ViewHolidayEmployees/ViewHolidayEmployees'\nimport { ViewHolidaySchedule } from '../ViewHolidaySchedule/ViewHolidaySchedule'\nimport { assertCreatablePolicyType, type TimeOffPolicyType } from './timeOffPolicyTypes'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TimeOffFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport type TimeOffFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport type AddEmployeesSource =\n  | 'policySettings'\n  | 'policyDetailsForm'\n  | 'viewTimeOffPolicyDetail'\n  | 'viewHolidayEmployees'\n\nexport interface TimeOffFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  policyType?: TimeOffPolicyType\n  policyId?: string\n  alerts?: TimeOffFlowAlert[]\n  addEmployeesSource?: AddEmployeesSource\n}\n\nexport function PolicyListContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n    </Flex>\n  )\n}\n\nexport function SelectPolicyTypeContextual() {\n  const { onEvent, companyId, policyType, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  const selectorDefault =\n    policyType === 'sick' || policyType === 'vacation' || policyType === 'holiday'\n      ? policyType\n      : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyTypeSelector\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        defaultPolicyType={selectorDefault}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicyDetailsFormContextual() {\n  const { onEvent, companyId, policyType, policyId, alerts } =\n    useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicyConfigurationForm\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        policyType={requiredPolicyType}\n        policyId={policyId}\n      />\n    </Flex>\n  )\n}\n\nexport function PolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\nexport function EditPolicySettingsContextual() {\n  const { onEvent, policyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <PolicySettings onEvent={onEvent} policyId={ensureRequired(policyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesToPolicyContextual() {\n  const { onEvent, companyId, policyId, policyType } = useFlow<TimeOffFlowContextInterface>()\n  const requiredPolicyType = ensureRequired(policyType)\n  assertCreatablePolicyType(requiredPolicyType)\n  return (\n    <AddEmployeesToPolicy\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      policyId={ensureRequired(policyId)}\n      policyType={requiredPolicyType}\n    />\n  )\n}\n\nexport function TimeOffPolicyDetailContextual() {\n  const { onEvent, policyId } = useFlow<TimeOffFlowContextInterface>()\n  return <TimeOffPolicyDetail onEvent={onEvent} policyId={ensureRequired(policyId)} />\n}\n\nexport function HolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"create\" />\n    </Flex>\n  )\n}\n\nexport function EditHolidaySelectionFormContextual() {\n  const { onEvent, companyId, alerts } = useFlow<TimeOffFlowContextInterface>()\n  const { Alert } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <HolidaySelectionForm onEvent={onEvent} companyId={ensureRequired(companyId)} mode=\"edit\" />\n    </Flex>\n  )\n}\n\nexport function AddEmployeesHolidayContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <AddEmployeesHoliday onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayEmployeesContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidayEmployees onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function ViewHolidayScheduleContextual() {\n  const { onEvent, companyId } = useFlow<TimeOffFlowContextInterface>()\n  return <ViewHolidaySchedule onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n"],"names":["PolicyListContextual","onEvent","companyId","alerts","useFlow","Alert","useComponentContext","jsxs","Flex","alert","index","PolicyList","ensureRequired","SelectPolicyTypeContextual","policyType","selectorDefault","jsx","PolicyTypeSelector","PolicyDetailsFormContextual","policyId","requiredPolicyType","assertCreatablePolicyType","PolicyConfigurationForm","PolicySettingsContextual","PolicySettings","EditPolicySettingsContextual","AddEmployeesToPolicyContextual","AddEmployeesToPolicy","TimeOffPolicyDetailContextual","TimeOffPolicyDetail","HolidaySelectionFormContextual","HolidaySelectionForm","EditHolidaySelectionFormContextual","AddEmployeesHolidayContextual","AddEmployeesHoliday","ViewHolidayEmployeesContextual","ViewHolidayEmployees","ViewHolidayScheduleContextual","ViewHolidaySchedule"],"mappings":"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"}

package/dist/components/TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.js

@@ -5,8 +5,8 @@ import { useTranslation as Z } from "react-i18next";
 import o from "./PolicyConfigurationForm.module.scss.js";
 import { Flex as d } from "../../../Common/Flex/Flex.js";
 import { ActionsLayout as $ } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as ee } from "../../../Common/Form/Form.js";
-import { useComponentContext as ae } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as ee } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Form as ae } from "../../../Common/Form/Form.js";
 import { useLocale as ie } from "../../../../contexts/LocaleProvider/useLocale.js";
 import { useI18n as le } from "../../../../i18n/I18n.js";
 import { getDaysInMonth as C } from "../../../../helpers/dateFormatting.js";
@@ -24,7 +24,7 @@ function ge({
   lockedAccrualCategory: y
 }) {
   le("Company.TimeOff.CreateTimeOffPolicy");
-  const { t: e } = Z("Company.TimeOff.CreateTimeOffPolicy"), { Heading: A, Text: D, Button: L } = ae(), { locale: R } = ie(), F = J(), S = c(() => {
+  const { t: e } = Z("Company.TimeOff.CreateTimeOffPolicy"), { Heading: A, Text: D, Button: L } = ee(), { locale: R } = ie(), F = J(), S = c(() => {
     const i = new Intl.DateTimeFormat(R, { month: "long" });
     return Array.from({ length: 12 }, (r, s) => ({
       value: s + 1,
@@ -103,7 +103,7 @@ function ge({
   ), B = (i) => {
     N(i);
   }, f = n === "per_hour_paid", H = n === "per_calendar_year", G = f || H, z = E === "per_calendar_year";
-  return /* @__PURE__ */ a(X, { ...h, children: /* @__PURE__ */ a(ee, { "aria-labelledby": F, onSubmit: h.handleSubmit(B), children: /* @__PURE__ */ t(d, { flexDirection: "column", gap: 32, children: [
+  return /* @__PURE__ */ a(X, { ...h, children: /* @__PURE__ */ a(ae, { "aria-labelledby": F, onSubmit: h.handleSubmit(B), children: /* @__PURE__ */ t(d, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ a(A, { as: "h2", id: F, children: g ? e("policyDetails.editTitle", { name: g }) : e("policyDetails.createTitle") }),
     /* @__PURE__ */ t(d, { flexDirection: "column", gap: 20, children: [
       /* @__PURE__ */ a(

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetail.js

@@ -9,20 +9,20 @@ import { UnprocessableEntityError as oe } from "@gusto/embedded-api-v-2025-11-15
 import { useQueryClient as ne } from "@tanstack/react-query";
 import { TimeOffPolicyDetailPresentation as ie } from "./TimeOffPolicyDetailPresentation.js";
 import { EditEmployeeBalanceModal as le } from "./EditEmployeeBalanceModal.js";
-import { BaseComponent as se } from "../../Base/Base.js";
-import { useBase as me } from "../../Base/useBase.js";
+import { HamburgerMenu as se } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { BaseComponent as me } from "../../Base/Base.js";
+import { useBase as ue } from "../../Base/useBase.js";
 import { SDKInternalError as x } from "../../../types/sdkError.js";
 import { componentEvents as O } from "../../../shared/constants.js";
-import { useComponentContext as ue } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as ce } from "../../../i18n/I18n.js";
-import { useLocale as de } from "../../../contexts/LocaleProvider/useLocale.js";
-import { isEditableTimeOffPolicyType as fe } from "../TimeOffFlow/timeOffPolicyTypes.js";
+import { useComponentContext as ce } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as de } from "../../../i18n/I18n.js";
+import { useLocale as fe } from "../../../contexts/LocaleProvider/useLocale.js";
+import { isEditableTimeOffPolicyType as pe } from "../TimeOffFlow/timeOffPolicyTypes.js";
 import R from "../../../assets/icons/edit-02.svg.js";
-import pe from "../../../assets/icons/trashcan.svg.js";
-import ye from "../../../assets/icons/plus-circle.svg.js";
-import { HamburgerMenu as ve } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import ye from "../../../assets/icons/trashcan.svg.js";
+import ve from "../../../assets/icons/plus-circle.svg.js";
 function Qe(e) {
-  return /* @__PURE__ */ l(se, { ...e, children: /* @__PURE__ */ l(Ee, { ...e }) });
+  return /* @__PURE__ */ l(me, { ...e, children: /* @__PURE__ */ l(Ee, { ...e }) });
 }
 const _e = {
   unlimited: "unlimited",
@@ -79,12 +79,12 @@ function ge(e, r) {
   });
 }
 function Ee({ policyId: e }) {
-  ce("Company.TimeOff.TimeOffPolicyDetails");
-  const { t: r } = Z("Company.TimeOff.TimeOffPolicyDetails"), { onEvent: a, baseSubmitHandler: t, error: s, setError: u } = me(), { Button: c } = ue(), { locale: S } = de(), H = ne(), { data: U } = ee({
+  de("Company.TimeOff.TimeOffPolicyDetails");
+  const { t: r } = Z("Company.TimeOff.TimeOffPolicyDetails"), { onEvent: a, baseSubmitHandler: t, error: s, setError: u } = ue(), { Button: c } = ce(), { locale: S } = fe(), H = ne(), { data: U } = ee({
     timeOffPolicyUuid: e
   }), { mutateAsync: A, isPending: k } = re(), { mutateAsync: B, isPending: I } = te(), o = U.timeOffPolicy;
   if (!o) throw new Error("Unexpected response: missing timeOffPolicy");
-  const d = fe(o.policyType), { data: w } = ae({
+  const d = pe(o.policyType), { data: w } = ae({
     companyId: o.companyUuid,
     terminated: !1
   }), [F, Y] = y("details"), [b, D] = y(""), [q, g] = y(), [f, E] = y(null), [m, C] = y(null), h = v(() => Te(o, S), [o, S]), $ = v(() => Oe(o), [o]), N = v(
@@ -161,7 +161,7 @@ function Ee({ policyId: e }) {
           c,
           {
             variant: "secondary",
-            icon: /* @__PURE__ */ l(ye, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ l(ve, { "aria-hidden": !0 }),
             onClick: M,
             children: r("addEmployeeCta")
           },
@@ -198,14 +198,14 @@ function Ee({ policyId: e }) {
         ],
         {
           label: r("employeeTable.removeEmployee"),
-          icon: /* @__PURE__ */ l(pe, { "aria-hidden": !0 }),
+          icon: /* @__PURE__ */ l(ye, { "aria-hidden": !0 }),
           onClick: () => {
             E({ uuid: i.uuid, name: n });
           }
         }
       ];
       return /* @__PURE__ */ l(
-        ve,
+        se,
         {
           items: p,
           triggerLabel: `${r("employeeTable.actions")} ${n}`

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

@@ -5,8 +5,10 @@ export { PolicyTypeSelector } from './PolicyTypeSelector/PolicyTypeSelector';
 export type { PolicyTypeSelectorProps } from './PolicyTypeSelector/PolicyTypeSelector';
 export { PolicyConfigurationForm } from './TimeOffManagement/PolicyConfigurationForm';
 export type { PolicyConfigurationFormProps } from './TimeOffManagement/PolicyConfigurationForm';
-export { PolicySettingsPresentation as PolicySettings } from './PolicySettings/PolicySettingsPresentation';
-export type { PolicySettingsPresentationProps as PolicySettingsProps } from './PolicySettings/PolicySettingsTypes';
+export { PolicySettings } from './PolicySettings/PolicySettings';
+export type { PolicySettingsProps } from './PolicySettings/PolicySettings';
+export { PolicySettingsPresentation } from './PolicySettings/PolicySettingsPresentation';
+export type { PolicySettingsPresentationProps } from './PolicySettings/PolicySettingsTypes';
 export { AddEmployeesToPolicy } from './AddEmployeesToPolicy/AddEmployeesToPolicy';
 export type { AddEmployeesToPolicyProps } from './AddEmployeesToPolicy/AddEmployeesToPolicy';
 export { HolidaySelectionForm } from './HolidaySelectionForm/HolidaySelectionForm';
@@ -20,6 +22,8 @@ export type { ViewHolidayPolicyDetailsProps } from './ViewHolidayPolicyDetails/V
 export { ViewHolidaySchedule } from './ViewHolidaySchedule/ViewHolidaySchedule';
 export type { ViewHolidayScheduleProps } from './ViewHolidaySchedule/ViewHolidaySchedule';
 export type { HolidayPolicyDetailPresentationProps, HolidayPolicyDetailEmployee, } from './HolidayPolicyDetail';
+export { TimeOffPolicyDetail } from './TimeOffPolicyDetail/TimeOffPolicyDetail';
+export type { TimeOffPolicyDetailProps } from './TimeOffPolicyDetail/TimeOffPolicyDetail';
 export { TimeOffPolicyDetailPresentation } from './TimeOffPolicyDetail';
 export type { TimeOffPolicyDetailPresentationProps, TimeOffPolicyDetailEmployee, PolicyDetails, PolicySettingsDisplay, } from './TimeOffPolicyDetail';
 export { TimeOffFlow } from './TimeOffFlow/TimeOffFlow';

package/dist/components/TimeOff/index.js

@@ -1,27 +1,31 @@
 import { PolicyList as r } from "./PolicyList/PolicyList.js";
 import { PolicyTypeSelector as t } from "./PolicyTypeSelector/PolicyTypeSelector.js";
-import { PolicySettingsPresentation as m } from "./PolicySettings/PolicySettingsPresentation.js";
-import { AddEmployeesToPolicy as y } from "./AddEmployeesToPolicy/AddEmployeesToPolicy.js";
-import { HolidaySelectionForm as x } from "./HolidaySelectionForm/HolidaySelectionForm.js";
-import { AddEmployeesHoliday as c } from "./AddEmployeesHoliday/AddEmployeesHoliday.js";
+import { PolicySettings as m } from "./PolicySettings/PolicySettings.js";
+import { PolicySettingsPresentation as p } from "./PolicySettings/PolicySettingsPresentation.js";
+import { AddEmployeesToPolicy as x } from "./AddEmployeesToPolicy/AddEmployeesToPolicy.js";
+import { HolidaySelectionForm as a } from "./HolidaySelectionForm/HolidaySelectionForm.js";
+import { AddEmployeesHoliday as d } from "./AddEmployeesHoliday/AddEmployeesHoliday.js";
 import { ViewHolidayEmployees as s } from "./ViewHolidayEmployees/ViewHolidayEmployees.js";
-import { ViewHolidayPolicyDetails as n } from "./ViewHolidayPolicyDetails/ViewHolidayPolicyDetails.js";
-import { ViewHolidaySchedule as S } from "./ViewHolidaySchedule/ViewHolidaySchedule.js";
-import { TimeOffFlow as T } from "./TimeOffFlow/TimeOffFlow.js";
-import { PolicyConfigurationForm as E } from "./TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.js";
-import { TimeOffPolicyDetailPresentation as V } from "./TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.js";
+import { ViewHolidayPolicyDetails as S } from "./ViewHolidayPolicyDetails/ViewHolidayPolicyDetails.js";
+import { ViewHolidaySchedule as w } from "./ViewHolidaySchedule/ViewHolidaySchedule.js";
+import { TimeOffPolicyDetail as D } from "./TimeOffPolicyDetail/TimeOffPolicyDetail.js";
+import { TimeOffFlow as F } from "./TimeOffFlow/TimeOffFlow.js";
+import { PolicyConfigurationForm as V } from "./TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.js";
+import { TimeOffPolicyDetailPresentation as A } from "./TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.js";
 export {
-  c as AddEmployeesHoliday,
-  y as AddEmployeesToPolicy,
-  x as HolidaySelectionForm,
-  E as PolicyConfigurationForm,
+  d as AddEmployeesHoliday,
+  x as AddEmployeesToPolicy,
+  a as HolidaySelectionForm,
+  V as PolicyConfigurationForm,
   r as PolicyList,
   m as PolicySettings,
+  p as PolicySettingsPresentation,
   t as PolicyTypeSelector,
-  T as TimeOffFlow,
-  V as TimeOffPolicyDetailPresentation,
+  F as TimeOffFlow,
+  D as TimeOffPolicyDetail,
+  A as TimeOffPolicyDetailPresentation,
   s as ViewHolidayEmployees,
-  n as ViewHolidayPolicyDetails,
-  S as ViewHolidaySchedule
+  S as ViewHolidayPolicyDetails,
+  w as ViewHolidaySchedule
 };
 //# sourceMappingURL=index.js.map

package/dist/components/TimeOff/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/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.js

@@ -1,9 +1,9 @@
 import { jsx as i, jsxs as P, Fragment as b } from "react/jsx-runtime";
 import { useTranslation as S } from "react-i18next";
 import { EmployeeTable as D } from "../EmployeeTable/EmployeeTable.js";
-import "../../../../shared/constants.js";
 import { EmptyData as L } from "../../../Common/EmptyData/EmptyData.js";
 import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
 import { useI18n as T } from "../../../../i18n/I18n.js";
 import x from "../../../../assets/icons/plus-circle.svg.js";
 import { DetailViewLayout as A } from "../../../Common/DetailViewLayout/DetailViewLayout.js";

package/dist/components/index.d.ts

@@ -1,10 +1,4 @@
 import "./types/i18next.d.ts"
-/** @deprecated Use `CompanyOnboarding` (or future `CompanyManagement`) instead. Will be removed in a future major version. */
-export * as Company from './Company';
-/** @deprecated Use `ContractorOnboarding` (or future `ContractorManagement`) instead. Will be removed in a future major version. */
-export * as Contractor from './Contractor';
-/** @deprecated Use `EmployeeOnboarding` or `EmployeeManagement` instead. Will be removed in a future major version. */
-export * as Employee from './Employee';
 export * as InformationRequests from './InformationRequests';
 export * as Payroll from './Payroll';
 export * as TimeOff from './TimeOff';
@@ -12,3 +6,4 @@ export * as EmployeeOnboarding from './Employee/exports/employeeOnboarding';
 export * as EmployeeManagement from './Employee/exports/employeeManagement';
 export * as CompanyOnboarding from './Company/exports/companyOnboarding';
 export * as ContractorOnboarding from './Contractor/exports/contractorOnboarding';
+export * as ContractorManagement from './Contractor/exports/contractorManagement';

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

@@ -2,12 +2,38 @@ import { default as React } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { ComponentsContextType } from '../ComponentAdapter/useComponentContext';
 import { GustoProviderProps } from './GustoProviderCustomUIAdapter';
+/**
+ * Props for {@link GustoProvider}.
+ *
+ * @remarks
+ * Extends {@link GustoProviderProps} but makes `components` optional and partial: any components
+ * you do not supply fall back to the SDK's built-in React Aria implementations.
+ *
+ * @public
+ */
 export interface GustoApiProps extends Omit<GustoProviderProps, 'components'> {
+    /** Optional TanStack Query `QueryClient` to share with the rest of your app. When omitted, the SDK creates its own client configured for Gusto's API. */
     queryClient?: QueryClient;
+    /** Partial component overrides. Any component you do not supply uses the SDK's default React Aria implementation. */
     components?: Partial<ComponentsContextType>;
+    /** The application tree that should have access to the SDK. */
     children?: React.ReactNode;
 }
+/**
+ * Top-level provider that configures the SDK at the application level.
+ *
+ * @remarks
+ * Wrap your application's component tree with `GustoProvider` so that any SDK component below it
+ * has access to the API client, theme, locale, translations, and UI components. Components you
+ * provide via the `components` prop override the SDK's React Aria defaults; any component you do
+ * not supply uses the default.
+ *
+ * For full UI control without the bundled React Aria defaults, use {@link GustoProviderCustomUIAdapter}
+ * instead and supply a complete component map.
+ *
+ * @param props - See {@link GustoApiProps}.
+ * @returns The configured provider tree wrapping `children`.
+ * @public
+ */
 declare const GustoProvider: React.FC<GustoApiProps>;
 export { GustoProvider };
-/** @deprecated Import from `GustoProvider` instead */
-export declare const GustoApiProvider: React.FC<GustoApiProps>;

package/dist/contexts/GustoProvider/GustoProvider.js

@@ -1,22 +1,21 @@
 import { jsx as r } from "react/jsx-runtime";
-import { I18nProvider as s } from "react-aria-components";
-import { createComponents as p } from "../ComponentAdapter/createComponentsWithDefaults.js";
+import { I18nProvider as p } from "react-aria-components";
+import { createComponents as s } from "../ComponentAdapter/createComponentsWithDefaults.js";
 import { GustoProviderCustomUIAdapter as c } from "./GustoProviderCustomUIAdapter.js";
-const d = (t) => {
-  const { children: e, components: n = {}, locale: o, queryClient: i, ...m } = t;
+const f = (e) => {
+  const { children: t, components: n = {}, locale: o, queryClient: m, ...i } = e;
   return /* @__PURE__ */ r(
     c,
     {
       locale: o,
-      queryClient: i,
-      ...m,
-      components: p(n),
-      children: /* @__PURE__ */ r(s, { locale: o, children: e })
+      queryClient: m,
+      ...i,
+      components: s(n),
+      children: /* @__PURE__ */ r(p, { locale: o, children: t })
     }
   );
-}, f = d;
+};
 export {
-  f as GustoApiProvider,
-  d as GustoProvider
+  f as GustoProvider
 };
 //# sourceMappingURL=GustoProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GustoProvider.js","sources":["../../../src/contexts/GustoProvider/GustoProvider.tsx"],"sourcesContent":["import type React from 'react'\n// GustoProvider uses react-aria as the default components so we need to include the react-aria I18nProvider here.\n// For use without react-aria, the GustoProviderCustomUIAdapter can be used which does not includes it.\n// eslint-disable-next-line no-restricted-imports\nimport { I18nProvider } from 'react-aria-components'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { createComponents } from '../ComponentAdapter/createComponentsWithDefaults'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport {\n  GustoProviderCustomUIAdapter,\n  type GustoProviderProps,\n} from './GustoProviderCustomUIAdapter'\n\nexport interface GustoApiProps extends Omit<GustoProviderProps, 'components'> {\n  queryClient?: QueryClient\n  components?: Partial<ComponentsContextType>\n  children?: React.ReactNode\n}\n\nconst GustoProvider: React.FC<GustoApiProps> = props => {\n  const { children, components = {}, locale, queryClient, ...remainingProps } = props\n\n  return (\n    <GustoProviderCustomUIAdapter\n      locale={locale}\n      queryClient={queryClient}\n      {...remainingProps}\n      components={createComponents(components)}\n    >\n      {/* react-aria locale provider that exposes correct locale to number formatters */}\n      <I18nProvider locale={locale}>{children}</I18nProvider>\n    </GustoProviderCustomUIAdapter>\n  )\n}\n\nexport { GustoProvider }\n\n/** @deprecated Import from `GustoProvider` instead */\nexport const GustoApiProvider = GustoProvider\n"],"names":["GustoProvider","props","children","components","locale","queryClient","remainingProps","jsx","GustoProviderCustomUIAdapter","createComponents","I18nProvider","GustoApiProvider"],"mappings":";;;;AAmBA,MAAMA,IAAyC,CAAAC,MAAS;AACtD,QAAM,EAAE,UAAAC,GAAU,YAAAC,IAAa,CAAA,GAAI,QAAAC,GAAQ,aAAAC,GAAa,GAAGC,EAAA,IAAmBL;AAE9E,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAAJ;AAAA,MACA,aAAAC;AAAA,MACC,GAAGC;AAAA,MACJ,YAAYG,EAAiBN,CAAU;AAAA,MAGvC,UAAA,gBAAAI,EAACG,GAAA,EAAa,QAAAN,GAAiB,UAAAF,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG9C,GAKaS,IAAmBX;"}
+{"version":3,"file":"GustoProvider.js","sources":["../../../src/contexts/GustoProvider/GustoProvider.tsx"],"sourcesContent":["import type React from 'react'\n// GustoProvider uses react-aria as the default components so we need to include the react-aria I18nProvider here.\n// For use without react-aria, the GustoProviderCustomUIAdapter can be used which does not includes it.\n// eslint-disable-next-line no-restricted-imports\nimport { I18nProvider } from 'react-aria-components'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { createComponents } from '../ComponentAdapter/createComponentsWithDefaults'\nimport type { ComponentsContextType } from '../ComponentAdapter/useComponentContext'\nimport {\n  GustoProviderCustomUIAdapter,\n  type GustoProviderProps,\n} from './GustoProviderCustomUIAdapter'\n\n/**\n * Props for {@link GustoProvider}.\n *\n * @remarks\n * Extends {@link GustoProviderProps} but makes `components` optional and partial: any components\n * you do not supply fall back to the SDK's built-in React Aria implementations.\n *\n * @public\n */\nexport interface GustoApiProps extends Omit<GustoProviderProps, 'components'> {\n  /** Optional TanStack Query `QueryClient` to share with the rest of your app. When omitted, the SDK creates its own client configured for Gusto's API. */\n  queryClient?: QueryClient\n  /** Partial component overrides. Any component you do not supply uses the SDK's default React Aria implementation. */\n  components?: Partial<ComponentsContextType>\n  /** The application tree that should have access to the SDK. */\n  children?: React.ReactNode\n}\n\n/**\n * Top-level provider that configures the SDK at the application level.\n *\n * @remarks\n * Wrap your application's component tree with `GustoProvider` so that any SDK component below it\n * has access to the API client, theme, locale, translations, and UI components. Components you\n * provide via the `components` prop override the SDK's React Aria defaults; any component you do\n * not supply uses the default.\n *\n * For full UI control without the bundled React Aria defaults, use {@link GustoProviderCustomUIAdapter}\n * instead and supply a complete component map.\n *\n * @param props - See {@link GustoApiProps}.\n * @returns The configured provider tree wrapping `children`.\n * @public\n */\nconst GustoProvider: React.FC<GustoApiProps> = props => {\n  const { children, components = {}, locale, queryClient, ...remainingProps } = props\n\n  return (\n    <GustoProviderCustomUIAdapter\n      locale={locale}\n      queryClient={queryClient}\n      {...remainingProps}\n      components={createComponents(components)}\n    >\n      {/* react-aria locale provider that exposes correct locale to number formatters */}\n      <I18nProvider locale={locale}>{children}</I18nProvider>\n    </GustoProviderCustomUIAdapter>\n  )\n}\n\nexport { GustoProvider }\n"],"names":["GustoProvider","props","children","components","locale","queryClient","remainingProps","jsx","GustoProviderCustomUIAdapter","createComponents","I18nProvider"],"mappings":";;;;AA+CA,MAAMA,IAAyC,CAAAC,MAAS;AACtD,QAAM,EAAE,UAAAC,GAAU,YAAAC,IAAa,CAAA,GAAI,QAAAC,GAAQ,aAAAC,GAAa,GAAGC,EAAA,IAAmBL;AAE9E,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAAJ;AAAA,MACA,aAAAC;AAAA,MACC,GAAGC;AAAA,MACJ,YAAYG,EAAiBN,CAAU;AAAA,MAGvC,UAAA,gBAAAI,EAACG,GAAA,EAAa,QAAAN,GAAiB,UAAAF,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG9C;"}

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

@@ -6,29 +6,69 @@ import { GustoSDKTheme } from '../ThemeProvider/theme';
 import { ResourceDictionary } from '../../types/Helpers';
 import { SDKHooks } from '../../types/hooks';
 import { ObservabilityHook } from '../../types/observability';
+/**
+ * API client configuration passed to {@link GustoProvider} (and {@link GustoProviderCustomUIAdapter}).
+ *
+ * @public
+ */
 export interface APIConfig {
+    /** URL of your backend proxy that forwards SDK requests to the Gusto Embedded API. SDK components never call Gusto directly. */
     baseUrl: string;
+    /** Extra headers applied to every API request. Combined with any headers your proxy adds. */
     headers?: HeadersInit;
+    /** Request interceptor hooks. Use these to inspect, modify, or react to requests and responses. See {@link SDKHooks}. */
     hooks?: SDKHooks;
+    /** Observability hook for surfacing errors and metrics from the SDK to your monitoring stack. See {@link ObservabilityHook}. */
     observability?: ObservabilityHook;
 }
+/**
+ * Shared configuration props accepted by {@link GustoProvider} and {@link GustoProviderCustomUIAdapter}.
+ *
+ * @public
+ */
 export interface GustoProviderProps {
+    /** API client configuration, including the proxy `baseUrl`, request hooks, and observability. See {@link APIConfig}. */
     config: APIConfig;
+    /** Translation overrides keyed by language and i18next namespace. Strings supplied here replace the SDK defaults for the matching keys. */
     dictionary?: ResourceDictionary;
+    /** Active i18next language. Defaults to `'en'`. */
     lng?: string;
+    /** BCP 47 locale used for number, date, and currency formatting throughout the SDK. Defaults to `'en-US'`. */
     locale?: string;
+    /** ISO 4217 currency code used for monetary formatting. Defaults to `'USD'`. */
     currency?: string;
-    theme?: GustoSDKTheme;
+    /** Theme overrides applied to SDK components. See {@link GustoSDKTheme}. */
+    theme?: Partial<GustoSDKTheme>;
+    /** Element to use as the portal container for SDK popovers and dropdowns. Useful when rendering inside a modal or shadow root. */
     portalContainer?: HTMLElement;
+    /** Optional TanStack Query `QueryClient`. When omitted, the SDK creates its own client configured for Gusto's API. */
     queryClient?: QueryClient;
+    /** Complete map of UI components the SDK renders. Required because this adapter ships no defaults. */
     components: ComponentsContextType;
+    /** Loading indicator rendered while SDK queries are pending. Overrides the SDK default spinner. */
     LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator'];
 }
+/**
+ * Props for {@link GustoProviderCustomUIAdapter}.
+ *
+ * @public
+ */
 export interface GustoProviderCustomUIAdapterProps extends GustoProviderProps {
+    /** The application tree that should have access to the SDK. */
     children?: React.ReactNode;
 }
 /**
- * A provider that accepts UI component adapters through the components prop
+ * Top-level provider that requires a complete component map and ships no UI defaults.
+ *
+ * @remarks
+ * Use this adapter when you want full control over every UI primitive the SDK renders, or when
+ * you want to avoid the React Aria dependency for tree-shaking. Unlike {@link GustoProvider}, the
+ * `components` prop on {@link GustoProviderProps} is required and must supply every component the
+ * SDK renders.
+ *
+ * @param props - See {@link GustoProviderCustomUIAdapterProps}.
+ * @returns The configured provider tree wrapping `children`.
+ * @public
  */
 declare const GustoProviderCustomUIAdapter: React.FC<GustoProviderCustomUIAdapterProps>;
 export { GustoProviderCustomUIAdapter };

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.js

@@ -7,8 +7,8 @@ import { ApiProvider as I } from "../ApiProvider/ApiProvider.js";
 import { LoadingIndicatorProvider as L } from "../LoadingIndicatorProvider/LoadingIndicatorProvider.js";
 import { sanitizeError as x } from "../ObservabilityProvider/sanitization.js";
 import { SDKI18next as m } from "./SDKI18next.js";
-import "../../shared/constants.js";
 import { InternalError as z } from "../../components/Common/InternalError/InternalError.js";
+import "../ComponentAdapter/useComponentContext.js";
 import { LocaleProvider as D } from "../LocaleProvider/LocaleProvider.js";
 import "../LocaleProvider/useLocale.js";
 import { ThemeProvider as U } from "../ThemeProvider/ThemeProvider.js";