@gusto/embedded-react-sdk 0.47.0 → 0.47.1

package/dist/components/Employee/Paystubs/management/PaystubsCard/PaystubsCard.js

@@ -2,9 +2,8 @@ import { jsx as r } from "react/jsx-runtime";
 import { useState as N, useCallback as U } from "react";
 import { useTranslation as C } from "react-i18next";
 import { useErrorBoundary as R } from "react-error-boundary";
-import { componentEvents as b } from "../../../../../shared/constants.js";
 import { Loading as _ } from "../../../../Common/Loading/Loading.js";
-import { EmptyData as w } from "../../../../Common/EmptyData/EmptyData.js";
+import { EmptyData as b } from "../../../../Common/EmptyData/EmptyData.js";
 import { BaseBoundaries as O, BaseLayout as D } from "../../../../Base/Base.js";
 import { useComponentContext as L } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { composeErrorHandler as T } from "../../../../../partner-hook-utils/composeErrorHandler.js";
@@ -12,6 +11,7 @@ import { usePaymentMethodList as v } from "../../../PaymentMethod/shared/usePaym
 import { formatDateLongWithYear as j } from "../../../../../helpers/dateFormatting.js";
 import W from "../../../../../hooks/useNumberFormatter.js";
 import { useI18n as Y } from "../../../../../i18n/I18n.js";
+import { componentEvents as w } from "../../../../../shared/constants.js";
 import H from "../../../../../assets/icons/download-cloud.svg.js";
 import { usePaystubsList as F } from "../../shared/usePaystubsList/usePaystubsList.js";
 import { useDataView as V } from "../../../../Common/DataView/useDataView.js";
@@ -44,7 +44,7 @@ function q({
     () => /* @__PURE__ */ new Set()
   ), { payStubs: h } = s.data, x = s.pagination.payStubs, S = l.isLoading ? void 0 : l.data.paymentMethod, k = U(
     async (t) => {
-      c(b.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOAD_REQUESTED, {
+      c(w.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOAD_REQUESTED, {
         employeeId: i,
         payrollUuid: t
       });
@@ -72,7 +72,7 @@ function q({
         const a = URL.createObjectURL(e.data);
         o ? (o.addEventListener("load", () => {
           URL.revokeObjectURL(a);
-        }), o.location.href = a) : URL.revokeObjectURL(a), c(b.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOADED, {
+        }), o.location.href = a) : URL.revokeObjectURL(a), c(w.EMPLOYEE_MANAGEMENT_PAYSTUBS_CARD_DOWNLOADED, {
           employeeId: i,
           payrollUuid: t
         });
@@ -136,14 +136,14 @@ function q({
         }
       );
     },
-    emptyState: () => /* @__PURE__ */ r(w, { title: n("emptyState.title"), description: n("emptyState.description") })
+    emptyState: () => /* @__PURE__ */ r(b, { title: n("emptyState.title"), description: n("emptyState.description") })
   }), g = h.length > 0;
   return /* @__PURE__ */ r(D, { error: m.errors, children: /* @__PURE__ */ r(
     d.Box,
     {
       withPadding: !g,
       header: /* @__PURE__ */ r(d.BoxHeader, { title: n("title") }),
-      children: g ? /* @__PURE__ */ r(G, { label: n("listLabel"), isWithinBox: !0, ...B }) : /* @__PURE__ */ r(w, { title: n("emptyState.title"), description: n("emptyState.description") })
+      children: g ? /* @__PURE__ */ r(G, { label: n("listLabel"), isWithinBox: !0, ...B }) : /* @__PURE__ */ r(b, { title: n("emptyState.title"), description: n("emptyState.description") })
     }
   ) });
 }

package/dist/components/Employee/Profile/management/ProfileCard/ProfileCard.js

@@ -1,28 +1,28 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useTranslation as u } from "react-i18next";
-import { componentEvents as y } from "../../../../../shared/constants.js";
-import { Loading as g } from "../../../../Common/Loading/Loading.js";
-import { BaseBoundaries as L, BaseLayout as P } from "../../../../Base/Base.js";
-import { useComponentContext as B } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Loading as y } from "../../../../Common/Loading/Loading.js";
+import { BaseBoundaries as g, BaseLayout as L } from "../../../../Base/Base.js";
+import { useComponentContext as P } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { formatDateLongWithYear as s } from "../../../../../helpers/dateFormatting.js";
-import { firstLastName as N } from "../../../../../helpers/formattedStrings.js";
-import { useI18n as X } from "../../../../../i18n/I18n.js";
+import { firstLastName as B } from "../../../../../helpers/formattedStrings.js";
+import { useI18n as N } from "../../../../../i18n/I18n.js";
+import { componentEvents as X } from "../../../../../shared/constants.js";
 import { useEmployeeProfileSummary as C } from "../../shared/useEmployeeProfileSummary/useEmployeeProfileSummary.js";
 function k(i) {
-  return /* @__PURE__ */ t(L, { componentName: "Employee.Management.Profile", children: /* @__PURE__ */ t(D, { ...i }) });
+  return /* @__PURE__ */ t(g, { componentName: "Employee.Management.Profile", children: /* @__PURE__ */ t(D, { ...i }) });
 }
 function D({ employeeId: i, onEvent: l }) {
-  X("Employee.Management.Profile");
-  const { t: o } = u("Employee.Management.Profile"), n = B(), a = C({ employeeId: i }), m = a.isLoading, e = a.isLoading ? void 0 : a.data.employee, d = e ? N({ first_name: e.firstName, last_name: e.lastName }) : void 0, c = e ? s(e.jobs?.[0]?.hireDate) : void 0, p = e ? s(e.dateOfBirth) : void 0, f = e?.hasSsn ? "XXX-XX-XXXX" : void 0, r = /* @__PURE__ */ t("span", { "aria-label": o("listEmptyPlaceholder"), children: "–" }), E = e ? [
+  N("Employee.Management.Profile");
+  const { t: o } = u("Employee.Management.Profile"), n = P(), a = C({ employeeId: i }), m = a.isLoading, e = a.isLoading ? void 0 : a.data.employee, d = e ? B({ first_name: e.firstName, last_name: e.lastName }) : void 0, c = e ? s(e.jobs?.[0]?.hireDate) : void 0, p = e ? s(e.dateOfBirth) : void 0, f = e?.hasSsn ? "XXX-XX-XXXX" : void 0, r = /* @__PURE__ */ t("span", { "aria-label": o("listEmptyPlaceholder"), children: "–" }), E = e ? [
     { term: o("legalName"), description: d || r },
     { term: o("startDate"), description: c || r },
     { term: o("socialSecurityNumber"), description: f || r },
     { term: o("dateOfBirth"), description: p || r },
     { term: o("personalEmail"), description: e.email || r }
   ] : [], h = () => {
-    l(y.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId: i });
+    l(X.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId: i });
   };
