@gusto/embedded-react-sdk 0.48.0 → 0.48.1

package/dist/components/Employee/FederalTaxes/management/FederalTaxesEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxesEditForm.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesView } from '../shared/FederalTaxesView'\nimport {\n  useFederalTaxesForm,\n  type UseFederalTaxesFormProps,\n  type FederalTaxesFormData,\n} from '../shared/useFederalTaxesForm'\nimport { useManagementFederalTaxesViewDictionary } from './useViewDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} 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 FederalTaxesEditForm}.\n *\n * @public\n */\nexport interface FederalTaxesEditFormProps extends CommonComponentInterface<'Employee.Management.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Pre-fill form values. Server data takes precedence when the employee already has values on file. */\n  defaultValues?: Partial<FederalTaxesFormData>\n  /** Callback invoked when the form emits an event. See the events table on {@link FederalTaxesEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone form for editing an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.\n *\n * @remarks\n * Pair with {@link FederalTaxesCard} to route its `employee/management/federalTaxes/card/editRequested` event to this form. {@link FederalTaxes} bundles the card, this form, and the swap wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/federalTaxes/editForm/submitted` | Fired after the form is saved; use it to return to the card | The updated `EmployeeFederalTax` entity |\n * | `employee/management/federalTaxes/editForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link FederalTaxesEditFormProps}.\n * @returns The rendered federal taxes edit form.\n * @public\n * @group Block Components\n */\nexport function FederalTaxesEditForm({\n  FallbackComponent,\n  ...props\n}: FederalTaxesEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.FederalTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <FederalTaxesEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesEditFormRoot({\n  employeeId,\n  className,\n  children,\n  dictionary,\n  defaultValues,\n  onEvent,\n}: FederalTaxesEditFormProps) {\n  useI18n('Employee.Management.FederalTaxes')\n  useComponentDictionary('Employee.Management.FederalTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  const viewDictionary = useManagementFederalTaxesViewDictionary()\n\n  const federalTaxes = useFederalTaxesForm({\n    employeeId,\n    defaultValues,\n    optionalFieldsToRequire: {\n      update: ['twoJobs', 'dependentsAmount', 'otherIncome', 'deductions', 'extraWithholding'],\n    },\n  } satisfies UseFederalTaxesFormProps)\n\n  if (federalTaxes.isLoading) {\n    return <BaseLayout isLoading error={federalTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await federalTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_SUBMITTED, result.data)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_CANCELLED)\n  }\n\n  return (\n    <FederalTaxesView\n      federalTaxes={federalTaxes}\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={federalTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={viewDictionary}\n    >\n      {children}\n    </FederalTaxesView>\n  )\n}\n"],"names":["FederalTaxesEditForm","FallbackComponent","props","jsx","BaseBoundaries","FederalTaxesEditFormRoot","employeeId","className","children","dictionary","defaultValues","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","viewDictionary","useManagementFederalTaxesViewDictionary","federalTaxes","useFederalTaxesForm","BaseLayout","handleSubmit","result","componentEvents","handleCancel","FederalTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;;AAiDO,SAASA,EAAqB;AAAA,EACnC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAkF;AAChF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAA0B,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEA,SAASG,EAAyB;AAAA,EAChC,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,kCAAkC,GAC1CC,EAAuB,oCAAoCJ,CAAU;AACrE,QAAM,EAAE,GAAAK,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAiBC,EAAA,GAEjBC,IAAeC,EAAoB;AAAA,IACvC,YAAAf;AAAA,IACA,eAAAI;AAAA,IACA,yBAAyB;AAAA,MACvB,QAAQ,CAAC,WAAW,oBAAoB,eAAe,cAAc,kBAAkB;AAAA,IAAA;AAAA,EACzF,CACkC;AAEpC,MAAIU,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMJ,EAAa,QAAQ,SAAA;AAC1C,IAAKI,KAELb,EAAQc,EAAgB,uDAAuDD,EAAO,IAAI;AAAA,EAC5F,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,qDAAqD;AAAA,EAC/E;AAEA,SACE,gBAAAtB;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,cAAAP;AAAA,MACA,UAAUG;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAzB,EAACa,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAX,EAACa,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWI,EAAa,OAAO,WAC7D,UAAAN,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAP;AAAA,MACA,YAAYW;AAAA,MAEX,UAAAV;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"FederalTaxesEditForm.js","sources":["../../../../../src/components/Employee/FederalTaxes/management/FederalTaxesEditForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesView } from '../shared/FederalTaxesView'\nimport {\n  useFederalTaxesForm,\n  type UseFederalTaxesFormProps,\n  type FederalTaxesFormData,\n} from '../shared/useFederalTaxesForm'\nimport { useManagementFederalTaxesViewDictionary } from './useViewDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} 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 FederalTaxesEditForm}.\n *\n * @public\n */\nexport interface FederalTaxesEditFormProps extends CommonComponentInterface<'Employee.Management.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Pre-fill form values. Server data takes precedence when the employee already has values on file. */\n  defaultValues?: Partial<FederalTaxesFormData>\n  /** Callback invoked when the form emits an event. See the events table on {@link FederalTaxesEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone form for editing an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.\n *\n * @remarks\n * Pair with {@link FederalTaxesCard} to route its `employee/management/federalTaxes/card/editRequested` event to this form. {@link FederalTaxes} bundles the card, this form, and the swap wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit (for example, when the form needs to render in a modal or drawer, or when the swap is driven by a router).\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/federalTaxes/editForm/submitted` | Fired after the form is saved; use it to return to the card | The updated `EmployeeFederalTax` entity |\n * | `employee/management/federalTaxes/editForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link FederalTaxesEditFormProps}.\n * @returns The rendered federal taxes edit form.\n * @public\n * @group Block Components\n */\nexport function FederalTaxesEditForm({\n  FallbackComponent,\n  ...props\n}: FederalTaxesEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.FederalTaxes\"\n      FallbackComponent={FallbackComponent}\n    >\n      <FederalTaxesEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesEditFormRoot({\n  employeeId,\n  className,\n  children,\n  dictionary,\n  defaultValues,\n  onEvent,\n}: FederalTaxesEditFormProps) {\n  useI18n('Employee.Management.FederalTaxes')\n  useComponentDictionary('Employee.Management.FederalTaxes', dictionary)\n  const { t } = useTranslation('Employee.Management.FederalTaxes')\n  const Components = useComponentContext()\n  const viewDictionary = useManagementFederalTaxesViewDictionary()\n\n  const federalTaxes = useFederalTaxesForm({\n    employeeId,\n    defaultValues,\n    optionalFieldsToRequire: {\n      update: ['twoJobs', 'dependentsAmount', 'otherIncome', 'deductions', 'extraWithholding'],\n    },\n  } satisfies UseFederalTaxesFormProps)\n\n  if (federalTaxes.isLoading) {\n    return <BaseLayout isLoading error={federalTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await federalTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_SUBMITTED, result.data)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_FEDERAL_TAXES_EDIT_FORM_CANCELLED)\n  }\n\n  return (\n    <FederalTaxesView\n      federalTaxes={federalTaxes}\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={federalTaxes.status.isPending}>\n            {t('saveCta')}\n          </Components.Button>\n        </ActionsLayout>\n      }\n      className={className}\n      dictionary={viewDictionary}\n    >\n      {children}\n    </FederalTaxesView>\n  )\n}\n"],"names":["FederalTaxesEditForm","FallbackComponent","props","jsx","BaseBoundaries","FederalTaxesEditFormRoot","employeeId","className","children","dictionary","defaultValues","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","viewDictionary","useManagementFederalTaxesViewDictionary","federalTaxes","useFederalTaxesForm","BaseLayout","handleSubmit","result","componentEvents","handleCancel","FederalTaxesView","ActionsLayout"],"mappings":";;;;;;;;;;;AAiDO,SAASA,EAAqB;AAAA,EACnC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAkF;AAChF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAA0B,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEA,SAASG,EAAyB;AAAA,EAChC,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,kCAAkC,GAC1CC,EAAuB,oCAAoCJ,CAAU;AACrE,QAAM,EAAE,GAAAK,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAaC,EAAA,GACbC,IAAiBC,EAAA,GAEjBC,IAAeC,EAAoB;AAAA,IACvC,YAAAf;AAAA,IACA,eAAAI;AAAA,IACA,yBAAyB;AAAA,MACvB,QAAQ,CAAC,WAAW,oBAAoB,eAAe,cAAc,kBAAkB;AAAA,IAAA;AAAA,EACzF,CACkC;AAEpC,MAAIU,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAe,YAAY;AAC/B,UAAMC,IAAS,MAAMJ,EAAa,QAAQ,SAAA;AAC1C,IAAKI,KAELb,EAAQc,EAAgB,uDAAuDD,EAAO,IAAI;AAAA,EAC5F,GAEME,IAAe,MAAM;AACzB,IAAAf,EAAQc,EAAgB,qDAAqD;AAAA,EAC/E;AAEA,SACE,gBAAAtB;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,cAAAP;AAAA,MACA,UAAUG;AAAA,MACV,2BACGK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAzB,EAACa,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASU,GAC7C,UAAAZ,EAAE,WAAW,EAAA,CAChB;AAAA,QACA,gBAAAX,EAACa,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWI,EAAa,OAAO,WAC7D,UAAAN,EAAE,SAAS,EAAA,CACd;AAAA,MAAA,GACF;AAAA,MAEF,WAAAP;AAAA,MACA,YAAYW;AAAA,MAEX,UAAAV;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,16 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { FederalTaxesView as c } from "../shared/FederalTaxesView.js";
-import { useFederalTaxesForm as l } from "../shared/useFederalTaxesForm/useFederalTaxesForm.js";
+import { useTranslation as c } from "react-i18next";
+import { FederalTaxesView as l } from "../shared/FederalTaxesView.js";
+import { useFederalTaxesForm as p } from "../shared/useFederalTaxesForm/useFederalTaxesForm.js";
 import { useOnboardingFederalTaxesViewDictionary as E } from "./useViewDictionary.js";
 import { BaseBoundaries as f, BaseLayout as T } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
 import { ActionsLayout as x } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { useI18n as y, useComponentDictionary as L } from "../../../../i18n/I18n.js";
 import { componentEvents as s } from "../../../../shared/constants.js";
-function N({
+function M({
   FallbackComponent: o,
   ...t
 }) {
@@ -25,7 +24,7 @@ function b({
   onEvent: i
 }) {
   y("Employee.FederalTaxes"), L("Employee.FederalTaxes", m);
-  const u = E(), n = l({
+  const u = E(), n = p({
     employeeId: o,
     defaultValues: d,
     optionalFieldsToRequire: {
@@ -33,7 +32,7 @@ function b({
     }
   });
   return n.isLoading ? /* @__PURE__ */ e(T, { isLoading: !0, error: n.errorHandling.errors }) : /* @__PURE__ */ e(
-    c,
+    l,
     {
       federalTaxes: n,
       onSubmit: async () => {
@@ -48,10 +47,10 @@ function b({
   );
 }
 function g({ isPending: o }) {
-  const { t } = p("Employee.FederalTaxes"), r = F();
+  const { t } = c("Employee.FederalTaxes"), r = F();
   return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(r.Button, { type: "submit", isLoading: o, children: t("submitCta") }) });
 }
 export {
-  N as FederalTaxes
+  M as FederalTaxes
 };
 //# sourceMappingURL=FederalTaxes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxes.js","sources":["../../../../../src/components/Employee/FederalTaxes/onboarding/FederalTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesView } from '../shared/FederalTaxesView'\nimport {\n  useFederalTaxesForm,\n  type UseFederalTaxesFormProps,\n  type FederalTaxesFormData,\n} from '../shared/useFederalTaxesForm'\nimport { useOnboardingFederalTaxesViewDictionary } from './useViewDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} 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 FederalTaxes}.\n *\n * @public\n */\nexport interface FederalTaxesProps extends CommonComponentInterface<'Employee.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Pre-fill form values. Server data takes precedence when the employee already has values on file. */\n  defaultValues?: Partial<FederalTaxesFormData>\n  /** Callback invoked when the block emits an event. See the events table on {@link FederalTaxes} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Onboarding step for collecting an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.\n *\n * @remarks\n * The federal tax record is created automatically with the employee, so this step is always in update mode. Only the revised 2020 W-4 format is supported. All fields are required by the bundled form, mirroring the IRS-form UX.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/federalTaxes/updated` | Fired after the form is saved | The updated `EmployeeFederalTax` entity |\n * | `employee/federalTaxes/done` | Fired after a successful save so the parent flow can advance | — |\n *\n * @param props - See {@link FederalTaxesProps}.\n * @returns The federal taxes onboarding step.\n * @public\n * @group Block Components\n */\nexport function FederalTaxes({\n  FallbackComponent,\n  ...props\n}: FederalTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries componentName=\"Employee.FederalTaxes\" FallbackComponent={FallbackComponent}>\n      <FederalTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesRoot({\n  employeeId,\n  className,\n  children,\n  dictionary,\n  defaultValues,\n  onEvent,\n}: FederalTaxesProps) {\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n  const viewDictionary = useOnboardingFederalTaxesViewDictionary()\n\n  const federalTaxes = useFederalTaxesForm({\n    employeeId,\n    defaultValues,\n    optionalFieldsToRequire: {\n      update: ['twoJobs', 'dependentsAmount', 'otherIncome', 'deductions', 'extraWithholding'],\n    },\n  } satisfies UseFederalTaxesFormProps)\n\n  if (federalTaxes.isLoading) {\n    return <BaseLayout isLoading error={federalTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await federalTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, result.data)\n    onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n  }\n\n  return (\n    <FederalTaxesView\n      federalTaxes={federalTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={federalTaxes.status.isPending} />}\n      className={className}\n      dictionary={viewDictionary}\n    >\n      {children}\n    </FederalTaxesView>\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.FederalTaxes')\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":["FederalTaxes","FallbackComponent","props","jsx","BaseBoundaries","FederalTaxesRoot","employeeId","className","children","dictionary","defaultValues","onEvent","useI18n","useComponentDictionary","viewDictionary","useOnboardingFederalTaxesViewDictionary","federalTaxes","useFederalTaxesForm","BaseLayout","FederalTaxesView","result","componentEvents","ContinueAction","isPending","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;;AAiDO,SAASA,EAAa;AAAA,EAC3B,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA0E;AACxE,SACE,gBAAAC,EAACC,KAAe,eAAc,yBAAwB,mBAAAH,GACpD,UAAA,gBAAAE,EAACE,GAAA,EAAkB,GAAGH,EAAA,CAAO,EAAA,CAC/B;AAEJ;AAEA,SAASG,EAAiB;AAAA,EACxB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBJ,CAAU;AAC1D,QAAMK,IAAiBC,EAAA,GAEjBC,IAAeC,EAAoB;AAAA,IACvC,YAAAX;AAAA,IACA,eAAAI;AAAA,IACA,yBAAyB;AAAA,MACvB,QAAQ,CAAC,WAAW,oBAAoB,eAAe,cAAc,kBAAkB;AAAA,IAAA;AAAA,EACzF,CACkC;AAEpC,SAAIM,EAAa,8BACPE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ,IAYvE,gBAAAb;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,cAAAH;AAAA,MACA,UAXiB,YAAY;AAC/B,cAAMI,IAAS,MAAMJ,EAAa,QAAQ,SAAA;AAC1C,QAAKI,MAELT,EAAQU,EAAgB,gCAAgCD,EAAO,IAAI,GACnET,EAAQU,EAAgB,2BAA2B;AAAA,MACrD;AAAA,MAMI,SAAS,gBAAAlB,EAACmB,GAAA,EAAe,WAAWN,EAAa,OAAO,WAAW;AAAA,MACnE,WAAAT;AAAA,MACA,YAAYO;AAAA,MAEX,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASc,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"FederalTaxes.js","sources":["../../../../../src/components/Employee/FederalTaxes/onboarding/FederalTaxes.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { FederalTaxesView } from '../shared/FederalTaxesView'\nimport {\n  useFederalTaxesForm,\n  type UseFederalTaxesFormProps,\n  type FederalTaxesFormData,\n} from '../shared/useFederalTaxesForm'\nimport { useOnboardingFederalTaxesViewDictionary } from './useViewDictionary'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} 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 FederalTaxes}.\n *\n * @public\n */\nexport interface FederalTaxesProps extends CommonComponentInterface<'Employee.FederalTaxes'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Pre-fill form values. Server data takes precedence when the employee already has values on file. */\n  defaultValues?: Partial<FederalTaxesFormData>\n  /** Callback invoked when the block emits an event. See the events table on {@link FederalTaxes} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Onboarding step for collecting an employee's federal tax (W-4) withholdings — filing status, multiple-jobs flag, dependents, other income, deductions, and extra withholding.\n *\n * @remarks\n * The federal tax record is created automatically with the employee, so this step is always in update mode. Only the revised 2020 W-4 format is supported. All fields are required by the bundled form, mirroring the IRS-form UX.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/federalTaxes/updated` | Fired after the form is saved | The updated `EmployeeFederalTax` entity |\n * | `employee/federalTaxes/done` | Fired after a successful save so the parent flow can advance | — |\n *\n * @param props - See {@link FederalTaxesProps}.\n * @returns The federal taxes onboarding step.\n * @public\n * @group Block Components\n */\nexport function FederalTaxes({\n  FallbackComponent,\n  ...props\n}: FederalTaxesProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries componentName=\"Employee.FederalTaxes\" FallbackComponent={FallbackComponent}>\n      <FederalTaxesRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction FederalTaxesRoot({\n  employeeId,\n  className,\n  children,\n  dictionary,\n  defaultValues,\n  onEvent,\n}: FederalTaxesProps) {\n  useI18n('Employee.FederalTaxes')\n  useComponentDictionary('Employee.FederalTaxes', dictionary)\n  const viewDictionary = useOnboardingFederalTaxesViewDictionary()\n\n  const federalTaxes = useFederalTaxesForm({\n    employeeId,\n    defaultValues,\n    optionalFieldsToRequire: {\n      update: ['twoJobs', 'dependentsAmount', 'otherIncome', 'deductions', 'extraWithholding'],\n    },\n  } satisfies UseFederalTaxesFormProps)\n\n  if (federalTaxes.isLoading) {\n    return <BaseLayout isLoading error={federalTaxes.errorHandling.errors} />\n  }\n\n  const handleSubmit = async () => {\n    const result = await federalTaxes.actions.onSubmit()\n    if (!result) return\n\n    onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, result.data)\n    onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE)\n  }\n\n  return (\n    <FederalTaxesView\n      federalTaxes={federalTaxes}\n      onSubmit={handleSubmit}\n      actions={<ContinueAction isPending={federalTaxes.status.isPending} />}\n      className={className}\n      dictionary={viewDictionary}\n    >\n      {children}\n    </FederalTaxesView>\n  )\n}\n\nfunction ContinueAction({ isPending }: { isPending: boolean }) {\n  const { t } = useTranslation('Employee.FederalTaxes')\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":["FederalTaxes","FallbackComponent","props","jsx","BaseBoundaries","FederalTaxesRoot","employeeId","className","children","dictionary","defaultValues","onEvent","useI18n","useComponentDictionary","viewDictionary","useOnboardingFederalTaxesViewDictionary","federalTaxes","useFederalTaxesForm","BaseLayout","FederalTaxesView","result","componentEvents","ContinueAction","isPending","useTranslation","Components","useComponentContext","ActionsLayout"],"mappings":";;;;;;;;;;;AAiDO,SAASA,EAAa;AAAA,EAC3B,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA0E;AACxE,SACE,gBAAAC,EAACC,KAAe,eAAc,yBAAwB,mBAAAH,GACpD,UAAA,gBAAAE,EAACE,GAAA,EAAkB,GAAGH,EAAA,CAAO,EAAA,CAC/B;AAEJ;AAEA,SAASG,EAAiB;AAAA,EACxB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,GAAsB;AACpB,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBJ,CAAU;AAC1D,QAAMK,IAAiBC,EAAA,GAEjBC,IAAeC,EAAoB;AAAA,IACvC,YAAAX;AAAA,IACA,eAAAI;AAAA,IACA,yBAAyB;AAAA,MACvB,QAAQ,CAAC,WAAW,oBAAoB,eAAe,cAAc,kBAAkB;AAAA,IAAA;AAAA,EACzF,CACkC;AAEpC,SAAIM,EAAa,8BACPE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ,IAYvE,gBAAAb;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,cAAAH;AAAA,MACA,UAXiB,YAAY;AAC/B,cAAMI,IAAS,MAAMJ,EAAa,QAAQ,SAAA;AAC1C,QAAKI,MAELT,EAAQU,EAAgB,gCAAgCD,EAAO,IAAI,GACnET,EAAQU,EAAgB,2BAA2B;AAAA,MACrD;AAAA,MAMI,SAAS,gBAAAlB,EAACmB,GAAA,EAAe,WAAWN,EAAa,OAAO,WAAW;AAAA,MACnE,WAAAT;AAAA,MACA,YAAYO;AAAA,MAEX,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASc,EAAe,EAAE,WAAAC,KAAqC;AAC7D,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA;AAEnB,SACE,gBAAAvB,EAACwB,GAAA,EACC,UAAA,gBAAAxB,EAACsB,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js

@@ -1,13 +1,12 @@
-import { jsx as i, jsxs as n, Fragment as h } from "react/jsx-runtime";
+import { jsx as i, jsxs as t, Fragment as h } from "react/jsx-runtime";
 import { useTranslation as E, Trans as s } from "react-i18next";
 import { BaseLayout as x } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
 import { Form as b } from "../../../Common/Form/Form.js";
 import { SDKFormProvider as I } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as D, useComponentDictionary as F } from "../../../../i18n/I18n.js";
 import { Flex as l } from "../../../Common/Flex/Flex.js";
-function C({
+function k({
   federalTaxes: r,
   onSubmit: d,
   actions: c,
@@ -17,7 +16,7 @@ function C({
   dictionary: g
 }) {
   D("Employee.FederalTaxesView"), F("Employee.FederalTaxesView", g);
-  const { t: e } = E("Employee.FederalTaxesView"), t = R(), o = r.form.Fields, f = (a) => {
+  const { t: e } = E("Employee.FederalTaxesView"), n = R(), o = r.form.Fields, f = (a) => {
     switch (a) {
       case "Single":
         return e("filingStatusSingle");
@@ -29,24 +28,24 @@ function C({
         return e("filingStatusExemptFromWithholding");
     }
   };
-  return /* @__PURE__ */ i(l, { flexDirection: "column", alignItems: "stretch", children: /* @__PURE__ */ i("section", { className: u, children: /* @__PURE__ */ i(x, { error: r.errorHandling.errors, children: /* @__PURE__ */ i(I, { formHookResult: r, children: /* @__PURE__ */ i(b, { onSubmit: d, children: p ?? /* @__PURE__ */ n(h, { children: [
+  return /* @__PURE__ */ i(l, { flexDirection: "column", alignItems: "stretch", children: /* @__PURE__ */ i("section", { className: u, children: /* @__PURE__ */ i(x, { error: r.errorHandling.errors, children: /* @__PURE__ */ i(I, { formHookResult: r, children: /* @__PURE__ */ i(b, { onSubmit: d, children: p ?? /* @__PURE__ */ t(h, { children: [
     m,
-    /* @__PURE__ */ n(l, { flexDirection: "column", gap: 32, children: [
-      /* @__PURE__ */ n(l, { flexDirection: "column", gap: 4, children: [
-        /* @__PURE__ */ i(t.Heading, { as: "h1", styledAs: "h2", children: e("federalTaxesTitle") }),
-        /* @__PURE__ */ i(t.Text, { variant: "supporting", children: /* @__PURE__ */ i(
+    /* @__PURE__ */ t(l, { flexDirection: "column", gap: 32, children: [
+      /* @__PURE__ */ t(l, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ i(n.Heading, { as: "h1", styledAs: "h2", children: e("federalTaxesTitle") }),
+        /* @__PURE__ */ i(n.Text, { variant: "supporting", children: /* @__PURE__ */ i(
           s,
           {
             i18nKey: "irsCalculator",
             t: e,
             components: {
-              IrsCalculatorLink: /* @__PURE__ */ i(t.Link, {}),
-              HelpCenterLink: /* @__PURE__ */ i(t.Link, {})
+              IrsCalculatorLink: /* @__PURE__ */ i(n.Link, {}),
+              HelpCenterLink: /* @__PURE__ */ i(n.Link, {})
             }
           }
         ) })
       ] }),
-      /* @__PURE__ */ n(l, { flexDirection: "column", gap: 20, children: [
+      /* @__PURE__ */ t(l, { flexDirection: "column", gap: 20, children: [
         /* @__PURE__ */ i(
           o.FilingStatus,
           {
@@ -67,7 +66,7 @@ function C({
                 i18nKey: "includesSpouseExplanation",
                 t: e,
                 components: {
-                  IrsLink: /* @__PURE__ */ i(t.Link, {})
+                  IrsLink: /* @__PURE__ */ i(n.Link, {})
                 }
               }
             ),
@@ -109,6 +108,6 @@ function C({
   ] }) }) }) }) }) });
 }
 export {
-  C as FederalTaxesView
+  k as FederalTaxesView
 };
 //# sourceMappingURL=FederalTaxesView.js.map

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxesView.js","sources":["../../../../../src/components/Employee/FederalTaxes/shared/FederalTaxesView.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type useFederalTaxesForm, type FilingStatusValue } from './useFederalTaxesForm'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common/Flex'\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 ReadyFederalTaxesForm = Extract<ReturnType<typeof useFederalTaxesForm>, { isLoading: false }>\n\n/**\n * Override surface for {@link FederalTaxesView}'s default copy. Each consuming\n * flow (onboarding, management) builds a resolved dictionary from its own\n * translation namespace via a dedicated `use*FederalTaxesViewDictionary` hook\n * and passes it here, so partner overrides on the flow's namespace flow into\n * the shared view text at render time.\n *\n * The underlying `Employee.FederalTaxesView` namespace is an implementation\n * detail of the shared view — consumers shouldn't reference it directly.\n *\n * @internal\n */\nexport type FederalTaxesViewDictionary = ResourceDictionary<'Employee.FederalTaxesView'>\n\n/** @internal */\nexport interface FederalTaxesViewProps {\n  federalTaxes: ReadyFederalTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  children?: ReactNode\n  /**\n   * Per-flow translation override for this shared view. Consumers build the\n   * value inside a flow-local `use*FederalTaxesViewDictionary` 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?: FederalTaxesViewDictionary\n}\n\n/** @internal */\nexport function FederalTaxesView({\n  federalTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  children,\n  dictionary,\n}: FederalTaxesViewProps) {\n  useI18n('Employee.FederalTaxesView')\n  useComponentDictionary('Employee.FederalTaxesView', dictionary)\n\n  const { t } = useTranslation('Employee.FederalTaxesView')\n  const Components = useComponentContext()\n  const Fields = federalTaxes.form.Fields\n\n  const filingStatusLabel = (value: FilingStatusValue): string => {\n    switch (value) {\n      case 'Single':\n        return t('filingStatusSingle')\n      case 'Married':\n        return t('filingStatusMarried')\n      case 'Head of Household':\n        return t('filingStatusHeadOfHousehold')\n      case 'Exempt from withholding':\n        return t('filingStatusExemptFromWithholding')\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\">\n      <section className={className}>\n        <BaseLayout error={federalTaxes.errorHandling.errors}>\n          <SDKFormProvider formHookResult={federalTaxes}>\n            <Form onSubmit={onSubmit}>\n              {children ?? (\n                <>\n                  {alert}\n                  <Flex flexDirection=\"column\" gap={32}>\n                    <Flex flexDirection=\"column\" gap={4}>\n                      <Components.Heading as=\"h1\" styledAs=\"h2\">\n                        {t('federalTaxesTitle')}\n                      </Components.Heading>\n                      <Components.Text variant=\"supporting\">\n                        <Trans\n                          i18nKey=\"irsCalculator\"\n                          t={t}\n                          components={{\n                            IrsCalculatorLink: <Components.Link />,\n                            HelpCenterLink: <Components.Link />,\n                          }}\n                        />\n                      </Components.Text>\n                    </Flex>\n                    <Flex flexDirection=\"column\" gap={20}>\n                      <Fields.FilingStatus\n                        label={t('federalFilingStatus1c')}\n                        placeholder={t('federalFilingStatusPlaceholder')}\n                        description={t('selectWithholdingDescription')}\n                        validationMessages={{ REQUIRED: t('validations.federalFilingStatus') }}\n                        getOptionLabel={filingStatusLabel}\n                      />\n                      <Fields.TwoJobs\n                        label={t('multipleJobs2c')}\n                        description={\n                          <Trans\n                            i18nKey=\"includesSpouseExplanation\"\n                            t={t}\n                            components={{\n                              IrsLink: <Components.Link />,\n                            }}\n                          />\n                        }\n                        validationMessages={{ REQUIRED: t('validations.federalTwoJobs') }}\n                        getOptionLabel={value => (value ? t('twoJobYesLabel') : t('twoJobNoLabel'))}\n                      />\n                      <Fields.DependentsAmount\n                        label={t('dependentsTotalIfApplicable')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.OtherIncome\n                        label={t('otherIncome')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.Deductions\n                        label={t('deductions')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.ExtraWithholding\n                        label={t('extraWithholding')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                    </Flex>\n\n                    {actions}\n                  </Flex>\n                </>\n              )}\n            </Form>\n          </SDKFormProvider>\n        </BaseLayout>\n      </section>\n    </Flex>\n  )\n}\n"],"names":["FederalTaxesView","federalTaxes","onSubmit","actions","alert","className","children","dictionary","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","Fields","filingStatusLabel","value","jsx","Flex","BaseLayout","SDKFormProvider","Form","jsxs","Fragment","Trans"],"mappings":"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"}
+{"version":3,"file":"FederalTaxesView.js","sources":["../../../../../src/components/Employee/FederalTaxes/shared/FederalTaxesView.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type useFederalTaxesForm, type FilingStatusValue } from './useFederalTaxesForm'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common/Flex'\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 ReadyFederalTaxesForm = Extract<ReturnType<typeof useFederalTaxesForm>, { isLoading: false }>\n\n/**\n * Override surface for {@link FederalTaxesView}'s default copy. Each consuming\n * flow (onboarding, management) builds a resolved dictionary from its own\n * translation namespace via a dedicated `use*FederalTaxesViewDictionary` hook\n * and passes it here, so partner overrides on the flow's namespace flow into\n * the shared view text at render time.\n *\n * The underlying `Employee.FederalTaxesView` namespace is an implementation\n * detail of the shared view — consumers shouldn't reference it directly.\n *\n * @internal\n */\nexport type FederalTaxesViewDictionary = ResourceDictionary<'Employee.FederalTaxesView'>\n\n/** @internal */\nexport interface FederalTaxesViewProps {\n  federalTaxes: ReadyFederalTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  children?: ReactNode\n  /**\n   * Per-flow translation override for this shared view. Consumers build the\n   * value inside a flow-local `use*FederalTaxesViewDictionary` 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?: FederalTaxesViewDictionary\n}\n\n/** @internal */\nexport function FederalTaxesView({\n  federalTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  children,\n  dictionary,\n}: FederalTaxesViewProps) {\n  useI18n('Employee.FederalTaxesView')\n  useComponentDictionary('Employee.FederalTaxesView', dictionary)\n\n  const { t } = useTranslation('Employee.FederalTaxesView')\n  const Components = useComponentContext()\n  const Fields = federalTaxes.form.Fields\n\n  const filingStatusLabel = (value: FilingStatusValue): string => {\n    switch (value) {\n      case 'Single':\n        return t('filingStatusSingle')\n      case 'Married':\n        return t('filingStatusMarried')\n      case 'Head of Household':\n        return t('filingStatusHeadOfHousehold')\n      case 'Exempt from withholding':\n        return t('filingStatusExemptFromWithholding')\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\">\n      <section className={className}>\n        <BaseLayout error={federalTaxes.errorHandling.errors}>\n          <SDKFormProvider formHookResult={federalTaxes}>\n            <Form onSubmit={onSubmit}>\n              {children ?? (\n                <>\n                  {alert}\n                  <Flex flexDirection=\"column\" gap={32}>\n                    <Flex flexDirection=\"column\" gap={4}>\n                      <Components.Heading as=\"h1\" styledAs=\"h2\">\n                        {t('federalTaxesTitle')}\n                      </Components.Heading>\n                      <Components.Text variant=\"supporting\">\n                        <Trans\n                          i18nKey=\"irsCalculator\"\n                          t={t}\n                          components={{\n                            IrsCalculatorLink: <Components.Link />,\n                            HelpCenterLink: <Components.Link />,\n                          }}\n                        />\n                      </Components.Text>\n                    </Flex>\n                    <Flex flexDirection=\"column\" gap={20}>\n                      <Fields.FilingStatus\n                        label={t('federalFilingStatus1c')}\n                        placeholder={t('federalFilingStatusPlaceholder')}\n                        description={t('selectWithholdingDescription')}\n                        validationMessages={{ REQUIRED: t('validations.federalFilingStatus') }}\n                        getOptionLabel={filingStatusLabel}\n                      />\n                      <Fields.TwoJobs\n                        label={t('multipleJobs2c')}\n                        description={\n                          <Trans\n                            i18nKey=\"includesSpouseExplanation\"\n                            t={t}\n                            components={{\n                              IrsLink: <Components.Link />,\n                            }}\n                          />\n                        }\n                        validationMessages={{ REQUIRED: t('validations.federalTwoJobs') }}\n                        getOptionLabel={value => (value ? t('twoJobYesLabel') : t('twoJobNoLabel'))}\n                      />\n                      <Fields.DependentsAmount\n                        label={t('dependentsTotalIfApplicable')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.OtherIncome\n                        label={t('otherIncome')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.Deductions\n                        label={t('deductions')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.ExtraWithholding\n                        label={t('extraWithholding')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                    </Flex>\n\n                    {actions}\n                  </Flex>\n                </>\n              )}\n            </Form>\n          </SDKFormProvider>\n        </BaseLayout>\n      </section>\n    </Flex>\n  )\n}\n"],"names":["FederalTaxesView","federalTaxes","onSubmit","actions","alert","className","children","dictionary","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","Fields","filingStatusLabel","value","jsx","Flex","BaseLayout","SDKFormProvider","Form","jsxs","Fragment","Trans"],"mappings":"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"}

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/fields.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import { NumberInputHookField as o } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
 import { SelectHookField as t } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { NumberInputHookField as o } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
 import { RadioGroupHookField as r } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 function d(n) {
   return /* @__PURE__ */ e(t, { ...n, name: "filingStatus" });

package/dist/components/Employee/HomeAddress/management/HomeAddress.js

@@ -5,7 +5,6 @@ import { CardContextual as a } from "./HomeAddressComponents.js";
 import { homeAddressStateMachine as i } from "./homeAddressStateMachine.js";
 import { Flow as d } from "../../../Flow/Flow.js";
 import { BaseBoundaries as p } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
 import { useComponentDictionary as c, useI18n as f } from "../../../../i18n/I18n.js";
 function u({ employeeId: e, onEvent: o }) {
   f("Employee.Management.HomeAddress");
@@ -19,7 +18,7 @@ function u({ employeeId: e, onEvent: o }) {
   );
   return /* @__PURE__ */ r(d, { machine: m, onEvent: o });
 }
-function E({
+function C({
   dictionary: e,
   FallbackComponent: o,
   ...m
@@ -34,6 +33,6 @@ function E({
   );
 }
 export {
-  E as HomeAddress
+  C as HomeAddress
 };
 //# sourceMappingURL=HomeAddress.js.map

package/dist/components/Employee/HomeAddress/management/HomeAddress.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomeAddress.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddress.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type HomeAddressContextInterface } from './HomeAddressComponents'\nimport { homeAddressStateMachine } from './homeAddressStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link HomeAddress}.\n *\n * @public\n */\nexport interface HomeAddressProps extends CommonComponentInterface<'Employee.Management.HomeAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction HomeAddressFlow({ employeeId, onEvent }: HomeAddressProps) {\n  useI18n('Employee.Management.HomeAddress')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', homeAddressStateMachine, (ctx: HomeAddressContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone employee home address management flow.\n *\n * @remarks\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/editRequested` | Manage button on the home address card clicked | `{ employeeId: string }` |\n * | `employee/management/homeAddress/editCancelled` | User backed out of the edit form | — |\n * | `employee/management/homeAddress/created` | A new home address was created | {@link EmployeeAddress} |\n * | `employee/management/homeAddress/updated` | An existing home address was updated | {@link EmployeeAddress} |\n * | `employee/management/homeAddress/deleted` | A home address was deleted | {@link EmployeeAddress} |\n *\n * @public\n */\nexport function HomeAddress({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: HomeAddressProps & BaseComponentInterface<'Employee.Management.HomeAddress'>) {\n  useComponentDictionary('Employee.Management.HomeAddress', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.HomeAddress\"\n      FallbackComponent={FallbackComponent}\n    >\n      <HomeAddressFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["HomeAddressFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","homeAddressStateMachine","ctx","CardContextual","jsx","Flow","HomeAddress","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAgB,EAAE,YAAAC,GAAY,SAAAC,KAA6B;AAClE,EAAAC,EAAQ,iCAAiC;AAEzC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAyB,CAACC,OAAsC;AAAA,MACpF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAgBO,SAASU,EAAY;AAAA,EAC1B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAiF;AAC/E,SAAAC,EAAuB,mCAAmCH,CAAU,GAElE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAiB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGlC;"}
+{"version":3,"file":"HomeAddress.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddress.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type HomeAddressContextInterface } from './HomeAddressComponents'\nimport { homeAddressStateMachine } from './homeAddressStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link HomeAddress}.\n *\n * @public\n */\nexport interface HomeAddressProps extends CommonComponentInterface<'Employee.Management.HomeAddress'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction HomeAddressFlow({ employeeId, onEvent }: HomeAddressProps) {\n  useI18n('Employee.Management.HomeAddress')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', homeAddressStateMachine, (ctx: HomeAddressContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Standalone employee home address management flow.\n *\n * @remarks\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/homeAddress/editRequested` | Manage button on the home address card clicked | `{ employeeId: string }` |\n * | `employee/management/homeAddress/editCancelled` | User backed out of the edit form | — |\n * | `employee/management/homeAddress/created` | A new home address was created | {@link EmployeeAddress} |\n * | `employee/management/homeAddress/updated` | An existing home address was updated | {@link EmployeeAddress} |\n * | `employee/management/homeAddress/deleted` | A home address was deleted | {@link EmployeeAddress} |\n *\n * @public\n */\nexport function HomeAddress({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: HomeAddressProps & BaseComponentInterface<'Employee.Management.HomeAddress'>) {\n  useComponentDictionary('Employee.Management.HomeAddress', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.HomeAddress\"\n      FallbackComponent={FallbackComponent}\n    >\n      <HomeAddressFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["HomeAddressFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","homeAddressStateMachine","ctx","CardContextual","jsx","Flow","HomeAddress","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;AA2BA,SAASA,EAAgB,EAAE,YAAAC,GAAY,SAAAC,KAA6B;AAClE,EAAAC,EAAQ,iCAAiC;AAEzC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAyB,CAACC,OAAsC;AAAA,MACpF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,IAAA,EACA;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAgBO,SAASU,EAAY;AAAA,EAC1B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAiF;AAC/E,SAAAC,EAAuB,mCAAmCH,CAAU,GAElE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAiB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGlC;"}

package/dist/components/Employee/PaymentMethod/management/PaymentMethod.js

@@ -1,11 +1,10 @@
 import { jsx as n } from "react/jsx-runtime";
 import { createMachine as M } from "robot3";
 import { useMemo as c } from "react";
-import { PaymentMethodBankFormContextual as u, PaymentMethodSplitFormContextual as h, PaymentMethodCardContextual as i } from "./PaymentMethodComponents.js";
-import { paymentMethodStateMachine as d } from "./paymentMethodStateMachine.js";
+import { PaymentMethodBankFormContextual as u, PaymentMethodSplitFormContextual as h, PaymentMethodCardContextual as d } from "./PaymentMethodComponents.js";
+import { paymentMethodStateMachine as i } from "./paymentMethodStateMachine.js";
 import { Flow as l } from "../../../Flow/Flow.js";
 import { BaseBoundaries as s } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
 import { useComponentDictionary as y, useI18n as f } from "../../../../i18n/I18n.js";
 function P({
   employeeId: o,
@@ -14,10 +13,10 @@ function P({
   onEvent: r
 }) {
   f("Employee.Management.PaymentMethod");
-  const m = e === "add" ? u : e === "split" ? h : i, a = c(
+  const m = e === "add" ? u : e === "split" ? h : d, a = c(
     () => M(
       e,
-      d,
+      i,
       (p) => ({
         ...p,
         component: m,
@@ -30,7 +29,7 @@ function P({
   );
   return /* @__PURE__ */ n(l, { machine: a, onEvent: r });
 }
-function D({
+function k({
   dictionary: o,
   FallbackComponent: t,
   ...e
@@ -45,6 +44,6 @@ function D({
   );
 }
 export {
-  D as PaymentMethod
+  k as PaymentMethod
 };
 //# sourceMappingURL=PaymentMethod.js.map

package/dist/components/Employee/PaymentMethod/management/PaymentMethod.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethod.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport {\n  PaymentMethodCardContextual,\n  PaymentMethodBankFormContextual,\n  PaymentMethodSplitFormContextual,\n} from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends CommonComponentInterface<'Employee.Management.PaymentMethod'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Not used — payment method management edits live data. */\n  defaultValues?: never\n  /** Whether the current viewer is an admin. Defaults to `true`. */\n  isAdmin?: boolean\n  /** Step to render first: the list card, the add-account form, or the split-paycheck form. Defaults to `'list'`. */\n  initialState?: 'list' | 'add' | 'split'\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction PaymentMethodFlow({\n  employeeId,\n  isAdmin = true,\n  initialState = 'list',\n  onEvent,\n}: PaymentMethodProps) {\n  useI18n('Employee.Management.PaymentMethod')\n\n  const initialComponent =\n    initialState === 'add'\n      ? PaymentMethodBankFormContextual\n      : initialState === 'split'\n        ? PaymentMethodSplitFormContextual\n        : PaymentMethodCardContextual\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        paymentMethodStateMachine,\n        (ctx: PaymentMethodContextInterface) => ({\n          ...ctx,\n          component: initialComponent,\n          employeeId,\n          isAdmin,\n          successAlert: null,\n        }),\n      ),\n    [employeeId, isAdmin, initialState, initialComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management flow for editing an employee's payment method.\n *\n * @remarks\n * Orchestrates the list card, add-bank-account form, and split-paycheck form\n * for an existing employee. Routes between steps based on user actions\n * starting from `initialState`. Composed of the smaller standalone components\n * ({@link PaymentMethodCard}, {@link PaymentMethodBankForm},\n * {@link PaymentMethodSplitForm}) which can also be used directly when an\n * orchestrator other than this flow is needed.\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The payment method management flow.\n * @public\n *\n * @example\n * ```tsx\n * import { EmployeeManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeManagement.PaymentMethod\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: PaymentMethodProps & BaseComponentInterface<'Employee.Management.PaymentMethod'>) {\n  useComponentDictionary('Employee.Management.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.PaymentMethod\"\n      FallbackComponent={FallbackComponent}\n    >\n      <PaymentMethodFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","initialState","onEvent","useI18n","initialComponent","PaymentMethodBankFormContextual","PaymentMethodSplitFormContextual","PaymentMethodCardContextual","machine","useMemo","createMachine","paymentMethodStateMachine","ctx","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAsCA,SAASA,EAAkB;AAAA,EACzB,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,SAAAC;AACF,GAAuB;AACrB,EAAAC,EAAQ,mCAAmC;AAE3C,QAAMC,IACJH,MAAiB,QACbI,IACAJ,MAAiB,UACfK,IACAC,GAEFC,IAAUC;AAAA,IACd,MACEC;AAAA,MACET;AAAA,MACAU;AAAA,MACA,CAACC,OAAwC;AAAA,QACvC,GAAGA;AAAA,QACH,WAAWR;AAAA,QACX,YAAAL;AAAA,QACA,SAAAC;AAAA,QACA,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,IAEJ,CAACD,GAAYC,GAASC,GAAcG,CAAgB;AAAA,EAAA;AAGtD,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAN,GAAkB,SAAAN,EAAA,CAAkB;AACnD;AA+BO,SAASa,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAqF;AACnF,SAAAC,EAAuB,qCAAqCH,CAAU,GAEpE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACf,GAAA,EAAmB,GAAGoB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGpC;"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/management/PaymentMethod.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport {\n  PaymentMethodCardContextual,\n  PaymentMethodBankFormContextual,\n  PaymentMethodSplitFormContextual,\n} from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends CommonComponentInterface<'Employee.Management.PaymentMethod'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Not used — payment method management edits live data. */\n  defaultValues?: never\n  /** Whether the current viewer is an admin. Defaults to `true`. */\n  isAdmin?: boolean\n  /** Step to render first: the list card, the add-account form, or the split-paycheck form. Defaults to `'list'`. */\n  initialState?: 'list' | 'add' | 'split'\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction PaymentMethodFlow({\n  employeeId,\n  isAdmin = true,\n  initialState = 'list',\n  onEvent,\n}: PaymentMethodProps) {\n  useI18n('Employee.Management.PaymentMethod')\n\n  const initialComponent =\n    initialState === 'add'\n      ? PaymentMethodBankFormContextual\n      : initialState === 'split'\n        ? PaymentMethodSplitFormContextual\n        : PaymentMethodCardContextual\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        paymentMethodStateMachine,\n        (ctx: PaymentMethodContextInterface) => ({\n          ...ctx,\n          component: initialComponent,\n          employeeId,\n          isAdmin,\n          successAlert: null,\n        }),\n      ),\n    [employeeId, isAdmin, initialState, initialComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management flow for editing an employee's payment method.\n *\n * @remarks\n * Orchestrates the list card, add-bank-account form, and split-paycheck form\n * for an existing employee. Routes between steps based on user actions\n * starting from `initialState`. Composed of the smaller standalone components\n * ({@link PaymentMethodCard}, {@link PaymentMethodBankForm},\n * {@link PaymentMethodSplitForm}) which can also be used directly when an\n * orchestrator other than this flow is needed.\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The payment method management flow.\n * @public\n *\n * @example\n * ```tsx\n * import { EmployeeManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeManagement.PaymentMethod\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: PaymentMethodProps & BaseComponentInterface<'Employee.Management.PaymentMethod'>) {\n  useComponentDictionary('Employee.Management.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.PaymentMethod\"\n      FallbackComponent={FallbackComponent}\n    >\n      <PaymentMethodFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","initialState","onEvent","useI18n","initialComponent","PaymentMethodBankFormContextual","PaymentMethodSplitFormContextual","PaymentMethodCardContextual","machine","useMemo","createMachine","paymentMethodStateMachine","ctx","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;AAsCA,SAASA,EAAkB;AAAA,EACzB,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,SAAAC;AACF,GAAuB;AACrB,EAAAC,EAAQ,mCAAmC;AAE3C,QAAMC,IACJH,MAAiB,QACbI,IACAJ,MAAiB,UACfK,IACAC,GAEFC,IAAUC;AAAA,IACd,MACEC;AAAA,MACET;AAAA,MACAU;AAAA,MACA,CAACC,OAAwC;AAAA,QACvC,GAAGA;AAAA,QACH,WAAWR;AAAA,QACX,YAAAL;AAAA,QACA,SAAAC;AAAA,QACA,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,IAEJ,CAACD,GAAYC,GAASC,GAAcG,CAAgB;AAAA,EAAA;AAGtD,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAN,GAAkB,SAAAN,EAAA,CAAkB;AACnD;AA+BO,SAASa,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAqF;AACnF,SAAAC,EAAuB,qCAAqCH,CAAU,GAEpE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACf,GAAA,EAAmB,GAAGoB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGpC;"}

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

@@ -1,23 +1,22 @@
 import { jsx as m } from "react/jsx-runtime";
 import { createMachine as i } from "robot3";
-import { useMemo as p } from "react";
-import { ListViewContextual as a } from "./PaymentMethodComponents.js";
+import { useMemo as a } from "react";
+import { ListViewContextual as p } from "./PaymentMethodComponents.js";
 import { paymentMethodStateMachine as u } from "./paymentMethodStateMachine.js";
 import { Flow as f } from "../../../Flow/Flow.js";
 import { useFlow as c } from "../../../Flow/useFlow.js";
 import { BaseBoundaries as s } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
 import { useComponentDictionary as l, useI18n as y } from "../../../../i18n/I18n.js";
 import { ensureRequired as d } from "../../../../helpers/ensureRequired.js";
 function h({ employeeId: e, isAdmin: o = !1, onEvent: t }) {
   y("Employee.PaymentMethod");
-  const n = p(
+  const n = a(
     () => i(
       "list",
       u,
       (r) => ({
         ...r,
-        component: a,
+        component: p,
         employeeId: e,
         isAdmin: o
       })
@@ -33,12 +32,12 @@ function M({
 }) {
   return l("Employee.PaymentMethod", e), /* @__PURE__ */ m(s, { componentName: "Employee.PaymentMethod", FallbackComponent: o, children: /* @__PURE__ */ m(h, { ...t }) });
 }
-function D() {
+function v() {
   const { employeeId: e, onEvent: o, isAdmin: t } = c();
   return /* @__PURE__ */ m(M, { employeeId: d(e), onEvent: o, isAdmin: t });
 }
 export {
   M as PaymentMethod,
-  D as PaymentMethodContextual
+  v as PaymentMethodContextual
 };
 //# sourceMappingURL=PaymentMethod.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/PaymentMethod.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { ListViewContextual } from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Not used — onboarding payment method editing operates on live data. */\n  defaultValues?: never\n  /** Whether the current viewer is an admin. Defaults to `false`. */\n  isAdmin?: boolean\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction PaymentMethodFlow({ employeeId, isAdmin = false, onEvent }: PaymentMethodProps) {\n  useI18n('Employee.PaymentMethod')\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'list',\n        paymentMethodStateMachine,\n        (initialContext: PaymentMethodContextInterface) => ({\n          ...initialContext,\n          component: ListViewContextual,\n          employeeId,\n          isAdmin,\n        }),\n      ),\n    [employeeId, isAdmin],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Onboarding step for setting up an employee's payment method.\n *\n * @remarks\n * Lets the employee (or admin acting on their behalf) choose between Direct\n * Deposit and Check, add bank accounts, and configure split-paycheck\n * allocations across multiple accounts.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/paymentMethod/updated` | Fired after the payment method is saved | The updated payment method |\n * | `employee/paymentMethod/done` | Fired when payment method setup is complete and the parent flow can advance | — |\n * | `employee/bankAccount/created` | Fired after a bank account is successfully added | The created bank account |\n * | `employee/bankAccount/deleted` | Fired after a bank account is successfully removed | — |\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The payment method onboarding step.\n * @public\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.PaymentMethod\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: PaymentMethodProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.PaymentMethod\" FallbackComponent={FallbackComponent}>\n      <PaymentMethodFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n\n/** @internal */\nexport function PaymentMethodContextual() {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  return (\n    <PaymentMethod employeeId={ensureRequired(employeeId)} onEvent={onEvent} isAdmin={isAdmin} />\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","onEvent","useI18n","machine","useMemo","createMachine","paymentMethodStateMachine","initialContext","ListViewContextual","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries","PaymentMethodContextual","useFlow","ensureRequired"],"mappings":";;;;;;;;;;;AAmCA,SAASA,EAAkB,EAAE,YAAAC,GAAY,SAAAC,IAAU,IAAO,SAAAC,KAA+B;AACvF,EAAAC,EAAQ,wBAAwB;AAEhC,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAmD;AAAA,QAClD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,YAAAT;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAYC,CAAO;AAAA,EAAA;AAGtB,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAmCO,SAASU,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgD;AAC9C,SAAAC,EAAuB,0BAA0BH,CAAU,GAEzD,gBAAAH,EAACO,KAAe,eAAc,0BAAyB,mBAAAH,GACrD,UAAA,gBAAAJ,EAACX,GAAA,EAAmB,GAAGgB,EAAA,CAAO,EAAA,CAChC;AAEJ;AAGO,SAASG,IAA0B;AACxC,QAAM,EAAE,YAAAlB,GAAY,SAAAE,GAAS,SAAAD,EAAA,IAAYkB,EAAA;AACzC,2BACGP,GAAA,EAAc,YAAYQ,EAAepB,CAAU,GAAG,SAAAE,GAAkB,SAAAD,GAAkB;AAE/F;"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Employee/PaymentMethod/onboarding/PaymentMethod.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport type { PaymentMethodContextInterface } from './PaymentMethodComponents'\nimport { ListViewContextual } from './PaymentMethodComponents'\nimport { paymentMethodStateMachine } from './paymentMethodStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link PaymentMethod}.\n *\n * @public\n */\nexport interface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Not used — onboarding payment method editing operates on live data. */\n  defaultValues?: never\n  /** Whether the current viewer is an admin. Defaults to `false`. */\n  isAdmin?: boolean\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction PaymentMethodFlow({ employeeId, isAdmin = false, onEvent }: PaymentMethodProps) {\n  useI18n('Employee.PaymentMethod')\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'list',\n        paymentMethodStateMachine,\n        (initialContext: PaymentMethodContextInterface) => ({\n          ...initialContext,\n          component: ListViewContextual,\n          employeeId,\n          isAdmin,\n        }),\n      ),\n    [employeeId, isAdmin],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Onboarding step for setting up an employee's payment method.\n *\n * @remarks\n * Lets the employee (or admin acting on their behalf) choose between Direct\n * Deposit and Check, add bank accounts, and configure split-paycheck\n * allocations across multiple accounts.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/paymentMethod/updated` | Fired after the payment method is saved | The updated payment method |\n * | `employee/paymentMethod/done` | Fired when payment method setup is complete and the parent flow can advance | — |\n * | `employee/bankAccount/created` | Fired after a bank account is successfully added | The created bank account |\n * | `employee/bankAccount/deleted` | Fired after a bank account is successfully removed | — |\n *\n * @param props - See {@link PaymentMethodProps}.\n * @returns The payment method onboarding step.\n * @public\n *\n * @example\n * ```tsx\n * import { EmployeeOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <EmployeeOnboarding.PaymentMethod\n *       employeeId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: PaymentMethodProps & BaseComponentInterface) {\n  useComponentDictionary('Employee.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.PaymentMethod\" FallbackComponent={FallbackComponent}>\n      <PaymentMethodFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n\n/** @internal */\nexport function PaymentMethodContextual() {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  return (\n    <PaymentMethod employeeId={ensureRequired(employeeId)} onEvent={onEvent} isAdmin={isAdmin} />\n  )\n}\n"],"names":["PaymentMethodFlow","employeeId","isAdmin","onEvent","useI18n","machine","useMemo","createMachine","paymentMethodStateMachine","initialContext","ListViewContextual","jsx","Flow","PaymentMethod","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries","PaymentMethodContextual","useFlow","ensureRequired"],"mappings":";;;;;;;;;;AAmCA,SAASA,EAAkB,EAAE,YAAAC,GAAY,SAAAC,IAAU,IAAO,SAAAC,KAA+B;AACvF,EAAAC,EAAQ,wBAAwB;AAEhC,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAmD;AAAA,QAClD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,YAAAT;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAYC,CAAO;AAAA,EAAA;AAGtB,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAmCO,SAASU,EAAc;AAAA,EAC5B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAgD;AAC9C,SAAAC,EAAuB,0BAA0BH,CAAU,GAEzD,gBAAAH,EAACO,KAAe,eAAc,0BAAyB,mBAAAH,GACrD,UAAA,gBAAAJ,EAACX,GAAA,EAAmB,GAAGgB,EAAA,CAAO,EAAA,CAChC;AAEJ;AAGO,SAASG,IAA0B;AACxC,QAAM,EAAE,YAAAlB,GAAY,SAAAE,GAAS,SAAAD,EAAA,IAAYkB,EAAA;AACzC,2BACGP,GAAA,EAAc,YAAYQ,EAAepB,CAAU,GAAG,SAAAE,GAAkB,SAAAD,GAAkB;AAE/F;"}

package/dist/components/Employee/PaymentMethod/shared/useSplitPaymentsForm/splitFieldFactory.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useWatch as f } from "react-hook-form";
-import { SPLIT_BY as s } from "../../../../../shared/constants.js";
-import { NumberInputHookField as F } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
+import { NumberInputHookField as s } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
+import { SPLIT_BY as F } from "../../../../../shared/constants.js";
 function B(t) {
   function n({
     label: r,
@@ -13,9 +13,9 @@ function B(t) {
     placeholder: c,
     FieldComponent: d
   }) {
-    const l = o?.form.hookFormInternals.formMethods.control, p = f({ control: l, name: "splitBy" }) === s.amount ? "currency" : "percent";
+    const l = o?.form.hookFormInternals.formMethods.control, p = f({ control: l, name: "splitBy" }) === F.amount ? "currency" : "percent";
     return /* @__PURE__ */ a(
-      F,
+      s,
       {
         name: `splitAmount.${t}`,
         formHookResult: o,

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

@@ -1,40 +1,39 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { createMachine as t } from "robot3";
 import { useMemo as i } from "react";
 import { CardContextual as a } from "./ProfileComponents.js";
 import { profileStateMachine as f } from "./profileStateMachine.js";
-import { Flow as p } from "../../../Flow/Flow.js";
-import { BaseBoundaries as l } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
+import { Flow as l } from "../../../Flow/Flow.js";
+import { BaseBoundaries as p } from "../../../Base/Base.js";
 import { useComponentDictionary as c, useI18n as u } from "../../../../i18n/I18n.js";
 function s({ employeeId: o, onEvent: e }) {
   u("Employee.Management.Profile");
   const r = i(
-    () => t("card", f, (n) => ({
-      ...n,
+    () => t("card", f, (m) => ({
+      ...m,
       component: a,
       employeeId: o,
       successAlert: null
     })),
     [o]
   );
-  return /* @__PURE__ */ m(p, { machine: r, onEvent: e });
+  return /* @__PURE__ */ n(l, { machine: r, onEvent: e });
 }
-function w({
+function E({
   dictionary: o,
   FallbackComponent: e,
   ...r
 }) {
-  return c("Employee.Management.Profile", o), /* @__PURE__ */ m(
-    l,
+  return c("Employee.Management.Profile", o), /* @__PURE__ */ n(
+    p,
     {
       componentName: "Employee.Management.Profile",
       FallbackComponent: e,
-      children: /* @__PURE__ */ m(s, { ...r })
+      children: /* @__PURE__ */ n(s, { ...r })
     }
   );
 }
 export {
-  w as Profile
+  E as Profile
 };
 //# sourceMappingURL=Profile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/management/Profile.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends CommonComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction ProfileFlow({ employeeId, onEvent }: ProfileProps) {\n  useI18n('Employee.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing an employee's basic profile details after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ employeeId: string }` |\n * | `employee/management/profile/updated` | Fired after the profile is successfully saved | {@link Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link ProfileProps}.\n * @returns The employee profile management surface.\n * @public\n */\nexport function Profile({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: ProfileProps & BaseComponentInterface<'Employee.Management.Profile'>) {\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ProfileFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAY,EAAE,YAAAC,GAAY,SAAAC,KAAyB;AAC1D,EAAAC,EAAQ,6BAA6B;AAErC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAoBO,SAASU,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyE;AACvE,SAAAC,EAAuB,+BAA+BH,CAAU,GAE9D,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAa,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG9B;"}
+{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/management/Profile.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends CommonComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction ProfileFlow({ employeeId, onEvent }: ProfileProps) {\n  useI18n('Employee.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing an employee's basic profile details after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ employeeId: string }` |\n * | `employee/management/profile/updated` | Fired after the profile is successfully saved | {@link Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link ProfileProps}.\n * @returns The employee profile management surface.\n * @public\n */\nexport function Profile({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: ProfileProps & BaseComponentInterface<'Employee.Management.Profile'>) {\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ProfileFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;AA2BA,SAASA,EAAY,EAAE,YAAAC,GAAY,SAAAC,KAAyB;AAC1D,EAAAC,EAAQ,6BAA6B;AAErC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAoBO,SAASU,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyE;AACvE,SAAAC,EAAuB,+BAA+BH,CAAU,GAE9D,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAa,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG9B;"}