@gusto/embedded-react-sdk 0.52.2 → 0.54.0

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, ...props }: StateTaxesProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.StateTaxes\" FallbackComponent={FallbackComponent}>\n      <StateTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction StateTaxesRoot({\n  employeeId,\n  className,\n  dictionary,\n  onEvent,\n  isAdmin = false,\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 <BaseLayout isLoading error={stateTaxes.errorHandling.errors} />\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    />\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","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,GAAGC,KAA0B;AAC3E,SACE,gBAAAC,EAACC,KAAe,eAAc,uBAAsB,mBAAAH,GAClD,UAAA,gBAAAE,EAACE,GAAA,EAAgB,GAAGH,EAAA,CAAO,EAAA,CAC7B;AAEJ;AAEA,SAASG,EAAe;AAAA,EACtB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAAoB;AAClB,EAAAC,EAAQ,qBAAqB,GAC7BC,EAAuB,uBAAuBJ,CAAU;AAExD,QAAMK,IAAaC,EAA0B,EAAE,YAAAR,GAAY,SAAAI,GAAS,GAC9DK,IAAiCC,EAAA;AAEvC,SAAIH,EAAW,8BACLI,GAAA,EAAW,WAAS,IAAC,OAAOJ,EAAW,cAAc,QAAQ,IAcrE,gBAAAV;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,IAAA;AAAA,EAAA;AAGlB;AAEA,SAASM,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/Employee/StateTaxes/shared/EmployeeStateTaxesView.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm';
 import { ResourceDictionary } from '../../../../types/Helpers';
+import { LoaderComponentType } from '../../../Base';
 type ReadyEmployeeStateTaxesForm = Extract<ReturnType<typeof useEmployeeStateTaxesForm>, {
     isLoading: false;
 }>;
@@ -31,7 +32,8 @@ export interface EmployeeStateTaxesViewProps {
      * overrides on the flow's `dictionary` prop propagate into the view.
      */
     dictionary?: StateTaxesViewDictionary;
+    LoaderComponent?: LoaderComponentType;
 }
 /** @internal */
-export declare function EmployeeStateTaxesView({ stateTaxes, onSubmit, actions, alert, className, dictionary, }: EmployeeStateTaxesViewProps): import("react").JSX.Element;
+export declare function EmployeeStateTaxesView({ stateTaxes, onSubmit, actions, alert, className, dictionary, LoaderComponent, }: EmployeeStateTaxesViewProps): import("react").JSX.Element;
 export {};

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.js

@@ -1,37 +1,38 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { Fragment as y } from "react";
+import { Fragment as T } from "react";
 import { useTranslation as i } from "react-i18next";
