@gusto/embedded-react-sdk 0.55.7 → 0.55.8

package/dist/components/Employee/Dashboard/Dashboard.js

@@ -1,26 +1,27 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useState as x, Suspense as y } from "react";
+import { useState as y, Suspense as T } from "react";
 import { useTranslation as c } from "react-i18next";
-import { useEmployeesGetSuspense as T } from "@gusto/embedded-api/react-query/employeesGet";
-import { BasicDetailsView as A } from "./BasicDetailsView.js";
-import { JobAndPayView as g } from "./JobAndPayView.js";
-import { TaxesViewWithData as C } from "./TaxesView.js";
+import { useEmployeesGetSuspense as A } from "@gusto/embedded-api/react-query/employeesGet";
+import { BasicDetailsView as g } from "./BasicDetailsView.js";
+import { JobAndPayView as C } from "./JobAndPayView.js";
+import { TaxesViewWithData as E } from "./TaxesView.js";
 import { Flex as l } from "../../Common/Flex/Flex.js";
 import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { BaseBoundaries as E } from "../../Base/Base.js";
-import { useI18n as j, useComponentDictionary as B } from "../../../i18n/I18n.js";
-import { componentEvents as N } from "../../../shared/constants.js";
-import { firstLastName as P } from "../../../helpers/formattedStrings.js";
-import { DocumentsCard as S } from "../Documents/management/DocumentsCard/DocumentsCard.js";
-function _({
+import { BaseBoundaries as j } from "../../Base/Base.js";
+import { useI18n as B, useComponentDictionary as N } from "../../../i18n/I18n.js";
+import { componentEvents as P } from "../../../shared/constants.js";
+import { firstLastName as S } from "../../../helpers/formattedStrings.js";
+import { DocumentsCard as _ } from "../Documents/management/DocumentsCard/DocumentsCard.js";
+function H({
   employeeId: a,
   dictionary: o,
   onEvent: t,
   selectedTab: r,
-  LoaderComponent: p
+  LoaderComponent: p,
+  className: d
 }) {
-  j("Employee.Dashboard"), B("Employee.Dashboard", o);
-  const { t: n } = c("Employee.Dashboard"), d = b(), [u, f] = x("basicDetails"), s = r ?? u, D = [
+  B("Employee.Dashboard"), N("Employee.Dashboard", o);
+  const { t: n } = c("Employee.Dashboard"), u = b(), [f, D] = y("basicDetails"), s = r ?? f, h = [
     {
       id: "basicDetails",
       label: n("tabs.basicDetails"),
@@ -42,27 +43,27 @@ function _({
       content: null
     }
   ];
-  return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ e(y, { fallback: null, children: /* @__PURE__ */ e(H, { employeeId: a }) }),
+  return /* @__PURE__ */ i(l, { className: d, flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ e(T, { fallback: null, children: /* @__PURE__ */ e(w, { employeeId: a }) }),
     /* @__PURE__ */ i(l, { flexDirection: "column", gap: 8, children: [
       /* @__PURE__ */ e(
-        d.Tabs,
+        u.Tabs,
         {
-          tabs: D,
+          tabs: h,
           selectedId: s,
-          onSelectionChange: (h) => {
-            const m = h;
-            f(m), t(N.EMPLOYEE_DASHBOARD_TAB_CHANGE, { tab: m });
+          onSelectionChange: (x) => {
+            const m = x;
+            D(m), t(P.EMPLOYEE_DASHBOARD_TAB_CHANGE, { tab: m });
           },
           "aria-label": n("tabsLabel")
         }
       ),
       /* @__PURE__ */ i(l, { flexDirection: "column", gap: 24, children: [
-        s === "basicDetails" && /* @__PURE__ */ e(A, { employeeId: a, onEvent: t }),
-        s === "jobAndPay" && /* @__PURE__ */ e(g, { employeeId: a, onEvent: t }),
-        s === "taxes" && /* @__PURE__ */ e(C, { employeeId: a, onEvent: t }),
+        s === "basicDetails" && /* @__PURE__ */ e(g, { employeeId: a, onEvent: t }),
+        s === "jobAndPay" && /* @__PURE__ */ e(C, { employeeId: a, onEvent: t }),
+        s === "taxes" && /* @__PURE__ */ e(E, { employeeId: a, onEvent: t }),
         s === "documents" && /* @__PURE__ */ e(
-          S,
+          _,
           {
             employeeId: a,
             onEvent: t,
@@ -73,27 +74,27 @@ function _({
     ] })
   ] });
 }
-function H({ employeeId: a }) {
+function w({ employeeId: a }) {
   const { t: o } = c("Employee.Dashboard"), t = b(), {
     data: { employee: r }
-  } = T({ employeeId: a });
+  } = A({ employeeId: a });
   return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 4, children: [
-    /* @__PURE__ */ e(t.Heading, { as: "h2", children: P({ first_name: r?.firstName, last_name: r?.lastName }) }),
+    /* @__PURE__ */ e(t.Heading, { as: "h2", children: S({ first_name: r?.firstName, last_name: r?.lastName }) }),
     /* @__PURE__ */ e(t.Text, { variant: "supporting", children: o("employeeRoleLabel") })
   ] });
 }
-function K({ FallbackComponent: a, LoaderComponent: o, ...t }) {
+function Q({ FallbackComponent: a, LoaderComponent: o, ...t }) {
   return /* @__PURE__ */ e(
-    E,
+    j,
     {
       componentName: "Employee.Dashboard",
       FallbackComponent: a,
       LoaderComponent: o,
-      children: /* @__PURE__ */ e(_, { ...t, LoaderComponent: o })
+      children: /* @__PURE__ */ e(H, { ...t, LoaderComponent: o })
     }
   );
 }
 export {
-  K as Dashboard
+  Q as Dashboard
 };
 //# sourceMappingURL=Dashboard.js.map

package/dist/components/Employee/Dashboard/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Employee/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { BasicDetailsView } from './BasicDetailsView'\nimport { JobAndPayView } from './JobAndPayView'\nimport { TaxesViewWithData } from './TaxesView'\nimport { DocumentsCard } from '@/components/Employee/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'basicDetails' | 'jobAndPay' | 'taxes' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Employee.Dashboard'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The currently active tab. Defaults to `'basicDetails'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  employeeId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n}: DashboardProps) {\n  useI18n('Employee.Dashboard')\n  useComponentDictionary('Employee.Dashboard', dictionary)\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('basicDetails')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    {\n      id: 'basicDetails' as const,\n      label: t('tabs.basicDetails'),\n      content: null,\n    },\n    {\n      id: 'jobAndPay' as const,\n      label: t('tabs.jobAndPay'),\n      content: null,\n    },\n    {\n      id: 'taxes' as const,\n      label: t('tabs.taxes'),\n      content: null,\n    },\n    {\n      id: 'documents' as const,\n      label: t('tabs.documents'),\n      content: null,\n    },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader employeeId={employeeId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'basicDetails' && (\n            <BasicDetailsView employeeId={employeeId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'jobAndPay' && (\n            <JobAndPayView employeeId={employeeId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'taxes' && (\n            <TaxesViewWithData employeeId={employeeId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              employeeId={employeeId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ employeeId }: { employeeId: string }) {\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">\n        {firstLastName({ first_name: employee?.firstName, last_name: employee?.lastName })}\n      </Components.Heading>\n      <Components.Text variant=\"supporting\">{t('employeeRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Employee self-service dashboard summarizing a single employee's basic details, job and pay, taxes, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the employee, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to basic details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link HomeAddressCard}\n * - {@link WorkAddressCard}\n * - {@link CompensationCard}\n * - {@link PaymentMethodCard}\n * - {@link DeductionsCard}\n * - {@link PaystubsCard}\n * - {@link FederalTaxesCard}\n * - {@link StateTaxesCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the employee dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot {...props} LoaderComponent={LoaderComponent} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","employeeId","dictionary","onEvent","controlledTab","LoaderComponent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","jsxs","Flex","jsx","Suspense","DashboardHeader","id","next","componentEvents","BasicDetailsView","JobAndPayView","TaxesViewWithData","DocumentsCard","employee","useEmployeesGetSuspense","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}
+{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Employee/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { BasicDetailsView } from './BasicDetailsView'\nimport { JobAndPayView } from './JobAndPayView'\nimport { TaxesViewWithData } from './TaxesView'\nimport { DocumentsCard } from '@/components/Employee/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'basicDetails' | 'jobAndPay' | 'taxes' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Employee.Dashboard'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The currently active tab. Defaults to `'basicDetails'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  employeeId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n  className,\n}: DashboardProps) {\n  useI18n('Employee.Dashboard')\n  useComponentDictionary('Employee.Dashboard', dictionary)\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('basicDetails')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    {\n      id: 'basicDetails' as const,\n      label: t('tabs.basicDetails'),\n      content: null,\n    },\n    {\n      id: 'jobAndPay' as const,\n      label: t('tabs.jobAndPay'),\n      content: null,\n    },\n    {\n      id: 'taxes' as const,\n      label: t('tabs.taxes'),\n      content: null,\n    },\n    {\n      id: 'documents' as const,\n      label: t('tabs.documents'),\n      content: null,\n    },\n  ]\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader employeeId={employeeId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.EMPLOYEE_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'basicDetails' && (\n            <BasicDetailsView employeeId={employeeId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'jobAndPay' && (\n            <JobAndPayView employeeId={employeeId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'taxes' && (\n            <TaxesViewWithData employeeId={employeeId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              employeeId={employeeId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ employeeId }: { employeeId: string }) {\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">\n        {firstLastName({ first_name: employee?.firstName, last_name: employee?.lastName })}\n      </Components.Heading>\n      <Components.Text variant=\"supporting\">{t('employeeRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Employee self-service dashboard summarizing a single employee's basic details, job and pay, taxes, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the employee, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to basic details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link HomeAddressCard}\n * - {@link WorkAddressCard}\n * - {@link CompensationCard}\n * - {@link PaymentMethodCard}\n * - {@link DeductionsCard}\n * - {@link PaystubsCard}\n * - {@link FederalTaxesCard}\n * - {@link StateTaxesCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the employee dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot {...props} LoaderComponent={LoaderComponent} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","employeeId","dictionary","onEvent","controlledTab","LoaderComponent","className","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","Flex","jsx","Suspense","DashboardHeader","jsxs","id","next","componentEvents","BasicDetailsView","JobAndPayView","TaxesViewWithData","DocumentsCard","employee","useEmployeesGetSuspense","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.js

@@ -1,48 +1,50 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useDeductionsList as d } from "../../shared/useDeductionsList.js";
-import { useManagementDeductionsFormDictionary as M } from "./useFormDictionary.js";
-import { BaseBoundaries as _, BaseLayout as u } from "../../../../Base/Base.js";
+import { useDeductionsList as M } from "../../shared/useDeductionsList.js";
+import { useManagementDeductionsFormDictionary as _ } from "./useFormDictionary.js";
+import { BaseBoundaries as f, BaseLayout as u } from "../../../../Base/Base.js";
 import "../../../../Base/useBase.js";
-import { useI18n as f, useComponentDictionary as l } from "../../../../../i18n/I18n.js";
+import { useI18n as l, useComponentDictionary as p } from "../../../../../i18n/I18n.js";
 import { componentEvents as m } from "../../../../../shared/constants.js";
-import { DeductionsForm as p } from "../../shared/DeductionsForm/DeductionsForm.js";
-function I({
+import { DeductionsForm as N } from "../../shared/DeductionsForm/DeductionsForm.js";
+function R({
   FallbackComponent: n,
   LoaderComponent: o,
   ...e
 }) {
   return /* @__PURE__ */ r(
-    _,
+    f,
     {
       componentName: "Employee.Management.Deductions",
       FallbackComponent: n,
       LoaderComponent: o,
-      children: /* @__PURE__ */ r(N, { LoaderComponent: o, ...e })
+      children: /* @__PURE__ */ r(T, { LoaderComponent: o, ...e })
     }
   );
 }
-function N({
+function T({
   employeeId: n,
   editingDeductionId: o,
   dictionary: e,
   onEvent: s,
-  LoaderComponent: i
+  LoaderComponent: i,
+  className: c
 }) {
-  f("Employee.Management.Deductions"), l("Employee.Management.Deductions", e);
-  const t = d({ employeeId: n }), c = M();
+  l("Employee.Management.Deductions"), p("Employee.Management.Deductions", e);
+  const t = M({ employeeId: n }), a = _();
   if (t.isLoading)
     return /* @__PURE__ */ r(u, { isLoading: !0, error: t.errorHandling.errors, LoaderComponent: i });
-  const a = o ? t.data.deductions.find((E) => E.uuid === o) ?? null : null;
+  const D = o ? t.data.deductions.find((E) => E.uuid === o) ?? null : null;
   return /* @__PURE__ */ r(u, { error: t.errorHandling.errors, LoaderComponent: i, children: /* @__PURE__ */ r(
-    p,
+    N,
     {
       employeeId: n,
-      deduction: a,
-      dictionary: c,
+      deduction: D,
+      dictionary: a,
       LoaderComponent: i,
-      onSaved: (E, D) => {
+      className: c,
+      onSaved: (E, d) => {
         s(
-          D === "create" ? m.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED : m.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,
+          d === "create" ? m.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED : m.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,
           E
         );
       },
@@ -53,6 +55,6 @@ function N({
   ) });
 }
 export {
-  I as DeductionsEditForm
+  R as DeductionsEditForm
 };
 //# sourceMappingURL=DeductionsEditForm.js.map

package/dist/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeductionsEditForm.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.tsx"],"sourcesContent":["import { DeductionsForm } from '../../shared/DeductionsForm'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useManagementDeductionsFormDictionary } from './useFormDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DeductionsEditForm}.\n *\n * @public\n */\nexport interface DeductionsEditFormProps extends BaseComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When provided, the form opens in edit mode pre-populated with the\n   *  matching active deduction. Omit to open in add mode. */\n  editingDeductionId?: string\n  /** Callback invoked when the form emits an event. See the events table on {@link DeductionsEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone add/edit surface for a single employee deduction.\n *\n * @remarks\n * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the form | — |\n *\n * @param input - See {@link DeductionsEditFormProps}, plus a `FallbackComponent` override for the error boundary.\n * @returns The rendered add/edit form.\n * @public\n */\nexport function DeductionsEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: DeductionsEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DeductionsEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsEditFormRoot({\n  employeeId,\n  editingDeductionId,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: DeductionsEditFormProps) {\n  useI18n('Employee.Management.Deductions')\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n\n  // React Query dedupes against any sibling consumer of this list, so this\n  // is just a typed handle on the loaded row used to seed edit mode.\n  const list = useDeductionsList({ employeeId })\n  const formDictionary = useManagementDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return (\n      <BaseLayout isLoading error={list.errorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n\n  return (\n    <BaseLayout error={list.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <DeductionsForm\n        employeeId={employeeId}\n        deduction={deduction}\n        dictionary={formDictionary}\n        LoaderComponent={LoaderComponent}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED\n              : componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","DeductionsEditFormRoot","employeeId","editingDeductionId","dictionary","onEvent","useI18n","useComponentDictionary","list","useDeductionsList","formDictionary","useManagementDeductionsFormDictionary","BaseLayout","deduction","d","DeductionsForm","saved","mode","componentEvents"],"mappings":";;;;;;;;AAuCO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAuB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3E;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAR;AACF,GAA4B;AAC1B,EAAAS,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCH,CAAU;AAInE,QAAMI,IAAOC,EAAkB,EAAE,YAAAP,GAAY,GACvCQ,IAAiBC,EAAA;AAEvB,MAAIH,EAAK;AACP,WACE,gBAAAT,EAACa,KAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ,iBAAAX,GAAkC;AAI9F,QAAMgB,IAAYV,IACbK,EAAK,KAAK,WAAW,KAAK,CAAAM,MAAKA,EAAE,SAASX,CAAkB,KAAK,OAClE;AAEJ,2BACGS,GAAA,EAAW,OAAOJ,EAAK,cAAc,QAAQ,iBAAAX,GAC5C,UAAA,gBAAAE;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,YAAAb;AAAA,MACA,WAAAW;AAAA,MACA,YAAYH;AAAA,MACZ,iBAAAb;AAAA,MACA,SAAS,CAACmB,GAAOC,MAAS;AACxB,QAAAZ;AAAA,UACEY,MAAS,WACLC,EAAgB,mDAChBA,EAAgB;AAAA,UACpBF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,UAAU,MAAM;AACd,QAAAX,EAAQa,EAAgB,kDAAkD;AAAA,MAC5E;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"DeductionsEditForm.js","sources":["../../../../../../src/components/Employee/Deductions/management/DeductionsEditForm/DeductionsEditForm.tsx"],"sourcesContent":["import { DeductionsForm } from '../../shared/DeductionsForm'\nimport { useDeductionsList } from '../../shared/useDeductionsList'\nimport { useManagementDeductionsFormDictionary } from './useFormDictionary'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DeductionsEditForm}.\n *\n * @public\n */\nexport interface DeductionsEditFormProps extends BaseComponentInterface<'Employee.Management.Deductions'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When provided, the form opens in edit mode pre-populated with the\n   *  matching active deduction. Omit to open in add mode. */\n  editingDeductionId?: string\n  /** Callback invoked when the form emits an event. See the events table on {@link DeductionsEditForm} for the available event types and payloads. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone add/edit surface for a single employee deduction.\n *\n * @remarks\n * Renders the inline form for a post-tax custom deduction or court-ordered garnishment. Looks up the row to edit by `editingDeductionId`; omit it to open in add mode. Resolves its text against the `Employee.Management.Deductions` translation namespace so partner overrides on that namespace flow into the form. For an orchestrated card-plus-form flow, use {@link Deductions}.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/deductions/editForm/created` | Fired after a new deduction is saved | The created `Garnishment` |\n * | `employee/management/deductions/editForm/updated` | Fired after an existing deduction is updated | The updated `Garnishment` |\n * | `employee/management/deductions/editForm/cancelled` | Fired when the user cancels the form | — |\n *\n * @param input - See {@link DeductionsEditFormProps}, plus a `FallbackComponent` override for the error boundary.\n * @returns The rendered add/edit form.\n * @public\n */\nexport function DeductionsEditForm({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: DeductionsEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Deductions\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DeductionsEditFormRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DeductionsEditFormRoot({\n  employeeId,\n  editingDeductionId,\n  dictionary,\n  onEvent,\n  LoaderComponent,\n  className,\n}: DeductionsEditFormProps) {\n  useI18n('Employee.Management.Deductions')\n  useComponentDictionary('Employee.Management.Deductions', dictionary)\n\n  // React Query dedupes against any sibling consumer of this list, so this\n  // is just a typed handle on the loaded row used to seed edit mode.\n  const list = useDeductionsList({ employeeId })\n  const formDictionary = useManagementDeductionsFormDictionary()\n\n  if (list.isLoading) {\n    return (\n      <BaseLayout isLoading error={list.errorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const deduction = editingDeductionId\n    ? (list.data.deductions.find(d => d.uuid === editingDeductionId) ?? null)\n    : null\n\n  return (\n    <BaseLayout error={list.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <DeductionsForm\n        employeeId={employeeId}\n        deduction={deduction}\n        dictionary={formDictionary}\n        LoaderComponent={LoaderComponent}\n        className={className}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CREATED\n              : componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_DEDUCTIONS_EDIT_FORM_CANCELLED)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["DeductionsEditForm","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","DeductionsEditFormRoot","employeeId","editingDeductionId","dictionary","onEvent","className","useI18n","useComponentDictionary","list","useDeductionsList","formDictionary","useManagementDeductionsFormDictionary","BaseLayout","deduction","d","DeductionsForm","saved","mode","componentEvents"],"mappings":";;;;;;;;AAuCO,SAASA,EAAmB;AAAA,EACjC,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAJ;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAuB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG3E;AAEA,SAASG,EAAuB;AAAA,EAC9B,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAR;AAAA,EACA,WAAAS;AACF,GAA4B;AAC1B,EAAAC,EAAQ,gCAAgC,GACxCC,EAAuB,kCAAkCJ,CAAU;AAInE,QAAMK,IAAOC,EAAkB,EAAE,YAAAR,GAAY,GACvCS,IAAiBC,EAAA;AAEvB,MAAIH,EAAK;AACP,WACE,gBAAAV,EAACc,KAAW,WAAS,IAAC,OAAOJ,EAAK,cAAc,QAAQ,iBAAAZ,GAAkC;AAI9F,QAAMiB,IAAYX,IACbM,EAAK,KAAK,WAAW,KAAK,CAAAM,MAAKA,EAAE,SAASZ,CAAkB,KAAK,OAClE;AAEJ,2BACGU,GAAA,EAAW,OAAOJ,EAAK,cAAc,QAAQ,iBAAAZ,GAC5C,UAAA,gBAAAE;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,YAAAd;AAAA,MACA,WAAAY;AAAA,MACA,YAAYH;AAAA,MACZ,iBAAAd;AAAA,MACA,WAAAS;AAAA,MACA,SAAS,CAACW,GAAOC,MAAS;AACxB,QAAAb;AAAA,UACEa,MAAS,WACLC,EAAgB,mDAChBA,EAAgB;AAAA,UACpBF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,UAAU,MAAM;AACd,QAAAZ,EAAQc,EAAgB,kDAAkD;AAAA,MAC5E;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/Documents/management/DocumentManager.js

@@ -1,32 +1,40 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useTranslation as s, Trans as u } from "react-i18next";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { useTranslation as u, Trans as f } from "react-i18next";
 import { useEmployeeFormsGetSuspense as p } from "@gusto/embedded-api/react-query/employeeFormsGet";
-import { useEmployeeFormsGetPdfSuspense as f } from "@gusto/embedded-api/react-query/employeeFormsGetPdf";
-import { BaseComponent as d } from "../../../Base/Base.js";
-import { useBase as C } from "../../../Base/useBase.js";
-import { Flex as D } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as y } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as h } from "../../../../i18n/I18n.js";
-import { componentEvents as E } from "../../../../shared/constants.js";
-import { DocumentViewer as x } from "../../../Common/DocumentViewer/DocumentViewer.js";
-function N(o) {
-  return /* @__PURE__ */ e(d, { ...o, componentName: "Employee.DocumentManager", children: /* @__PURE__ */ e(w, { employeeId: o.employeeId, formId: o.formId }) });
+import { useEmployeeFormsGetPdfSuspense as d } from "@gusto/embedded-api/react-query/employeeFormsGetPdf";
+import { BaseComponent as C } from "../../../Base/Base.js";
+import { useBase as D } from "../../../Base/useBase.js";
+import { Flex as y } from "../../../Common/Flex/Flex.js";
+import { ActionsLayout as g } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as h } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as E } from "../../../../i18n/I18n.js";
+import { componentEvents as x } from "../../../../shared/constants.js";
+import { DocumentViewer as w } from "../../../Common/DocumentViewer/DocumentViewer.js";
+function P(o) {
+  return /* @__PURE__ */ e(C, { ...o, componentName: "Employee.DocumentManager", children: /* @__PURE__ */ e(
+    k,
+    {
+      employeeId: o.employeeId,
+      formId: o.formId,
+      className: o.className
+    }
+  ) });
 }
-function w({
+function k({
   employeeId: o,
-  formId: i
+  formId: a,
+  className: i
 }) {
-  h("Employee.DocumentManager");
-  const { t: r } = s("Employee.DocumentManager"), t = g(), { onEvent: a } = C(), {
+  E("Employee.DocumentManager");
+  const { t: r } = u("Employee.DocumentManager"), t = h(), { onEvent: c } = D(), {
     data: { form: n }
-  } = p({ employeeId: o, formId: i }), {
-    data: { formPdf: c }
-  } = f({ employeeId: o, formId: i }), m = c?.documentUrl;
-  return n ? /* @__PURE__ */ l(D, { flexDirection: "column", gap: 16, children: [
+  } = p({ employeeId: o, formId: a }), {
+    data: { formPdf: l }
+  } = d({ employeeId: o, formId: a }), m = l?.documentUrl;
+  return n ? /* @__PURE__ */ s(y, { className: i, flexDirection: "column", gap: 16, children: [
     n.title && /* @__PURE__ */ e(t.Heading, { as: "h2", children: n.title }),
     m && /* @__PURE__ */ e(t.Text, { children: /* @__PURE__ */ e(
-      u,
+      f,
       {
         t: r,
         i18nKey: "downloadDocumentCta",
@@ -43,13 +51,13 @@ function w({
         }
       }
     ) }),
-    /* @__PURE__ */ e(x, { url: m, title: n.title, viewDocumentLabel: r("viewDocumentCta") }),
-    /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(w, { url: m, title: n.title, viewDocumentLabel: r("viewDocumentCta") }),
+    /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
       t.Button,
       {
         variant: "secondary",
         onClick: () => {
-          a(E.CANCEL);
+          c(x.CANCEL);
         },
         children: r("backCta")
       }
@@ -57,6 +65,6 @@ function w({
   ] }) : null;
 }
 export {
-  N as DocumentManager
+  P as DocumentManager
 };
 //# sourceMappingURL=DocumentManager.js.map

package/dist/components/Employee/Documents/management/DocumentManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentManager.js","sources":["../../../../../src/components/Employee/Documents/management/DocumentManager.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentManager}.\n *\n * @public\n */\nexport interface DocumentManagerProps extends BaseComponentInterface<'Employee.DocumentManager'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the form to display. */\n  formId: string\n}\n\n/**\n * Read-only document viewer for the admin-facing employee dashboard. Renders the\n * selected form's PDF — including unsigned forms, which are shown as-is.\n * Signing is intentionally not offered here; forms are signed by the employee\n * during onboarding, not by an admin viewing the dashboard.\n *\n * @remarks\n * Emits the following events:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `CANCEL` | The back button is selected | — |\n *\n * @param props - See {@link DocumentManagerProps}.\n * @public\n */\nexport function DocumentManager(props: DocumentManagerProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Employee.DocumentManager\">\n      <DocumentManagerRoot employeeId={props.employeeId} formId={props.formId} />\n    </BaseComponent>\n  )\n}\n\nfunction DocumentManagerRoot({\n  employeeId,\n  formId,\n}: Omit<DocumentManagerProps, BaseComponentKeys>) {\n  useI18n('Employee.DocumentManager')\n  const { t } = useTranslation('Employee.DocumentManager')\n  const Components = useComponentContext()\n  const { onEvent } = useBase()\n\n  const {\n    data: { form },\n  } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId })\n\n  const pdfUrl = formPdf?.documentUrl\n\n  if (!form) return null\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {form.title && <Components.Heading as=\"h2\">{form.title}</Components.Heading>}\n      {pdfUrl && (\n        <Components.Text>\n          <Trans\n            t={t}\n            i18nKey=\"downloadDocumentCta\"\n            components={{\n              downloadLink: (\n                <Components.Link\n                  href={pdfUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  download={`${form.title || 'form'}.pdf`}\n                />\n              ),\n            }}\n          />\n        </Components.Text>\n      )}\n      <DocumentViewer url={pdfUrl} title={form.title} viewDocumentLabel={t('viewDocumentCta')} />\n\n      <ActionsLayout>\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.CANCEL)\n          }}\n        >\n          {t('backCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["DocumentManager","props","jsx","BaseComponent","DocumentManagerRoot","employeeId","formId","useI18n","t","useTranslation","Components","useComponentContext","onEvent","useBase","form","useEmployeeFormsGetSuspense","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","jsxs","Flex","Trans","DocumentViewer","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;;;;AAwCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,eAAc,4BACtC,UAAA,gBAAAC,EAACE,GAAA,EAAoB,YAAYH,EAAM,YAAY,QAAQA,EAAM,QAAQ,GAC3E;AAEJ;AAEA,SAASG,EAAoB;AAAA,EAC3B,YAAAC;AAAA,EACA,QAAAC;AACF,GAAkD;AAChD,EAAAC,EAAQ,0BAA0B;AAClC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B,GACjDC,IAAaC,EAAA,GACb,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd;AAAA,IACJ,MAAM,EAAE,MAAAC,EAAA;AAAA,EAAK,IACXC,EAA4B,EAAE,YAAAV,GAAY,QAAAC,GAAQ,GAChD;AAAA,IACJ,MAAM,EAAE,SAAAU,EAAA;AAAA,EAAQ,IACdC,EAA+B,EAAE,YAAAZ,GAAY,QAAAC,GAAQ,GAEnDY,IAASF,GAAS;AAExB,SAAKF,IAGH,gBAAAK,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAN,EAAK,2BAAUJ,EAAW,SAAX,EAAmB,IAAG,MAAM,YAAK,MAAA,CAAM;AAAA,IACtDQ,KACC,gBAAAhB,EAACQ,EAAW,MAAX,EACC,UAAA,gBAAAR;AAAA,MAACmB;AAAA,MAAA;AAAA,QACC,GAAAb;AAAA,QACA,SAAQ;AAAA,QACR,YAAY;AAAA,UACV,cACE,gBAAAN;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,MAAMQ;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cACJ,UAAU,GAAGJ,EAAK,SAAS,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACnC;AAAA,MAEJ;AAAA,IAAA,GAEJ;AAAA,IAEF,gBAAAZ,EAACoB,GAAA,EAAe,KAAKJ,GAAQ,OAAOJ,EAAK,OAAO,mBAAmBN,EAAE,iBAAiB,EAAA,CAAG;AAAA,sBAExFe,GAAA,EACC,UAAA,gBAAArB;AAAA,MAACQ,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAE,EAAQY,EAAgB,MAAM;AAAA,QAChC;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA,EACd,CACF;AAAA,EAAA,GACF,IAnCgB;AAqCpB;"}
+{"version":3,"file":"DocumentManager.js","sources":["../../../../../src/components/Employee/Documents/management/DocumentManager.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { useEmployeeFormsGetSuspense } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useEmployeeFormsGetPdfSuspense } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { BaseComponentKeys } from '@/components/Base/Base'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { DocumentViewer } from '@/components/Common/DocumentViewer'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentManager}.\n *\n * @public\n */\nexport interface DocumentManagerProps extends BaseComponentInterface<'Employee.DocumentManager'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** The identifier of the form to display. */\n  formId: string\n}\n\n/**\n * Read-only document viewer for the admin-facing employee dashboard. Renders the\n * selected form's PDF — including unsigned forms, which are shown as-is.\n * Signing is intentionally not offered here; forms are signed by the employee\n * during onboarding, not by an admin viewing the dashboard.\n *\n * @remarks\n * Emits the following events:\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `CANCEL` | The back button is selected | — |\n *\n * @param props - See {@link DocumentManagerProps}.\n * @public\n */\nexport function DocumentManager(props: DocumentManagerProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Employee.DocumentManager\">\n      <DocumentManagerRoot\n        employeeId={props.employeeId}\n        formId={props.formId}\n        className={props.className}\n      />\n    </BaseComponent>\n  )\n}\n\nfunction DocumentManagerRoot({\n  employeeId,\n  formId,\n  className,\n}: Omit<DocumentManagerProps, BaseComponentKeys>) {\n  useI18n('Employee.DocumentManager')\n  const { t } = useTranslation('Employee.DocumentManager')\n  const Components = useComponentContext()\n  const { onEvent } = useBase()\n\n  const {\n    data: { form },\n  } = useEmployeeFormsGetSuspense({ employeeId, formId })\n  const {\n    data: { formPdf },\n  } = useEmployeeFormsGetPdfSuspense({ employeeId, formId })\n\n  const pdfUrl = formPdf?.documentUrl\n\n  if (!form) return null\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={16}>\n      {form.title && <Components.Heading as=\"h2\">{form.title}</Components.Heading>}\n      {pdfUrl && (\n        <Components.Text>\n          <Trans\n            t={t}\n            i18nKey=\"downloadDocumentCta\"\n            components={{\n              downloadLink: (\n                <Components.Link\n                  href={pdfUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  download={`${form.title || 'form'}.pdf`}\n                />\n              ),\n            }}\n          />\n        </Components.Text>\n      )}\n      <DocumentViewer url={pdfUrl} title={form.title} viewDocumentLabel={t('viewDocumentCta')} />\n\n      <ActionsLayout>\n        <Components.Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.CANCEL)\n          }}\n        >\n          {t('backCta')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["DocumentManager","props","jsx","BaseComponent","DocumentManagerRoot","employeeId","formId","className","useI18n","t","useTranslation","Components","useComponentContext","onEvent","useBase","form","useEmployeeFormsGetSuspense","formPdf","useEmployeeFormsGetPdfSuspense","pdfUrl","Flex","Trans","DocumentViewer","ActionsLayout","componentEvents"],"mappings":";;;;;;;;;;;;AAwCO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,eAAc,4BACtC,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAYH,EAAM;AAAA,MAClB,QAAQA,EAAM;AAAA,MACd,WAAWA,EAAM;AAAA,IAAA;AAAA,EAAA,GAErB;AAEJ;AAEA,SAASG,EAAoB;AAAA,EAC3B,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AACF,GAAkD;AAChD,EAAAC,EAAQ,0BAA0B;AAClC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B,GACjDC,IAAaC,EAAA,GACb,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEd;AAAA,IACJ,MAAM,EAAE,MAAAC,EAAA;AAAA,EAAK,IACXC,EAA4B,EAAE,YAAAX,GAAY,QAAAC,GAAQ,GAChD;AAAA,IACJ,MAAM,EAAE,SAAAW,EAAA;AAAA,EAAQ,IACdC,EAA+B,EAAE,YAAAb,GAAY,QAAAC,GAAQ,GAEnDa,IAASF,GAAS;AAExB,SAAKF,sBAGFK,GAAA,EAAK,WAAAb,GAAsB,eAAc,UAAS,KAAK,IACrD,UAAA;AAAA,IAAAQ,EAAK,2BAAUJ,EAAW,SAAX,EAAmB,IAAG,MAAM,YAAK,MAAA,CAAM;AAAA,IACtDQ,KACC,gBAAAjB,EAACS,EAAW,MAAX,EACC,UAAA,gBAAAT;AAAA,MAACmB;AAAA,MAAA;AAAA,QACC,GAAAZ;AAAA,QACA,SAAQ;AAAA,QACR,YAAY;AAAA,UACV,cACE,gBAAAP;AAAA,YAACS,EAAW;AAAA,YAAX;AAAA,cACC,MAAMQ;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cACJ,UAAU,GAAGJ,EAAK,SAAS,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACnC;AAAA,MAEJ;AAAA,IAAA,GAEJ;AAAA,IAEF,gBAAAb,EAACoB,GAAA,EAAe,KAAKH,GAAQ,OAAOJ,EAAK,OAAO,mBAAmBN,EAAE,iBAAiB,EAAA,CAAG;AAAA,sBAExFc,GAAA,EACC,UAAA,gBAAArB;AAAA,MAACS,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAE,EAAQW,EAAgB,MAAM;AAAA,QAChC;AAAA,QAEC,YAAE,SAAS;AAAA,MAAA;AAAA,IAAA,EACd,CACF;AAAA,EAAA,GACF,IAnCgB;AAqCpB;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js

@@ -9,13 +9,14 @@ import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../../../shared/constants.js";
 import "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../../../Base/createCompoundContext.js";
-const [a, f] = t("DocumentListContext");
+const [f, v] = t("DocumentListContext");
 export {
-  f as DocumentListProvider,
-  a as useDocumentList
+  v as DocumentListProvider,
+  f as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.js

@@ -1,29 +1,29 @@
 import { jsx as r } from "react/jsx-runtime";
-import { GustoEmbeddedError as D } from "@gusto/embedded-api/models/errors/gustoembeddederror";
-import { useI9VerificationGetAuthorization as A } from "@gusto/embedded-api/react-query/i9VerificationGetAuthorization";
-import { useI9VerificationUpdateMutation as I } from "@gusto/embedded-api/react-query/i9VerificationUpdate";
-import { EmploymentEligibilityPresentation as _ } from "./EmploymentEligibilityPresentation.js";
-import { BaseComponent as v } from "../../../../../Base/Base.js";
-import { useBase as T } from "../../../../../Base/useBase.js";
-import { useComponentDictionary as x, useI18n as L } from "../../../../../../i18n/I18n.js";
-import { componentEvents as S } from "../../../../../../shared/constants.js";
-import { normalizeToDate as M } from "../../../../../../helpers/dateFormatting.js";
-function j(o) {
-  return /* @__PURE__ */ r(v, { ...o, children: /* @__PURE__ */ r(N, { ...o }) });
+import { GustoEmbeddedError as A } from "@gusto/embedded-api/models/errors/gustoembeddederror";
+import { useI9VerificationGetAuthorization as I } from "@gusto/embedded-api/react-query/i9VerificationGetAuthorization";
+import { useI9VerificationUpdateMutation as _ } from "@gusto/embedded-api/react-query/i9VerificationUpdate";
+import { EmploymentEligibilityPresentation as v } from "./EmploymentEligibilityPresentation.js";
+import { BaseComponent as T } from "../../../../../Base/Base.js";
+import { useBase as x } from "../../../../../Base/useBase.js";
+import { useComponentDictionary as L, useI18n as S } from "../../../../../../i18n/I18n.js";
+import { componentEvents as M } from "../../../../../../shared/constants.js";
+import { normalizeToDate as N } from "../../../../../../helpers/dateFormatting.js";
+function H(o) {
+  return /* @__PURE__ */ r(T, { ...o, children: /* @__PURE__ */ r(B, { ...o }) });
 }
-const N = ({ employeeId: o, dictionary: m }) => {
-  x("Employee.EmploymentEligibility", m), L("Employee.EmploymentEligibility");
-  const { onEvent: s, baseSubmitHandler: c, LoadingIndicator: p } = T(), { data: d, isLoading: l } = A(
+const B = ({ employeeId: o, dictionary: m, className: s }) => {
+  L("Employee.EmploymentEligibility", m), S("Employee.EmploymentEligibility");
+  const { onEvent: c, baseSubmitHandler: p, LoadingIndicator: d } = x(), { data: l, isLoading: y } = I(
     { employeeId: o },
     {
       retry: !1,
-      throwOnError: (i) => !(i instanceof D && i.httpMeta.response.status === 404)
+      throwOnError: (i) => !(i instanceof A && i.httpMeta.response.status === 404)
     }
-  ), t = d?.i9Authorization, { mutateAsync: y, isPending: u } = I(), E = async (i) => {
-    await c(i, async (h) => {
-      const { authorizationStatus: n, documentType: a, documentNumber: e, expirationDate: b, country: g } = h;
+  ), t = l?.i9Authorization, { mutateAsync: E, isPending: u } = _(), f = async (i) => {
+    await p(i, async (b) => {
+      const { authorizationStatus: n, documentType: a, documentNumber: e, expirationDate: g, country: z } = b;
       if (!n) return;
-      const z = await y({
+      const D = await E({
         request: {
           employeeId: o,
           i9AuthorizationRequestBody: {
@@ -35,25 +35,26 @@ const N = ({ employeeId: o, dictionary: m }) => {
             },
             ...n === "alien" && {
               ...e && a && { documentType: a, documentNumber: e },
-              expirationDate: b,
-              ...a === "foreign_passport" && { country: g }
+              expirationDate: g,
+              ...a === "foreign_passport" && { country: z }
             }
           }
         }
       });
-      s(S.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE, z.i9Authorization);
+      c(M.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE, D.i9Authorization);
     });
-  }, f = t ? {
+  }, h = t ? {
     authorizationStatus: t.authorizationStatus,
     documentType: t.documentType ?? void 0,
-    expirationDate: M(t.expirationDate) ?? void 0,
+    expirationDate: N(t.expirationDate) ?? void 0,
     country: t.country ?? void 0
   } : {};
-  return !u && l ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ r(
-    _,
+  return !u && y ? /* @__PURE__ */ r(d, {}) : /* @__PURE__ */ r(
+    v,
     {
-      onSubmit: E,
-      defaultValues: f,
+      className: s,
+      onSubmit: f,
+      defaultValues: h,
       hasDocumentNumber: t?.hasDocumentNumber,
       isPending: u
     },
@@ -61,6 +62,6 @@ const N = ({ employeeId: o, dictionary: m }) => {
   );
 };
 export {
-  j as EmploymentEligibility
+  H as EmploymentEligibility
 };
 //# sourceMappingURL=EmploymentEligibility.js.map

package/dist/components/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmploymentEligibility.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.tsx"],"sourcesContent":["import { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport { useI9VerificationUpdateMutation } from '@gusto/embedded-api/react-query/i9VerificationUpdate'\nimport { EmploymentEligibilityPresentation } from './EmploymentEligibilityPresentation'\nimport type {\n  EmploymentEligibilityInputs,\n  EmploymentEligibilityPayload,\n} from './EmploymentEligibilitySchema'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\n\n/**\n * Props for {@link EmploymentEligibility}.\n *\n * @public\n */\nexport interface EmploymentEligibilityProps extends BaseComponentInterface<'Employee.EmploymentEligibility'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Captures the employee's I-9 employment eligibility (Section 1) before signing.\n *\n * @remarks\n * Collects the employee's authorization status — U.S. citizen, noncitizen\n * national, permanent resident, or alien authorized to work — and any\n * document details required for that status. Updates the employee's I-9\n * authorization record on submit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/employmentEligibility/done` | Fired after the I-9 authorization is saved | The updated I-9 authorization |\n *\n * @param props - See {@link EmploymentEligibilityProps}.\n * @returns The employment eligibility form.\n * @public\n */\nexport function EmploymentEligibility(props: EmploymentEligibilityProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, dictionary }: EmploymentEligibilityProps) => {\n  useComponentDictionary('Employee.EmploymentEligibility', dictionary)\n  useI18n('Employee.EmploymentEligibility')\n  const { onEvent, baseSubmitHandler, LoadingIndicator } = useBase()\n\n  const { data: i9AuthData, isLoading } = useI9VerificationGetAuthorization(\n    { employeeId },\n    {\n      retry: false,\n      throwOnError: (error: Error) => {\n        return !(error instanceof GustoEmbeddedError && error.httpMeta.response.status === 404)\n      },\n    },\n  )\n\n  const existingAuth = i9AuthData?.i9Authorization\n\n  const { mutateAsync: updateI9Authorization, isPending } = useI9VerificationUpdateMutation()\n\n  const handleSubmit = async (data: EmploymentEligibilityPayload) => {\n    await baseSubmitHandler(data, async payload => {\n      const { authorizationStatus, documentType, documentNumber, expirationDate, country } = payload\n\n      if (!authorizationStatus) return\n\n      const result = await updateI9Authorization({\n        request: {\n          employeeId,\n          i9AuthorizationRequestBody: {\n            authorizationStatus,\n            version: existingAuth?.version,\n            ...(authorizationStatus === 'permanent_resident' &&\n              documentNumber && {\n                documentType: 'uscis_alien_registration_number',\n                documentNumber,\n              }),\n            ...(authorizationStatus === 'alien' && {\n              ...(documentNumber && documentType && { documentType, documentNumber }),\n              expirationDate,\n              ...(documentType === 'foreign_passport' && { country }),\n            }),\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE, result.i9Authorization)\n    })\n  }\n\n  const defaultValues: Partial<EmploymentEligibilityInputs> = existingAuth\n    ? {\n        authorizationStatus: existingAuth.authorizationStatus,\n        documentType: existingAuth.documentType ?? undefined,\n        expirationDate: normalizeToDate(existingAuth.expirationDate) ?? undefined,\n        country: existingAuth.country ?? undefined,\n      }\n    : {}\n\n  if (!isPending && isLoading) return <LoadingIndicator />\n\n  return (\n    <EmploymentEligibilityPresentation\n      key={existingAuth?.uuid}\n      onSubmit={handleSubmit}\n      defaultValues={defaultValues}\n      hasDocumentNumber={existingAuth?.hasDocumentNumber}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["EmploymentEligibility","props","jsx","BaseComponent","Root","employeeId","dictionary","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","LoadingIndicator","useBase","i9AuthData","isLoading","useI9VerificationGetAuthorization","error","GustoEmbeddedError","existingAuth","updateI9Authorization","isPending","useI9VerificationUpdateMutation","handleSubmit","data","payload","authorizationStatus","documentType","documentNumber","expirationDate","country","result","componentEvents","defaultValues","normalizeToDate","EmploymentEligibilityPresentation"],"mappings":";;;;;;;;;;AA2CO,SAASA,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAA6C;AACvE,EAAAC,EAAuB,kCAAkCD,CAAU,GACnEE,EAAQ,gCAAgC;AACxC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,GAAmB,kBAAAC,EAAA,IAAqBC,EAAA,GAEnD,EAAE,MAAMC,GAAY,WAAAC,EAAA,IAAcC;AAAA,IACtC,EAAE,YAAAV,EAAA;AAAA,IACF;AAAA,MACE,OAAO;AAAA,MACP,cAAc,CAACW,MACN,EAAEA,aAAiBC,KAAsBD,EAAM,SAAS,SAAS,WAAW;AAAA,IACrF;AAAA,EACF,GAGIE,IAAeL,GAAY,iBAE3B,EAAE,aAAaM,GAAuB,WAAAC,EAAA,IAAcC,EAAA,GAEpDC,IAAe,OAAOC,MAAuC;AACjE,UAAMb,EAAkBa,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,qBAAAC,GAAqB,cAAAC,GAAc,gBAAAC,GAAgB,gBAAAC,GAAgB,SAAAC,MAAYL;AAEvF,UAAI,CAACC,EAAqB;AAE1B,YAAMK,IAAS,MAAMX,EAAsB;AAAA,QACzC,SAAS;AAAA,UACP,YAAAd;AAAA,UACA,4BAA4B;AAAA,YAC1B,qBAAAoB;AAAA,YACA,SAASP,GAAc;AAAA,YACvB,GAAIO,MAAwB,wBAC1BE,KAAkB;AAAA,cAChB,cAAc;AAAA,cACd,gBAAAA;AAAA,YAAA;AAAA,YAEJ,GAAIF,MAAwB,WAAW;AAAA,cACrC,GAAIE,KAAkBD,KAAgB,EAAE,cAAAA,GAAc,gBAAAC,EAAA;AAAA,cACtD,gBAAAC;AAAA,cACA,GAAIF,MAAiB,sBAAsB,EAAE,SAAAG,EAAA;AAAA,YAAQ;AAAA,UACvD;AAAA,QACF;AAAA,MACF,CACD;AAED,MAAApB,EAAQsB,EAAgB,sCAAsCD,EAAO,eAAe;AAAA,IACtF,CAAC;AAAA,EACH,GAEME,IAAsDd,IACxD;AAAA,IACE,qBAAqBA,EAAa;AAAA,IAClC,cAAcA,EAAa,gBAAgB;AAAA,IAC3C,gBAAgBe,EAAgBf,EAAa,cAAc,KAAK;AAAA,IAChE,SAASA,EAAa,WAAW;AAAA,EAAA,IAEnC,CAAA;AAEJ,SAAI,CAACE,KAAaN,sBAAmBH,GAAA,CAAA,CAAiB,IAGpD,gBAAAT;AAAA,IAACgC;AAAA,IAAA;AAAA,MAEC,UAAUZ;AAAA,MACV,eAAAU;AAAA,MACA,mBAAmBd,GAAc;AAAA,MACjC,WAAAE;AAAA,IAAA;AAAA,IAJKF,GAAc;AAAA,EAAA;AAOzB;"}
+{"version":3,"file":"EmploymentEligibility.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/EmploymentEligibility/EmploymentEligibility.tsx"],"sourcesContent":["import { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\nimport { useI9VerificationGetAuthorization } from '@gusto/embedded-api/react-query/i9VerificationGetAuthorization'\nimport { useI9VerificationUpdateMutation } from '@gusto/embedded-api/react-query/i9VerificationUpdate'\nimport { EmploymentEligibilityPresentation } from './EmploymentEligibilityPresentation'\nimport type {\n  EmploymentEligibilityInputs,\n  EmploymentEligibilityPayload,\n} from './EmploymentEligibilitySchema'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { normalizeToDate } from '@/helpers/dateFormatting'\n\n/**\n * Props for {@link EmploymentEligibility}.\n *\n * @public\n */\nexport interface EmploymentEligibilityProps extends BaseComponentInterface<'Employee.EmploymentEligibility'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Captures the employee's I-9 employment eligibility (Section 1) before signing.\n *\n * @remarks\n * Collects the employee's authorization status — U.S. citizen, noncitizen\n * national, permanent resident, or alien authorized to work — and any\n * document details required for that status. Updates the employee's I-9\n * authorization record on submit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/employmentEligibility/done` | Fired after the I-9 authorization is saved | The updated I-9 authorization |\n *\n * @param props - See {@link EmploymentEligibilityProps}.\n * @returns The employment eligibility form.\n * @public\n */\nexport function EmploymentEligibility(props: EmploymentEligibilityProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, dictionary, className }: EmploymentEligibilityProps) => {\n  useComponentDictionary('Employee.EmploymentEligibility', dictionary)\n  useI18n('Employee.EmploymentEligibility')\n  const { onEvent, baseSubmitHandler, LoadingIndicator } = useBase()\n\n  const { data: i9AuthData, isLoading } = useI9VerificationGetAuthorization(\n    { employeeId },\n    {\n      retry: false,\n      throwOnError: (error: Error) => {\n        return !(error instanceof GustoEmbeddedError && error.httpMeta.response.status === 404)\n      },\n    },\n  )\n\n  const existingAuth = i9AuthData?.i9Authorization\n\n  const { mutateAsync: updateI9Authorization, isPending } = useI9VerificationUpdateMutation()\n\n  const handleSubmit = async (data: EmploymentEligibilityPayload) => {\n    await baseSubmitHandler(data, async payload => {\n      const { authorizationStatus, documentType, documentNumber, expirationDate, country } = payload\n\n      if (!authorizationStatus) return\n\n      const result = await updateI9Authorization({\n        request: {\n          employeeId,\n          i9AuthorizationRequestBody: {\n            authorizationStatus,\n            version: existingAuth?.version,\n            ...(authorizationStatus === 'permanent_resident' &&\n              documentNumber && {\n                documentType: 'uscis_alien_registration_number',\n                documentNumber,\n              }),\n            ...(authorizationStatus === 'alien' && {\n              ...(documentNumber && documentType && { documentType, documentNumber }),\n              expirationDate,\n              ...(documentType === 'foreign_passport' && { country }),\n            }),\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_EMPLOYMENT_ELIGIBILITY_DONE, result.i9Authorization)\n    })\n  }\n\n  const defaultValues: Partial<EmploymentEligibilityInputs> = existingAuth\n    ? {\n        authorizationStatus: existingAuth.authorizationStatus,\n        documentType: existingAuth.documentType ?? undefined,\n        expirationDate: normalizeToDate(existingAuth.expirationDate) ?? undefined,\n        country: existingAuth.country ?? undefined,\n      }\n    : {}\n\n  if (!isPending && isLoading) return <LoadingIndicator />\n\n  return (\n    <EmploymentEligibilityPresentation\n      key={existingAuth?.uuid}\n      className={className}\n      onSubmit={handleSubmit}\n      defaultValues={defaultValues}\n      hasDocumentNumber={existingAuth?.hasDocumentNumber}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["EmploymentEligibility","props","jsx","BaseComponent","Root","employeeId","dictionary","className","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","LoadingIndicator","useBase","i9AuthData","isLoading","useI9VerificationGetAuthorization","error","GustoEmbeddedError","existingAuth","updateI9Authorization","isPending","useI9VerificationUpdateMutation","handleSubmit","data","payload","authorizationStatus","documentType","documentNumber","expirationDate","country","result","componentEvents","defaultValues","normalizeToDate","EmploymentEligibilityPresentation"],"mappings":";;;;;;;;;;AA2CO,SAASA,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,YAAAC,GAAY,WAAAC,QAA4C;AAClF,EAAAC,EAAuB,kCAAkCF,CAAU,GACnEG,EAAQ,gCAAgC;AACxC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,GAAmB,kBAAAC,EAAA,IAAqBC,EAAA,GAEnD,EAAE,MAAMC,GAAY,WAAAC,EAAA,IAAcC;AAAA,IACtC,EAAE,YAAAX,EAAA;AAAA,IACF;AAAA,MACE,OAAO;AAAA,MACP,cAAc,CAACY,MACN,EAAEA,aAAiBC,KAAsBD,EAAM,SAAS,SAAS,WAAW;AAAA,IACrF;AAAA,EACF,GAGIE,IAAeL,GAAY,iBAE3B,EAAE,aAAaM,GAAuB,WAAAC,EAAA,IAAcC,EAAA,GAEpDC,IAAe,OAAOC,MAAuC;AACjE,UAAMb,EAAkBa,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,qBAAAC,GAAqB,cAAAC,GAAc,gBAAAC,GAAgB,gBAAAC,GAAgB,SAAAC,MAAYL;AAEvF,UAAI,CAACC,EAAqB;AAE1B,YAAMK,IAAS,MAAMX,EAAsB;AAAA,QACzC,SAAS;AAAA,UACP,YAAAf;AAAA,UACA,4BAA4B;AAAA,YAC1B,qBAAAqB;AAAA,YACA,SAASP,GAAc;AAAA,YACvB,GAAIO,MAAwB,wBAC1BE,KAAkB;AAAA,cAChB,cAAc;AAAA,cACd,gBAAAA;AAAA,YAAA;AAAA,YAEJ,GAAIF,MAAwB,WAAW;AAAA,cACrC,GAAIE,KAAkBD,KAAgB,EAAE,cAAAA,GAAc,gBAAAC,EAAA;AAAA,cACtD,gBAAAC;AAAA,cACA,GAAIF,MAAiB,sBAAsB,EAAE,SAAAG,EAAA;AAAA,YAAQ;AAAA,UACvD;AAAA,QACF;AAAA,MACF,CACD;AAED,MAAApB,EAAQsB,EAAgB,sCAAsCD,EAAO,eAAe;AAAA,IACtF,CAAC;AAAA,EACH,GAEME,IAAsDd,IACxD;AAAA,IACE,qBAAqBA,EAAa;AAAA,IAClC,cAAcA,EAAa,gBAAgB;AAAA,IAC3C,gBAAgBe,EAAgBf,EAAa,cAAc,KAAK;AAAA,IAChE,SAASA,EAAa,WAAW;AAAA,EAAA,IAEnC,CAAA;AAEJ,SAAI,CAACE,KAAaN,sBAAmBH,GAAA,CAAA,CAAiB,IAGpD,gBAAAV;AAAA,IAACiC;AAAA,IAAA;AAAA,MAEC,WAAA5B;AAAA,MACA,UAAUgB;AAAA,MACV,eAAAU;AAAA,MACA,mBAAmBd,GAAc;AAAA,MACjC,WAAAE;AAAA,IAAA;AAAA,IALKF,GAAc;AAAA,EAAA;AAQzB;"}