-  return /* @__PURE__ */ t(P, { error: a.errorHandling.errors, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(L, { error: a.errorHandling.errors, children: /* @__PURE__ */ t(
     n.Box,
     {
       header: /* @__PURE__ */ t(
@@ -40,7 +40,7 @@ function D({ employeeId: i, onEvent: l }) {
           )
         }
       ),
-      children: m ? /* @__PURE__ */ t(g, {}) : e ? /* @__PURE__ */ t(n.DescriptionList, { items: E }) : null
+      children: m ? /* @__PURE__ */ t(y, {}) : e ? /* @__PURE__ */ t(n.DescriptionList, { items: E }) : null
     }
   ) });
 }

package/dist/components/Employee/Profile/management/ProfileEditForm.js

@@ -6,12 +6,12 @@ import { useEmployeeDetailsForm as R } from "../shared/useEmployeeDetailsForm/us
 import g from "./Profile.module.scss.js";
 import { BaseBoundaries as v, BaseLayout as d } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { componentEvents as f } from "../../../../shared/constants.js";
 import { Grid as b } from "../../../Common/Grid/Grid.js";
 import { ActionsLayout as h } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { Form as A } from "../../../Common/Form/Form.js";
 import { SDKFormProvider as _ } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useI18n as y, useComponentDictionary as F } from "../../../../i18n/I18n.js";
+import { componentEvents as f } from "../../../../shared/constants.js";
 import { useComponentContext as P } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 function z({
   FallbackComponent: r,

package/dist/components/Employee/Profile/onboarding/EmployeeProfile.js

@@ -10,12 +10,12 @@ import { SDKFormProvider as v } from "../../../../partner-hook-utils/form/SDKFor
 import { composeSubmitHandler as Q } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
 import { composeErrorHandler as L } from "../../../../partner-hook-utils/composeErrorHandler.js";
 import { Grid as A } from "../../../Common/Grid/Grid.js";
-import { componentEvents as p } from "../../../../shared/constants.js";
 import { ActionsLayout as z } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { Form as B } from "../../../Common/Form/Form.js";
 import { BaseLayout as S } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { useI18n as N, useComponentDictionary as Y } from "../../../../i18n/I18n.js";
+import { componentEvents as p } from "../../../../shared/constants.js";
 import { useComponentContext as W } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { getStreet as Z, getCityStateZip as j } from "../../../../helpers/formattedStrings.js";
 const q = {

package/dist/components/Employee/StateTaxes/management/StateTaxesEditForm.js

@@ -4,9 +4,9 @@ import { EmployeeStateTaxesView as S } from "../shared/EmployeeStateTaxesView.js
 import { useManagementStateTaxesViewDictionary as d } from "./useViewDictionary.js";
 import { BaseBoundaries as x, BaseLayout as y } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { componentEvents as m } from "../../../../shared/constants.js";
 import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useI18n as g, useComponentDictionary as A } from "../../../../i18n/I18n.js";
+import { componentEvents as m } from "../../../../shared/constants.js";
 import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useEmployeeStateTaxesForm as C } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
 function G({

package/dist/components/Employee/StateTaxes/onboarding/StateTaxes.js

@@ -4,9 +4,9 @@ import { EmployeeStateTaxesView as c } from "../shared/EmployeeStateTaxesView.js
 import { useOnboardingStateTaxesViewDictionary as T } from "./useViewDictionary.js";
 import { BaseBoundaries as S, BaseLayout as E } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { componentEvents as s } from "../../../../shared/constants.js";
 import { ActionsLayout as d } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useI18n as f, useComponentDictionary as l } from "../../../../i18n/I18n.js";
+import { componentEvents as s } from "../../../../shared/constants.js";
 import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useEmployeeStateTaxesForm as y } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
 function V({

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

@@ -1,14 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useTranslation as i } from "react-i18next";
-import { useTaxes as r } from "./useTaxes.js";
-import "../../../shared/constants.js";
-import { ActionsLayout as e } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useTranslation as e } from "react-i18next";
+import { useTaxes as i } from "./useTaxes.js";
+import { ActionsLayout as r } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const d = () => {
-  const { t } = i("Employee.Taxes"), { isPending: n } = r(), s = m();
-  return /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(s.Button, { type: "submit", isLoading: n, children: t("submitCta") }) });
+const x = () => {
+  const { t } = e("Employee.Taxes"), { isPending: n } = i(), s = m();
+  return /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(s.Button, { type: "submit", isLoading: n, children: t("submitCta") }) });
 };
 export {
-  d as Actions
+  x as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Taxes/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useTaxes } from './useTaxes'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Employee.Taxes')\n  const { isPending } = useTaxes()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useTaxes","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Taxes/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useTaxes } from './useTaxes'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Employee.Taxes')\n  const { isPending } = useTaxes()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useTaxes","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}

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

