@gusto/embedded-react-sdk 0.57.1 → 0.57.2

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

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

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

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

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

@@ -4,13 +4,12 @@ import { EmployeeStateTaxesView as x } from "../shared/EmployeeStateTaxesView.js
 import { useManagementStateTaxesViewDictionary as y } from "./useViewDictionary.js";
 import { BaseBoundaries as d, BaseLayout as f } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import "classnames";
-import { componentEvents as E } from "../../../../shared/constants.js";
 import { ActionsLayout as g } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useI18n as A, useComponentDictionary as M } from "../../../../i18n/I18n.js";
+import { componentEvents as E } from "../../../../shared/constants.js";
 import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useEmployeeStateTaxesForm as C } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
-function O({
+function I({
   FallbackComponent: a,
   LoaderComponent: o,
   ...n
@@ -33,7 +32,7 @@ function L({
   LoaderComponent: i
 }) {
   A("Employee.Management.StateTaxes"), M("Employee.Management.StateTaxes", n);
-  const { t: s } = S("Employee.Management.StateTaxes"), m = _(), e = C({ employeeId: a }), p = y();
+  const { t: s } = S("Employee.Management.StateTaxes"), m = _(), e = C({ employeeId: a }), u = y();
   if (e.isLoading)
     return /* @__PURE__ */ t(
       f,
@@ -43,7 +42,7 @@ function L({
         LoaderComponent: i
       }
     );
-  const u = async () => {
+  const p = async () => {
     const c = await e.actions.onSubmit();
     c && r(E.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {
       employeeStateTaxesList: c.data
@@ -55,18 +54,18 @@ function L({
     x,
     {
       stateTaxes: e,
-      onSubmit: u,
+      onSubmit: p,
       actions: /* @__PURE__ */ l(g, { children: [
         /* @__PURE__ */ t(m.Button, { variant: "secondary", onClick: T, children: s("cancelCta") }),
         /* @__PURE__ */ t(m.Button, { type: "submit", isLoading: e.status.isPending, children: s("saveCta") })
       ] }),
       className: o,
-      dictionary: p,
+      dictionary: u,
       LoaderComponent: i
     }
   );
 }
 export {
-  O as StateTaxesEditForm
+  I as StateTaxesEditForm
 };
 //# sourceMappingURL=StateTaxesEditForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxesEditForm.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useManagementStateTaxesViewDictionary } from './useViewDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link StateTaxesEditForm}.\n *\n * @public\n */\nexport interface StateTaxesEditFormProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Standalone edit screen for the state-tax management flow. Renders the shared\n * state-tax form against the `Employee.Management.StateTaxes` namespace and\n * emits scoped management events on submit and cancel, so partner copy\n * overrides on the management namespace do not leak into the onboarding flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button was clicked | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxesEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: StateTaxesEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <StateTaxesEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesEditFormRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: StateTaxesEditFormProps) {\n  useI18n('Employee.Management.StateTaxes')\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n  const managementStateTaxesDictionary = useManagementStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={stateTaxes.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={stateTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={managementStateTaxesDictionary}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["StateTaxesEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","StateTaxesEditFormRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","stateTaxes","useEmployeeStateTaxesForm","managementStateTaxesDictionary","useManagementStateTaxesViewDictionary","BaseLayout","handleSubmit","result","componentEvents","handleCancel","EmployeeStateTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;;AAkCO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAuB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3E;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAR;AACF,GAA4B;AAC1B,EAAAS,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AACnE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA,GAEbC,IAAaC,EAA0B,EAAE,YAAAX,GAAY,GACrDY,IAAiCC,EAAA;AAEvC,MAAIH,EAAW;AACb,WACE,gBAAAb;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOJ,EAAW,cAAc;AAAA,QAChC,iBAAAf;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMoB,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,IAAKM,KAELb,EAAQc,EAAgB,yCAAyC;AAAA,MAC/D,wBAAwBD,EAAO;AAAA,IAAA,CAChC;AAAA,EACH,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,8CAA8C;AAAA,EACxE;AAEA,SACE,gBAAApB;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,YAAAT;AAAA,MACA,UAAUK;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAvB,EAACW,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAT,EAACW,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWE,EAAW,OAAO,WAC3D,UAAAJ,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAL;AAAA,MACA,YAAYW;AAAA,MACZ,iBAAAjB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"StateTaxesEditForm.js","sources":["../../../../../src/components/Employee/StateTaxes/management/StateTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useManagementStateTaxesViewDictionary } from './useViewDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link StateTaxesEditForm}.\n *\n * @public\n */\nexport interface StateTaxesEditFormProps extends BaseComponentInterface<'Employee.Management.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Standalone edit screen for the state-tax management flow. Renders the shared\n * state-tax form against the `Employee.Management.StateTaxes` namespace and\n * emits scoped management events on submit and cancel, so partner copy\n * overrides on the management namespace do not leak into the onboarding flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/management/stateTaxes/editCancelled` | Cancel button was clicked | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxesEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: StateTaxesEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <StateTaxesEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesEditFormRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: StateTaxesEditFormProps) {\n  useI18n('Employee.Management.StateTaxes')\n  useComponentDictionary('Employee.Management.StateTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.StateTaxes')\n  const Components = useComponentContext()\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n  const managementStateTaxesDictionary = useManagementStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={stateTaxes.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_STATE_TAXES_EDIT_CANCELLED)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={handleCancel}>\n            {t('cancelCta')}\n          </Components.Button>\n          <Components.Button type=\"submit\" isLoading={stateTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={managementStateTaxesDictionary}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["StateTaxesEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","StateTaxesEditFormRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","stateTaxes","useEmployeeStateTaxesForm","managementStateTaxesDictionary","useManagementStateTaxesViewDictionary","BaseLayout","handleSubmit","result","componentEvents","handleCancel","EmployeeStateTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;AAkCO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAuB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3E;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAR;AACF,GAA4B;AAC1B,EAAAS,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AACnE,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,gCAAgC,GACvDC,IAAaC,EAAA,GAEbC,IAAaC,EAA0B,EAAE,YAAAX,GAAY,GACrDY,IAAiCC,EAAA;AAEvC,MAAIH,EAAW;AACb,WACE,gBAAAb;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOJ,EAAW,cAAc;AAAA,QAChC,iBAAAf;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMoB,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,IAAKM,KAELb,EAAQc,EAAgB,yCAAyC;AAAA,MAC/D,wBAAwBD,EAAO;AAAA,IAAA,CAChC;AAAA,EACH,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,8CAA8C;AAAA,EACxE;AAEA,SACE,gBAAApB;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,YAAAT;AAAA,MACA,UAAUK;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAvB,EAACW,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAT,EAACW,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWE,EAAW,OAAO,WAC3D,UAAAJ,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAL;AAAA,MACA,YAAYW;AAAA,MACZ,iBAAAjB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,16 +1,15 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
+import { useTranslation as p } from "react-i18next";
 import { EmployeeStateTaxesView as T } from "../shared/EmployeeStateTaxesView.js";
 import { useOnboardingStateTaxesViewDictionary as S } from "./useViewDictionary.js";
 import { BaseBoundaries as E, BaseLayout as f } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import "classnames";
-import { componentEvents as m } from "../../../../shared/constants.js";
 import { ActionsLayout as l } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useI18n as x, useComponentDictionary as y } from "../../../../i18n/I18n.js";
+import { componentEvents as m } from "../../../../shared/constants.js";
 import { useComponentContext as d } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useEmployeeStateTaxesForm as b } from "../shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js";
-function Y({ FallbackComponent: o, LoaderComponent: e, ...n }) {
+function X({ FallbackComponent: o, LoaderComponent: e, ...n }) {
   return /* @__PURE__ */ t(
     E,
     {
@@ -30,7 +29,7 @@ function g({
   LoaderComponent: a
 }) {
   x("Employee.StateTaxes"), y("Employee.StateTaxes", n);
-  const i = b({ employeeId: o, isAdmin: u }), p = S();
+  const i = b({ employeeId: o, isAdmin: u }), c = S();
   return i.isLoading ? /* @__PURE__ */ t(
     f,
     {
@@ -50,16 +49,16 @@ function g({
       },
       actions: /* @__PURE__ */ t(A, { isPending: i.status.isPending }),
       className: e,
-      dictionary: p,
+      dictionary: c,
       LoaderComponent: a
     }
   );
 }
 function A({ isPending: o }) {
-  const { t: e } = c("Employee.StateTaxes"), n = d();
+  const { t: e } = p("Employee.StateTaxes"), n = d();
   return /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(n.Button, { type: "submit", isLoading: o, children: e("submitCta") }) });
 }
 export {
-  Y as StateTaxes
+  X as StateTaxes
 };
 //# sourceMappingURL=StateTaxes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/onboarding/StateTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useOnboardingStateTaxesViewDictionary } from './useViewDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Employee.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Render admin-only questions and submit them. Defaults to `false`. */\n  isAdmin?: boolean\n}\n\n/**\n * Onboarding step that collects an employee's per-state tax withholding\n * answers. The set of fields is driven by the API response for each state\n * on record.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/stateTaxes/done` | Onboarding step has finished — emitted immediately after `updated` | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({ FallbackComponent, LoaderComponent, ...props }: StateTaxesProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <StateTaxesRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  isAdmin = false,\n  LoaderComponent,\n}: StateTaxesProps) {\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId, isAdmin })\n  const onboardingStateTaxesDictionary = useOnboardingStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={stateTaxes.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_DONE)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={stateTaxes.status.isPending} />}\n      className={className}\n      dictionary={onboardingStateTaxesDictionary}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.StateTaxes')\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":["StateTaxes","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","StateTaxesRoot","employeeId","className","dictionary","onEvent","isAdmin","useI18n","useComponentDictionary","stateTaxes","useEmployeeStateTaxesForm","onboardingStateTaxesDictionary","useOnboardingStateTaxesViewDictionary","BaseLayout","EmployeeStateTaxesView","result","componentEvents","ContinueAction","isPending","t","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;;AAmCO,SAASA,EAAW,EAAE,mBAAAC,GAAmB,iBAAAC,GAAiB,GAAGC,KAA0B;AAC5F,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAe,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnE;AAEA,SAASG,EAAe;AAAA,EACtB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,iBAAAT;AACF,GAAoB;AAClB,EAAAU,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBJ,CAAU;AAExD,QAAMK,IAAaC,EAA0B,EAAE,YAAAR,GAAY,SAAAI,GAAS,GAC9DK,IAAiCC,EAAA;AAEvC,SAAIH,EAAW,YAEX,gBAAAV;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,OAAOJ,EAAW,cAAc;AAAA,MAChC,iBAAAZ;AAAA,IAAA;AAAA,EAAA,IAgBJ,gBAAAE;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,YAAAL;AAAA,MACA,UAbiB,YAAY;AAC/B,cAAMM,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,QAAKM,MAELV,EAAQW,EAAgB,8BAA8B;AAAA,UACpD,wBAAwBD,EAAO;AAAA,QAAA,CAChC,GACDV,EAAQW,EAAgB,yBAAyB;AAAA,MACnD;AAAA,MAMI,SAAS,gBAAAjB,EAACkB,GAAA,EAAe,WAAWR,EAAW,OAAO,WAAW;AAAA,MACjE,WAAAN;AAAA,MACA,YAAYQ;AAAA,MACZ,iBAAAd;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASoB,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWH,GACzC,UAAAC,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"StateTaxes.js","sources":["../../../../../src/components/Employee/StateTaxes/onboarding/StateTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EmployeeStateTaxesView, useEmployeeStateTaxesForm } from '../shared'\nimport { useOnboardingStateTaxesViewDictionary } from './useViewDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for {@link StateTaxes}.\n *\n * @public\n */\nexport interface StateTaxesProps extends BaseComponentInterface<'Employee.StateTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Render admin-only questions and submit them. Defaults to `false`. */\n  isAdmin?: boolean\n}\n\n/**\n * Onboarding step that collects an employee's per-state tax withholding\n * answers. The set of fields is driven by the API response for each state\n * on record.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/stateTaxes/updated` | Form was submitted successfully | `{ employeeStateTaxesList: EmployeeStateTaxesList[] }` |\n * | `employee/stateTaxes/done` | Onboarding step has finished — emitted immediately after `updated` | — |\n *\n * @param props - The component props.\n * @public\n */\nexport function StateTaxes({ FallbackComponent, LoaderComponent, ...props }: StateTaxesProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.StateTaxes\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <StateTaxesRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  isAdmin = false,\n  LoaderComponent,\n}: StateTaxesProps) {\n  useI18n('Employee.StateTaxes')\n  useComponentDictionary('Employee.StateTaxes', dictionary)\n\n  const stateTaxes = useEmployeeStateTaxesForm({ employeeId, isAdmin })\n  const onboardingStateTaxesDictionary = useOnboardingStateTaxesViewDictionary()\n\n  if (stateTaxes.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={stateTaxes.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleSubmit = async () => {\n    const result = await stateTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, {\n      employeeStateTaxesList: result.data,\n    })\n    onEvent(componentEvents.EMPLOYEE_STATE_TAXES_DONE)\n  }\n\n  return (\n    <EmployeeStateTaxesView\n      stateTaxes={stateTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={stateTaxes.status.isPending} />}\n      className={className}\n      dictionary={onboardingStateTaxesDictionary}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.StateTaxes')\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":["StateTaxes","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","StateTaxesRoot","employeeId","className","dictionary","onEvent","isAdmin","useI18n","useComponentDictionary","stateTaxes","useEmployeeStateTaxesForm","onboardingStateTaxesDictionary","useOnboardingStateTaxesViewDictionary","BaseLayout","EmployeeStateTaxesView","result","componentEvents","ContinueAction","isPending","t","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;AAmCO,SAASA,EAAW,EAAE,mBAAAC,GAAmB,iBAAAC,GAAiB,GAAGC,KAA0B;AAC5F,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAe,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnE;AAEA,SAASG,EAAe;AAAA,EACtB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,iBAAAT;AACF,GAAoB;AAClB,EAAAU,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBJ,CAAU;AAExD,QAAMK,IAAaC,EAA0B,EAAE,YAAAR,GAAY,SAAAI,GAAS,GAC9DK,IAAiCC,EAAA;AAEvC,SAAIH,EAAW,YAEX,gBAAAV;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,OAAOJ,EAAW,cAAc;AAAA,MAChC,iBAAAZ;AAAA,IAAA;AAAA,EAAA,IAgBJ,gBAAAE;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,YAAAL;AAAA,MACA,UAbiB,YAAY;AAC/B,cAAMM,IAAS,MAAMN,EAAW,QAAQ,SAAA;AACxC,QAAKM,MAELV,EAAQW,EAAgB,8BAA8B;AAAA,UACpD,wBAAwBD,EAAO;AAAA,QAAA,CAChC,GACDV,EAAQW,EAAgB,yBAAyB;AAAA,MACnD;AAAA,MAMI,SAAS,gBAAAjB,EAACkB,GAAA,EAAe,WAAWR,EAAW,OAAO,WAAW;AAAA,MACjE,WAAAN;AAAA,MACA,YAAYQ;AAAA,MACZ,iBAAAd;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASoB,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWH,GACzC,UAAAC,EAAE,WAAW,GAChB,GACF;AAEJ;"}

package/dist/components/Payroll/OffCycleCreation/OffCycleCreation.js

@@ -1,16 +1,15 @@
 import { jsx as c } from "react/jsx-runtime";
-import { useState as F, useCallback as y, useMemo as J, useEffect as Z } from "react";
+import { useState as F, useCallback as f, useMemo as J, useEffect as Z } from "react";
 import { useForm as Q, FormProvider as X } from "react-hook-form";
 import { zodResolver as $ } from "@hookform/resolvers/zod";
-import { z as l } from "zod";
+import { z as s } from "zod";
 import { useTranslation as W } from "react-i18next";
 import { usePayrollsCreateOffCycleMutation as ee } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
 import { usePayrollsGetBlockersSuspense as oe } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
 import { WithholdingPayPeriod as te, OffCycleReason as A } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
-import { RFCDate as E } from "@gusto/embedded-api/types/rfcdate";
 import { useEmployeesListSuspense as ne } from "@gusto/embedded-api/react-query/employeesList";
-import { createOffCyclePayPeriodDateFormSchema as se } from "../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.js";
-import { useOffCyclePayPeriodDateValidation as le } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
+import { createOffCyclePayPeriodDateFormSchema as le } from "../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes.js";
+import { useOffCyclePayPeriodDateValidation as se } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
 import { OffCycleCreationPresentation as ie } from "./OffCycleCreationPresentation.js";
 import { useCompanyPaymentSpeed as re } from "../../../hooks/useCompanyPaymentSpeed.js";
 import { BaseComponent as ae } from "../../Base/Base.js";
@@ -19,28 +18,29 @@ import { useComponentDictionary as me, useI18n as a } from "../../../i18n/I18n.j
 import { componentEvents as T } from "../../../shared/constants.js";
 import { SDKInternalError as de } from "../../../types/sdkError.js";
 import { Form as ue } from "../../Common/Form/Form.js";
-import { OFF_CYCLE_REASON_DEFAULTS as f } from "../OffCycleReasonSelection/types.js";
-const ye = {
+import { toRFCDate as E } from "../../../helpers/dateFormatting.js";
+import { OFF_CYCLE_REASON_DEFAULTS as y } from "../OffCycleReasonSelection/types.js";
+const fe = {
   bonus: A.Bonus,
   correction: A.Correction
 };
 function Ne(m) {
-  return /* @__PURE__ */ c(ae, { ...m, children: /* @__PURE__ */ c(fe, { ...m }) });
+  return /* @__PURE__ */ c(ae, { ...m, children: /* @__PURE__ */ c(ye, { ...m }) });
 }
-function fe({ dictionary: m, companyId: d, payrollType: h = "bonus", className: U }) {
+function ye({ dictionary: m, companyId: d, payrollType: p = "bonus", className: U }) {
   me("Payroll.OffCycleCreation", m), a("Payroll.OffCycleCreation"), a("Payroll.OffCycleReasonSelection"), a("Payroll.OffCyclePayPeriodDateForm"), a("Payroll.OffCycleDeductionsSetting"), a("Payroll.EmployeeSelection");
-  const { t: v } = W("Payroll.OffCyclePayPeriodDateForm"), { t: O } = W("Payroll.OffCycleCreation"), { onEvent: p, baseSubmitHandler: L } = ce(), { paymentSpeedDays: k } = re(d), { minCheckDate: R, maxDate: _, minPayPeriodDate: B, today: w } = le(k), { mutateAsync: N, isPending: M } = ee(), [C, S] = F({
+  const { t: v } = W("Payroll.OffCyclePayPeriodDateForm"), { t: O } = W("Payroll.OffCycleCreation"), { onEvent: h, baseSubmitHandler: L } = ce(), { paymentSpeedDays: k } = re(d), { minCheckDate: R, maxDate: _, minPayPeriodDate: B, today: S } = se(k), { mutateAsync: N, isPending: M } = ee(), [C, b] = F({
     withholdingPayPeriod: te.EveryOtherWeek,
-    withholdingRate: f[h].withholdingType
-  }), [V, D] = F(!1), j = y(() => {
-    D(!0);
-  }, []), I = y((e) => {
-    S(e), D(!1);
-  }, []), Y = y(() => {
-    D(!1);
-  }, []), q = y(() => {
-    p(T.OFF_CYCLE_BLOCKERS_VIEW_ALL);
-  }, [p]), { data: b } = ne({
+    withholdingRate: y[p].withholdingType
+  }), [V, g] = F(!1), j = f(() => {
+    g(!0);
+  }, []), I = f((e) => {
+    b(e), g(!1);
+  }, []), Y = f(() => {
+    g(!1);
+  }, []), q = f(() => {
+    h(T.OFF_CYCLE_BLOCKERS_VIEW_ALL);
+  }, [h]), { data: w } = ne({
     companyId: d,
     onboardedActive: !0
   }), { data: z } = oe({
@@ -48,85 +48,87 @@ function fe({ dictionary: m, companyId: d, payrollType: h = "bonus", className:
   }), K = (z.payrollBlockers ?? []).map((e) => ({
     key: e.key,
     message: e.message
-  })), x = J(() => [...b.showEmployees ?? []].sort((o, t) => {
+  })), x = J(() => [...w.showEmployees ?? []].sort((o, t) => {
     const n = o.lastName.localeCompare(t.lastName);
     return n !== 0 ? n : o.firstName.localeCompare(t.firstName);
   }).map((o) => {
-    const t = [o.firstName, o.lastName].filter(Boolean).join(" "), n = o.jobs?.find((r) => r.primary) ?? o.jobs?.[0];
+    const t = [o.firstName, o.lastName].filter(Boolean).join(" "), n = o.jobs?.find((i) => i.primary) ?? o.jobs?.[0];
     return {
       label: t,
       value: o.uuid,
       description: n?.title || void 0
     };
-  }), [b]), G = (e, o) => (
+  }), [w]), G = (e, o) => (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     v(e, o)
-  ), i = Q({
+  ), r = Q({
     resolver: (e, o, t) => {
-      const n = e.isCheckOnly, r = se(
+      const n = e.isCheckOnly, i = le(
         G,
-        n ? w : R,
+        n ? S : R,
         k
-      ), P = l.object({
-        reason: l.enum(["bonus", "correction"]),
-        skipRegularDeductions: l.boolean(),
-        includeAllEmployees: l.boolean(),
-        selectedEmployeeUuids: l.array(l.string())
-      }).and(r).superRefine((s, u) => {
-        !s.includeAllEmployees && s.selectedEmployeeUuids.length === 0 && u.addIssue({
-          code: l.ZodIssueCode.custom,
+      ), D = s.object({
+        reason: s.enum(["bonus", "correction"]),
+        skipRegularDeductions: s.boolean(),
+        includeAllEmployees: s.boolean(),
+        selectedEmployeeUuids: s.array(s.string())
+      }).and(i).superRefine((l, u) => {
+        !l.includeAllEmployees && l.selectedEmployeeUuids.length === 0 && u.addIssue({
+          code: s.ZodIssueCode.custom,
           path: ["selectedEmployeeUuids"],
           message: O("errors.noEmployeesSelected")
         });
       });
-      return $(P)(e, o, t);
+      return $(D)(e, o, t);
     },
     defaultValues: {
-      reason: h,
+      reason: p,
       isCheckOnly: !1,
       startDate: null,
       endDate: null,
       checkDate: null,
-      skipRegularDeductions: f[h].skipDeductions,
+      skipRegularDeductions: y[p].skipDeductions,
       includeAllEmployees: !1,
       selectedEmployeeUuids: []
     }
-  }), g = i.watch("reason");
+  }), P = r.watch("reason");
   Z(() => {
-    i.setValue(
+    r.setValue(
       "skipRegularDeductions",
-      f[g].skipDeductions
-    ), S((e) => ({
+      y[P].skipDeductions
+    ), b((e) => ({
       ...e,
-      withholdingRate: f[g].withholdingType
+      withholdingRate: y[P].withholdingType
     }));
-  }, [g, i]);
+  }, [P, r]);
   const H = async (e) => {
-    const o = e.reason, t = e.checkDate, n = e.startDate, r = e.endDate, P = e.includeAllEmployees ? x.map((s) => s.value) : e.selectedEmployeeUuids.length > 0 ? e.selectedEmployeeUuids : void 0;
+    const { reason: o, checkDate: t, startDate: n, endDate: i } = e;
+    if (!t || !n || !i) return;
+    const D = e.includeAllEmployees ? x.map((l) => l.value) : e.selectedEmployeeUuids.length > 0 ? e.selectedEmployeeUuids : void 0;
     await L(e, async () => {
-      const s = await N({
+      const l = await N({
         request: {
           companyId: d,
           requestBody: {
             offCycle: !0,
-            offCycleReason: ye[o],
-            startDate: new E(n),
-            endDate: new E(r),
-            checkDate: new E(t),
+            offCycleReason: fe[o],
+            startDate: E(n),
+            endDate: E(i),
+            checkDate: E(t),
             skipRegularDeductions: e.skipRegularDeductions,
             isCheckOnlyPayroll: e.isCheckOnly,
-            employeeUuids: P,
+            employeeUuids: D,
             withholdingPayPeriod: C.withholdingPayPeriod,
             fixedWithholdingRate: C.withholdingRate === "supplemental"
           }
         }
-      }), u = s.payrollUnprocessed?.payrollUuid ?? s.payrollUnprocessed?.uuid;
+      }), u = l.payrollUnprocessed?.payrollUuid ?? l.payrollUnprocessed?.uuid;
       if (!u)
         throw new de(O("errors.missingPayrollId"));
-      p(T.OFF_CYCLE_CREATED, { payrollUuid: u });
+      h(T.OFF_CYCLE_CREATED, { payrollUuid: u });
     });
   };
-  return /* @__PURE__ */ c(X, { ...i, children: /* @__PURE__ */ c(ue, { onSubmit: i.handleSubmit(H), children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(X, { ...r, children: /* @__PURE__ */ c(ue, { onSubmit: r.handleSubmit(H), children: /* @__PURE__ */ c(
     ie,
     {
       employees: x,
@@ -134,7 +136,7 @@ function fe({ dictionary: m, companyId: d, payrollType: h = "bonus", className:
       onViewBlockersClick: q,
       isPending: M,
       minCheckDate: R,
-      minCheckOnlyDate: w,
+      minCheckOnlyDate: S,
       maxDate: _,
       minPayPeriodDate: B,
       taxWithholdingConfig: C,

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

@@ -1 +1 @@
-{"version":3,"file":"OffCycleCreation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreation.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm, type Resolver } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport {\n  OffCycleReason as ApiOffCycleReason,\n  WithholdingPayPeriod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { OFF_CYCLE_REASON_DEFAULTS, type OffCycleReason } from '../OffCycleReasonSelection'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { createOffCyclePayPeriodDateFormSchema } from '../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes'\nimport { useOffCyclePayPeriodDateValidation } from '../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleCreationFormData, OffCycleCreationProps } from './OffCycleCreationTypes'\nimport { OffCycleCreationPresentation } from './OffCycleCreationPresentation'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { Form } from '@/components/Common/Form'\nimport type { MultiSelectComboBoxOption } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\n\nconst LOCAL_TO_API_REASON: Record<OffCycleReason, ApiOffCycleReason> = {\n  bonus: ApiOffCycleReason.Bonus,\n  correction: ApiOffCycleReason.Correction,\n}\n\n/**\n * Creation form for off-cycle (bonus or correction) payrolls.\n *\n * Walks the user through configuring pay period dates, selecting a reason, choosing\n * employees, and setting deduction and tax withholding preferences, then submits the\n * resulting payroll for execution.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `offCycle/created` | The off-cycle payroll has been created | `{ payrollUuid: string }` |\n * | `offCycle/blockers/viewAll` | The user chose to view the company's payroll blockers from the blocker alert | none |\n *\n * Changing the reason updates the deduction and withholding defaults — `'bonus'` skips\n * regular deductions and uses the supplemental withholding rate; `'correction'` includes\n * regular deductions and uses the regular rate.\n *\n * @param props - {@link OffCycleCreationProps} plus base component props.\n * @returns The off-cycle payroll creation form.\n * @public\n */\nexport function OffCycleCreation(props: OffCycleCreationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, companyId, payrollType = 'bonus', className }: OffCycleCreationProps) {\n  useComponentDictionary('Payroll.OffCycleCreation', dictionary)\n  useI18n('Payroll.OffCycleCreation')\n  useI18n('Payroll.OffCycleReasonSelection')\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.EmployeeSelection')\n\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n  const { t: tCreation } = useTranslation('Payroll.OffCycleCreation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { paymentSpeedDays } = useCompanyPaymentSpeed(companyId)\n\n  const { minCheckDate, maxDate, minPayPeriodDate, today } =\n    useOffCyclePayPeriodDateValidation(paymentSpeedDays)\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const [taxWithholdingConfig, setTaxWithholdingConfig] = useState<OffCycleTaxWithholdingConfig>({\n    withholdingPayPeriod: WithholdingPayPeriod.EveryOtherWeek,\n    withholdingRate: OFF_CYCLE_REASON_DEFAULTS[payrollType].withholdingType,\n  })\n  const [isTaxWithholdingModalOpen, setIsTaxWithholdingModalOpen] = useState(false)\n\n  const handleTaxWithholdingEditClick = useCallback(() => {\n    setIsTaxWithholdingModalOpen(true)\n  }, [])\n\n  const handleTaxWithholdingModalDone = useCallback((config: OffCycleTaxWithholdingConfig) => {\n    setTaxWithholdingConfig(config)\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const handleTaxWithholdingModalCancel = useCallback(() => {\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const handleViewBlockers = useCallback(() => {\n    onEvent(componentEvents.OFF_CYCLE_BLOCKERS_VIEW_ALL)\n  }, [onEvent])\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    onboardedActive: true,\n  })\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const blockers: ApiPayrollBlocker[] = (blockersData.payrollBlockers ?? []).map(blocker => ({\n    key: blocker.key,\n    message: blocker.message,\n  }))\n\n  const employees: MultiSelectComboBoxOption[] = useMemo(() => {\n    const employeeList = employeesData.showEmployees ?? []\n    return [...employeeList]\n      .sort((a, b) => {\n        const lastNameComparison = a.lastName.localeCompare(b.lastName)\n        if (lastNameComparison !== 0) return lastNameComparison\n        return a.firstName.localeCompare(b.firstName)\n      })\n      .map(employee => {\n        const fullName = [employee.firstName, employee.lastName].filter(Boolean).join(' ')\n        const primaryJob = employee.jobs?.find(job => job.primary) ?? employee.jobs?.[0]\n        return {\n          label: fullName,\n          value: employee.uuid,\n          description: primaryJob?.title || undefined,\n        }\n      })\n  }, [employeesData])\n\n  const translateValidation = (key: string, options?: Record<string, unknown>): string =>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    t(key as any, options as any) as string\n\n  const dynamicResolver: Resolver<OffCycleCreationFormData> = (values, context, options) => {\n    const isCheckOnly = values.isCheckOnly\n\n    const dateSchema = createOffCyclePayPeriodDateFormSchema(\n      translateValidation,\n      isCheckOnly ? today : minCheckDate,\n      paymentSpeedDays,\n    )\n    const schema = z\n      .object({\n        reason: z.enum(['bonus', 'correction']),\n        skipRegularDeductions: z.boolean(),\n        includeAllEmployees: z.boolean(),\n        selectedEmployeeUuids: z.array(z.string()),\n      })\n      .and(dateSchema)\n      .superRefine((data, ctx) => {\n        if (!data.includeAllEmployees && data.selectedEmployeeUuids.length === 0) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['selectedEmployeeUuids'],\n            message: tCreation('errors.noEmployeesSelected'),\n          })\n        }\n      })\n\n    return zodResolver(schema)(values, context, options)\n  }\n\n  const methods = useForm<OffCycleCreationFormData>({\n    resolver: dynamicResolver,\n    defaultValues: {\n      reason: payrollType,\n      isCheckOnly: false,\n      startDate: null,\n      endDate: null,\n      checkDate: null,\n      skipRegularDeductions: OFF_CYCLE_REASON_DEFAULTS[payrollType].skipDeductions,\n      includeAllEmployees: false,\n      selectedEmployeeUuids: [],\n    },\n  })\n\n  const watchedReason = methods.watch('reason')\n\n  useEffect(() => {\n    methods.setValue(\n      'skipRegularDeductions',\n      OFF_CYCLE_REASON_DEFAULTS[watchedReason].skipDeductions,\n    )\n    setTaxWithholdingConfig(prev => ({\n      ...prev,\n      withholdingRate: OFF_CYCLE_REASON_DEFAULTS[watchedReason].withholdingType,\n    }))\n  }, [watchedReason, methods])\n\n  const onSubmit = async (data: OffCycleCreationFormData) => {\n    const reason = data.reason\n    const checkDate = data.checkDate!\n    const startDate = data.startDate!\n    const endDate = data.endDate!\n    const employeeUuids = data.includeAllEmployees\n      ? employees.map(e => e.value)\n      : data.selectedEmployeeUuids.length > 0\n        ? data.selectedEmployeeUuids\n        : undefined\n\n    await baseSubmitHandler(data, async () => {\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: LOCAL_TO_API_REASON[reason],\n            startDate: new RFCDate(startDate),\n            endDate: new RFCDate(endDate),\n            checkDate: new RFCDate(checkDate),\n            skipRegularDeductions: data.skipRegularDeductions,\n            isCheckOnlyPayroll: data.isCheckOnly,\n            employeeUuids,\n            withholdingPayPeriod: taxWithholdingConfig.withholdingPayPeriod,\n            fixedWithholdingRate: taxWithholdingConfig.withholdingRate === 'supplemental',\n          },\n        },\n      })\n\n      const payrollUuid =\n        response.payrollUnprocessed?.payrollUuid ?? response.payrollUnprocessed?.uuid\n\n      if (!payrollUuid) {\n        throw new SDKInternalError(tCreation('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.OFF_CYCLE_CREATED, { payrollUuid })\n    })\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)}>\n        <OffCycleCreationPresentation\n          employees={employees}\n          blockers={blockers}\n          onViewBlockersClick={handleViewBlockers}\n          isPending={isPending}\n          minCheckDate={minCheckDate}\n          minCheckOnlyDate={today}\n          maxDate={maxDate}\n          minPayPeriodDate={minPayPeriodDate}\n          taxWithholdingConfig={taxWithholdingConfig}\n          isTaxWithholdingModalOpen={isTaxWithholdingModalOpen}\n          onTaxWithholdingEditClick={handleTaxWithholdingEditClick}\n          onTaxWithholdingModalDone={handleTaxWithholdingModalDone}\n          onTaxWithholdingModalCancel={handleTaxWithholdingModalCancel}\n          className={className}\n        />\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["LOCAL_TO_API_REASON","ApiOffCycleReason","OffCycleCreation","props","jsx","BaseComponent","Root","dictionary","companyId","payrollType","className","useComponentDictionary","useI18n","t","useTranslation","tCreation","onEvent","baseSubmitHandler","useBase","paymentSpeedDays","useCompanyPaymentSpeed","minCheckDate","maxDate","minPayPeriodDate","today","useOffCyclePayPeriodDateValidation","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","taxWithholdingConfig","setTaxWithholdingConfig","useState","WithholdingPayPeriod","OFF_CYCLE_REASON_DEFAULTS","isTaxWithholdingModalOpen","setIsTaxWithholdingModalOpen","handleTaxWithholdingEditClick","useCallback","handleTaxWithholdingModalDone","config","handleTaxWithholdingModalCancel","handleViewBlockers","componentEvents","employeesData","useEmployeesListSuspense","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","employees","useMemo","a","b","lastNameComparison","employee","fullName","primaryJob","job","translateValidation","key","options","methods","useForm","values","context","isCheckOnly","dateSchema","createOffCyclePayPeriodDateFormSchema","schema","z","data","ctx","zodResolver","watchedReason","useEffect","prev","onSubmit","reason","checkDate","startDate","endDate","employeeUuids","e","response","RFCDate","payrollUuid","SDKInternalError","FormProvider","Form","OffCycleCreationPresentation"],"mappings":"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"}
+{"version":3,"file":"OffCycleCreation.js","sources":["../../../../src/components/Payroll/OffCycleCreation/OffCycleCreation.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm, type Resolver } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport {\n  OffCycleReason as ApiOffCycleReason,\n  WithholdingPayPeriod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { OFF_CYCLE_REASON_DEFAULTS, type OffCycleReason } from '../OffCycleReasonSelection'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { createOffCyclePayPeriodDateFormSchema } from '../OffCyclePayPeriodDateForm/OffCyclePayPeriodDateFormTypes'\nimport { useOffCyclePayPeriodDateValidation } from '../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { OffCycleCreationFormData, OffCycleCreationProps } from './OffCycleCreationTypes'\nimport { OffCycleCreationPresentation } from './OffCycleCreationPresentation'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { Form } from '@/components/Common/Form'\nimport { toRFCDate } from '@/helpers/dateFormatting'\nimport type { MultiSelectComboBoxOption } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\n\nconst LOCAL_TO_API_REASON: Record<OffCycleReason, ApiOffCycleReason> = {\n  bonus: ApiOffCycleReason.Bonus,\n  correction: ApiOffCycleReason.Correction,\n}\n\n/**\n * Creation form for off-cycle (bonus or correction) payrolls.\n *\n * Walks the user through configuring pay period dates, selecting a reason, choosing\n * employees, and setting deduction and tax withholding preferences, then submits the\n * resulting payroll for execution.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `offCycle/created` | The off-cycle payroll has been created | `{ payrollUuid: string }` |\n * | `offCycle/blockers/viewAll` | The user chose to view the company's payroll blockers from the blocker alert | none |\n *\n * Changing the reason updates the deduction and withholding defaults — `'bonus'` skips\n * regular deductions and uses the supplemental withholding rate; `'correction'` includes\n * regular deductions and uses the regular rate.\n *\n * @param props - {@link OffCycleCreationProps} plus base component props.\n * @returns The off-cycle payroll creation form.\n * @public\n */\nexport function OffCycleCreation(props: OffCycleCreationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, companyId, payrollType = 'bonus', className }: OffCycleCreationProps) {\n  useComponentDictionary('Payroll.OffCycleCreation', dictionary)\n  useI18n('Payroll.OffCycleCreation')\n  useI18n('Payroll.OffCycleReasonSelection')\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.EmployeeSelection')\n\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n  const { t: tCreation } = useTranslation('Payroll.OffCycleCreation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { paymentSpeedDays } = useCompanyPaymentSpeed(companyId)\n\n  const { minCheckDate, maxDate, minPayPeriodDate, today } =\n    useOffCyclePayPeriodDateValidation(paymentSpeedDays)\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const [taxWithholdingConfig, setTaxWithholdingConfig] = useState<OffCycleTaxWithholdingConfig>({\n    withholdingPayPeriod: WithholdingPayPeriod.EveryOtherWeek,\n    withholdingRate: OFF_CYCLE_REASON_DEFAULTS[payrollType].withholdingType,\n  })\n  const [isTaxWithholdingModalOpen, setIsTaxWithholdingModalOpen] = useState(false)\n\n  const handleTaxWithholdingEditClick = useCallback(() => {\n    setIsTaxWithholdingModalOpen(true)\n  }, [])\n\n  const handleTaxWithholdingModalDone = useCallback((config: OffCycleTaxWithholdingConfig) => {\n    setTaxWithholdingConfig(config)\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const handleTaxWithholdingModalCancel = useCallback(() => {\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const handleViewBlockers = useCallback(() => {\n    onEvent(componentEvents.OFF_CYCLE_BLOCKERS_VIEW_ALL)\n  }, [onEvent])\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    onboardedActive: true,\n  })\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const blockers: ApiPayrollBlocker[] = (blockersData.payrollBlockers ?? []).map(blocker => ({\n    key: blocker.key,\n    message: blocker.message,\n  }))\n\n  const employees: MultiSelectComboBoxOption[] = useMemo(() => {\n    const employeeList = employeesData.showEmployees ?? []\n    return [...employeeList]\n      .sort((a, b) => {\n        const lastNameComparison = a.lastName.localeCompare(b.lastName)\n        if (lastNameComparison !== 0) return lastNameComparison\n        return a.firstName.localeCompare(b.firstName)\n      })\n      .map(employee => {\n        const fullName = [employee.firstName, employee.lastName].filter(Boolean).join(' ')\n        const primaryJob = employee.jobs?.find(job => job.primary) ?? employee.jobs?.[0]\n        return {\n          label: fullName,\n          value: employee.uuid,\n          description: primaryJob?.title || undefined,\n        }\n      })\n  }, [employeesData])\n\n  const translateValidation = (key: string, options?: Record<string, unknown>): string =>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    t(key as any, options as any) as string\n\n  const dynamicResolver: Resolver<OffCycleCreationFormData> = (values, context, options) => {\n    const isCheckOnly = values.isCheckOnly\n\n    const dateSchema = createOffCyclePayPeriodDateFormSchema(\n      translateValidation,\n      isCheckOnly ? today : minCheckDate,\n      paymentSpeedDays,\n    )\n    const schema = z\n      .object({\n        reason: z.enum(['bonus', 'correction']),\n        skipRegularDeductions: z.boolean(),\n        includeAllEmployees: z.boolean(),\n        selectedEmployeeUuids: z.array(z.string()),\n      })\n      .and(dateSchema)\n      .superRefine((data, ctx) => {\n        if (!data.includeAllEmployees && data.selectedEmployeeUuids.length === 0) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['selectedEmployeeUuids'],\n            message: tCreation('errors.noEmployeesSelected'),\n          })\n        }\n      })\n\n    return zodResolver(schema)(values, context, options)\n  }\n\n  const methods = useForm<OffCycleCreationFormData>({\n    resolver: dynamicResolver,\n    defaultValues: {\n      reason: payrollType,\n      isCheckOnly: false,\n      startDate: null,\n      endDate: null,\n      checkDate: null,\n      skipRegularDeductions: OFF_CYCLE_REASON_DEFAULTS[payrollType].skipDeductions,\n      includeAllEmployees: false,\n      selectedEmployeeUuids: [],\n    },\n  })\n\n  const watchedReason = methods.watch('reason')\n\n  useEffect(() => {\n    methods.setValue(\n      'skipRegularDeductions',\n      OFF_CYCLE_REASON_DEFAULTS[watchedReason].skipDeductions,\n    )\n    setTaxWithholdingConfig(prev => ({\n      ...prev,\n      withholdingRate: OFF_CYCLE_REASON_DEFAULTS[watchedReason].withholdingType,\n    }))\n  }, [watchedReason, methods])\n\n  const onSubmit = async (data: OffCycleCreationFormData) => {\n    const { reason, checkDate, startDate, endDate } = data\n    if (!checkDate || !startDate || !endDate) return\n    const employeeUuids = data.includeAllEmployees\n      ? employees.map(e => e.value)\n      : data.selectedEmployeeUuids.length > 0\n        ? data.selectedEmployeeUuids\n        : undefined\n\n    await baseSubmitHandler(data, async () => {\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: LOCAL_TO_API_REASON[reason],\n            startDate: toRFCDate(startDate),\n            endDate: toRFCDate(endDate),\n            checkDate: toRFCDate(checkDate),\n            skipRegularDeductions: data.skipRegularDeductions,\n            isCheckOnlyPayroll: data.isCheckOnly,\n            employeeUuids,\n            withholdingPayPeriod: taxWithholdingConfig.withholdingPayPeriod,\n            fixedWithholdingRate: taxWithholdingConfig.withholdingRate === 'supplemental',\n          },\n        },\n      })\n\n      const payrollUuid =\n        response.payrollUnprocessed?.payrollUuid ?? response.payrollUnprocessed?.uuid\n\n      if (!payrollUuid) {\n        throw new SDKInternalError(tCreation('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.OFF_CYCLE_CREATED, { payrollUuid })\n    })\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)}>\n        <OffCycleCreationPresentation\n          employees={employees}\n          blockers={blockers}\n          onViewBlockersClick={handleViewBlockers}\n          isPending={isPending}\n          minCheckDate={minCheckDate}\n          minCheckOnlyDate={today}\n          maxDate={maxDate}\n          minPayPeriodDate={minPayPeriodDate}\n          taxWithholdingConfig={taxWithholdingConfig}\n          isTaxWithholdingModalOpen={isTaxWithholdingModalOpen}\n          onTaxWithholdingEditClick={handleTaxWithholdingEditClick}\n          onTaxWithholdingModalDone={handleTaxWithholdingModalDone}\n          onTaxWithholdingModalCancel={handleTaxWithholdingModalCancel}\n          className={className}\n        />\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["LOCAL_TO_API_REASON","ApiOffCycleReason","OffCycleCreation","props","jsx","BaseComponent","Root","dictionary","companyId","payrollType","className","useComponentDictionary","useI18n","t","useTranslation","tCreation","onEvent","baseSubmitHandler","useBase","paymentSpeedDays","useCompanyPaymentSpeed","minCheckDate","maxDate","minPayPeriodDate","today","useOffCyclePayPeriodDateValidation","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","taxWithholdingConfig","setTaxWithholdingConfig","useState","WithholdingPayPeriod","OFF_CYCLE_REASON_DEFAULTS","isTaxWithholdingModalOpen","setIsTaxWithholdingModalOpen","handleTaxWithholdingEditClick","useCallback","handleTaxWithholdingModalDone","config","handleTaxWithholdingModalCancel","handleViewBlockers","componentEvents","employeesData","useEmployeesListSuspense","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","employees","useMemo","a","b","lastNameComparison","employee","fullName","primaryJob","job","translateValidation","key","options","methods","useForm","values","context","isCheckOnly","dateSchema","createOffCyclePayPeriodDateFormSchema","schema","z","data","ctx","zodResolver","watchedReason","useEffect","prev","onSubmit","reason","checkDate","startDate","endDate","employeeUuids","e","response","toRFCDate","payrollUuid","SDKInternalError","FormProvider","Form","OffCycleCreationPresentation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAMA,KAAiE;AAAA,EACrE,OAAOC,EAAkB;AAAA,EACzB,YAAYA,EAAkB;AAChC;AAuBO,SAASC,GAAiBC,GAA8B;AAC7D,SACE,gBAAAC,EAACC,MAAe,GAAGF,GACjB,4BAACG,IAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,GAAK,EAAE,YAAAC,GAAY,WAAAC,GAAW,aAAAC,IAAc,SAAS,WAAAC,KAAoC;AAChG,EAAAC,GAAuB,4BAA4BJ,CAAU,GAC7DK,EAAQ,0BAA0B,GAClCA,EAAQ,iCAAiC,GACzCA,EAAQ,mCAAmC,GAC3CA,EAAQ,mCAAmC,GAC3CA,EAAQ,2BAA2B;AAEnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAC1D,EAAE,GAAGC,MAAcD,EAAe,0BAA0B,GAC5D,EAAE,SAAAE,GAAS,mBAAAC,EAAA,IAAsBC,GAAA,GAEjC,EAAE,kBAAAC,EAAA,IAAqBC,GAAuBZ,CAAS,GAEvD,EAAE,cAAAa,GAAc,SAAAC,GAAS,kBAAAC,GAAkB,OAAAC,EAAA,IAC/CC,GAAmCN,CAAgB,GAC/C,EAAE,aAAaO,GAAuB,WAAAC,EAAA,IAAcC,GAAA,GAEpD,CAACC,GAAsBC,CAAuB,IAAIC,EAAuC;AAAA,IAC7F,sBAAsBC,GAAqB;AAAA,IAC3C,iBAAiBC,EAA0BxB,CAAW,EAAE;AAAA,EAAA,CACzD,GACK,CAACyB,GAA2BC,CAA4B,IAAIJ,EAAS,EAAK,GAE1EK,IAAgCC,EAAY,MAAM;AACtD,IAAAF,EAA6B,EAAI;AAAA,EACnC,GAAG,CAAA,CAAE,GAECG,IAAgCD,EAAY,CAACE,MAAyC;AAC1F,IAAAT,EAAwBS,CAAM,GAC9BJ,EAA6B,EAAK;AAAA,EACpC,GAAG,CAAA,CAAE,GAECK,IAAkCH,EAAY,MAAM;AACxD,IAAAF,EAA6B,EAAK;AAAA,EACpC,GAAG,CAAA,CAAE,GAECM,IAAqBJ,EAAY,MAAM;AAC3C,IAAArB,EAAQ0B,EAAgB,2BAA2B;AAAA,EACrD,GAAG,CAAC1B,CAAO,CAAC,GAEN,EAAE,MAAM2B,EAAA,IAAkBC,GAAyB;AAAA,IACvD,WAAApC;AAAA,IACA,iBAAiB;AAAA,EAAA,CAClB,GAEK,EAAE,MAAMqC,EAAA,IAAiBC,GAA+B;AAAA,IAC5D,aAAatC;AAAA,EAAA,CACd,GAEKuC,KAAiCF,EAAa,mBAAmB,CAAA,GAAI,IAAI,CAAAG,OAAY;AAAA,IACzF,KAAKA,EAAQ;AAAA,IACb,SAASA,EAAQ;AAAA,EAAA,EACjB,GAEIC,IAAyCC,EAAQ,MAE9C,CAAC,GADaP,EAAc,iBAAiB,CAAA,CAC7B,EACpB,KAAK,CAACQ,GAAGC,MAAM;AACd,UAAMC,IAAqBF,EAAE,SAAS,cAAcC,EAAE,QAAQ;AAC9D,WAAIC,MAAuB,IAAUA,IAC9BF,EAAE,UAAU,cAAcC,EAAE,SAAS;AAAA,EAC9C,CAAC,EACA,IAAI,CAAAE,MAAY;AACf,UAAMC,IAAW,CAACD,EAAS,WAAWA,EAAS,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC3EE,IAAaF,EAAS,MAAM,KAAK,CAAAG,MAAOA,EAAI,OAAO,KAAKH,EAAS,OAAO,CAAC;AAC/E,WAAO;AAAA,MACL,OAAOC;AAAA,MACP,OAAOD,EAAS;AAAA,MAChB,aAAaE,GAAY,SAAS;AAAA,IAAA;AAAA,EAEtC,CAAC,GACF,CAACb,CAAa,CAAC,GAEZe,IAAsB,CAACC,GAAaC;AAAA;AAAA,IAExC/C,EAAE8C,GAAYC,CAAc;AAAA,KA+BxBC,IAAUC,EAAkC;AAAA,IAChD,UA9B0D,CAACC,GAAQC,GAASJ,MAAY;AACxF,YAAMK,IAAcF,EAAO,aAErBG,IAAaC;AAAA,QACjBT;AAAA,QACAO,IAAczC,IAAQH;AAAA,QACtBF;AAAA,MAAA,GAEIiD,IAASC,EACZ,OAAO;AAAA,QACN,QAAQA,EAAE,KAAK,CAAC,SAAS,YAAY,CAAC;AAAA,QACtC,uBAAuBA,EAAE,QAAA;AAAA,QACzB,qBAAqBA,EAAE,QAAA;AAAA,QACvB,uBAAuBA,EAAE,MAAMA,EAAE,QAAQ;AAAA,MAAA,CAC1C,EACA,IAAIH,CAAU,EACd,YAAY,CAACI,GAAMC,MAAQ;AAC1B,QAAI,CAACD,EAAK,uBAAuBA,EAAK,sBAAsB,WAAW,KACrEC,EAAI,SAAS;AAAA,UACX,MAAMF,EAAE,aAAa;AAAA,UACrB,MAAM,CAAC,uBAAuB;AAAA,UAC9B,SAAStD,EAAU,4BAA4B;AAAA,QAAA,CAChD;AAAA,MAEL,CAAC;AAEH,aAAOyD,EAAYJ,CAAM,EAAEL,GAAQC,GAASJ,CAAO;AAAA,IACrD;AAAA,IAIE,eAAe;AAAA,MACb,QAAQnD;AAAA,MACR,aAAa;AAAA,MACb,WAAW;AAAA,MACX,SAAS;AAAA,MACT,WAAW;AAAA,MACX,uBAAuBwB,EAA0BxB,CAAW,EAAE;AAAA,MAC9D,qBAAqB;AAAA,MACrB,uBAAuB,CAAA;AAAA,IAAC;AAAA,EAC1B,CACD,GAEKgE,IAAgBZ,EAAQ,MAAM,QAAQ;AAE5C,EAAAa,EAAU,MAAM;AACd,IAAAb,EAAQ;AAAA,MACN;AAAA,MACA5B,EAA0BwC,CAAa,EAAE;AAAA,IAAA,GAE3C3C,EAAwB,CAAA6C,OAAS;AAAA,MAC/B,GAAGA;AAAA,MACH,iBAAiB1C,EAA0BwC,CAAa,EAAE;AAAA,IAAA,EAC1D;AAAA,EACJ,GAAG,CAACA,GAAeZ,CAAO,CAAC;AAE3B,QAAMe,IAAW,OAAON,MAAmC;AACzD,UAAM,EAAE,QAAAO,GAAQ,WAAAC,GAAW,WAAAC,GAAW,SAAAC,MAAYV;AAClD,QAAI,CAACQ,KAAa,CAACC,KAAa,CAACC,EAAS;AAC1C,UAAMC,IAAgBX,EAAK,sBACvBrB,EAAU,IAAI,CAAAiC,MAAKA,EAAE,KAAK,IAC1BZ,EAAK,sBAAsB,SAAS,IAClCA,EAAK,wBACL;AAEN,UAAMrD,EAAkBqD,GAAM,YAAY;AACxC,YAAMa,IAAW,MAAMzD,EAAsB;AAAA,QAC3C,SAAS;AAAA,UACP,WAAAlB;AAAA,UACA,aAAa;AAAA,YACX,UAAU;AAAA,YACV,gBAAgBR,GAAoB6E,CAAM;AAAA,YAC1C,WAAWO,EAAUL,CAAS;AAAA,YAC9B,SAASK,EAAUJ,CAAO;AAAA,YAC1B,WAAWI,EAAUN,CAAS;AAAA,YAC9B,uBAAuBR,EAAK;AAAA,YAC5B,oBAAoBA,EAAK;AAAA,YACzB,eAAAW;AAAA,YACA,sBAAsBpD,EAAqB;AAAA,YAC3C,sBAAsBA,EAAqB,oBAAoB;AAAA,UAAA;AAAA,QACjE;AAAA,MACF,CACD,GAEKwD,IACJF,EAAS,oBAAoB,eAAeA,EAAS,oBAAoB;AAE3E,UAAI,CAACE;AACH,cAAM,IAAIC,GAAiBvE,EAAU,yBAAyB,CAAC;AAGjE,MAAAC,EAAQ0B,EAAgB,mBAAmB,EAAE,aAAA2C,EAAA,CAAa;AAAA,IAC5D,CAAC;AAAA,EACH;AAEA,SACE,gBAAAjF,EAACmF,GAAA,EAAc,GAAG1B,GAChB,UAAA,gBAAAzD,EAACoF,MAAK,UAAU3B,EAAQ,aAAae,CAAQ,GAC3C,UAAA,gBAAAxE;AAAA,IAACqF;AAAA,IAAA;AAAA,MACC,WAAAxC;AAAA,MACA,UAAAF;AAAA,MACA,qBAAqBN;AAAA,MACrB,WAAAd;AAAA,MACA,cAAAN;AAAA,MACA,kBAAkBG;AAAA,MAClB,SAAAF;AAAA,MACA,kBAAAC;AAAA,MACA,sBAAAM;AAAA,MACA,2BAAAK;AAAA,MACA,2BAA2BE;AAAA,MAC3B,2BAA2BE;AAAA,MAC3B,6BAA6BE;AAAA,MAC7B,WAAA9B;AAAA,IAAA;AAAA,EAAA,GAEJ,EAAA,CACF;AAEJ;"}

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

@@ -1,45 +1,43 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { useFormContext as d, useWatch as h } from "react-hook-form";
 import { useTranslation as D } from "react-i18next";
 import r from "./OffCyclePayPeriodDateFormPresentation.module.scss.js";
 import { useI18n as f } from "../../../i18n/I18n.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { CheckboxField as p } from "../../Common/Fields/CheckboxField/CheckboxField.js";
-import { DatePickerField as o } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-function v({
+import { CheckboxField as y } from "../../Common/Fields/CheckboxField/CheckboxField.js";
+import { DatePickerField as a } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+function L({
   minCheckDate: l,
   minCheckOnlyDate: n,
   maxDate: i,
-  minPayPeriodDate: a
+  minPayPeriodDate: c
 }) {
   f("Payroll.OffCyclePayPeriodDateForm");
   const { t: e } = D("Payroll.OffCyclePayPeriodDateForm"), { control: s } = d(), m = h({ control: s, name: "isCheckOnly" }) ? n : l;
-  return /* @__PURE__ */ c("div", { className: r.root, children: [
-    /* @__PURE__ */ c("div", { className: r.dateFields, children: [
+  return /* @__PURE__ */ o("div", { className: r.root, children: [
+    /* @__PURE__ */ o("div", { className: r.dateFields, children: [
       /* @__PURE__ */ t(
-        o,
+        a,
         {
           name: "startDate",
           label: e("startDateLabel"),
           isRequired: !0,
-          minDate: a,
+          minDate: c,
           maxDate: i
         }
       ),
       /* @__PURE__ */ t(
-        o,
+        a,
         {
           name: "endDate",
           label: e("endDateLabel"),
           isRequired: !0,
-          minDate: a,
+          minDate: c,
           maxDate: i
         }
       )
     ] }),
     /* @__PURE__ */ t("div", { className: r.checkDateField, children: /* @__PURE__ */ t(
-      o,
+      a,
       {
         name: "checkDate",
         label: e("checkDateLabel"),
@@ -50,7 +48,7 @@ function v({
       }
     ) }),
     /* @__PURE__ */ t(
-      p,
+      y,
       {
         name: "isCheckOnly",
         label: e("checkOnlyLabel"),
@@ -60,6 +58,6 @@ function v({
   ] });
 }
 export {
-  v as OffCyclePayPeriodDateFormPresentation
+  L 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 { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCyclePayPeriodDateFormData } from './OffCyclePayPeriodDateFormTypes'\nimport styles from './OffCyclePayPeriodDateFormPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { CheckboxField, DatePickerField } from '@/components/Common'\n\n/** @internal */\nexport interface OffCyclePayPeriodDateFormPresentationProps {\n  /** Earliest selectable payment date for direct deposit (today plus the ACH lead time). */\n  minCheckDate: Date\n  /** Earliest selectable payment date when the payroll is check-only (today). */\n  minCheckOnlyDate: Date\n  /** Latest selectable date for start date, end date, and payment date (1 year from today). */\n  maxDate: Date\n  /** Earliest selectable start/end date for the pay period (1 year before today). */\n  minPayPeriodDate: Date\n}\n\n/** @internal */\nexport function OffCyclePayPeriodDateFormPresentation({\n  minCheckDate,\n  minCheckOnlyDate,\n  maxDate,\n  minPayPeriodDate,\n}: OffCyclePayPeriodDateFormPresentationProps) {\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n\n  const { control } = useFormContext<OffCyclePayPeriodDateFormData>()\n  const isCheckOnly = useWatch({ control, name: 'isCheckOnly' })\n\n  // Mirrors the resolver's own `isCheckOnly ? today : minCheckDate` so the picker and the\n  // validation agree. Without a minDate the rule existed only as a submit-time error, and\n  // legacy gws-flows disables invalid dates in the picker (SDK-1274). Checking \"check-only\"\n  // has to widen the bound back to today, live.\n  const checkDateMinimum = isCheckOnly ? minCheckOnlyDate : minCheckDate\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.dateFields}>\n        <DatePickerField\n          name=\"startDate\"\n          label={t('startDateLabel')}\n          isRequired\n          minDate={minPayPeriodDate}\n          maxDate={maxDate}\n        />\n        <DatePickerField\n          name=\"endDate\"\n          label={t('endDateLabel')}\n          isRequired\n          minDate={minPayPeriodDate}\n          maxDate={maxDate}\n        />\n      </div>\n\n      <div className={styles.checkDateField}>\n        <DatePickerField\n          name=\"checkDate\"\n          label={t('checkDateLabel')}\n          description={t('checkDateDescription')}\n          isRequired\n          minDate={checkDateMinimum}\n          maxDate={maxDate}\n        />\n      </div>\n\n      <CheckboxField\n        name=\"isCheckOnly\"\n        label={t('checkOnlyLabel')}\n        description={t('checkOnlyDescription')}\n      />\n    </div>\n  )\n}\n"],"names":["OffCyclePayPeriodDateFormPresentation","minCheckDate","minCheckOnlyDate","maxDate","minPayPeriodDate","useI18n","t","useTranslation","control","useFormContext","checkDateMinimum","useWatch","jsxs","styles","jsx","DatePickerField","CheckboxField"],"mappings":";;;;;;;;;AAoBO,SAASA,EAAsC;AAAA,EACpD,cAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AACF,GAA+C;AAC7C,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAE1D,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAOdC,IANcC,EAAS,EAAE,SAAAH,GAAS,MAAM,eAAe,IAMtBN,IAAmBD;AAE1D,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOT,EAAE,gBAAgB;AAAA,UACzB,YAAU;AAAA,UACV,SAASF;AAAA,UACT,SAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOT,EAAE,cAAc;AAAA,UACvB,YAAU;AAAA,UACV,SAASF;AAAA,UACT,SAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAEA,gBAAAW,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOT,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,QACrC,YAAU;AAAA,QACV,SAASI;AAAA,QACT,SAAAP;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAW;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOV,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 { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { OffCyclePayPeriodDateFormData } from './OffCyclePayPeriodDateFormTypes'\nimport styles from './OffCyclePayPeriodDateFormPresentation.module.scss'\nimport { useI18n } from '@/i18n'\nimport { CheckboxField, DatePickerField } from '@/components/Common'\n\n/** @internal */\nexport interface OffCyclePayPeriodDateFormPresentationProps {\n  /** Earliest selectable payment date for direct deposit (today plus the ACH lead time). */\n  minCheckDate: Date\n  /** Earliest selectable payment date when the payroll is check-only (today). */\n  minCheckOnlyDate: Date\n  /** Latest selectable date for start date, end date, and payment date (1 year from today). */\n  maxDate: Date\n  /** Earliest selectable start/end date for the pay period (1 year before today). */\n  minPayPeriodDate: Date\n}\n\n/** @internal */\nexport function OffCyclePayPeriodDateFormPresentation({\n  minCheckDate,\n  minCheckOnlyDate,\n  maxDate,\n  minPayPeriodDate,\n}: OffCyclePayPeriodDateFormPresentationProps) {\n  useI18n('Payroll.OffCyclePayPeriodDateForm')\n  const { t } = useTranslation('Payroll.OffCyclePayPeriodDateForm')\n\n  const { control } = useFormContext<OffCyclePayPeriodDateFormData>()\n  const isCheckOnly = useWatch({ control, name: 'isCheckOnly' })\n\n  // Mirrors the resolver's own `isCheckOnly ? today : minCheckDate` so the picker and the\n  // validation agree. Without a minDate the rule existed only as a submit-time error, and\n  // legacy gws-flows disables invalid dates in the picker (SDK-1274). Checking \"check-only\"\n  // has to widen the bound back to today, live.\n  const checkDateMinimum = isCheckOnly ? minCheckOnlyDate : minCheckDate\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.dateFields}>\n        <DatePickerField\n          name=\"startDate\"\n          label={t('startDateLabel')}\n          isRequired\n          minDate={minPayPeriodDate}\n          maxDate={maxDate}\n        />\n        <DatePickerField\n          name=\"endDate\"\n          label={t('endDateLabel')}\n          isRequired\n          minDate={minPayPeriodDate}\n          maxDate={maxDate}\n        />\n      </div>\n\n      <div className={styles.checkDateField}>\n        <DatePickerField\n          name=\"checkDate\"\n          label={t('checkDateLabel')}\n          description={t('checkDateDescription')}\n          isRequired\n          minDate={checkDateMinimum}\n          maxDate={maxDate}\n        />\n      </div>\n\n      <CheckboxField\n        name=\"isCheckOnly\"\n        label={t('checkOnlyLabel')}\n        description={t('checkOnlyDescription')}\n      />\n    </div>\n  )\n}\n"],"names":["OffCyclePayPeriodDateFormPresentation","minCheckDate","minCheckOnlyDate","maxDate","minPayPeriodDate","useI18n","t","useTranslation","control","useFormContext","checkDateMinimum","useWatch","jsxs","styles","jsx","DatePickerField","CheckboxField"],"mappings":";;;;;;;AAoBO,SAASA,EAAsC;AAAA,EACpD,cAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AACF,GAA+C;AAC7C,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAE1D,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAOdC,IANcC,EAAS,EAAE,SAAAH,GAAS,MAAM,eAAe,IAMtBN,IAAmBD;AAE1D,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOT,EAAE,gBAAgB;AAAA,UACzB,YAAU;AAAA,UACV,SAASF;AAAA,UACT,SAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOT,EAAE,cAAc;AAAA,UACvB,YAAU;AAAA,UACV,SAASF;AAAA,UACT,SAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAEA,gBAAAW,EAAC,OAAA,EAAI,WAAWD,EAAO,gBACrB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOT,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,QACrC,YAAU;AAAA,QACV,SAASI;AAAA,QACT,SAAAP;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAW;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOV,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;"}

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

@@ -1,15 +1,13 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useMemo as s } from "react";
 import { useTranslation as l } from "react-i18next";
-import "classnames";
-import "../../../shared/constants.js";
 import { RadioGroupField as c } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-function d({
+function m({
   name: e,
   onChange: i,
   className: t
 }) {
-  const { t: o } = l("Payroll.OffCycleReasonSelection"), r = s(
+  const { t: o } = l("Payroll.OffCycleReasonSelection"), n = s(
     () => [
       {
         value: "correction",
@@ -24,12 +22,12 @@ function d({
     ],
     [o]
   );
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     c,
     {
       name: e,
       label: o("title"),
-      options: r,
+      options: n,
       isRequired: !0,
       onChange: i,
       className: t
@@ -37,6 +35,6 @@ function d({
   );
 }
 export {
-  d as OffCycleReasonSelectionPresentation
+  m as OffCycleReasonSelectionPresentation
 };
 //# sourceMappingURL=OffCycleReasonSelectionPresentation.js.map