@gusto/embedded-react-sdk 0.57.2 → 0.58.0

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

@@ -7,20 +7,20 @@ 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 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 { BaseBoundaries as S } 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 _ } from "../Documents/management/DocumentsCard/DocumentsCard.js";
-function H({
-  employeeId: a,
-  dictionary: o,
+function w({
+  employeeId: o,
+  dictionary: a,
   onEvent: t,
   selectedTab: r,
   LoaderComponent: p,
   className: d
 }) {
-  B("Employee.Dashboard"), N("Employee.Dashboard", o);
+  j("Employee.Dashboard"), B("Employee.Dashboard", a);
   const { t: n } = c("Employee.Dashboard"), u = b(), [f, D] = y("basicDetails"), s = r ?? f, h = [
     {
       id: "basicDetails",
@@ -44,7 +44,7 @@ function H({
     }
   ];
   return /* @__PURE__ */ i(l, { className: d, flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ e(T, { fallback: null, children: /* @__PURE__ */ e(w, { employeeId: a }) }),
+    /* @__PURE__ */ e(T, { fallback: null, children: /* @__PURE__ */ e(H, { employeeId: o }) }),
     /* @__PURE__ */ i(l, { flexDirection: "column", gap: 8, children: [
       /* @__PURE__ */ e(
         u.Tabs,
@@ -53,19 +53,19 @@ function H({
           selectedId: s,
           onSelectionChange: (x) => {
             const m = x;
-            D(m), t(P.EMPLOYEE_DASHBOARD_TAB_CHANGE, { tab: m });
+            D(m), t(N.EMPLOYEE_DASHBOARD_TAB_CHANGE, { tab: m });
           },
           "aria-label": n("tabsLabel")
         }
       ),
       /* @__PURE__ */ i(l, { flexDirection: "column", gap: 24, children: [
-        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 === "basicDetails" && /* @__PURE__ */ e(g, { employeeId: o, onEvent: t }),
+        s === "jobAndPay" && /* @__PURE__ */ e(C, { employeeId: o, onEvent: t }),
+        s === "taxes" && /* @__PURE__ */ e(E, { employeeId: o, onEvent: t }),
         s === "documents" && /* @__PURE__ */ e(
           _,
           {
-            employeeId: a,
+            employeeId: o,
             onEvent: t,
             LoaderComponent: p
           }
@@ -74,23 +74,23 @@ function H({
     ] })
   ] });
 }
-function w({ employeeId: a }) {
-  const { t: o } = c("Employee.Dashboard"), t = b(), {
-    data: { employee: r }
-  } = A({ employeeId: a });
+function H({ employeeId: o }) {
+  const { t: a } = c("Employee.Dashboard"), t = b(), {
+    data: { employeeShow: r }
+  } = A({ employeeId: o });
   return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 4, children: [
-    /* @__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") })
+    /* @__PURE__ */ e(t.Heading, { as: "h2", children: P({ first_name: r?.firstName, last_name: r?.lastName }) }),
+    /* @__PURE__ */ e(t.Text, { variant: "supporting", children: a("employeeRoleLabel") })
   ] });
 }
-function Q({ FallbackComponent: a, LoaderComponent: o, ...t }) {
+function Q({ FallbackComponent: o, LoaderComponent: a, ...t }) {
   return /* @__PURE__ */ e(
-    j,
+    S,
     {
       componentName: "Employee.Dashboard",
-      FallbackComponent: a,
-      LoaderComponent: o,
-      children: /* @__PURE__ */ e(H, { ...t, LoaderComponent: o })
+      FallbackComponent: o,
+      LoaderComponent: a,
+      children: /* @__PURE__ */ e(w, { ...t, LoaderComponent: a })
     }
   );
 }

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  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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"}
+{"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: { employeeShow: 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/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js

@@ -11,11 +11,10 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 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 [d, a] = t("DocumentListContext");
 export {
-  f as DocumentListProvider,
-  a as useDocumentList
+  a as DocumentListProvider,
+  d 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/DocumentSigner.js

@@ -3,9 +3,9 @@ import { createMachine as f } from "robot3";
 import { useMemo as l } from "react";
 import { useEmployeesGetSuspense as g } from "@gusto/embedded-api/react-query/employeesGet";
 import { useEmployeeFormsListSuspense as D } from "@gusto/embedded-api/react-query/employeeFormsList";
-import { EmploymentEligibilityContextual as d, DocumentListContextual as y } from "./documentSignerStateMachine.js";
-import { documentSignerMachine as E } from "./stateMachine.js";
-import { Flow as S } from "../../../../Flow/Flow.js";
+import { EmploymentEligibilityContextual as S, DocumentListContextual as d } from "./documentSignerStateMachine.js";
+import { documentSignerMachine as y } from "./stateMachine.js";
+import { Flow as E } from "../../../../Flow/Flow.js";
 import { BaseComponent as x } from "../../../../Base/Base.js";
 import "../../../../Base/useBase.js";
 import { useComponentDictionary as C } from "../../../../../i18n/I18n.js";
@@ -15,20 +15,20 @@ function O(o) {
 }
 function M({ employeeId: o, onEvent: i, dictionary: s, withEmployeeI9: t = !1 }) {
   C("Employee.DocumentSigner", s);
-  const { data: a } = g({ employeeId: o }), { data: c } = D({ employeeId: o }), u = a.employee?.onboardingDocumentsConfig?.i9Document === !0, m = c.forms?.find((e) => e.name === F), r = t && u && (!m || m.requiresSigning === !0), p = l(
+  const { data: a } = g({ employeeId: o }), { data: c } = D({ employeeId: o }), u = a.employeeShow?.onboardingDocumentsConfig?.i9Document === !0, m = c.forms?.find((e) => e.name === F), r = t && u && (!m || m.requiresSigning === !0), p = l(
     () => f(
       r ? "employmentEligibility" : "index",
-      E,
+      y,
       (e) => ({
         ...e,
-        component: r ? d : y,
+        component: r ? S : d,
         employeeId: o,
         withEmployeeI9: t
       })
     ),
     [o, t]
   );
-  return /* @__PURE__ */ n(S, { machine: p, onEvent: i });
+  return /* @__PURE__ */ n(E, { machine: p, onEvent: i });
 }
 export {
   O as DocumentSigner

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentSigner.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport {\n  DocumentListContextual,\n  EmploymentEligibilityContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { I9_FORM_NAME } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentSigner}.\n *\n * @public\n */\nexport interface DocumentSignerProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When `true`, the flow routes through I-9 employment eligibility before listing documents for signing. Defaults to `false`. */\n  withEmployeeI9?: boolean\n}\n\n/**\n * Onboarding step for signing employee documents.\n *\n * @remarks\n * Lists the employee's pending forms and routes through the signing UI for each\n * one. When `withEmployeeI9` is `true` and the employee's I-9 has not been\n * signed, the flow starts on the I-9 employment eligibility step before\n * presenting the document list.\n *\n * Each form's description is rendered as returned by the API, unless the `dictionary` prop\n * supplies a `forms.<name>.description` override for that form's `name` (e.g.\n * `forms.employee_direct_deposit.description`).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/employmentEligibility/done` | Fired after I-9 employment eligibility is captured | The updated I-9 authorization |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected from the document list | `{ uuid: string; name?: string }` |\n * | `employee/forms/sign` | Fired after a form is successfully signed | {@link APIModels.Form} |\n * | `employee/employmentEligibility/change` | Fired when the user requests to change their I-9 eligibility status | — |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n * | `cancel` | Fired when the user cancels signing a form and returns to the document list | — |\n *\n * @components\n * - {@link EmploymentEligibility}\n * - {@link I9SignatureForm}\n * - {@link DocumentList}\n * - {@link SignatureForm}\n *\n * @param props - See {@link DocumentSignerProps}.\n * @returns The document signer flow.\n * @public\n */\nexport function DocumentSigner(props: DocumentSignerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, onEvent, dictionary, withEmployeeI9 = false }: DocumentSignerProps) {\n  useComponentDictionary('Employee.DocumentSigner', dictionary)\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: formsData } = useEmployeeFormsListSuspense({ employeeId })\n\n  const employeeHasI9Enabled = employeeData.employee?.onboardingDocumentsConfig?.i9Document === true\n\n  const i9Form = formsData.forms?.find(form => form.name === I9_FORM_NAME)\n  const needsI9Form =\n    withEmployeeI9 && employeeHasI9Enabled && (!i9Form || i9Form.requiresSigning === true)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        needsI9Form ? 'employmentEligibility' : 'index',\n        documentSignerMachine,\n        (initialContext: DocumentSignerContextInterface) => ({\n          ...initialContext,\n          component: needsI9Form ? EmploymentEligibilityContextual : DocumentListContextual,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [employeeId, withEmployeeI9],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["DocumentSigner","props","jsx","BaseComponent","Root","employeeId","onEvent","dictionary","withEmployeeI9","useComponentDictionary","employeeData","useEmployeesGetSuspense","formsData","useEmployeeFormsListSuspense","employeeHasI9Enabled","i9Form","form","I9_FORM_NAME","needsI9Form","machine","useMemo","createMachine","documentSignerMachine","initialContext","EmploymentEligibilityContextual","DocumentListContextual","Flow"],"mappings":";;;;;;;;;;;;AA4DO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,GAAY,gBAAAC,IAAiB,MAA8B;AAC9F,EAAAC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,MAAMG,EAAA,IAAiBC,EAAwB,EAAE,YAAAN,GAAY,GAC/D,EAAE,MAAMO,EAAA,IAAcC,EAA6B,EAAE,YAAAR,GAAY,GAEjES,IAAuBJ,EAAa,UAAU,2BAA2B,eAAe,IAExFK,IAASH,EAAU,OAAO,KAAK,CAAAI,MAAQA,EAAK,SAASC,CAAY,GACjEC,IACJV,KAAkBM,MAAyB,CAACC,KAAUA,EAAO,oBAAoB,KAE7EI,IAAUC;AAAA,IACd,MACEC;AAAA,MACEH,IAAc,0BAA0B;AAAA,MACxCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAAkCC;AAAA,QAC3D,YAAApB;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYG,CAAc;AAAA,EAAA;AAG7B,SAAO,gBAAAN,EAACwB,GAAA,EAAK,SAAAP,GAAkB,SAAAb,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"DocumentSigner.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentSigner.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeeFormsListSuspense } from '@gusto/embedded-api/react-query/employeeFormsList'\nimport {\n  DocumentListContextual,\n  EmploymentEligibilityContextual,\n  type DocumentSignerContextInterface,\n} from './documentSignerStateMachine'\nimport { documentSignerMachine } from './stateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { I9_FORM_NAME } from '@/shared/constants'\n\n/**\n * Props for {@link DocumentSigner}.\n *\n * @public\n */\nexport interface DocumentSignerProps extends BaseComponentInterface<'Employee.DocumentSigner'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** When `true`, the flow routes through I-9 employment eligibility before listing documents for signing. Defaults to `false`. */\n  withEmployeeI9?: boolean\n}\n\n/**\n * Onboarding step for signing employee documents.\n *\n * @remarks\n * Lists the employee's pending forms and routes through the signing UI for each\n * one. When `withEmployeeI9` is `true` and the employee's I-9 has not been\n * signed, the flow starts on the I-9 employment eligibility step before\n * presenting the document list.\n *\n * Each form's description is rendered as returned by the API, unless the `dictionary` prop\n * supplies a `forms.<name>.description` override for that form's `name` (e.g.\n * `forms.employee_direct_deposit.description`).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/employmentEligibility/done` | Fired after I-9 employment eligibility is captured | The updated I-9 authorization |\n * | `employee/forms/view` | Fired when a form's \"Sign\" action is selected from the document list | `{ uuid: string; name?: string }` |\n * | `employee/forms/sign` | Fired after a form is successfully signed | {@link APIModels.Form} |\n * | `employee/employmentEligibility/change` | Fired when the user requests to change their I-9 eligibility status | — |\n * | `employee/forms/done` | Fired when all required forms have been signed and the parent flow can advance | — |\n * | `cancel` | Fired when the user cancels signing a form and returns to the document list | — |\n *\n * @components\n * - {@link EmploymentEligibility}\n * - {@link I9SignatureForm}\n * - {@link DocumentList}\n * - {@link SignatureForm}\n *\n * @param props - See {@link DocumentSignerProps}.\n * @returns The document signer flow.\n * @public\n */\nexport function DocumentSigner(props: DocumentSignerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ employeeId, onEvent, dictionary, withEmployeeI9 = false }: DocumentSignerProps) {\n  useComponentDictionary('Employee.DocumentSigner', dictionary)\n\n  const { data: employeeData } = useEmployeesGetSuspense({ employeeId })\n  const { data: formsData } = useEmployeeFormsListSuspense({ employeeId })\n\n  const employeeHasI9Enabled =\n    employeeData.employeeShow?.onboardingDocumentsConfig?.i9Document === true\n\n  const i9Form = formsData.forms?.find(form => form.name === I9_FORM_NAME)\n  const needsI9Form =\n    withEmployeeI9 && employeeHasI9Enabled && (!i9Form || i9Form.requiresSigning === true)\n\n  const machine = useMemo(\n    () =>\n      createMachine(\n        needsI9Form ? 'employmentEligibility' : 'index',\n        documentSignerMachine,\n        (initialContext: DocumentSignerContextInterface) => ({\n          ...initialContext,\n          component: needsI9Form ? EmploymentEligibilityContextual : DocumentListContextual,\n          employeeId,\n          withEmployeeI9,\n        }),\n      ),\n    [employeeId, withEmployeeI9],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["DocumentSigner","props","jsx","BaseComponent","Root","employeeId","onEvent","dictionary","withEmployeeI9","useComponentDictionary","employeeData","useEmployeesGetSuspense","formsData","useEmployeeFormsListSuspense","employeeHasI9Enabled","i9Form","form","I9_FORM_NAME","needsI9Form","machine","useMemo","createMachine","documentSignerMachine","initialContext","EmploymentEligibilityContextual","DocumentListContextual","Flow"],"mappings":";;;;;;;;;;;;AA4DO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,SAAAC,GAAS,YAAAC,GAAY,gBAAAC,IAAiB,MAA8B;AAC9F,EAAAC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,MAAMG,EAAA,IAAiBC,EAAwB,EAAE,YAAAN,GAAY,GAC/D,EAAE,MAAMO,EAAA,IAAcC,EAA6B,EAAE,YAAAR,GAAY,GAEjES,IACJJ,EAAa,cAAc,2BAA2B,eAAe,IAEjEK,IAASH,EAAU,OAAO,KAAK,CAAAI,MAAQA,EAAK,SAASC,CAAY,GACjEC,IACJV,KAAkBM,MAAyB,CAACC,KAAUA,EAAO,oBAAoB,KAE7EI,IAAUC;AAAA,IACd,MACEC;AAAA,MACEH,IAAc,0BAA0B;AAAA,MACxCI;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWL,IAAcM,IAAkCC;AAAA,QAC3D,YAAApB;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACH,GAAYG,CAAc;AAAA,EAAA;AAG7B,SAAO,gBAAAN,EAACwB,GAAA,EAAK,SAAAP,GAAkB,SAAAb,EAAA,CAAkB;AACnD;"}

package/dist/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocuments.js

@@ -14,7 +14,7 @@ function P(o) {
 }
 const U = ({ employeeId: o, dictionary: t, className: r }) => {
   N("Employee.EmployeeDocuments", t);
-  const { onEvent: s, baseSubmitHandler: u } = b(), { data: a } = y({ employeeId: o }), e = a.employee, c = e?.onboardingDocumentsConfig?.i9Document ?? !1, p = e?.onboardingStatus ? C.has(e.onboardingStatus) || e.onboardingStatus === _.SELF_ONBOARDING_PENDING_INVITE : !1, { mutateAsync: E } = f(), l = d({
+  const { onEvent: s, baseSubmitHandler: u } = b(), { data: a } = y({ employeeId: o }), e = a.employeeShow, c = e?.onboardingDocumentsConfig?.i9Document ?? !1, p = e?.onboardingStatus ? C.has(e.onboardingStatus) || e.onboardingStatus === _.SELF_ONBOARDING_PENDING_INVITE : !1, { mutateAsync: E } = f(), l = d({
     mutationKey: g()
   }) > 0;
   return /* @__PURE__ */ n(

package/dist/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocuments.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeDocuments.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocuments.tsx"],"sourcesContent":["import { useIsMutating } from '@tanstack/react-query'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport {\n  useEmployeesUpdateOnboardingDocumentsConfigMutation,\n  mutationKeyEmployeesUpdateOnboardingDocumentsConfig,\n} from '@gusto/embedded-api/react-query/employeesUpdateOnboardingDocumentsConfig'\nimport {\n  EmployeeDocumentsPresentation,\n  type EmployeeDocumentsFormValues,\n} from './EmployeeDocumentsPresentation'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeSelfOnboardingStatuses,\n  EmployeeOnboardingStatus,\n} from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { OnboardingContextInterface } from '@/components/Employee/OnboardingFlow/OnboardingFlowComponents'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Props for {@link EmployeeDocuments}.\n *\n * @public\n */\nexport interface EmployeeDocumentsProps extends BaseComponentInterface<'Employee.EmployeeDocuments'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Onboarding step for selecting which documents the employee must complete.\n *\n * @remarks\n * Shows the I-9 toggle when the employee is self-onboarding (so the employee\n * can choose whether their employer will collect I-9 verification) and a\n * summary otherwise. Persists the selection to the employee's onboarding\n * documents configuration and advances the parent flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/onboardingDocumentsConfig/updated` | Fired after the employee's documents configuration is saved | The updated documents configuration response |\n * | `employee/documents/done` | Fired when the step is complete and the parent flow can advance | — |\n *\n * @param props - Component props including `employeeId` and `onEvent`.\n * @returns The employee documents onboarding step.\n * @public\n */\nexport function EmployeeDocuments(props: EmployeeDocumentsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, dictionary, className }: EmployeeDocumentsProps) => {\n  useComponentDictionary('Employee.EmployeeDocuments', dictionary)\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useEmployeesGetSuspense({ employeeId })\n  const employee = data.employee\n  const currentI9Status = employee?.onboardingDocumentsConfig?.i9Document ?? false\n\n  const isEmployeeSelfOnboarding = employee?.onboardingStatus\n    ? EmployeeSelfOnboardingStatuses.has(employee.onboardingStatus) ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n    : false\n\n  const { mutateAsync: updateOnboardingDocumentsConfig } =\n    useEmployeesUpdateOnboardingDocumentsConfigMutation()\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyEmployeesUpdateOnboardingDocumentsConfig(),\n  })\n  const isPending = isMutating > 0\n\n  const onSubmit = async (formData: EmployeeDocumentsFormValues) => {\n    await baseSubmitHandler(formData, async () => {\n      const response = await updateOnboardingDocumentsConfig({\n        request: {\n          employeeId,\n          employeeOnboardingDocumentsConfigRequest: {\n            i9Document: formData.includeI9,\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_ONBOARDING_DOCUMENTS_CONFIG_UPDATED, response)\n      onEvent(componentEvents.EMPLOYEE_DOCUMENTS_DONE)\n    })\n  }\n\n  const handleDone = () => {\n    onEvent(componentEvents.EMPLOYEE_DOCUMENTS_DONE)\n  }\n\n  return (\n    <EmployeeDocumentsPresentation\n      className={className}\n      isEmployeeSelfOnboarding={isEmployeeSelfOnboarding}\n      currentI9Status={currentI9Status}\n      onSubmit={onSubmit}\n      onDone={handleDone}\n      isPending={isPending}\n    />\n  )\n}\n\n/** @internal */\nexport const EmployeeDocumentsContextual = () => {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n\n  return <EmployeeDocuments employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["EmployeeDocuments","props","jsx","BaseComponent","Root","employeeId","dictionary","className","useComponentDictionary","onEvent","baseSubmitHandler","useBase","data","useEmployeesGetSuspense","employee","currentI9Status","isEmployeeSelfOnboarding","EmployeeSelfOnboardingStatuses","EmployeeOnboardingStatus","updateOnboardingDocumentsConfig","useEmployeesUpdateOnboardingDocumentsConfigMutation","isPending","useIsMutating","mutationKeyEmployeesUpdateOnboardingDocumentsConfig","EmployeeDocumentsPresentation","formData","response","componentEvents","EmployeeDocumentsContextual","useFlow","ensureRequired"],"mappings":";;;;;;;;;;;AAkDO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,YAAAC,GAAY,WAAAC,QAAwC;AAC9E,EAAAC,EAAuB,8BAA8BF,CAAU;AAC/D,QAAM,EAAE,SAAAG,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAAwB,EAAE,YAAAR,GAAY,GACjDS,IAAWF,EAAK,UAChBG,IAAkBD,GAAU,2BAA2B,cAAc,IAErEE,IAA2BF,GAAU,mBACvCG,EAA+B,IAAIH,EAAS,gBAAgB,KAC5DA,EAAS,qBAAqBI,EAAyB,iCACvD,IAEE,EAAE,aAAaC,EAAA,IACnBC,EAAA,GAKIC,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAoD,CAClE,IAC8B;AAsB/B,SACE,gBAAArB;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,WAAAjB;AAAA,MACA,0BAAAS;AAAA,MACA,iBAAAD;AAAA,MACA,UAzBa,OAAOU,MAA0C;AAChE,cAAMf,EAAkBe,GAAU,YAAY;AAC5C,gBAAMC,IAAW,MAAMP,EAAgC;AAAA,YACrD,SAAS;AAAA,cACP,YAAAd;AAAA,cACA,0CAA0C;AAAA,gBACxC,YAAYoB,EAAS;AAAA,cAAA;AAAA,YACvB;AAAA,UACF,CACD;AAED,UAAAhB,EAAQkB,EAAgB,8CAA8CD,CAAQ,GAC9EjB,EAAQkB,EAAgB,uBAAuB;AAAA,QACjD,CAAC;AAAA,MACH;AAAA,MAYI,QAVe,MAAM;AACvB,QAAAlB,EAAQkB,EAAgB,uBAAuB;AAAA,MACjD;AAAA,MASI,WAAAN;AAAA,IAAA;AAAA,EAAA;AAGN,GAGaO,IAA8B,MAAM;AAC/C,QAAM,EAAE,YAAAvB,GAAY,SAAAI,EAAA,IAAYoB,EAAA;AAEhC,2BAAQ7B,GAAA,EAAkB,YAAY8B,EAAezB,CAAU,GAAG,SAAAI,GAAkB;AACtF;"}
+{"version":3,"file":"EmployeeDocuments.js","sources":["../../../../../../src/components/Employee/Documents/onboarding/EmployeeDocuments/EmployeeDocuments.tsx"],"sourcesContent":["import { useIsMutating } from '@tanstack/react-query'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport {\n  useEmployeesUpdateOnboardingDocumentsConfigMutation,\n  mutationKeyEmployeesUpdateOnboardingDocumentsConfig,\n} from '@gusto/embedded-api/react-query/employeesUpdateOnboardingDocumentsConfig'\nimport {\n  EmployeeDocumentsPresentation,\n  type EmployeeDocumentsFormValues,\n} from './EmployeeDocumentsPresentation'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeSelfOnboardingStatuses,\n  EmployeeOnboardingStatus,\n} from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { OnboardingContextInterface } from '@/components/Employee/OnboardingFlow/OnboardingFlowComponents'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Props for {@link EmployeeDocuments}.\n *\n * @public\n */\nexport interface EmployeeDocumentsProps extends BaseComponentInterface<'Employee.EmployeeDocuments'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Onboarding step for selecting which documents the employee must complete.\n *\n * @remarks\n * Shows the I-9 toggle when the employee is self-onboarding (so the employee\n * can choose whether their employer will collect I-9 verification) and a\n * summary otherwise. Persists the selection to the employee's onboarding\n * documents configuration and advances the parent flow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/onboardingDocumentsConfig/updated` | Fired after the employee's documents configuration is saved | The updated documents configuration response |\n * | `employee/documents/done` | Fired when the step is complete and the parent flow can advance | — |\n *\n * @param props - Component props including `employeeId` and `onEvent`.\n * @returns The employee documents onboarding step.\n * @public\n */\nexport function EmployeeDocuments(props: EmployeeDocumentsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, dictionary, className }: EmployeeDocumentsProps) => {\n  useComponentDictionary('Employee.EmployeeDocuments', dictionary)\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = useEmployeesGetSuspense({ employeeId })\n  const employee = data.employeeShow\n  const currentI9Status = employee?.onboardingDocumentsConfig?.i9Document ?? false\n\n  const isEmployeeSelfOnboarding = employee?.onboardingStatus\n    ? EmployeeSelfOnboardingStatuses.has(employee.onboardingStatus) ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n    : false\n\n  const { mutateAsync: updateOnboardingDocumentsConfig } =\n    useEmployeesUpdateOnboardingDocumentsConfigMutation()\n\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyEmployeesUpdateOnboardingDocumentsConfig(),\n  })\n  const isPending = isMutating > 0\n\n  const onSubmit = async (formData: EmployeeDocumentsFormValues) => {\n    await baseSubmitHandler(formData, async () => {\n      const response = await updateOnboardingDocumentsConfig({\n        request: {\n          employeeId,\n          employeeOnboardingDocumentsConfigRequest: {\n            i9Document: formData.includeI9,\n          },\n        },\n      })\n\n      onEvent(componentEvents.EMPLOYEE_ONBOARDING_DOCUMENTS_CONFIG_UPDATED, response)\n      onEvent(componentEvents.EMPLOYEE_DOCUMENTS_DONE)\n    })\n  }\n\n  const handleDone = () => {\n    onEvent(componentEvents.EMPLOYEE_DOCUMENTS_DONE)\n  }\n\n  return (\n    <EmployeeDocumentsPresentation\n      className={className}\n      isEmployeeSelfOnboarding={isEmployeeSelfOnboarding}\n      currentI9Status={currentI9Status}\n      onSubmit={onSubmit}\n      onDone={handleDone}\n      isPending={isPending}\n    />\n  )\n}\n\n/** @internal */\nexport const EmployeeDocumentsContextual = () => {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n\n  return <EmployeeDocuments employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n"],"names":["EmployeeDocuments","props","jsx","BaseComponent","Root","employeeId","dictionary","className","useComponentDictionary","onEvent","baseSubmitHandler","useBase","data","useEmployeesGetSuspense","employee","currentI9Status","isEmployeeSelfOnboarding","EmployeeSelfOnboardingStatuses","EmployeeOnboardingStatus","updateOnboardingDocumentsConfig","useEmployeesUpdateOnboardingDocumentsConfigMutation","isPending","useIsMutating","mutationKeyEmployeesUpdateOnboardingDocumentsConfig","EmployeeDocumentsPresentation","formData","response","componentEvents","EmployeeDocumentsContextual","useFlow","ensureRequired"],"mappings":";;;;;;;;;;;AAkDO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,YAAAC,GAAY,WAAAC,QAAwC;AAC9E,EAAAC,EAAuB,8BAA8BF,CAAU;AAC/D,QAAM,EAAE,SAAAG,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAAwB,EAAE,YAAAR,GAAY,GACjDS,IAAWF,EAAK,cAChBG,IAAkBD,GAAU,2BAA2B,cAAc,IAErEE,IAA2BF,GAAU,mBACvCG,EAA+B,IAAIH,EAAS,gBAAgB,KAC5DA,EAAS,qBAAqBI,EAAyB,iCACvD,IAEE,EAAE,aAAaC,EAAA,IACnBC,EAAA,GAKIC,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAoD,CAClE,IAC8B;AAsB/B,SACE,gBAAArB;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,WAAAjB;AAAA,MACA,0BAAAS;AAAA,MACA,iBAAAD;AAAA,MACA,UAzBa,OAAOU,MAA0C;AAChE,cAAMf,EAAkBe,GAAU,YAAY;AAC5C,gBAAMC,IAAW,MAAMP,EAAgC;AAAA,YACrD,SAAS;AAAA,cACP,YAAAd;AAAA,cACA,0CAA0C;AAAA,gBACxC,YAAYoB,EAAS;AAAA,cAAA;AAAA,YACvB;AAAA,UACF,CACD;AAED,UAAAhB,EAAQkB,EAAgB,8CAA8CD,CAAQ,GAC9EjB,EAAQkB,EAAgB,uBAAuB;AAAA,QACjD,CAAC;AAAA,MACH;AAAA,MAYI,QAVe,MAAM;AACvB,QAAAlB,EAAQkB,EAAgB,uBAAuB;AAAA,MACjD;AAAA,MASI,WAAAN;AAAA,IAAA;AAAA,EAAA;AAGN,GAGaO,IAA8B,MAAM;AAC/C,QAAM,EAAE,YAAAvB,GAAY,SAAAI,EAAA,IAAYoB,EAAA;AAEhC,2BAAQ7B,GAAA,EAAkB,YAAY8B,EAAezB,CAAU,GAAG,SAAAI,GAAkB;AACtF;"}

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

@@ -29,22 +29,22 @@ function se({
     baseSubmitHandler: H,
     error: h,
     setError: L
-  } = C("Employee.Management.HomeAddress"), m = _(), [w, D] = N(void 0), f = T({ employeeId: e }, { enabled: !!e }), r = f.data?.employeeAddressList, F = r?.find((s) => s.active) ?? r?.[0], t = w ?? F?.uuid, M = t ? r?.find((s) => s.uuid === t) : void 0, u = y({
+  } = C("Employee.Management.HomeAddress"), m = _(), [w, D] = N(void 0), f = T({ employeeId: e }, { enabled: !!e }), r = f.data?.employeeAddressList, S = r?.find((s) => s.active) ?? r?.[0], t = w ?? S?.uuid, F = t ? r?.find((s) => s.uuid === t) : void 0, u = y({
     employeeId: e,
     homeAddressUuid: t,
-    initialAddress: M,
+    initialAddress: F,
     withEffectiveDateField: !0
   }), c = y({
     employeeId: e,
     homeAddressUuid: void 0,
     withEffectiveDateField: !0
   }), o = G({ employeeId: e }, { enabled: !!e }), l = U(() => {
-    const s = o.data?.employee;
+    const s = o.data?.employeeShow;
     return s ? Q({
       first_name: s.firstName,
       last_name: s.lastName
     }).trim() : "";
-  }, [o.data?.employee]), d = O(
+  }, [o.data?.employeeShow]), d = O(
     [o, f],
     { submitError: h, setSubmitError: L }
   ), E = {
@@ -66,7 +66,7 @@ function se({
         }
       ), A;
     }
-  }, S = {
+  }, M = {
     employeeDisplayName: l,
     employeeHomeAddresses: r,
     editingHomeAddressUuid: t,
@@ -78,7 +78,7 @@ function se({
   if (o.isError)
     return {
       isLoading: !1,
-      data: S,
+      data: M,
       status: {
         isDeletePending: m.isPending,
         isEmployeeError: !0

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

@@ -1 +1 @@
-{"version":3,"file":"useHomeAddressManagement.js","sources":["../../../../../src/components/Employee/HomeAddress/management/useHomeAddressManagement.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { useEmployeeAddressesDeleteMutation } from '@gusto/embedded-api/react-query/employeeAddressesDelete'\nimport { useEmployeeAddressesGet } from '@gusto/embedded-api/react-query/employeeAddressesGet'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { useHomeAddressForm } from '@/components/Employee/Profile/shared/useHomeAddressForm'\nimport type {\n  UseHomeAddressFormReady,\n  UseHomeAddressFormResult,\n} from '@/components/Employee/Profile/shared/useHomeAddressForm'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseHookReady,\n  HookErrorHandling,\n  HookLoadingResult,\n} from '@/partner-hook-utils/types'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Params for {@link useHomeAddressManagement}.\n *\n * @public\n */\nexport interface UseHomeAddressManagementParams {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when a home address is deleted. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\ninterface UseHomeAddressManagementDataPendingForms extends Record<string, unknown> {\n  employeeDisplayName: string\n  employeeHomeAddresses: EmployeeAddress[] | undefined\n  editingHomeAddressUuid: string | undefined\n  editHomeAddressForm: UseHomeAddressFormResult\n  createHomeAddressForm: UseHomeAddressFormResult\n}\n\ninterface UseHomeAddressManagementDataReady extends Record<string, unknown> {\n  employeeDisplayName: string\n  employeeHomeAddresses: EmployeeAddress[] | undefined\n  editingHomeAddressUuid: string | undefined\n  editHomeAddressForm: UseHomeAddressFormReady\n  createHomeAddressForm: UseHomeAddressFormReady\n}\n\ninterface UseHomeAddressManagementStatusEmployeeError extends Record<string, unknown> {\n  isDeletePending: boolean\n  isEmployeeError: true\n}\n\ninterface UseHomeAddressManagementStatusSuccess extends Record<string, unknown> {\n  isDeletePending: boolean\n  isEmployeeError: false\n}\n\ninterface UseHomeAddressManagementActions {\n  setEditAddressTarget: (homeAddressUuid: string | undefined) => void\n  confirmDeleteHomeAddress: (homeAddressUuid: string) => Promise<boolean>\n}\n\ninterface UseHomeAddressManagementReadyEmployeeError extends BaseHookReady<\n  UseHomeAddressManagementDataPendingForms,\n  UseHomeAddressManagementStatusEmployeeError\n> {\n  actions: UseHomeAddressManagementActions\n}\n\n/**\n * Ready state of {@link useHomeAddressManagement} when the employee was fetched successfully.\n *\n * @public\n */\nexport interface UseHomeAddressManagementReadySuccess extends BaseHookReady<\n  UseHomeAddressManagementDataReady,\n  UseHomeAddressManagementStatusSuccess\n> {\n  /** Actions for changing edit target and confirming home address deletion. */\n  actions: UseHomeAddressManagementActions\n}\n\ntype UseHomeAddressManagementReady =\n  UseHomeAddressManagementReadyEmployeeError | UseHomeAddressManagementReadySuccess\n\n/**\n * Return type of {@link useHomeAddressManagement}.\n *\n * @public\n */\nexport type UseHomeAddressManagementResult = HookLoadingResult | UseHomeAddressManagementReady\n\n/**\n * Type guard for the success branch of {@link useHomeAddressManagement}.\n *\n * @param value - The hook result to narrow.\n * @returns `true` when the hook has finished loading and the employee fetch succeeded.\n * @public\n */\nexport function isUseHomeAddressManagementSuccess(\n  value: UseHomeAddressManagementResult,\n): value is UseHomeAddressManagementReadySuccess {\n  if (value.isLoading) {\n    return false\n  }\n  return !value.status.isEmployeeError\n}\n\nfunction homeAddressFormsReady(\n  editHomeAddressForm: UseHomeAddressFormResult,\n  createHomeAddressForm: UseHomeAddressFormResult,\n): Pick<UseHomeAddressManagementDataReady, 'editHomeAddressForm' | 'createHomeAddressForm'> {\n  if (editHomeAddressForm.isLoading) {\n    throw new SDKInternalError('Edit home address form is still loading')\n  }\n  if (createHomeAddressForm.isLoading) {\n    throw new SDKInternalError('Create home address form is still loading')\n  }\n  return {\n    editHomeAddressForm,\n    createHomeAddressForm,\n  }\n}\n\n/**\n * Headless hook for managing an employee's home addresses.\n *\n * @remarks\n * Fetches the employee and their home addresses, exposes edit and create form hooks\n * for the address modal, and provides an action to delete a non-active address.\n * Use {@link isUseHomeAddressManagementSuccess} to narrow the ready state when the\n * employee fetch succeeded.\n *\n * @param params - {@link UseHomeAddressManagementParams}\n * @returns A {@link HookLoadingResult} while loading, or the ready state once data is available.\n * @public\n */\nexport function useHomeAddressManagement({\n  employeeId,\n  onEvent,\n}: UseHomeAddressManagementParams): UseHomeAddressManagementResult {\n  const {\n    baseSubmitHandler,\n    error: rootSubmitError,\n    setError: setRootSubmitError,\n  } = useBaseSubmit('Employee.Management.HomeAddress')\n  const deleteHomeAddressMutation = useEmployeeAddressesDeleteMutation()\n\n  const [editTargetUuid, setEditAddressTarget] = useState<string | undefined>(undefined)\n\n  const homeAddressesQuery = useEmployeeAddressesGet({ employeeId }, { enabled: !!employeeId })\n  const employeeHomeAddresses = homeAddressesQuery.data?.employeeAddressList\n  const currentHomeAddress =\n    employeeHomeAddresses?.find(a => a.active) ?? employeeHomeAddresses?.[0]\n\n  const editingHomeAddressUuid = editTargetUuid ?? currentHomeAddress?.uuid\n\n  const editingHomeAddressRow = editingHomeAddressUuid\n    ? employeeHomeAddresses?.find(a => a.uuid === editingHomeAddressUuid)\n    : undefined\n\n  const editHomeAddressForm = useHomeAddressForm({\n    employeeId,\n    homeAddressUuid: editingHomeAddressUuid,\n    initialAddress: editingHomeAddressRow,\n    withEffectiveDateField: true,\n  })\n  const createHomeAddressForm = useHomeAddressForm({\n    employeeId,\n    homeAddressUuid: undefined,\n    withEffectiveDateField: true,\n  })\n\n  const employeeQuery = useEmployeesGet({ employeeId }, { enabled: !!employeeId })\n\n  const employeeDisplayName = useMemo(() => {\n    const employee = employeeQuery.data?.employee\n    if (!employee) {\n      return ''\n    }\n    return firstLastName({\n      first_name: employee.firstName,\n      last_name: employee.lastName,\n    }).trim()\n  }, [employeeQuery.data?.employee])\n\n  // Form hooks are intentionally excluded here so their submit errors don't render in the\n  // page-level BaseLayout outside the edit/create modal (SDK-930). The view renders those\n  // errors inside the modal directly via the form hook's own errorHandling.\n  const errorHandling: HookErrorHandling = composeErrorHandler(\n    [employeeQuery, homeAddressesQuery],\n    { submitError: rootSubmitError, setSubmitError: setRootSubmitError },\n  )\n\n  const confirmDeleteHomeAddress = async (homeAddressUuid: string): Promise<boolean> => {\n    const snapshot = employeeHomeAddresses?.find(a => a.uuid === homeAddressUuid) ?? null\n\n    let succeeded = false\n    await baseSubmitHandler(\n      { homeAddressUuid, snapshot },\n      async ({ homeAddressUuid: uuid, snapshot: snap }) => {\n        const target = employeeHomeAddresses?.find(a => a.uuid === uuid)\n        if (!target) {\n          throw new SDKInternalError('Home address not found')\n        }\n        if (target.active === true) {\n          throw new SDKInternalError('Cannot delete the active home address')\n        }\n\n        await deleteHomeAddressMutation.mutateAsync({\n          request: { homeAddressUuid: uuid },\n        })\n        succeeded = true\n        if (snap) {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_DELETED, snap)\n        }\n      },\n    )\n    return succeeded\n  }\n\n  const actions: UseHomeAddressManagementActions = {\n    setEditAddressTarget,\n    confirmDeleteHomeAddress,\n  }\n\n  const dataPayloadPendingForms: UseHomeAddressManagementDataPendingForms = {\n    employeeDisplayName,\n    employeeHomeAddresses,\n    editingHomeAddressUuid,\n    editHomeAddressForm,\n    createHomeAddressForm,\n  }\n\n  if (employeeQuery.isLoading) {\n    return { isLoading: true, errorHandling }\n  }\n\n  if (employeeQuery.isError) {\n    return {\n      isLoading: false,\n      data: dataPayloadPendingForms,\n      status: {\n        isDeletePending: deleteHomeAddressMutation.isPending,\n        isEmployeeError: true,\n      },\n      errorHandling,\n      actions,\n    }\n  }\n\n  const isFormsLoading = editHomeAddressForm.isLoading || createHomeAddressForm.isLoading\n  if (isFormsLoading) {\n    return { isLoading: true, errorHandling }\n  }\n\n  const { editHomeAddressForm: editReady, createHomeAddressForm: createReady } =\n    homeAddressFormsReady(editHomeAddressForm, createHomeAddressForm)\n\n  const dataReady: UseHomeAddressManagementDataReady = {\n    employeeDisplayName,\n    employeeHomeAddresses,\n    editingHomeAddressUuid,\n    editHomeAddressForm: editReady,\n    createHomeAddressForm: createReady,\n  }\n\n  return {\n    isLoading: false,\n    data: dataReady,\n    status: {\n      isDeletePending: deleteHomeAddressMutation.isPending,\n      isEmployeeError: false,\n    },\n    errorHandling,\n    actions,\n  }\n}\n"],"names":["isUseHomeAddressManagementSuccess","value","homeAddressFormsReady","editHomeAddressForm","createHomeAddressForm","SDKInternalError","useHomeAddressManagement","employeeId","onEvent","baseSubmitHandler","rootSubmitError","setRootSubmitError","useBaseSubmit","deleteHomeAddressMutation","useEmployeeAddressesDeleteMutation","editTargetUuid","setEditAddressTarget","useState","homeAddressesQuery","useEmployeeAddressesGet","employeeHomeAddresses","currentHomeAddress","a","editingHomeAddressUuid","editingHomeAddressRow","useHomeAddressForm","employeeQuery","useEmployeesGet","employeeDisplayName","useMemo","employee","firstLastName","errorHandling","composeErrorHandler","actions","homeAddressUuid","snapshot","succeeded","uuid","snap","target","componentEvents","dataPayloadPendingForms","editReady","createReady"],"mappings":"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"}
+{"version":3,"file":"useHomeAddressManagement.js","sources":["../../../../../src/components/Employee/HomeAddress/management/useHomeAddressManagement.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { useEmployeeAddressesDeleteMutation } from '@gusto/embedded-api/react-query/employeeAddressesDelete'\nimport { useEmployeeAddressesGet } from '@gusto/embedded-api/react-query/employeeAddressesGet'\nimport { useEmployeesGet } from '@gusto/embedded-api/react-query/employeesGet'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { useHomeAddressForm } from '@/components/Employee/Profile/shared/useHomeAddressForm'\nimport type {\n  UseHomeAddressFormReady,\n  UseHomeAddressFormResult,\n} from '@/components/Employee/Profile/shared/useHomeAddressForm'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseHookReady,\n  HookErrorHandling,\n  HookLoadingResult,\n} from '@/partner-hook-utils/types'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Params for {@link useHomeAddressManagement}.\n *\n * @public\n */\nexport interface UseHomeAddressManagementParams {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when a home address is deleted. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\ninterface UseHomeAddressManagementDataPendingForms extends Record<string, unknown> {\n  employeeDisplayName: string\n  employeeHomeAddresses: EmployeeAddress[] | undefined\n  editingHomeAddressUuid: string | undefined\n  editHomeAddressForm: UseHomeAddressFormResult\n  createHomeAddressForm: UseHomeAddressFormResult\n}\n\ninterface UseHomeAddressManagementDataReady extends Record<string, unknown> {\n  employeeDisplayName: string\n  employeeHomeAddresses: EmployeeAddress[] | undefined\n  editingHomeAddressUuid: string | undefined\n  editHomeAddressForm: UseHomeAddressFormReady\n  createHomeAddressForm: UseHomeAddressFormReady\n}\n\ninterface UseHomeAddressManagementStatusEmployeeError extends Record<string, unknown> {\n  isDeletePending: boolean\n  isEmployeeError: true\n}\n\ninterface UseHomeAddressManagementStatusSuccess extends Record<string, unknown> {\n  isDeletePending: boolean\n  isEmployeeError: false\n}\n\ninterface UseHomeAddressManagementActions {\n  setEditAddressTarget: (homeAddressUuid: string | undefined) => void\n  confirmDeleteHomeAddress: (homeAddressUuid: string) => Promise<boolean>\n}\n\ninterface UseHomeAddressManagementReadyEmployeeError extends BaseHookReady<\n  UseHomeAddressManagementDataPendingForms,\n  UseHomeAddressManagementStatusEmployeeError\n> {\n  actions: UseHomeAddressManagementActions\n}\n\n/**\n * Ready state of {@link useHomeAddressManagement} when the employee was fetched successfully.\n *\n * @public\n */\nexport interface UseHomeAddressManagementReadySuccess extends BaseHookReady<\n  UseHomeAddressManagementDataReady,\n  UseHomeAddressManagementStatusSuccess\n> {\n  /** Actions for changing edit target and confirming home address deletion. */\n  actions: UseHomeAddressManagementActions\n}\n\ntype UseHomeAddressManagementReady =\n  UseHomeAddressManagementReadyEmployeeError | UseHomeAddressManagementReadySuccess\n\n/**\n * Return type of {@link useHomeAddressManagement}.\n *\n * @public\n */\nexport type UseHomeAddressManagementResult = HookLoadingResult | UseHomeAddressManagementReady\n\n/**\n * Type guard for the success branch of {@link useHomeAddressManagement}.\n *\n * @param value - The hook result to narrow.\n * @returns `true` when the hook has finished loading and the employee fetch succeeded.\n * @public\n */\nexport function isUseHomeAddressManagementSuccess(\n  value: UseHomeAddressManagementResult,\n): value is UseHomeAddressManagementReadySuccess {\n  if (value.isLoading) {\n    return false\n  }\n  return !value.status.isEmployeeError\n}\n\nfunction homeAddressFormsReady(\n  editHomeAddressForm: UseHomeAddressFormResult,\n  createHomeAddressForm: UseHomeAddressFormResult,\n): Pick<UseHomeAddressManagementDataReady, 'editHomeAddressForm' | 'createHomeAddressForm'> {\n  if (editHomeAddressForm.isLoading) {\n    throw new SDKInternalError('Edit home address form is still loading')\n  }\n  if (createHomeAddressForm.isLoading) {\n    throw new SDKInternalError('Create home address form is still loading')\n  }\n  return {\n    editHomeAddressForm,\n    createHomeAddressForm,\n  }\n}\n\n/**\n * Headless hook for managing an employee's home addresses.\n *\n * @remarks\n * Fetches the employee and their home addresses, exposes edit and create form hooks\n * for the address modal, and provides an action to delete a non-active address.\n * Use {@link isUseHomeAddressManagementSuccess} to narrow the ready state when the\n * employee fetch succeeded.\n *\n * @param params - {@link UseHomeAddressManagementParams}\n * @returns A {@link HookLoadingResult} while loading, or the ready state once data is available.\n * @public\n */\nexport function useHomeAddressManagement({\n  employeeId,\n  onEvent,\n}: UseHomeAddressManagementParams): UseHomeAddressManagementResult {\n  const {\n    baseSubmitHandler,\n    error: rootSubmitError,\n    setError: setRootSubmitError,\n  } = useBaseSubmit('Employee.Management.HomeAddress')\n  const deleteHomeAddressMutation = useEmployeeAddressesDeleteMutation()\n\n  const [editTargetUuid, setEditAddressTarget] = useState<string | undefined>(undefined)\n\n  const homeAddressesQuery = useEmployeeAddressesGet({ employeeId }, { enabled: !!employeeId })\n  const employeeHomeAddresses = homeAddressesQuery.data?.employeeAddressList\n  const currentHomeAddress =\n    employeeHomeAddresses?.find(a => a.active) ?? employeeHomeAddresses?.[0]\n\n  const editingHomeAddressUuid = editTargetUuid ?? currentHomeAddress?.uuid\n\n  const editingHomeAddressRow = editingHomeAddressUuid\n    ? employeeHomeAddresses?.find(a => a.uuid === editingHomeAddressUuid)\n    : undefined\n\n  const editHomeAddressForm = useHomeAddressForm({\n    employeeId,\n    homeAddressUuid: editingHomeAddressUuid,\n    initialAddress: editingHomeAddressRow,\n    withEffectiveDateField: true,\n  })\n  const createHomeAddressForm = useHomeAddressForm({\n    employeeId,\n    homeAddressUuid: undefined,\n    withEffectiveDateField: true,\n  })\n\n  const employeeQuery = useEmployeesGet({ employeeId }, { enabled: !!employeeId })\n\n  const employeeDisplayName = useMemo(() => {\n    const employee = employeeQuery.data?.employeeShow\n    if (!employee) {\n      return ''\n    }\n    return firstLastName({\n      first_name: employee.firstName,\n      last_name: employee.lastName,\n    }).trim()\n  }, [employeeQuery.data?.employeeShow])\n\n  // Form hooks are intentionally excluded here so their submit errors don't render in the\n  // page-level BaseLayout outside the edit/create modal (SDK-930). The view renders those\n  // errors inside the modal directly via the form hook's own errorHandling.\n  const errorHandling: HookErrorHandling = composeErrorHandler(\n    [employeeQuery, homeAddressesQuery],\n    { submitError: rootSubmitError, setSubmitError: setRootSubmitError },\n  )\n\n  const confirmDeleteHomeAddress = async (homeAddressUuid: string): Promise<boolean> => {\n    const snapshot = employeeHomeAddresses?.find(a => a.uuid === homeAddressUuid) ?? null\n\n    let succeeded = false\n    await baseSubmitHandler(\n      { homeAddressUuid, snapshot },\n      async ({ homeAddressUuid: uuid, snapshot: snap }) => {\n        const target = employeeHomeAddresses?.find(a => a.uuid === uuid)\n        if (!target) {\n          throw new SDKInternalError('Home address not found')\n        }\n        if (target.active === true) {\n          throw new SDKInternalError('Cannot delete the active home address')\n        }\n\n        await deleteHomeAddressMutation.mutateAsync({\n          request: { homeAddressUuid: uuid },\n        })\n        succeeded = true\n        if (snap) {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_DELETED, snap)\n        }\n      },\n    )\n    return succeeded\n  }\n\n  const actions: UseHomeAddressManagementActions = {\n    setEditAddressTarget,\n    confirmDeleteHomeAddress,\n  }\n\n  const dataPayloadPendingForms: UseHomeAddressManagementDataPendingForms = {\n    employeeDisplayName,\n    employeeHomeAddresses,\n    editingHomeAddressUuid,\n    editHomeAddressForm,\n    createHomeAddressForm,\n  }\n\n  if (employeeQuery.isLoading) {\n    return { isLoading: true, errorHandling }\n  }\n\n  if (employeeQuery.isError) {\n    return {\n      isLoading: false,\n      data: dataPayloadPendingForms,\n      status: {\n        isDeletePending: deleteHomeAddressMutation.isPending,\n        isEmployeeError: true,\n      },\n      errorHandling,\n      actions,\n    }\n  }\n\n  const isFormsLoading = editHomeAddressForm.isLoading || createHomeAddressForm.isLoading\n  if (isFormsLoading) {\n    return { isLoading: true, errorHandling }\n  }\n\n  const { editHomeAddressForm: editReady, createHomeAddressForm: createReady } =\n    homeAddressFormsReady(editHomeAddressForm, createHomeAddressForm)\n\n  const dataReady: UseHomeAddressManagementDataReady = {\n    employeeDisplayName,\n    employeeHomeAddresses,\n    editingHomeAddressUuid,\n    editHomeAddressForm: editReady,\n    createHomeAddressForm: createReady,\n  }\n\n  return {\n    isLoading: false,\n    data: dataReady,\n    status: {\n      isDeletePending: deleteHomeAddressMutation.isPending,\n      isEmployeeError: false,\n    },\n    errorHandling,\n    actions,\n  }\n}\n"],"names":["isUseHomeAddressManagementSuccess","value","homeAddressFormsReady","editHomeAddressForm","createHomeAddressForm","SDKInternalError","useHomeAddressManagement","employeeId","onEvent","baseSubmitHandler","rootSubmitError","setRootSubmitError","useBaseSubmit","deleteHomeAddressMutation","useEmployeeAddressesDeleteMutation","editTargetUuid","setEditAddressTarget","useState","homeAddressesQuery","useEmployeeAddressesGet","employeeHomeAddresses","currentHomeAddress","a","editingHomeAddressUuid","editingHomeAddressRow","useHomeAddressForm","employeeQuery","useEmployeesGet","employeeDisplayName","useMemo","employee","firstLastName","errorHandling","composeErrorHandler","actions","homeAddressUuid","snapshot","succeeded","uuid","snap","target","componentEvents","dataPayloadPendingForms","editReady","createReady"],"mappings":"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"}

package/dist/components/Employee/Landing/Landing.js

@@ -1,53 +1,57 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useTranslation as g } from "react-i18next";
-import { useEmployeesGetSuspense as y } from "@gusto/embedded-api/react-query/employeesGet";
-import { useCompaniesGetSuspense as x } from "@gusto/embedded-api/react-query/companiesGet";
-import m from "dompurify";
-import { useMemo as c } from "react";
-import { BaseComponent as E } from "../../Base/Base.js";
-import { useBase as C } from "../../Base/useBase.js";
-import { Flex as r } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as L } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as D, useComponentDictionary as I } from "../../../i18n/I18n.js";
-import { componentEvents as N } from "../../../shared/constants.js";
-import v from "../../../assets/icons/icon-arrow-right.svg.js";
-function w(t) {
-  return /* @__PURE__ */ e(E, { ...t, children: /* @__PURE__ */ e(B, { ...t, children: t.children }) });
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { useEmployeesGetSuspense as h } from "@gusto/embedded-api/react-query/employeesGet";
+import { GetV1EmployeesQueryParamInclude as g } from "@gusto/embedded-api/models/operations/getv1employees";
+import a from "dompurify";
+import { useMemo as s } from "react";
+import { BaseComponent as y } from "../../Base/Base.js";
+import { useBase as x } from "../../Base/useBase.js";
+import { Flex as m } from "../../Common/Flex/Flex.js";
+import { ActionsLayout as E } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as N, useComponentDictionary as I } from "../../../i18n/I18n.js";
+import { componentEvents as L } from "../../../shared/constants.js";
+import S from "../../../assets/icons/icon-arrow-right.svg.js";
+function k(t) {
+  return /* @__PURE__ */ e(y, { ...t, children: /* @__PURE__ */ e(D, { ...t, children: t.children }) });
 }
-const B = ({ employeeId: t, companyId: p, className: l, dictionary: d }) => {
-  D("Employee.Landing"), I("Employee.Landing", d);
-  const { onEvent: f } = C(), o = S(), {
-    data: { employee: s }
-  } = y({ employeeId: t }), u = c(() => m.sanitize(s.firstName), [s]), {
-    data: { company: a }
-  } = x({ companyId: p }), h = c(() => m.sanitize(a?.name ?? ""), [a]), { t: n } = g("Employee.Landing");
-  return /* @__PURE__ */ e("section", { className: l, children: /* @__PURE__ */ e(
+const D = ({ employeeId: t, className: c, dictionary: p }) => {
+  N("Employee.Landing"), I("Employee.Landing", p);
+  const { onEvent: l } = x(), o = C(), {
+    data: { employeeShow: i }
+  } = h({
+    employeeId: t,
+    include: [g.CompanyName]
+  }), d = s(() => a.sanitize(i.firstName), [i]), f = s(
+    () => a.sanitize(i?.companyName ?? ""),
+    [i]
+  ), { t: n } = u("Employee.Landing");
+  return /* @__PURE__ */ e("section", { className: c, children: /* @__PURE__ */ e(
     o.Box,
     {
-      footer: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ i(
+      footer: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(
         o.Button,
         {
           variant: "secondary",
           onClick: () => {
-            f(N.EMPLOYEE_SELF_ONBOARDING_START);
+            l(L.EMPLOYEE_SELF_ONBOARDING_START);
           },
           children: [
             n("getStartedCta"),
-            /* @__PURE__ */ e(v, { "aria-hidden": !0 })
+            /* @__PURE__ */ e(S, { "aria-hidden": !0 })
           ]
         }
       ) }),
-      children: /* @__PURE__ */ i(r, { alignItems: "center", flexDirection: "column", gap: 32, children: [
-        /* @__PURE__ */ i(r, { flexDirection: "column", gap: 4, children: [
+      children: /* @__PURE__ */ r(m, { alignItems: "center", flexDirection: "column", gap: 32, children: [
+        /* @__PURE__ */ r(m, { flexDirection: "column", gap: 4, children: [
           /* @__PURE__ */ e(o.Heading, { as: "h2", children: n("landingSubtitle", {
-            firstName: u,
-            companyName: h,
+            firstName: d,
+            companyName: f,
             interpolation: { escapeValue: !1 }
           }) }),
           /* @__PURE__ */ e(o.Text, { variant: "supporting", children: n("landingDescription") })
         ] }),
-        /* @__PURE__ */ i(r, { flexDirection: "column", gap: 8, children: [
+        /* @__PURE__ */ r(m, { flexDirection: "column", gap: 8, children: [
           /* @__PURE__ */ e(o.Heading, { as: "h3", children: n("stepsSubtitle") }),
           /* @__PURE__ */ e(
             o.UnorderedList,
@@ -61,6 +65,6 @@ const B = ({ employeeId: t, companyId: p, className: l, dictionary: d }) => {
   ) });
 };
 export {
-  w as Landing
+  k as Landing
 };
 //# sourceMappingURL=Landing.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Landing.js","sources":["../../../../src/components/Employee/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api/react-query/companiesGet'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\n/**\n * Props for the {@link Landing} component.\n *\n * @public\n */\nexport interface LandingProps extends BaseComponentInterface<'Employee.Landing'> {\n  /** UUID of the employee entering the self-onboarding flow. */\n  employeeId: string\n  /** UUID of the company the employee belongs to. */\n  companyId: string\n}\n\n/**\n * Landing page for the employee self-onboarding flow. Displays a welcome\n * message and the list of onboarding steps the employee needs to complete.\n *\n * @public\n */\nexport function Landing(props: LandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, companyId, className, dictionary }: LandingProps) => {\n  useI18n('Employee.Landing')\n  useComponentDictionary('Employee.Landing', dictionary)\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const sanitizedFirstName = useMemo(() => DOMPurify.sanitize(employee!.firstName), [employee])\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const sanitizedCompanyName = useMemo(() => DOMPurify.sanitize(company?.name ?? ''), [company])\n\n  const { t } = useTranslation('Employee.Landing')\n\n  return (\n    <section className={className}>\n      <Components.Box\n        footer={\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEE_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n              <ArrowRightIcon aria-hidden />\n            </Components.Button>\n          </ActionsLayout>\n        }\n      >\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {t('landingSubtitle', {\n                firstName: sanitizedFirstName,\n                companyName: sanitizedCompanyName,\n                interpolation: { escapeValue: false },\n              })}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">{t('landingDescription')}</Components.Text>\n          </Flex>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n            <Components.UnorderedList\n              items={[t('steps.personalInfo'), t('steps.taxInfo'), t('steps.bankInfo')]}\n            />\n          </Flex>\n        </Flex>\n      </Components.Box>\n    </section>\n  )\n}\n"],"names":["Landing","props","jsx","BaseComponent","Root","employeeId","companyId","className","dictionary","useI18n","useComponentDictionary","onEvent","useBase","Components","useComponentContext","employee","useEmployeesGetSuspense","sanitizedFirstName","useMemo","DOMPurify","company","useCompaniesGetSuspense","sanitizedCompanyName","t","useTranslation","ActionsLayout","jsxs","componentEvents","ArrowRightIcon","Flex"],"mappings":";;;;;;;;;;;;;;AA+BO,SAASA,EAAQC,GAAqB;AAC3C,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,WAAAC,GAAW,YAAAC,QAA+B;AAC/E,EAAAC,EAAQ,kBAAkB,GAC1BC,EAAuB,oBAAoBF,CAAU;AACrD,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb;AAAA,IACJ,MAAM,EAAE,UAAAC,EAAA;AAAA,EAAS,IACfC,EAAwB,EAAE,YAAAX,GAAY,GACpCY,IAAqBC,EAAQ,MAAMC,EAAU,SAASJ,EAAU,SAAS,GAAG,CAACA,CAAQ,CAAC,GAEtF;AAAA,IACJ,MAAM,EAAE,SAAAK,EAAA;AAAA,EAAQ,IACdC,EAAwB,EAAE,WAAAf,GAAW,GACnCgB,IAAuBJ,EAAQ,MAAMC,EAAU,SAASC,GAAS,QAAQ,EAAE,GAAG,CAACA,CAAO,CAAC,GAEvF,EAAE,GAAAG,EAAA,IAAMC,EAAe,kBAAkB;AAE/C,SACE,gBAAAtB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACW,EAAW;AAAA,IAAX;AAAA,MACC,0BACGY,GAAA,EACC,UAAA,gBAAAC;AAAA,QAACb,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQgB,EAAgB,8BAA8B;AAAA,UACxD;AAAA,UAEC,UAAA;AAAA,YAAAJ,EAAE,eAAe;AAAA,YAClB,gBAAArB,EAAC0B,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhC;AAAA,MAGF,4BAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,QAAA,gBAAAH,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAA3B,EAACW,EAAW,SAAX,EAAmB,IAAG,MACpB,YAAE,mBAAmB;AAAA,YACpB,WAAWI;AAAA,YACX,aAAaK;AAAA,YACb,eAAe,EAAE,aAAa,GAAA;AAAA,UAAM,CACrC,GACH;AAAA,UACA,gBAAApB,EAACW,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAU,EAAE,oBAAoB,EAAA,CAAE;AAAA,QAAA,GACjE;AAAA,QACA,gBAAAG,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAA3B,EAACW,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAU,EAAE,eAAe,GAAE;AAAA,UAChD,gBAAArB;AAAA,YAACW,EAAW;AAAA,YAAX;AAAA,cACC,OAAO,CAACU,EAAE,oBAAoB,GAAGA,EAAE,eAAe,GAAGA,EAAE,gBAAgB,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1E,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Landing.js","sources":["../../../../src/components/Employee/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { GetV1EmployeesQueryParamInclude } from '@gusto/embedded-api/models/operations/getv1employees'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\n/**\n * Props for the {@link Landing} component.\n *\n * @public\n */\nexport interface LandingProps extends BaseComponentInterface<'Employee.Landing'> {\n  /** UUID of the employee entering the self-onboarding flow. */\n  employeeId: string\n  /**\n   * @deprecated\n   * UUID of the company the employee belongs to.\n   */\n  companyId?: string\n}\n\n/**\n * Landing page for the employee self-onboarding flow. Displays a welcome\n * message and the list of onboarding steps the employee needs to complete.\n *\n * @public\n */\nexport function Landing(props: LandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, className, dictionary }: LandingProps) => {\n  useI18n('Employee.Landing')\n  useComponentDictionary('Employee.Landing', dictionary)\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { employeeShow: employee },\n  } = useEmployeesGetSuspense({\n    employeeId,\n    include: [GetV1EmployeesQueryParamInclude.CompanyName],\n  })\n  const sanitizedFirstName = useMemo(() => DOMPurify.sanitize(employee!.firstName), [employee])\n  const sanitizedCompanyName = useMemo(\n    () => DOMPurify.sanitize(employee?.companyName ?? ''),\n    [employee],\n  )\n\n  const { t } = useTranslation('Employee.Landing')\n\n  return (\n    <section className={className}>\n      <Components.Box\n        footer={\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.EMPLOYEE_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n              <ArrowRightIcon aria-hidden />\n            </Components.Button>\n          </ActionsLayout>\n        }\n      >\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {t('landingSubtitle', {\n                firstName: sanitizedFirstName,\n                companyName: sanitizedCompanyName,\n                interpolation: { escapeValue: false },\n              })}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">{t('landingDescription')}</Components.Text>\n          </Flex>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n            <Components.UnorderedList\n              items={[t('steps.personalInfo'), t('steps.taxInfo'), t('steps.bankInfo')]}\n            />\n          </Flex>\n        </Flex>\n      </Components.Box>\n    </section>\n  )\n}\n"],"names":["Landing","props","jsx","BaseComponent","Root","employeeId","className","dictionary","useI18n","useComponentDictionary","onEvent","useBase","Components","useComponentContext","employee","useEmployeesGetSuspense","GetV1EmployeesQueryParamInclude","sanitizedFirstName","useMemo","DOMPurify","sanitizedCompanyName","t","useTranslation","ActionsLayout","jsxs","componentEvents","ArrowRightIcon","Flex"],"mappings":";;;;;;;;;;;;;;AAkCO,SAASA,EAAQC,GAAqB;AAC3C,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,QAA+B;AACpE,EAAAC,EAAQ,kBAAkB,GAC1BC,EAAuB,oBAAoBF,CAAU;AACrD,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb;AAAA,IACJ,MAAM,EAAE,cAAcC,EAAA;AAAA,EAAS,IAC7BC,EAAwB;AAAA,IAC1B,YAAAV;AAAA,IACA,SAAS,CAACW,EAAgC,WAAW;AAAA,EAAA,CACtD,GACKC,IAAqBC,EAAQ,MAAMC,EAAU,SAASL,EAAU,SAAS,GAAG,CAACA,CAAQ,CAAC,GACtFM,IAAuBF;AAAA,IAC3B,MAAMC,EAAU,SAASL,GAAU,eAAe,EAAE;AAAA,IACpD,CAACA,CAAQ;AAAA,EAAA,GAGL,EAAE,GAAAO,EAAA,IAAMC,EAAe,kBAAkB;AAE/C,SACE,gBAAApB,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACU,EAAW;AAAA,IAAX;AAAA,MACC,0BACGW,GAAA,EACC,UAAA,gBAAAC;AAAA,QAACZ,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQe,EAAgB,8BAA8B;AAAA,UACxD;AAAA,UAEC,UAAA;AAAA,YAAAJ,EAAE,eAAe;AAAA,YAClB,gBAAAnB,EAACwB,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhC;AAAA,MAGF,4BAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,QAAA,gBAAAH,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAzB,EAACU,EAAW,SAAX,EAAmB,IAAG,MACpB,YAAE,mBAAmB;AAAA,YACpB,WAAWK;AAAA,YACX,aAAaG;AAAA,YACb,eAAe,EAAE,aAAa,GAAA;AAAA,UAAM,CACrC,GACH;AAAA,UACA,gBAAAlB,EAACU,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAS,EAAE,oBAAoB,EAAA,CAAE;AAAA,QAAA,GACjE;AAAA,QACA,gBAAAG,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAzB,EAACU,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAS,EAAE,eAAe,GAAE;AAAA,UAChD,gBAAAnB;AAAA,YAACU,EAAW;AAAA,YAAX;AAAA,cACC,OAAO,CAACS,EAAE,oBAAoB,GAAGA,EAAE,eAAe,GAAGA,EAAE,gBAAgB,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1E,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}