-import T from "classnames";
-import C from "./EmployeeStateTaxesView.module.scss.js";
-import { BaseLayout as S } from "../../../Base/Base.js";
+import C from "classnames";
+import S from "./EmployeeStateTaxesView.module.scss.js";
+import { BaseLayout as w } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { Form as w } from "../../../Common/Form/Form.js";
-import { SDKFormProvider as E } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as H, useComponentDictionary as V } from "../../../../i18n/I18n.js";
-function P({
+import { Form as E } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as F } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as H } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as V, useComponentDictionary as g } from "../../../../i18n/I18n.js";
+function R({
   stateTaxes: o,
   onSubmit: a,
   actions: l,
   alert: c,
   className: p,
-  dictionary: f
+  dictionary: f,
+  LoaderComponent: d
 }) {
-  H("Employee.StateTaxesView"), V("Employee.StateTaxesView", f);
-  const { t: r } = i("Employee.StateTaxesView"), { t: d } = i("common"), m = F(), n = o.form.Fields;
-  return /* @__PURE__ */ e("section", { className: T(C.container, p), children: /* @__PURE__ */ e(S, { error: o.errorHandling.errors, children: /* @__PURE__ */ e(E, { formHookResult: o, children: /* @__PURE__ */ s(w, { onSubmit: a, children: [
+  V("Employee.StateTaxesView"), g("Employee.StateTaxesView", f);
+  const { t: r } = i("Employee.StateTaxesView"), { t: h } = i("common"), m = H(), n = o.form.Fields;
+  return /* @__PURE__ */ e("section", { className: C(S.container, p), children: /* @__PURE__ */ e(w, { error: o.errorHandling.errors, LoaderComponent: d, children: /* @__PURE__ */ e(F, { formHookResult: o, children: /* @__PURE__ */ s(E, { onSubmit: a, children: [
     c,
     n.length === 0 ? /* @__PURE__ */ e(m.Text, { children: r("noWithholding") }) : n.map((t) => {
-      const h = d(`statesHash.${t.state}`, t.state);
-      return /* @__PURE__ */ s(y, { children: [
-        /* @__PURE__ */ e(m.Heading, { as: "h2", children: r("stateTaxesTitle", { state: h }) }),
-        t.questions.map(({ questionId: u, Field: x }) => /* @__PURE__ */ e(x, {}, u))
+      const u = h(`statesHash.${t.state}`, t.state);
+      return /* @__PURE__ */ s(T, { children: [
+        /* @__PURE__ */ e(m.Heading, { as: "h2", children: r("stateTaxesTitle", { state: u }) }),
+        t.questions.map(({ questionId: x, Field: y }) => /* @__PURE__ */ e(y, {}, x))
       ] }, t.state);
     }),
     l
   ] }) }) }) });
 }
 export {
-  P as EmployeeStateTaxesView
+  R as EmployeeStateTaxesView
 };
 //# sourceMappingURL=EmployeeStateTaxesView.js.map

package/dist/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeStateTaxesView.js","sources":["../../../../../src/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm'\nimport styles from './EmployeeStateTaxesView.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\n\ntype ReadyEmployeeStateTaxesForm = Extract<\n  ReturnType<typeof useEmployeeStateTaxesForm>,\n  { isLoading: false }\n>\n\n/**\n * Override surface for {@link EmployeeStateTaxesView}'s default copy. Each\n * consuming flow (onboarding, management) builds a resolved dictionary from\n * its own translation namespace via a dedicated `use*StateTaxesViewDictionary`\n * hook and passes it here, so partner overrides on the flow's namespace flow\n * into the shared view text at render time.\n *\n * The underlying `Employee.StateTaxesView` namespace is an implementation\n * detail of the shared view — consumers shouldn't reference it directly.\n *\n * @internal\n */\nexport type StateTaxesViewDictionary = ResourceDictionary<'Employee.StateTaxesView'>\n\n/** @internal */\nexport interface EmployeeStateTaxesViewProps {\n  stateTaxes: ReadyEmployeeStateTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  /**\n   * Per-flow translation override for this shared view. Consumers build the\n   * value inside a flow-local `use*StateTaxesViewDictionary` hook that\n   * resolves the view's keys against the flow's own namespace, so partner\n   * overrides on the flow's `dictionary` prop propagate into the view.\n   */\n  dictionary?: StateTaxesViewDictionary\n}\n\n/** @internal */\nexport function EmployeeStateTaxesView({\n  stateTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  dictionary,\n}: EmployeeStateTaxesViewProps) {\n  useI18n('Employee.StateTaxesView')\n  useComponentDictionary('Employee.StateTaxesView', dictionary)\n\n  const { t } = useTranslation('Employee.StateTaxesView')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const groups = stateTaxes.form.Fields\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={stateTaxes.errorHandling.errors}>\n        <SDKFormProvider formHookResult={stateTaxes}>\n          <Form onSubmit={onSubmit}>\n            {alert}\n\n            {groups.length === 0 ? (\n              <Components.Text>{t('noWithholding')}</Components.Text>\n            ) : (\n              groups.map(group => {\n                const stateName = tCommon(`statesHash.${group.state}`, group.state)\n                return (\n                  <Fragment key={group.state}>\n                    <Components.Heading as=\"h2\">\n                      {t('stateTaxesTitle', { state: stateName })}\n                    </Components.Heading>\n\n                    {group.questions.map(({ questionId, Field }) => {\n                      return <Field key={questionId} />\n                    })}\n                  </Fragment>\n                )\n              })\n            )}\n\n            {actions}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EmployeeStateTaxesView","stateTaxes","onSubmit","actions","alert","className","dictionary","useI18n","useComponentDictionary","t","useTranslation","tCommon","Components","useComponentContext","groups","jsx","classNames","styles","BaseLayout","SDKFormProvider","jsxs","Form","group","stateName","Fragment","questionId","Field"],"mappings":";;;;;;;;;;;AAgDO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,GAAGC,MAAYD,EAAe,QAAQ,GACxCE,IAAaC,EAAA,GACbC,IAASb,EAAW,KAAK;AAE/B,SACE,gBAAAc,EAAC,aAAQ,WAAWC,EAAWC,EAAO,WAAWZ,CAAS,GACxD,UAAA,gBAAAU,EAACG,GAAA,EAAW,OAAOjB,EAAW,cAAc,QAC1C,UAAA,gBAAAc,EAACI,GAAA,EAAgB,gBAAgBlB,GAC/B,UAAA,gBAAAmB,EAACC,KAAK,UAAAnB,GACH,UAAA;AAAA,IAAAE;AAAA,IAEAU,EAAO,WAAW,IACjB,gBAAAC,EAACH,EAAW,MAAX,EAAiB,UAAAH,EAAE,eAAe,EAAA,CAAE,IAErCK,EAAO,IAAI,CAAAQ,MAAS;AAClB,YAAMC,IAAYZ,EAAQ,cAAcW,EAAM,KAAK,IAAIA,EAAM,KAAK;AAClE,+BACGE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAT,EAACH,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAH,EAAE,mBAAmB,EAAE,OAAOc,EAAA,CAAW,EAAA,CAC5C;AAAA,QAECD,EAAM,UAAU,IAAI,CAAC,EAAE,YAAAG,GAAY,OAAAC,QAC3B,gBAAAX,EAACW,OAAWD,CAAY,CAChC;AAAA,MAAA,EAAA,GAPYH,EAAM,KAQrB;AAAA,IAEJ,CAAC;AAAA,IAGFnB;AAAA,EAAA,GACH,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"EmployeeStateTaxesView.js","sources":["../../../../../src/components/Employee/StateTaxes/shared/EmployeeStateTaxesView.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type useEmployeeStateTaxesForm } from './useEmployeeStateTaxesForm'\nimport styles from './EmployeeStateTaxesView.module.scss'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport type { ResourceDictionary } from '@/types/Helpers'\nimport type { LoaderComponentType } from '@/components/Base'\n\ntype ReadyEmployeeStateTaxesForm = Extract<\n  ReturnType<typeof useEmployeeStateTaxesForm>,\n  { isLoading: false }\n>\n\n/**\n * Override surface for {@link EmployeeStateTaxesView}'s default copy. Each\n * consuming flow (onboarding, management) builds a resolved dictionary from\n * its own translation namespace via a dedicated `use*StateTaxesViewDictionary`\n * hook and passes it here, so partner overrides on the flow's namespace flow\n * into the shared view text at render time.\n *\n * The underlying `Employee.StateTaxesView` namespace is an implementation\n * detail of the shared view — consumers shouldn't reference it directly.\n *\n * @internal\n */\nexport type StateTaxesViewDictionary = ResourceDictionary<'Employee.StateTaxesView'>\n\n/** @internal */\nexport interface EmployeeStateTaxesViewProps {\n  stateTaxes: ReadyEmployeeStateTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  /**\n   * Per-flow translation override for this shared view. Consumers build the\n   * value inside a flow-local `use*StateTaxesViewDictionary` hook that\n   * resolves the view's keys against the flow's own namespace, so partner\n   * overrides on the flow's `dictionary` prop propagate into the view.\n   */\n  dictionary?: StateTaxesViewDictionary\n  LoaderComponent?: LoaderComponentType\n}\n\n/** @internal */\nexport function EmployeeStateTaxesView({\n  stateTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  dictionary,\n  LoaderComponent,\n}: EmployeeStateTaxesViewProps) {\n  useI18n('Employee.StateTaxesView')\n  useComponentDictionary('Employee.StateTaxesView', dictionary)\n\n  const { t } = useTranslation('Employee.StateTaxesView')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n  const groups = stateTaxes.form.Fields\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={stateTaxes.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={stateTaxes}>\n          <Form onSubmit={onSubmit}>\n            {alert}\n\n            {groups.length === 0 ? (\n              <Components.Text>{t('noWithholding')}</Components.Text>\n            ) : (\n              groups.map(group => {\n                const stateName = tCommon(`statesHash.${group.state}`, group.state)\n                return (\n                  <Fragment key={group.state}>\n                    <Components.Heading as=\"h2\">\n                      {t('stateTaxesTitle', { state: stateName })}\n                    </Components.Heading>\n\n                    {group.questions.map(({ questionId, Field }) => {\n                      return <Field key={questionId} />\n                    })}\n                  </Fragment>\n                )\n              })\n            )}\n\n            {actions}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["EmployeeStateTaxesView","stateTaxes","onSubmit","actions","alert","className","dictionary","LoaderComponent","useI18n","useComponentDictionary","t","useTranslation","tCommon","Components","useComponentContext","groups","jsx","classNames","styles","BaseLayout","SDKFormProvider","jsxs","Form","group","stateName","Fragment","questionId","Field"],"mappings":";;;;;;;;;;;AAkDO,SAASA,EAAuB;AAAA,EACrC,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BH,CAAU;AAE5D,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,GAAGC,MAAYD,EAAe,QAAQ,GACxCE,IAAaC,EAAA,GACbC,IAASd,EAAW,KAAK;AAE/B,SACE,gBAAAe,EAAC,aAAQ,WAAWC,EAAWC,EAAO,WAAWb,CAAS,GACxD,UAAA,gBAAAW,EAACG,GAAA,EAAW,OAAOlB,EAAW,cAAc,QAAQ,iBAAAM,GAClD,UAAA,gBAAAS,EAACI,KAAgB,gBAAgBnB,GAC/B,UAAA,gBAAAoB,EAACC,GAAA,EAAK,UAAApB,GACH,UAAA;AAAA,IAAAE;AAAA,IAEAW,EAAO,WAAW,IACjB,gBAAAC,EAACH,EAAW,MAAX,EAAiB,UAAAH,EAAE,eAAe,EAAA,CAAE,IAErCK,EAAO,IAAI,CAAAQ,MAAS;AAClB,YAAMC,IAAYZ,EAAQ,cAAcW,EAAM,KAAK,IAAIA,EAAM,KAAK;AAClE,+BACGE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAT,EAACH,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAAH,EAAE,mBAAmB,EAAE,OAAOc,EAAA,CAAW,EAAA,CAC5C;AAAA,QAECD,EAAM,UAAU,IAAI,CAAC,EAAE,YAAAG,GAAY,OAAAC,QAC3B,gBAAAX,EAACW,OAAWD,CAAY,CAChC;AAAA,MAAA,EAAA,GAPYH,EAAM,KAQrB;AAAA,IAEJ,CAAC;AAAA,IAGFpB;AAAA,EAAA,GACH,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js

@@ -1,91 +1,92 @@
-import { useMemo as l } from "react";
-import { useForm as D } from "react-hook-form";
-import { zodResolver as L } from "@hookform/resolvers/zod";
-import { useEmployeeTaxSetupGetStateTaxes as O } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
-import { useEmployeeTaxSetupUpdateStateTaxesMutation as M } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
+import { useMemo as f } from "react";
+import { useForm as L } from "react-hook-form";
+import { zodResolver as N } from "@hookform/resolvers/zod";
+import { useEmployeeTaxSetupGetStateTaxes as M } from "@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes";
+import { useEmployeeTaxSetupUpdateStateTaxesMutation as O } from "@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes";
 import { createEmployeeStateTaxesSchema as U } from "./employeeStateTaxesSchema.js";
 import { createStateFields as _ } from "./fields.js";
-import { getQuestionVariant as Q } from "./fieldMapping.js";
+import { getQuestionVariant as z } from "./fieldMapping.js";
 import { snakeCaseToCamelCase as v } from "../../../../../helpers/formattedStrings.js";
-import { useDeriveFieldsMetadata as z } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
-import { createGetFormSubmissionValues as C } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
-import { useHookFormInternals as H } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
-import { composeErrorHandler as I } from "../../../../../partner-hook-utils/composeErrorHandler.js";
-import { useBaseSubmit as P } from "../../../../Base/useBaseSubmit.js";
-import { SDKInternalError as R } from "../../../../../types/sdkError.js";
-const B = "2010-01-01";
-function ue({
+import { normalizeToDate as Q, formatDateToStringDate as C } from "../../../../../helpers/dateFormatting.js";
+import { useDeriveFieldsMetadata as H } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { createGetFormSubmissionValues as P } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { useHookFormInternals as R } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { composeErrorHandler as B } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { useBaseSubmit as G } from "../../../../Base/useBaseSubmit.js";
+import { SDKInternalError as I } from "../../../../../types/sdkError.js";
+const j = "2010-01-01";
+function fe({
   employeeId: n,
   isAdmin: e = !1,
   validationMode: u = "onSubmit",
   shouldFocusError: o = !0
 }) {
-  const s = O({ employeeUuid: n }), t = l(
+  const s = M({ employeeUuid: n }), t = f(
     () => s.data?.employeeStateTaxesList ?? [],
     [s.data?.employeeStateTaxesList]
-  ), [i, d] = l(
+  ), [i, d] = f(
     () => U(t, { isAdmin: e }),
     [t, e]
-  ), m = l(
+  ), m = f(
     () => _(t, { isAdmin: e }),
     [t, e]
-  ), r = l(
-    () => G(t, e),
+  ), r = f(
+    () => K(t, e),
     [t, e]
-  ), a = D({
-    resolver: L(i),
+  ), a = L({
+    resolver: N(i),
     mode: u,
     shouldFocusError: o,
     defaultValues: r,
     values: r,
     resetOptions: { keepDirtyValues: !0 }
-  }), { mutateAsync: T, isPending: b } = M(), {
+  }), { mutateAsync: T, isPending: b } = O(), {
     baseSubmitHandler: x,
     error: F,
     setError: g
-  } = P("EmployeeStateTaxesForm"), c = I([s], {
+  } = G("EmployeeStateTaxesForm"), c = B([s], {
     submitError: F,
     setSubmitError: g
-  }), N = z(d, a.control), h = async () => {
-    let f;
+  }), h = H(d, a.control), D = async () => {
+    let l;
     return await new Promise((p) => {
       a.handleSubmit(
         async (q) => {
           await x(q, async (E) => {
-            const y = K(E, t, e);
+            const y = X(E, t, e);
             if (y.length === 0) {
-              f = { mode: "update", data: t };
+              l = { mode: "update", data: t };
               return;
             }
             const S = (await T({
               request: { employeeUuid: n, employeeStateTaxesRequest: { states: y } }
             })).employeeStateTaxesList;
             if (!S)
-              throw new R("State taxes update did not return an updated record");
-            f = { mode: "update", data: S };
+              throw new I("State taxes update did not return an updated record");
+            l = { mode: "update", data: S };
           }), p();
         },
         () => {
           p();
         }
       )();
-    }), f;
-  }, k = H(a);
+    }), l;
+  }, k = R(a);
   return s.isLoading || !s.data?.employeeStateTaxesList ? { isLoading: !0, errorHandling: c } : {
     isLoading: !1,
     data: { employeeStateTaxes: t },
     status: { isPending: b, mode: "update" },
-    actions: { onSubmit: h },
+    actions: { onSubmit: D },
     errorHandling: c,
     form: {
       Fields: m,
-      fieldsMetadata: N,
+      fieldsMetadata: h,
       hookFormInternals: k,
-      getFormSubmissionValues: C(a, i)
+      getFormSubmissionValues: P(a, i)
     }
   };
 }
-function G(n, e) {
+function K(n, e) {
   const u = {};
   for (const o of n) {
     if (!o.state || !o.questions) continue;
@@ -93,23 +94,21 @@ function G(n, e) {
     for (const t of o.questions) {
       if (t.isQuestionForAdminOnly && !e) continue;
       const i = v(t.key), d = t.answers[0]?.value;
-      s[i] = j(t, d);
+      s[i] = A(t, d);
     }
     Object.keys(s).length > 0 && (u[o.state] = s);
   }
   return { states: u };
 }
-function j(n, e) {
+function A(n, e) {
   if (n.key === "file_new_hire_report")
     return e ?? !0;
-  switch (Q(n)) {
+  switch (z(n)) {
     case "date": {
       if (e == null || e === "") return;
       if (typeof e == "string") {
         const o = e.trim();
-        if (o === "") return;
-        const s = new Date(o);
-        return Number.isNaN(s.getTime()) ? void 0 : s;
+        return o === "" ? void 0 : Q(o) ?? void 0;
       }
       return e;
     }
@@ -123,7 +122,7 @@ function j(n, e) {
       return e;
   }
 }
-function K(n, e, u) {
+function X(n, e, u) {
   const { states: o } = n;
   if (Object.keys(o).length === 0) return [];
   const s = [];
@@ -135,11 +134,11 @@ function K(n, e, u) {
       if (m.isQuestionForAdminOnly && !u) continue;
       const r = o[i]?.[v(m.key)];
       let a;
-      r == null || typeof r == "number" && Number.isNaN(r) ? a = "" : r instanceof Date ? Number.isNaN(r.getTime()) ? a = "" : a = r.toISOString().split("T")[0] ?? "" : a = r, d.push({
+      r == null || typeof r == "number" && Number.isNaN(r) ? a = "" : r instanceof Date ? a = C(r) ?? "" : a = r, d.push({
         key: m.key,
         answers: [
           {
-            validFrom: m.answers[0]?.validFrom ?? B,
+            validFrom: m.answers[0]?.validFrom ?? j,
             validUpTo: m.answers[0]?.validUpTo ?? null,
             value: a
           }
@@ -151,6 +150,6 @@ function K(n, e, u) {
   return s;
 }
 export {
-  ue as useEmployeeStateTaxesForm
+  fe as useEmployeeStateTaxesForm
 };
 //# sourceMappingURL=useEmployeeStateTaxesForm.js.map

package/dist/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmployeeStateTaxesForm.js","sources":["../../../../../../src/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport type {\n  EmployeeStateTaxesRequest,\n  States as EmployeeStateTaxesRequestState,\n} from '@gusto/embedded-api/models/components/employeestatetaxesrequest'\nimport { useEmployeeTaxSetupGetStateTaxes } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport {\n  createEmployeeStateTaxesSchema,\n  type EmployeeStateTaxesFormData,\n  type EmployeeStateTaxesFormOutputs,\n} from './employeeStateTaxesSchema'\nimport type { StateTaxFields } from './fields'\nimport { createStateFields } from './fields'\nimport { getQuestionVariant } from './fieldMapping'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldMetadata,\n  FieldMetadataWithOptions,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\n\nconst DEFAULT_TAX_VALID_FROM = '2010-01-01'\n\n/**\n * Options accepted by {@link useEmployeeStateTaxesForm}.\n *\n * @public\n */\nexport interface UseEmployeeStateTaxesFormProps {\n  /** The UUID of the employee whose state taxes are being updated. */\n  employeeId: string\n  /**\n   * When `true`, admin-only questions are visible and submitted. When\n   * `false`, they are filtered out and the surfaced answer for those\n   * questions is preserved unchanged on submit.\n   */\n  isAdmin?: boolean\n  /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Defaults to `true`. Set to `false` when composing with other forms. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Ready-state return value of {@link useEmployeeStateTaxesForm} — the\n * `isLoading: false` branch of {@link UseEmployeeStateTaxesFormResult}.\n *\n * @public\n */\nexport interface UseEmployeeStateTaxesFormReady extends BaseFormHookReady<\n  EmployeeStateTaxesFieldsMetadata,\n  EmployeeStateTaxesFormData,\n  StateTaxFields\n> {\n  /** Current per-state tax records returned by the server. */\n  data: {\n    employeeStateTaxes: EmployeeStateTaxesList[]\n  }\n  /** Submission status. `mode` is always `'update'` since state-tax records are created with the employee. */\n  status: { isPending: boolean; mode: 'update' }\n  /** Form actions. */\n  actions: {\n    /** Validates and submits the form, resolving to the updated records on success or `undefined` when validation blocked the submit. */\n    onSubmit: () => Promise<HookSubmitResult<EmployeeStateTaxesList[]> | undefined>\n  }\n}\n\n/**\n * Discriminated union returned by {@link useEmployeeStateTaxesForm}. Loading\n * branch carries only `errorHandling`; ready branch carries form data,\n * fields, status, and actions.\n *\n * @public\n */\nexport type UseEmployeeStateTaxesFormResult = HookLoadingResult | UseEmployeeStateTaxesFormReady\n\n/**\n * Headless form hook for updating an employee's state tax withholding answers.\n * The set of questions is driven by the API response per state, so\n * `form.Fields` is an array of state groups with discriminated, render-ready\n * `Field` components rather than a fixed named object.\n *\n * @remarks\n * The state-tax record(s) are created automatically with the employee, so this\n * hook is always in update mode. When the form has no states with submittable\n * answers (e.g. an employee in a no-income-tax state), submit resolves with\n * the existing record list without making a network request.\n *\n * @param props - Hook options.\n * @returns A loading result while data is fetching, or a ready result with\n * form data, fields, status, actions, and error handling.\n * @public\n *\n * @example\n * ```tsx\n * import {\n *   useEmployeeStateTaxesForm,\n *   SDKFormProvider,\n *   type UseEmployeeStateTaxesFormReady,\n * } from '@gusto/embedded-react-sdk'\n *\n * function StateTaxesPage({ employeeId }: { employeeId: string }) {\n *   const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n *\n *   if (stateTaxes.isLoading) return <div>Loading...</div>\n *\n *   return <StateTaxesFormReady stateTaxes={stateTaxes} />\n * }\n *\n * function StateTaxesFormReady({\n *   stateTaxes,\n * }: {\n *   stateTaxes: UseEmployeeStateTaxesFormReady\n * }) {\n *   const handleSubmit = async () => {\n *     const result = await stateTaxes.actions.onSubmit()\n *     if (result) console.log('Updated state tax records:', result.data)\n *   }\n *\n *   return (\n *     <SDKFormProvider formHookResult={stateTaxes}>\n *       <form\n *         onSubmit={e => {\n *           e.preventDefault()\n *           void handleSubmit()\n *         }}\n *       >\n *         {stateTaxes.form.Fields.map(group => (\n *           <section key={group.state}>\n *             <h2>{group.state}</h2>\n *             {group.questions.map(question => (\n *               <question.Field key={question.questionId} />\n *             ))}\n *           </section>\n *         ))}\n *         <button type=\"submit\" disabled={stateTaxes.status.isPending}>\n *           Save\n *         </button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useEmployeeStateTaxesForm({\n  employeeId,\n  isAdmin = false,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseEmployeeStateTaxesFormProps): UseEmployeeStateTaxesFormResult {\n  const stateTaxesQuery = useEmployeeTaxSetupGetStateTaxes({ employeeUuid: employeeId })\n\n  const employeeStateTaxes = useMemo<EmployeeStateTaxesList[]>(\n    () => stateTaxesQuery.data?.employeeStateTaxesList ?? [],\n    [stateTaxesQuery.data?.employeeStateTaxesList],\n  )\n\n  const [schema, metadataConfig] = useMemo(\n    () => createEmployeeStateTaxesSchema(employeeStateTaxes, { isAdmin }),\n    [employeeStateTaxes, isAdmin],\n  )\n\n  const fieldsArray = useMemo(\n    () => createStateFields(employeeStateTaxes, { isAdmin }),\n    [employeeStateTaxes, isAdmin],\n  )\n\n  const resolvedDefaults = useMemo(\n    () => deriveDefaultValues(employeeStateTaxes, isAdmin),\n    [employeeStateTaxes, isAdmin],\n  )\n\n  const formMethods = useForm<EmployeeStateTaxesFormData, unknown, EmployeeStateTaxesFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const { mutateAsync: updateStateTaxes, isPending } = useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('EmployeeStateTaxesForm')\n\n  const errorHandling = composeErrorHandler([stateTaxesQuery], {\n    submitError,\n    setSubmitError,\n  })\n\n  const fieldsMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n\n  const onSubmit = async (): Promise<HookSubmitResult<EmployeeStateTaxesList[]> | undefined> => {\n    let submitResult: HookSubmitResult<EmployeeStateTaxesList[]> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async data => {\n          await baseSubmitHandler(data, async payload => {\n            const requestStates = serializeStatesPayload(payload, employeeStateTaxes, isAdmin)\n\n            if (requestStates.length === 0) {\n              submitResult = { mode: 'update', data: employeeStateTaxes }\n              return\n            }\n\n            const requestBody: EmployeeStateTaxesRequest = { states: requestStates }\n            const response = await updateStateTaxes({\n              request: { employeeUuid: employeeId, employeeStateTaxesRequest: requestBody },\n            })\n\n            const updated = response.employeeStateTaxesList\n            if (!updated) {\n              throw new SDKInternalError('State taxes update did not return an updated record')\n            }\n\n            submitResult = { mode: 'update', data: updated }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (stateTaxesQuery.isLoading || !stateTaxesQuery.data?.employeeStateTaxesList) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: { employeeStateTaxes },\n    status: { isPending, mode: 'update' as const },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: fieldsArray,\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\n// ── Defaults derivation ────────────────────────────────────────────────\n\nfunction deriveDefaultValues(\n  employeeStateTaxes: EmployeeStateTaxesList[],\n  isAdmin: boolean,\n): EmployeeStateTaxesFormData {\n  const states: Record<string, Record<string, unknown>> = {}\n\n  for (const stateGroup of employeeStateTaxes) {\n    if (!stateGroup.state || !stateGroup.questions) continue\n\n    const stateValues: Record<string, unknown> = {}\n    for (const question of stateGroup.questions) {\n      if (question.isQuestionForAdminOnly && !isAdmin) continue\n      const formKey = snakeCaseToCamelCase(question.key)\n      const wireValue = question.answers[0]?.value\n      stateValues[formKey] = resolveDefaultForQuestion(question, wireValue)\n    }\n\n    if (Object.keys(stateValues).length > 0) {\n      states[stateGroup.state] = stateValues\n    }\n  }\n\n  return { states: states as EmployeeStateTaxesFormData['states'] }\n}\n\nfunction resolveDefaultForQuestion(\n  question: EmployeeStateTaxesList['questions'] extends Array<infer Q> | undefined ? Q : never,\n  wireValue: string | number | boolean | null | undefined,\n): unknown {\n  if (question.key === 'file_new_hire_report') {\n    if (wireValue === undefined || wireValue === null) return true\n    return wireValue\n  }\n\n  const variant = getQuestionVariant(question)\n\n  switch (variant) {\n    case 'date': {\n      if (wireValue === undefined || wireValue === null || wireValue === '') return undefined\n      if (typeof wireValue === 'string') {\n        const trimmed = wireValue.trim()\n        if (trimmed === '') return undefined\n        const parsed = new Date(trimmed)\n        return Number.isNaN(parsed.getTime()) ? undefined : parsed\n      }\n      return wireValue\n    }\n    case 'number':\n    case 'currency': {\n      if (wireValue === undefined || wireValue === null || wireValue === '') return undefined\n      const parsed = typeof wireValue === 'number' ? wireValue : Number(wireValue)\n      return Number.isNaN(parsed) ? undefined : parsed\n    }\n    default:\n      return wireValue\n  }\n}\n\n// ── Submit serialization ───────────────────────────────────────────────\n\ntype SerializedQuestion = {\n  key: string\n  answers: Array<{\n    validFrom: string\n    validUpTo: string | null\n    value: string | number | boolean\n  }>\n}\n\nfunction serializeStatesPayload(\n  payload: EmployeeStateTaxesFormOutputs,\n  employeeStateTaxes: EmployeeStateTaxesList[],\n  isAdmin: boolean,\n): EmployeeStateTaxesRequestState[] {\n  const { states: statesPayload } = payload\n  if (Object.keys(statesPayload).length === 0) return []\n\n  const result: EmployeeStateTaxesRequestState[] = []\n\n  for (const state of employeeStateTaxes) {\n    const stateName = state.state\n    if (!stateName || state.questions === undefined) continue\n\n    const serialized: SerializedQuestion[] = []\n    for (const question of state.questions) {\n      if (question.isQuestionForAdminOnly && !isAdmin) continue\n\n      const formValue = (statesPayload[stateName] as Record<string, unknown> | undefined)?.[\n        snakeCaseToCamelCase(question.key)\n      ]\n\n      let serializedValue: string | number | boolean\n      if (formValue === undefined || formValue === null) {\n        serializedValue = ''\n      } else if (typeof formValue === 'number' && Number.isNaN(formValue)) {\n        serializedValue = ''\n      } else if (formValue instanceof Date) {\n        if (Number.isNaN(formValue.getTime())) {\n          serializedValue = ''\n        } else {\n          serializedValue = formValue.toISOString().split('T')[0] ?? ''\n        }\n      } else {\n        serializedValue = formValue as string | number | boolean\n      }\n\n      serialized.push({\n        key: question.key,\n        answers: [\n          {\n            validFrom: question.answers[0]?.validFrom ?? DEFAULT_TAX_VALID_FROM,\n            validUpTo: question.answers[0]?.validUpTo ?? null,\n            value: serializedValue,\n          },\n        ],\n      })\n    }\n\n    result.push({ state: stateName, questions: serialized })\n  }\n\n  return result\n}\n\n/**\n * Field metadata for {@link useEmployeeStateTaxesForm}, keyed by full form path.\n *\n * @remarks\n * The set of keys is determined at runtime: one entry per state tax question,\n * keyed as `states.<STATE>.<camelCaseQuestionKey>`. Each entry is a\n * {@link FieldMetadata}, or a {@link FieldMetadataWithOptions} for questions the\n * API exposes as a select or radio. Both the questions and their options are\n * driven by the API response per state, so neither the keys nor which entries\n * carry options are known ahead of time.\n *\n * @public\n */\nexport type EmployeeStateTaxesFieldsMetadata = Record<\n  `states.${string}.${string}`,\n  FieldMetadata | FieldMetadataWithOptions\n>\n\n/**\n * The array of per-state field groups exposed by\n * {@link useEmployeeStateTaxesForm} on `form.Fields`.\n *\n * @public\n */\nexport type EmployeeStateTaxesFormFields = UseEmployeeStateTaxesFormReady['form']['Fields']\n"],"names":["DEFAULT_TAX_VALID_FROM","useEmployeeStateTaxesForm","employeeId","isAdmin","validationMode","shouldFocusError","stateTaxesQuery","useEmployeeTaxSetupGetStateTaxes","employeeStateTaxes","useMemo","schema","metadataConfig","createEmployeeStateTaxesSchema","fieldsArray","createStateFields","resolvedDefaults","deriveDefaultValues","formMethods","useForm","zodResolver","updateStateTaxes","isPending","useEmployeeTaxSetupUpdateStateTaxesMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","fieldsMetadata","useDeriveFieldsMetadata","onSubmit","submitResult","resolve","data","payload","requestStates","serializeStatesPayload","updated","SDKInternalError","hookFormInternals","useHookFormInternals","createGetFormSubmissionValues","states","stateGroup","stateValues","question","formKey","snakeCaseToCamelCase","wireValue","resolveDefaultForQuestion","getQuestionVariant","trimmed","parsed","statesPayload","result","state","stateName","serialized","formValue","serializedValue"],"mappings":"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"}
+{"version":3,"file":"useEmployeeStateTaxesForm.js","sources":["../../../../../../src/components/Employee/StateTaxes/shared/useEmployeeStateTaxesForm/useEmployeeStateTaxesForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useForm } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport type {\n  EmployeeStateTaxesRequest,\n  States as EmployeeStateTaxesRequestState,\n} from '@gusto/embedded-api/models/components/employeestatetaxesrequest'\nimport { useEmployeeTaxSetupGetStateTaxes } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport {\n  createEmployeeStateTaxesSchema,\n  type EmployeeStateTaxesFormData,\n  type EmployeeStateTaxesFormOutputs,\n} from './employeeStateTaxesSchema'\nimport type { StateTaxFields } from './fields'\nimport { createStateFields } from './fields'\nimport { getQuestionVariant } from './fieldMapping'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { normalizeToDate, formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldMetadata,\n  FieldMetadataWithOptions,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\n\nconst DEFAULT_TAX_VALID_FROM = '2010-01-01'\n\n/**\n * Options accepted by {@link useEmployeeStateTaxesForm}.\n *\n * @public\n */\nexport interface UseEmployeeStateTaxesFormProps {\n  /** The UUID of the employee whose state taxes are being updated. */\n  employeeId: string\n  /**\n   * When `true`, admin-only questions are visible and submitted. When\n   * `false`, they are filtered out and the surfaced answer for those\n   * questions is preserved unchanged on submit.\n   */\n  isAdmin?: boolean\n  /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Defaults to `true`. Set to `false` when composing with other forms. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Ready-state return value of {@link useEmployeeStateTaxesForm} — the\n * `isLoading: false` branch of {@link UseEmployeeStateTaxesFormResult}.\n *\n * @public\n */\nexport interface UseEmployeeStateTaxesFormReady extends BaseFormHookReady<\n  EmployeeStateTaxesFieldsMetadata,\n  EmployeeStateTaxesFormData,\n  StateTaxFields\n> {\n  /** Current per-state tax records returned by the server. */\n  data: {\n    employeeStateTaxes: EmployeeStateTaxesList[]\n  }\n  /** Submission status. `mode` is always `'update'` since state-tax records are created with the employee. */\n  status: { isPending: boolean; mode: 'update' }\n  /** Form actions. */\n  actions: {\n    /** Validates and submits the form, resolving to the updated records on success or `undefined` when validation blocked the submit. */\n    onSubmit: () => Promise<HookSubmitResult<EmployeeStateTaxesList[]> | undefined>\n  }\n}\n\n/**\n * Discriminated union returned by {@link useEmployeeStateTaxesForm}. Loading\n * branch carries only `errorHandling`; ready branch carries form data,\n * fields, status, and actions.\n *\n * @public\n */\nexport type UseEmployeeStateTaxesFormResult = HookLoadingResult | UseEmployeeStateTaxesFormReady\n\n/**\n * Headless form hook for updating an employee's state tax withholding answers.\n * The set of questions is driven by the API response per state, so\n * `form.Fields` is an array of state groups with discriminated, render-ready\n * `Field` components rather than a fixed named object.\n *\n * @remarks\n * The state-tax record(s) are created automatically with the employee, so this\n * hook is always in update mode. When the form has no states with submittable\n * answers (e.g. an employee in a no-income-tax state), submit resolves with\n * the existing record list without making a network request.\n *\n * @param props - Hook options.\n * @returns A loading result while data is fetching, or a ready result with\n * form data, fields, status, actions, and error handling.\n * @public\n *\n * @example\n * ```tsx\n * import {\n *   useEmployeeStateTaxesForm,\n *   SDKFormProvider,\n *   type UseEmployeeStateTaxesFormReady,\n * } from '@gusto/embedded-react-sdk'\n *\n * function StateTaxesPage({ employeeId }: { employeeId: string }) {\n *   const stateTaxes = useEmployeeStateTaxesForm({ employeeId })\n *\n *   if (stateTaxes.isLoading) return <div>Loading...</div>\n *\n *   return <StateTaxesFormReady stateTaxes={stateTaxes} />\n * }\n *\n * function StateTaxesFormReady({\n *   stateTaxes,\n * }: {\n *   stateTaxes: UseEmployeeStateTaxesFormReady\n * }) {\n *   const handleSubmit = async () => {\n *     const result = await stateTaxes.actions.onSubmit()\n *     if (result) console.log('Updated state tax records:', result.data)\n *   }\n *\n *   return (\n *     <SDKFormProvider formHookResult={stateTaxes}>\n *       <form\n *         onSubmit={e => {\n *           e.preventDefault()\n *           void handleSubmit()\n *         }}\n *       >\n *         {stateTaxes.form.Fields.map(group => (\n *           <section key={group.state}>\n *             <h2>{group.state}</h2>\n *             {group.questions.map(question => (\n *               <question.Field key={question.questionId} />\n *             ))}\n *           </section>\n *         ))}\n *         <button type=\"submit\" disabled={stateTaxes.status.isPending}>\n *           Save\n *         </button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useEmployeeStateTaxesForm({\n  employeeId,\n  isAdmin = false,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseEmployeeStateTaxesFormProps): UseEmployeeStateTaxesFormResult {\n  const stateTaxesQuery = useEmployeeTaxSetupGetStateTaxes({ employeeUuid: employeeId })\n\n  const employeeStateTaxes = useMemo<EmployeeStateTaxesList[]>(\n    () => stateTaxesQuery.data?.employeeStateTaxesList ?? [],\n    [stateTaxesQuery.data?.employeeStateTaxesList],\n  )\n\n  const [schema, metadataConfig] = useMemo(\n    () => createEmployeeStateTaxesSchema(employeeStateTaxes, { isAdmin }),\n    [employeeStateTaxes, isAdmin],\n  )\n\n  const fieldsArray = useMemo(\n    () => createStateFields(employeeStateTaxes, { isAdmin }),\n    [employeeStateTaxes, isAdmin],\n  )\n\n  const resolvedDefaults = useMemo(\n    () => deriveDefaultValues(employeeStateTaxes, isAdmin),\n    [employeeStateTaxes, isAdmin],\n  )\n\n  const formMethods = useForm<EmployeeStateTaxesFormData, unknown, EmployeeStateTaxesFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const { mutateAsync: updateStateTaxes, isPending } = useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('EmployeeStateTaxesForm')\n\n  const errorHandling = composeErrorHandler([stateTaxesQuery], {\n    submitError,\n    setSubmitError,\n  })\n\n  const fieldsMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n\n  const onSubmit = async (): Promise<HookSubmitResult<EmployeeStateTaxesList[]> | undefined> => {\n    let submitResult: HookSubmitResult<EmployeeStateTaxesList[]> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async data => {\n          await baseSubmitHandler(data, async payload => {\n            const requestStates = serializeStatesPayload(payload, employeeStateTaxes, isAdmin)\n\n            if (requestStates.length === 0) {\n              submitResult = { mode: 'update', data: employeeStateTaxes }\n              return\n            }\n\n            const requestBody: EmployeeStateTaxesRequest = { states: requestStates }\n            const response = await updateStateTaxes({\n              request: { employeeUuid: employeeId, employeeStateTaxesRequest: requestBody },\n            })\n\n            const updated = response.employeeStateTaxesList\n            if (!updated) {\n              throw new SDKInternalError('State taxes update did not return an updated record')\n            }\n\n            submitResult = { mode: 'update', data: updated }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (stateTaxesQuery.isLoading || !stateTaxesQuery.data?.employeeStateTaxesList) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: { employeeStateTaxes },\n    status: { isPending, mode: 'update' as const },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: fieldsArray,\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\n// ── Defaults derivation ────────────────────────────────────────────────\n\nfunction deriveDefaultValues(\n  employeeStateTaxes: EmployeeStateTaxesList[],\n  isAdmin: boolean,\n): EmployeeStateTaxesFormData {\n  const states: Record<string, Record<string, unknown>> = {}\n\n  for (const stateGroup of employeeStateTaxes) {\n    if (!stateGroup.state || !stateGroup.questions) continue\n\n    const stateValues: Record<string, unknown> = {}\n    for (const question of stateGroup.questions) {\n      if (question.isQuestionForAdminOnly && !isAdmin) continue\n      const formKey = snakeCaseToCamelCase(question.key)\n      const wireValue = question.answers[0]?.value\n      stateValues[formKey] = resolveDefaultForQuestion(question, wireValue)\n    }\n\n    if (Object.keys(stateValues).length > 0) {\n      states[stateGroup.state] = stateValues\n    }\n  }\n\n  return { states: states as EmployeeStateTaxesFormData['states'] }\n}\n\nfunction resolveDefaultForQuestion(\n  question: EmployeeStateTaxesList['questions'] extends Array<infer Q> | undefined ? Q : never,\n  wireValue: string | number | boolean | null | undefined,\n): unknown {\n  if (question.key === 'file_new_hire_report') {\n    if (wireValue === undefined || wireValue === null) return true\n    return wireValue\n  }\n\n  const variant = getQuestionVariant(question)\n\n  switch (variant) {\n    case 'date': {\n      if (wireValue === undefined || wireValue === null || wireValue === '') return undefined\n      if (typeof wireValue === 'string') {\n        const trimmed = wireValue.trim()\n        if (trimmed === '') return undefined\n        return normalizeToDate(trimmed) ?? undefined\n      }\n      return wireValue\n    }\n    case 'number':\n    case 'currency': {\n      if (wireValue === undefined || wireValue === null || wireValue === '') return undefined\n      const parsed = typeof wireValue === 'number' ? wireValue : Number(wireValue)\n      return Number.isNaN(parsed) ? undefined : parsed\n    }\n    default:\n      return wireValue\n  }\n}\n\n// ── Submit serialization ───────────────────────────────────────────────\n\ntype SerializedQuestion = {\n  key: string\n  answers: Array<{\n    validFrom: string\n    validUpTo: string | null\n    value: string | number | boolean\n  }>\n}\n\nfunction serializeStatesPayload(\n  payload: EmployeeStateTaxesFormOutputs,\n  employeeStateTaxes: EmployeeStateTaxesList[],\n  isAdmin: boolean,\n): EmployeeStateTaxesRequestState[] {\n  const { states: statesPayload } = payload\n  if (Object.keys(statesPayload).length === 0) return []\n\n  const result: EmployeeStateTaxesRequestState[] = []\n\n  for (const state of employeeStateTaxes) {\n    const stateName = state.state\n    if (!stateName || state.questions === undefined) continue\n\n    const serialized: SerializedQuestion[] = []\n    for (const question of state.questions) {\n      if (question.isQuestionForAdminOnly && !isAdmin) continue\n\n      const formValue = (statesPayload[stateName] as Record<string, unknown> | undefined)?.[\n        snakeCaseToCamelCase(question.key)\n      ]\n\n      let serializedValue: string | number | boolean\n      if (formValue === undefined || formValue === null) {\n        serializedValue = ''\n      } else if (typeof formValue === 'number' && Number.isNaN(formValue)) {\n        serializedValue = ''\n      } else if (formValue instanceof Date) {\n        serializedValue = formatDateToStringDate(formValue) ?? ''\n      } else {\n        serializedValue = formValue as string | number | boolean\n      }\n\n      serialized.push({\n        key: question.key,\n        answers: [\n          {\n            validFrom: question.answers[0]?.validFrom ?? DEFAULT_TAX_VALID_FROM,\n            validUpTo: question.answers[0]?.validUpTo ?? null,\n            value: serializedValue,\n          },\n        ],\n      })\n    }\n\n    result.push({ state: stateName, questions: serialized })\n  }\n\n  return result\n}\n\n/**\n * Field metadata for {@link useEmployeeStateTaxesForm}, keyed by full form path.\n *\n * @remarks\n * The set of keys is determined at runtime: one entry per state tax question,\n * keyed as `states.<STATE>.<camelCaseQuestionKey>`. Each entry is a\n * {@link FieldMetadata}, or a {@link FieldMetadataWithOptions} for questions the\n * API exposes as a select or radio. Both the questions and their options are\n * driven by the API response per state, so neither the keys nor which entries\n * carry options are known ahead of time.\n *\n * @public\n */\nexport type EmployeeStateTaxesFieldsMetadata = Record<\n  `states.${string}.${string}`,\n  FieldMetadata | FieldMetadataWithOptions\n>\n\n/**\n * The array of per-state field groups exposed by\n * {@link useEmployeeStateTaxesForm} on `form.Fields`.\n *\n * @public\n */\nexport type EmployeeStateTaxesFormFields = UseEmployeeStateTaxesFormReady['form']['Fields']\n"],"names":["DEFAULT_TAX_VALID_FROM","useEmployeeStateTaxesForm","employeeId","isAdmin","validationMode","shouldFocusError","stateTaxesQuery","useEmployeeTaxSetupGetStateTaxes","employeeStateTaxes","useMemo","schema","metadataConfig","createEmployeeStateTaxesSchema","fieldsArray","createStateFields","resolvedDefaults","deriveDefaultValues","formMethods","useForm","zodResolver","updateStateTaxes","isPending","useEmployeeTaxSetupUpdateStateTaxesMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","fieldsMetadata","useDeriveFieldsMetadata","onSubmit","submitResult","resolve","data","payload","requestStates","serializeStatesPayload","updated","SDKInternalError","hookFormInternals","useHookFormInternals","createGetFormSubmissionValues","states","stateGroup","stateValues","question","formKey","snakeCaseToCamelCase","wireValue","resolveDefaultForQuestion","getQuestionVariant","trimmed","normalizeToDate","parsed","statesPayload","result","state","stateName","serialized","formValue","serializedValue","formatDateToStringDate"],"mappings":"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"}

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployee.js

@@ -1,29 +1,30 @@
-import { jsx as y } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import { useQueryClient as S } from "@tanstack/react-query";
 import { useEmployeesGetSuspense as Y } from "@gusto/embedded-api/react-query/employeesGet";
-import { useEmployeeEmploymentsGetTerminationsSuspense as q, invalidateAllEmployeeEmploymentsGetTerminations as I } from "@gusto/embedded-api/react-query/employeeEmploymentsGetTerminations";
-import { useEmployeeEmploymentsCreateTerminationMutation as b } from "@gusto/embedded-api/react-query/employeeEmploymentsCreateTermination";
+import { useEmployeeEmploymentsGetTerminationsSuspense as q, invalidateAllEmployeeEmploymentsGetTerminations as b } from "@gusto/embedded-api/react-query/employeeEmploymentsGetTerminations";
+import { useEmployeeEmploymentsCreateTerminationMutation as I } from "@gusto/embedded-api/react-query/employeeEmploymentsCreateTermination";
 import { useEmployeeEmploymentsUpdateTerminationMutation as B } from "@gusto/embedded-api/react-query/employeeEmploymentsUpdateTermination";
 import { usePayrollsCreateOffCycleMutation as G } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
 import { usePaySchedulesGetUnprocessedTerminationPeriods as k, invalidateAllPaySchedulesGetUnprocessedTerminationPeriods as x } from "@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods";
 import { invalidateAllPayrollsList as W } from "@gusto/embedded-api/react-query/payrollsList";
 import { OffCycleReason as F } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
-import { RFCDate as p } from "@gusto/embedded-api/types/rfcdate";
+import { RFCDate as E } from "@gusto/embedded-api/types/rfcdate";
 import { TerminateEmployeePresentation as H } from "./TerminateEmployeePresentation.js";
 import { BaseComponent as j } from "../../../Base/Base.js";
 import { useBase as Q } from "../../../Base/useBase.js";
 import { componentEvents as n } from "../../../../shared/constants.js";
 import { useComponentDictionary as V, useI18n as z } from "../../../../i18n/I18n.js";
 import { firstLastName as J } from "../../../../helpers/formattedStrings.js";
-function Te(e) {
-  return /* @__PURE__ */ y(j, { ...e, children: /* @__PURE__ */ y(K, { ...e, children: e.children }) });
+import { formatDateToStringDate as K } from "../../../../helpers/dateFormatting.js";
+function De(e) {
+  return /* @__PURE__ */ p(j, { ...e, children: /* @__PURE__ */ p(X, { ...e, children: e.children }) });
 }
-const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
+const X = ({ employeeId: e, companyId: y, dictionary: D }) => {
   V("Employee.Terminations.TerminateEmployee", D), z("Employee.Terminations.TerminateEmployee");
   const c = S(), { onEvent: i, baseSubmitHandler: C } = Q(), {
     data: { employee: u }
-  } = Y({ employeeId: e }), { data: r } = q({ employeeId: e }), { mutateAsync: O, isPending: A } = b(), { mutateAsync: h, isPending: N } = B(), { mutateAsync: M, isPending: _ } = G(), { refetch: R } = k(
-    { companyId: f },
+  } = Y({ employeeId: e }), { data: r } = q({ employeeId: e }), { mutateAsync: A, isPending: O } = I(), { mutateAsync: h, isPending: N } = B(), { mutateAsync: M, isPending: _ } = G(), { refetch: R } = k(
+    { companyId: y },
     { enabled: !1 }
   );
   if (u?.terminated && r.terminations?.[0])
@@ -36,13 +37,13 @@ const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
     first_name: u?.firstName,
     last_name: u?.lastName
   }), s = r.terminations?.[0];
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ p(
     H,
     {
       employeeName: L,
       existingTermination: s,
       onSubmit: async (g) => {
-        const { lastDayOfWork: U, payrollOption: o } = g, m = U.toISOString().split("T")[0];
+        const { lastDayOfWork: U, payrollOption: o } = g, m = K(U);
         await C({ effectiveDate: m, payrollOption: o }, async () => {
           const l = o === "dismissalPayroll", d = s ? await h({
             request: {
@@ -53,7 +54,7 @@ const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
                 runTerminationPayroll: l
               }
             }
-          }) : await O({
+          }) : await A({
             request: {
               employeeId: e,
               requestBody: {
@@ -62,25 +63,25 @@ const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
               }
             }
           });
-          await I(c);
+          await b(c);
           let T;
           if (l)
             try {
-              const { data: E } = await R(), w = E?.unprocessedTerminationPayPeriods?.filter(
+              const { data: f } = await R(), w = f?.unprocessedTerminationPayPeriods?.filter(
                 (t) => t.employeeUuid === e
               ) ?? [], a = [];
               for (const t of w)
                 if (t.startDate && t.endDate) {
                   const P = await M({
                     request: {
-                      companyId: f,
+                      companyId: y,
                       requestBody: {
                         offCycle: !0,
                         offCycleReason: F.DismissedEmployee,
-                        startDate: new p(t.startDate),
-                        endDate: new p(t.endDate),
+                        startDate: new E(t.startDate),
+                        endDate: new E(t.endDate),
                         employeeUuids: [e],
-                        checkDate: t.checkDate ? new p(t.checkDate) : void 0
+                        checkDate: t.checkDate ? new E(t.checkDate) : void 0
                       }
                     }
                   });
@@ -89,9 +90,9 @@ const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
               a.length > 0 && (T = a[0]?.payrollUuid ?? a[0]?.uuid, await W(c), await x(c), i(n.EMPLOYEE_TERMINATION_PAYROLL_CREATED, {
                 payrolls: a
               }));
-            } catch (E) {
+            } catch (f) {
               i(n.EMPLOYEE_TERMINATION_PAYROLL_FAILED, {
-                error: E,
+                error: f,
                 employeeId: e
               });
             }
@@ -113,11 +114,11 @@ const K = ({ employeeId: e, companyId: f, dictionary: D }) => {
       onCancel: () => {
         i(n.CANCEL);
       },
-      isLoading: A || N || _
+      isLoading: O || N || _
     }
   );
 };
 export {
-  Te as TerminateEmployee
+  De as TerminateEmployee
 };
 //# sourceMappingURL=TerminateEmployee.js.map