@@ -9,15 +9,13 @@ import "@gusto/embedded-api-v-2025-11-15/models/errors/gustoembeddederror";
 import "@gusto/embedded-api-v-2025-11-15/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api-v-2025-11-15/models/errors/httpclienterrors";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [P, b] = o("TaxesContext");
+const [f, v] = o("TaxesContext");
 export {
-  b as TaxesProvider,
-  P as useTaxes
+  v as TaxesProvider,
+  f 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 { EmployeeStateTaxesList } from '@gusto/embedded-api-v-2025-11-15/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\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 { EmployeeStateTaxesList } from '@gusto/embedded-api-v-2025-11-15/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\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/exports/employeeManagement.d.ts

@@ -1,8 +1,6 @@
 export { ManagementEmployeeList as EmployeeList } from '../EmployeeList/management/ManagementEmployeeList';
 export { EmployeeListFlow } from '../EmployeeListFlow';
 export type { EmployeeListFlowProps } from '../EmployeeListFlow';
-/** @deprecated Use EmployeeOnboarding.EmployeeDocuments; not applicable for post-onboarding flows. Will be removed in a future version. */
-export { EmployeeDocuments } from '../Documents/onboarding/EmployeeDocuments';
 export { Documents, DocumentsCard, DocumentManager } from '../Documents/management';
 export type { DocumentsProps, DocumentsCardProps, DocumentManagerProps, } from '../Documents/management';
 export { DashboardFlow } from '../Dashboard';

package/dist/components/Employee/exports/employeeManagement.js

@@ -4,76 +4,74 @@ import { TerminationSummary as a } from "../Terminations/TerminationSummary/Term
 import { TerminationFlow as x } from "../Terminations/TerminationFlow/TerminationFlow.js";
 import { Compensation as s } from "../Compensation/management/Compensation.js";
 import { CompensationAddAnotherJobForm as i } from "../Compensation/management/CompensationAddAnotherJobForm/CompensationAddAnotherJobForm.js";
-import { CompensationAddJobForm as l } from "../Compensation/management/CompensationAddJobForm/CompensationAddJobForm.js";
+import { CompensationAddJobForm as C } from "../Compensation/management/CompensationAddJobForm/CompensationAddJobForm.js";
 import { CompensationCard as E } from "../Compensation/management/CompensationCard/CompensationCard.js";
-import { CompensationEditForm as u } from "../Compensation/management/CompensationEditForm/CompensationEditForm.js";
-import { DashboardFlow as T } from "../Dashboard/DashboardFlow.js";
-import { Deductions as P } from "../Deductions/management/Deductions.js";
+import { CompensationEditForm as A } from "../Compensation/management/CompensationEditForm/CompensationEditForm.js";
+import { DashboardFlow as u } from "../Dashboard/DashboardFlow.js";
+import { Deductions as D } from "../Deductions/management/Deductions.js";
 import { DeductionsCard as h } from "../Deductions/management/DeductionsCard/DeductionsCard.js";
 import { DeductionsEditForm as S } from "../Deductions/management/DeductionsEditForm/DeductionsEditForm.js";
 import { DocumentManager as k } from "../Documents/management/DocumentManager.js";
 import { Documents as H } from "../Documents/management/Documents.js";
 import { DocumentsCard as W } from "../Documents/management/DocumentsCard/DocumentsCard.js";
-import { EmployeeDocuments as J } from "../Documents/onboarding/EmployeeDocuments/EmployeeDocuments.js";
-import { EmployeeListFlow as j } from "../EmployeeListFlow/EmployeeListFlow.js";
-import { FederalTaxes as v } from "../FederalTaxes/management/FederalTaxes.js";
-import { FederalTaxesCard as G } from "../FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.js";
-import { FederalTaxesEditForm as K } from "../FederalTaxes/management/FederalTaxesEditForm.js";
-import { HomeAddress as O } from "../HomeAddress/management/HomeAddress.js";
-import { HomeAddressCard as R } from "../HomeAddress/management/HomeAddressCard/HomeAddressCard.js";
-import { HomeAddressEditForm as V } from "../HomeAddress/management/HomeAddressEditForm.js";
-import { PaymentMethod as Y } from "../PaymentMethod/management/PaymentMethod.js";
-import { PaymentMethodBankForm as _ } from "../PaymentMethod/management/PaymentMethodBankForm.js";
-import { PaymentMethodCard as oo } from "../PaymentMethod/management/PaymentMethodCard.js";
-import { PaymentMethodSplitForm as eo } from "../PaymentMethod/management/PaymentMethodSplitForm.js";
-import { PaystubsCard as mo } from "../Paystubs/management/PaystubsCard/PaystubsCard.js";
-import { Profile as ao } from "../Profile/management/Profile.js";
-import { ProfileCard as fo } from "../Profile/management/ProfileCard/ProfileCard.js";
-import { ProfileEditForm as no } from "../Profile/management/ProfileEditForm.js";
-import { StateTaxes as Fo } from "../StateTaxes/management/StateTaxes.js";
-import { StateTaxesCard as Co } from "../StateTaxes/management/StateTaxesCard/StateTaxesCard.js";
-import { StateTaxesEditForm as yo } from "../StateTaxes/management/StateTaxesEditForm.js";
-import { WorkAddress as Ao } from "../WorkAddress/management/WorkAddress.js";
-import { WorkAddressCard as Do } from "../WorkAddress/management/WorkAddressCard/WorkAddressCard.js";
-import { WorkAddressEditForm as co } from "../WorkAddress/management/WorkAddressEditForm.js";
+import { EmployeeListFlow as J } from "../EmployeeListFlow/EmployeeListFlow.js";
+import { FederalTaxes as j } from "../FederalTaxes/management/FederalTaxes.js";
+import { FederalTaxesCard as v } from "../FederalTaxes/management/FederalTaxesCard/FederalTaxesCard.js";
+import { FederalTaxesEditForm as G } from "../FederalTaxes/management/FederalTaxesEditForm.js";
+import { HomeAddress as K } from "../HomeAddress/management/HomeAddress.js";
+import { HomeAddressCard as O } from "../HomeAddress/management/HomeAddressCard/HomeAddressCard.js";
+import { HomeAddressEditForm as R } from "../HomeAddress/management/HomeAddressEditForm.js";
+import { PaymentMethod as V } from "../PaymentMethod/management/PaymentMethod.js";
+import { PaymentMethodBankForm as Y } from "../PaymentMethod/management/PaymentMethodBankForm.js";
+import { PaymentMethodCard as _ } from "../PaymentMethod/management/PaymentMethodCard.js";
+import { PaymentMethodSplitForm as oo } from "../PaymentMethod/management/PaymentMethodSplitForm.js";
+import { PaystubsCard as eo } from "../Paystubs/management/PaystubsCard/PaystubsCard.js";
+import { Profile as mo } from "../Profile/management/Profile.js";
+import { ProfileCard as ao } from "../Profile/management/ProfileCard/ProfileCard.js";
+import { ProfileEditForm as fo } from "../Profile/management/ProfileEditForm.js";
+import { StateTaxes as no } from "../StateTaxes/management/StateTaxes.js";
+import { StateTaxesCard as Fo } from "../StateTaxes/management/StateTaxesCard/StateTaxesCard.js";
+import { StateTaxesEditForm as lo } from "../StateTaxes/management/StateTaxesEditForm.js";
+import { WorkAddress as yo } from "../WorkAddress/management/WorkAddress.js";
+import { WorkAddressCard as To } from "../WorkAddress/management/WorkAddressCard/WorkAddressCard.js";
+import { WorkAddressEditForm as Po } from "../WorkAddress/management/WorkAddressEditForm.js";
 export {
   s as Compensation,
   i as CompensationAddAnotherJobForm,
-  l as CompensationAddJobForm,
+  C as CompensationAddJobForm,
   E as CompensationCard,
-  u as CompensationEditForm,
-  T as DashboardFlow,
-  P as Deductions,
+  A as CompensationEditForm,
+  u as DashboardFlow,
+  D as Deductions,
   h as DeductionsCard,
   S as DeductionsEditForm,
   k as DocumentManager,
   H as Documents,
   W as DocumentsCard,
-  J as EmployeeDocuments,
   e as EmployeeList,
-  j as EmployeeListFlow,
-  v as FederalTaxes,
-  G as FederalTaxesCard,
-  K as FederalTaxesEditForm,
-  O as HomeAddress,
-  R as HomeAddressCard,
-  V as HomeAddressEditForm,
-  Y as PaymentMethod,
-  _ as PaymentMethodBankForm,
-  oo as PaymentMethodCard,
-  eo as PaymentMethodSplitForm,
-  mo as PaystubsCard,
-  ao as Profile,
-  fo as ProfileCard,
-  no as ProfileEditForm,
-  Fo as StateTaxes,
-  Co as StateTaxesCard,
-  yo as StateTaxesEditForm,
+  J as EmployeeListFlow,
+  j as FederalTaxes,
+  v as FederalTaxesCard,
+  G as FederalTaxesEditForm,
+  K as HomeAddress,
+  O as HomeAddressCard,
+  R as HomeAddressEditForm,
+  V as PaymentMethod,
+  Y as PaymentMethodBankForm,
+  _ as PaymentMethodCard,
+  oo as PaymentMethodSplitForm,
+  eo as PaystubsCard,
+  mo as Profile,
+  ao as ProfileCard,
+  fo as ProfileEditForm,
+  no as StateTaxes,
+  Fo as StateTaxesCard,
+  lo as StateTaxesEditForm,
   m as TerminateEmployee,
   x as TerminationFlow,
   a as TerminationSummary,
-  Ao as WorkAddress,
-  Do as WorkAddressCard,
-  co as WorkAddressEditForm
+  yo as WorkAddress,
+  To as WorkAddressCard,
+  Po as WorkAddressEditForm
 };
 //# sourceMappingURL=employeeManagement.js.map

package/dist/components/Employee/exports/employeeManagement.js.map

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

package/dist/components/Employee/exports/employeeOnboarding.d.ts

@@ -6,6 +6,7 @@ export { OnboardingSummary } from '../OnboardingSummary';
 export { Landing } from '../Landing';
 export { DocumentSigner } from '../Documents/onboarding/DocumentSigner';
 export { EmploymentEligibility } from '../Documents/onboarding/DocumentSigner/EmploymentEligibility';
+export { EmployeeDocuments } from '../Documents/onboarding/EmployeeDocuments';
 export { Profile } from '../Profile/onboarding/Profile';
 export { Compensation } from '../Compensation';
 export { FederalTaxes, type FederalTaxesProps } from '../FederalTaxes/onboarding/FederalTaxes';

package/dist/components/Employee/exports/employeeOnboarding.js

@@ -1,33 +1,35 @@
 import { OnboardingFlow as e } from "../OnboardingFlow/OnboardingFlow.js";
 import { SelfOnboardingFlow as m } from "../SelfOnboardingFlow/SelfOnboardingFlow.js";
-import { EmployeeList as n } from "../EmployeeList/onboarding/EmployeeList.js";
+import { EmployeeList as x } from "../EmployeeList/onboarding/EmployeeList.js";
 import { Profile as f } from "../Profile/onboarding/Profile.js";
 import { FederalTaxes as a } from "../FederalTaxes/onboarding/FederalTaxes.js";
 import { Compensation as d } from "../Compensation/onboarding/Compensation.js";
 import { Deductions as s } from "../Deductions/onboarding/Deductions.js";
-import { DocumentSigner as y } from "../Documents/onboarding/DocumentSigner/DocumentSigner.js";
-import { EmploymentEligibility as E } from "../Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.js";
-import { Landing as O } from "../Landing/Landing.js";
-import { OnboardingExecutionFlow as c } from "../OnboardingExecutionFlow/OnboardingExecutionFlow.js";
-import { OnboardingSummary as T } from "../OnboardingSummary/OnboardingSummary.js";
-import { PaymentMethod as L } from "../PaymentMethod/onboarding/PaymentMethod.js";
-import { StateTaxes as h } from "../StateTaxes/onboarding/StateTaxes.js";
-import { Taxes as M } from "../Taxes/Taxes.js";
+import { DocumentSigner as b } from "../Documents/onboarding/DocumentSigner/DocumentSigner.js";
+import { EmployeeDocuments as E } from "../Documents/onboarding/EmployeeDocuments/EmployeeDocuments.js";
+import { EmploymentEligibility as F } from "../Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.js";
+import { Landing as S } from "../Landing/Landing.js";
+import { OnboardingExecutionFlow as D } from "../OnboardingExecutionFlow/OnboardingExecutionFlow.js";
+import { OnboardingSummary as L } from "../OnboardingSummary/OnboardingSummary.js";
+import { PaymentMethod as h } from "../PaymentMethod/onboarding/PaymentMethod.js";
+import { StateTaxes as M } from "../StateTaxes/onboarding/StateTaxes.js";
+import { Taxes as k } from "../Taxes/Taxes.js";
 export {
   d as Compensation,
   s as Deductions,
-  y as DocumentSigner,
-  n as EmployeeList,
-  E as EmploymentEligibility,
+  b as DocumentSigner,
+  E as EmployeeDocuments,
+  x as EmployeeList,
+  F as EmploymentEligibility,
   a as FederalTaxes,
-  O as Landing,
-  c as OnboardingExecutionFlow,
+  S as Landing,
+  D as OnboardingExecutionFlow,
   e as OnboardingFlow,
-  T as OnboardingSummary,
-  L as PaymentMethod,
+  L as OnboardingSummary,
+  h as PaymentMethod,
   f as Profile,
   m as SelfOnboardingFlow,
-  h as StateTaxes,
-  M as Taxes
+  M as StateTaxes,
+  k as Taxes
 };
 //# sourceMappingURL=employeeOnboarding.js.map

package/dist/components/Employee/exports/employeeOnboarding.js.map

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

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.js

@@ -1,20 +1,19 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import { useTranslation as l } from "react-i18next";
-import a from "./OffCyclePayPeriodDateFormPresentation.module.scss.js";
+import r from "./OffCyclePayPeriodDateFormPresentation.module.scss.js";
 import { useI18n as o } from "../../../i18n/I18n.js";
-import "../../../shared/constants.js";
 import { CheckboxField as c } from "../../Common/Fields/CheckboxField/CheckboxField.js";
 import { DatePickerField as t } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-function h() {
+function D() {
   o("Payroll.OffCyclePayPeriodDateForm");
   const { t: e } = l("Payroll.OffCyclePayPeriodDateForm");
-  return /* @__PURE__ */ i("div", { className: a.root, children: [
-    /* @__PURE__ */ i("div", { className: a.dateFields, children: [
-      /* @__PURE__ */ r(t, { name: "startDate", label: e("startDateLabel"), isRequired: !0 }),
-      /* @__PURE__ */ r(t, { name: "endDate", label: e("endDateLabel"), isRequired: !0 })
+  return /* @__PURE__ */ i("div", { className: r.root, children: [
+    /* @__PURE__ */ i("div", { className: r.dateFields, children: [
+      /* @__PURE__ */ a(t, { name: "startDate", label: e("startDateLabel"), isRequired: !0 }),
+      /* @__PURE__ */ a(t, { name: "endDate", label: e("endDateLabel"), isRequired: !0 })
     ] }),
-    /* @__PURE__ */ r("div", { className: a.checkDateField, children: /* @__PURE__ */ r(t, { name: "checkDate", label: e("checkDateLabel"), isRequired: !0 }) }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ a("div", { className: r.checkDateField, children: /* @__PURE__ */ a(t, { name: "checkDate", label: e("checkDateLabel"), isRequired: !0 }) }),
+    /* @__PURE__ */ a(
       c,
       {
         name: "isCheckOnly",
@@ -25,6 +24,6 @@ function h() {
   ] });
 }
 export {
-  h as OffCyclePayPeriodDateFormPresentation
+  D as OffCyclePayPeriodDateFormPresentation
 };
 //# sourceMappingURL=OffCyclePayPeriodDateFormPresentation.js.map

package/dist/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCyclePayPeriodDateFormPresentation.js","sources":["../../../../src/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './OffCyclePayPeriodDateFormPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { CheckboxField, DatePickerField } from '@/components/Common'\n\nexport function OffCyclePayPeriodDateFormPresentation() {\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.dateFields}>\n        <DatePickerField name=\"startDate\" label={t('startDateLabel')} isRequired />\n        <DatePickerField name=\"endDate\" label={t('endDateLabel')} isRequired />\n      </div>\n\n      <div className={styles.checkDateField}>\n        <DatePickerField name=\"checkDate\" label={t('checkDateLabel')} isRequired />\n      </div>\n\n      <CheckboxField\n        name=\"isCheckOnly\"\n        label={t('checkOnlyLabel')}\n        description={t('checkOnlyDescription')}\n      />\n    </div>\n  )\n}\n"],"names":["OffCyclePayPeriodDateFormPresentation","useI18n","t","useTranslation","jsxs","styles","jsx","DatePickerField","CheckboxField"],"mappings":";;;;;;;AAKO,SAASA,IAAwC;AACtD,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC;AAEhE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOL,EAAE,gBAAgB,GAAG,YAAU,IAAC;AAAA,MACzE,gBAAAI,EAACC,KAAgB,MAAK,WAAU,OAAOL,EAAE,cAAc,GAAG,YAAU,GAAA,CAAC;AAAA,IAAA,GACvE;AAAA,IAEA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOL,EAAE,gBAAgB,GAAG,YAAU,IAAC,GAC3E;AAAA,IAEA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAON,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;"}
+{"version":3,"file":"OffCyclePayPeriodDateFormPresentation.js","sources":["../../../../src/components/Payroll/OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './OffCyclePayPeriodDateFormPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { CheckboxField, DatePickerField } from '@/components/Common'\n\nexport function OffCyclePayPeriodDateFormPresentation() {\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.dateFields}>\n        <DatePickerField name=\"startDate\" label={t('startDateLabel')} isRequired />\n        <DatePickerField name=\"endDate\" label={t('endDateLabel')} isRequired />\n      </div>\n\n      <div className={styles.checkDateField}>\n        <DatePickerField name=\"checkDate\" label={t('checkDateLabel')} isRequired />\n      </div>\n\n      <CheckboxField\n        name=\"isCheckOnly\"\n        label={t('checkOnlyLabel')}\n        description={t('checkOnlyDescription')}\n      />\n    </div>\n  )\n}\n"],"names":["OffCyclePayPeriodDateFormPresentation","useI18n","t","useTranslation","jsxs","styles","jsx","DatePickerField","CheckboxField"],"mappings":";;;;;;AAKO,SAASA,IAAwC;AACtD,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC;AAEhE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOL,EAAE,gBAAgB,GAAG,YAAU,IAAC;AAAA,MACzE,gBAAAI,EAACC,KAAgB,MAAK,WAAU,OAAOL,EAAE,cAAc,GAAG,YAAU,GAAA,CAAC;AAAA,IAAA,GACvE;AAAA,IAEA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAgB,MAAK,aAAY,OAAOL,EAAE,gBAAgB,GAAG,YAAU,IAAC,GAC3E;AAAA,IAEA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAON,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;"}

package/dist/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.js

@@ -1,7 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useMemo as r } from "react";
 import { useTranslation as s } from "react-i18next";
-import "../../../shared/constants.js";
 import { RadioGroupField as l } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 function f({
   name: e,

package/dist/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCycleReasonSelectionPresentation.js","sources":["../../../../src/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCycleReason } from './types'\nimport { RadioGroupField } from '@/components/Common'\n\ninterface OffCycleReasonSelectionPresentationProps {\n  name: string\n  onChange?: (value: OffCycleReason) => void\n}\n\nexport function OffCycleReasonSelectionPresentation({\n  name,\n  onChange,\n}: OffCycleReasonSelectionPresentationProps) {\n  const { t } = useTranslation('Payroll.OffCycleReasonSelection')\n\n  const options = useMemo(\n    () => [\n      {\n        value: 'correction' as OffCycleReason,\n        label: t('options.correction.label'),\n        description: t('options.correction.description'),\n      },\n      {\n        value: 'bonus' as OffCycleReason,\n        label: t('options.bonus.label'),\n        description: t('options.bonus.description'),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <RadioGroupField<OffCycleReason>\n      name={name}\n      label={t('title')}\n      options={options}\n      isRequired\n      onChange={onChange}\n    />\n  )\n}\n"],"names":["OffCycleReasonSelectionPresentation","name","onChange","t","useTranslation","options","useMemo","jsx","RadioGroupField"],"mappings":";;;;;AAUO,SAASA,EAAoC;AAAA,EAClD,MAAAC;AAAA,EACA,UAAAC;AACF,GAA6C;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GAExDC,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOH,EAAE,0BAA0B;AAAA,QACnC,aAAaA,EAAE,gCAAgC;AAAA,MAAA;AAAA,MAEjD;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,qBAAqB;AAAA,QAC9B,aAAaA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAC5C;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAGJ,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAP;AAAA,MACA,OAAOE,EAAE,OAAO;AAAA,MAChB,SAAAE;AAAA,MACA,YAAU;AAAA,MACV,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"OffCycleReasonSelectionPresentation.js","sources":["../../../../src/components/Payroll/OffCycleReasonSelection/OffCycleReasonSelectionPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCycleReason } from './types'\nimport { RadioGroupField } from '@/components/Common'\n\ninterface OffCycleReasonSelectionPresentationProps {\n  name: string\n  onChange?: (value: OffCycleReason) => void\n}\n\nexport function OffCycleReasonSelectionPresentation({\n  name,\n  onChange,\n}: OffCycleReasonSelectionPresentationProps) {\n  const { t } = useTranslation('Payroll.OffCycleReasonSelection')\n\n  const options = useMemo(\n    () => [\n      {\n        value: 'correction' as OffCycleReason,\n        label: t('options.correction.label'),\n        description: t('options.correction.description'),\n      },\n      {\n        value: 'bonus' as OffCycleReason,\n        label: t('options.bonus.label'),\n        description: t('options.bonus.description'),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <RadioGroupField<OffCycleReason>\n      name={name}\n      label={t('title')}\n      options={options}\n      isRequired\n      onChange={onChange}\n    />\n  )\n}\n"],"names":["OffCycleReasonSelectionPresentation","name","onChange","t","useTranslation","options","useMemo","jsx","RadioGroupField"],"mappings":";;;;AAUO,SAASA,EAAoC;AAAA,EAClD,MAAAC;AAAA,EACA,UAAAC;AACF,GAA6C;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GAExDC,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOH,EAAE,0BAA0B;AAAA,QACnC,aAAaA,EAAE,gCAAgC;AAAA,MAAA;AAAA,MAEjD;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,qBAAqB;AAAA,QAC9B,aAAaA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAC5C;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA;AAGJ,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAP;AAAA,MACA,OAAOE,EAAE,OAAO;AAAA,MAChB,SAAAE;AAAA,MACA,YAAU;AAAA,MACV,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.js

@@ -5,13 +5,12 @@ import { useTranslation as L } from "react-i18next";
 import { WithholdingPayPeriod as N } from "@gusto/embedded-api-v-2025-11-15/models/operations/postv1companiescompanyidpayrolls";
 import { WITHHOLDING_PAY_PERIOD_I18N_KEY as p } from "../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes.js";
 import l from "./OffCycleTaxWithholdingModal.module.scss.js";
-import "../../../shared/constants.js";
 import { ActionsLayout as T } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as W } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as w } from "../../../i18n/I18n.js";
 import { SelectField as D } from "../../Common/Fields/SelectField/SelectField.js";
 import { RadioGroupField as H } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-function K({
+function Y({
   isOpen: h,
   defaultConfig: f,
   onDone: g,
@@ -96,6 +95,6 @@ function K({
   );
 }
 export {
-  K as OffCycleTaxWithholdingModal
+  Y as OffCycleTaxWithholdingModal
 };
 //# sourceMappingURL=OffCycleTaxWithholdingModal.js.map

package/dist/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCycleTaxWithholdingModal.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { WithholdingPayPeriod } from '@gusto/embedded-api-v-2025-11-15/models/operations/postv1companiescompanyidpayrolls'\nimport { WITHHOLDING_PAY_PERIOD_I18N_KEY } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport styles from './OffCycleTaxWithholdingModal.module.scss'\nimport type { OffCycleTaxWithholdingModalProps } from './OffCycleTaxWithholdingModalTypes'\nimport { ActionsLayout, SelectField, RadioGroupField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function OffCycleTaxWithholdingModal({\n  isOpen,\n  defaultConfig,\n  onDone,\n  onCancel,\n}: OffCycleTaxWithholdingModalProps) {\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Modal, Heading, Text, Button } = useComponentContext()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const formHandlers = useForm<OffCycleTaxWithholdingConfig>({\n    defaultValues: defaultConfig,\n  })\n\n  const currentWithholdingPayPeriod = useWatch({\n    control: formHandlers.control,\n    name: 'withholdingPayPeriod',\n  })\n\n  const frequencyOptions = useMemo(\n    () =>\n      Object.values(WithholdingPayPeriod).map(value => ({\n        value,\n        label: t(WITHHOLDING_PAY_PERIOD_I18N_KEY[value]),\n      })),\n    [t],\n  )\n\n  const frequencyDisplayText = t(\n    WITHHOLDING_PAY_PERIOD_I18N_KEY[currentWithholdingPayPeriod],\n  ).toLowerCase()\n\n  const withholdingRateOptions = useMemo(\n    () => [\n      {\n        value: 'supplemental' as const,\n        label: t('modal.supplementalSection.useSupplementalRate'),\n        description: t('modal.supplementalSection.useSupplementalRateDescription'),\n      },\n      {\n        value: 'regular' as const,\n        label: t('modal.supplementalSection.useRegularRate', {\n          frequency: frequencyDisplayText,\n        }),\n        description: t('modal.supplementalSection.useRegularRateDescription'),\n      },\n    ],\n    [t, frequencyDisplayText],\n  )\n\n  const handleSubmit = formHandlers.handleSubmit(onDone)\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('modal.cancelButton')}\n          </Button>\n          <Button variant=\"primary\" onClick={handleSubmit}>\n            {t('modal.doneButton')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.content}>\n          <Heading as=\"h2\">{t('modal.title')}</Heading>\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.regularSection.title')}</Heading>\n            <Text variant=\"supporting\">{t('modal.regularSection.subtitle')}</Text>\n\n            <div className={styles.rateInfo}>\n              <Text weight=\"semibold\">{t('modal.regularSection.rateLabel')}</Text>\n              <Text variant=\"supporting\">{t('modal.regularSection.rateDescription')}</Text>\n            </div>\n\n            <SelectField\n              name=\"withholdingPayPeriod\"\n              label={t('modal.regularSection.rateLabel')}\n              options={frequencyOptions}\n              shouldVisuallyHideLabel\n              portalContainer={modalContainerRef.current ?? undefined}\n            />\n          </div>\n\n          <hr className={styles.divider} />\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.supplementalSection.title')}</Heading>\n            <RadioGroupField\n              name=\"withholdingRate\"\n              label={t('modal.supplementalSection.title')}\n              options={withholdingRateOptions}\n              shouldVisuallyHideLabel\n            />\n          </div>\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["OffCycleTaxWithholdingModal","isOpen","defaultConfig","onDone","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","useComponentContext","modalContainerRef","useRef","formHandlers","useForm","currentWithholdingPayPeriod","useWatch","frequencyOptions","useMemo","WithholdingPayPeriod","value","WITHHOLDING_PAY_PERIOD_I18N_KEY","frequencyDisplayText","withholdingRateOptions","handleSubmit","jsx","ActionsLayout","FormProvider","styles","jsxs","SelectField","RadioGroupField"],"mappings":"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"}
+{"version":3,"file":"OffCycleTaxWithholdingModal.js","sources":["../../../../src/components/Payroll/OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { WithholdingPayPeriod } from '@gusto/embedded-api-v-2025-11-15/models/operations/postv1companiescompanyidpayrolls'\nimport { WITHHOLDING_PAY_PERIOD_I18N_KEY } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport styles from './OffCycleTaxWithholdingModal.module.scss'\nimport type { OffCycleTaxWithholdingModalProps } from './OffCycleTaxWithholdingModalTypes'\nimport { ActionsLayout, SelectField, RadioGroupField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function OffCycleTaxWithholdingModal({\n  isOpen,\n  defaultConfig,\n  onDone,\n  onCancel,\n}: OffCycleTaxWithholdingModalProps) {\n  useI18n('Payroll.OffCycleTaxWithholding')\n  const { t } = useTranslation('Payroll.OffCycleTaxWithholding')\n  const { Modal, Heading, Text, Button } = useComponentContext()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const formHandlers = useForm<OffCycleTaxWithholdingConfig>({\n    defaultValues: defaultConfig,\n  })\n\n  const currentWithholdingPayPeriod = useWatch({\n    control: formHandlers.control,\n    name: 'withholdingPayPeriod',\n  })\n\n  const frequencyOptions = useMemo(\n    () =>\n      Object.values(WithholdingPayPeriod).map(value => ({\n        value,\n        label: t(WITHHOLDING_PAY_PERIOD_I18N_KEY[value]),\n      })),\n    [t],\n  )\n\n  const frequencyDisplayText = t(\n    WITHHOLDING_PAY_PERIOD_I18N_KEY[currentWithholdingPayPeriod],\n  ).toLowerCase()\n\n  const withholdingRateOptions = useMemo(\n    () => [\n      {\n        value: 'supplemental' as const,\n        label: t('modal.supplementalSection.useSupplementalRate'),\n        description: t('modal.supplementalSection.useSupplementalRateDescription'),\n      },\n      {\n        value: 'regular' as const,\n        label: t('modal.supplementalSection.useRegularRate', {\n          frequency: frequencyDisplayText,\n        }),\n        description: t('modal.supplementalSection.useRegularRateDescription'),\n      },\n    ],\n    [t, frequencyDisplayText],\n  )\n\n  const handleSubmit = formHandlers.handleSubmit(onDone)\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('modal.cancelButton')}\n          </Button>\n          <Button variant=\"primary\" onClick={handleSubmit}>\n            {t('modal.doneButton')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.content}>\n          <Heading as=\"h2\">{t('modal.title')}</Heading>\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.regularSection.title')}</Heading>\n            <Text variant=\"supporting\">{t('modal.regularSection.subtitle')}</Text>\n\n            <div className={styles.rateInfo}>\n              <Text weight=\"semibold\">{t('modal.regularSection.rateLabel')}</Text>\n              <Text variant=\"supporting\">{t('modal.regularSection.rateDescription')}</Text>\n            </div>\n\n            <SelectField\n              name=\"withholdingPayPeriod\"\n              label={t('modal.regularSection.rateLabel')}\n              options={frequencyOptions}\n              shouldVisuallyHideLabel\n              portalContainer={modalContainerRef.current ?? undefined}\n            />\n          </div>\n\n          <hr className={styles.divider} />\n\n          <div className={styles.section}>\n            <Heading as=\"h3\">{t('modal.supplementalSection.title')}</Heading>\n            <RadioGroupField\n              name=\"withholdingRate\"\n              label={t('modal.supplementalSection.title')}\n              options={withholdingRateOptions}\n              shouldVisuallyHideLabel\n            />\n          </div>\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["OffCycleTaxWithholdingModal","isOpen","defaultConfig","onDone","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","useComponentContext","modalContainerRef","useRef","formHandlers","useForm","currentWithholdingPayPeriod","useWatch","frequencyOptions","useMemo","WithholdingPayPeriod","value","WITHHOLDING_PAY_PERIOD_I18N_KEY","frequencyDisplayText","withholdingRateOptions","handleSubmit","jsx","ActionsLayout","FormProvider","styles","jsxs","SelectField","RadioGroupField"],"mappings":"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"}