@gusto/embedded-react-sdk 0.45.0 → 0.46.2

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

@@ -1,137 +1,191 @@
-import { jsxs as y, Fragment as I, jsx as t } from "react/jsx-runtime";
-import { useTranslation as m } from "react-i18next";
-import { Dashboard as D } from "./Dashboard.js";
-import { HomeAddress as C } from "../HomeAddress/management/HomeAddress.js";
-import { WorkAddress as h } from "../WorkAddress/management/WorkAddress.js";
-import { FederalTaxes as b } from "../FederalTaxes/management/FederalTaxes.js";
+import { jsxs as f, Fragment as E, jsx as n } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import { Dashboard as I } from "./Dashboard.js";
+import { getPendingCompensationChanges as y } from "./getPendingCompensationChanges.js";
+import { HomeAddress as b } from "../HomeAddress/management/HomeAddress.js";
+import { WorkAddress as A } from "../WorkAddress/management/WorkAddress.js";
+import { FederalTaxes as D } from "../FederalTaxes/management/FederalTaxes.js";
 import { StateTaxes as x } from "../StateTaxes/management/StateTaxes.js";
-import { Profile as A } from "../Profile/management/Profile.js";
+import { Profile as g } from "../Profile/management/Profile.js";
 import { BankForm as v } from "../PaymentMethod/onboarding/BankForm.js";
-import { SplitView as T } from "../PaymentMethod/onboarding/SplitView.js";
-import { DocumentManager as g } from "../Documents/management/DocumentManager.js";
-import { DeductionsForm as F } from "../Deductions/DeductionsForm/DeductionsForm.js";
-import { useDeductionsList as P } from "../Deductions/shared/useDeductionsList.js";
-import { useFlow as r } from "../../Flow/useFlow.js";
-import { useComponentContext as i } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { BaseComponent as f, BaseLayout as p } from "../../Base/Base.js";
+import { SplitView as h } from "../PaymentMethod/onboarding/SplitView.js";
+import { DocumentManager as L } from "../Documents/management/DocumentManager.js";
+import { DeductionsForm as P } from "../Deductions/DeductionsForm/DeductionsForm.js";
+import { EditPendingCompensation as T } from "../Compensation/management/EditPendingCompensation/EditPendingCompensation.js";
+import { AddAnotherJob as F } from "../Compensation/management/AddAnotherJob/AddAnotherJob.js";
+import { useDeductionsList as w } from "../Deductions/shared/useDeductionsList.js";
+import { EditCompensation as N } from "../Compensation/onboarding/EditCompensation/EditCompensation.js";
+import { useFlow as d } from "../../Flow/useFlow.js";
+import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { BaseComponent as c, BaseLayout as u } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { ensureRequired as n } from "../../../helpers/ensureRequired.js";
-import { useI18n as c } from "../../../i18n/I18n.js";
-import { componentEvents as s } from "../../../shared/constants.js";
-function K() {
-  c("Employee.Dashboard");
-  const { t: e } = m("Employee.Dashboard"), { employeeId: o, onEvent: d, successAlert: l } = r(), u = i(), a = {
+import { ensureRequired as t } from "../../../helpers/ensureRequired.js";
+import { useI18n as C } from "../../../i18n/I18n.js";
+import { componentEvents as m } from "../../../shared/constants.js";
+import { EditCompensation as k } from "../Compensation/management/EditCompensation/EditCompensation.js";
+function de() {
+  C("Employee.Dashboard");
+  const { t: e } = p("Employee.Dashboard"), { employeeId: o, onEvent: r, successAlert: i, selectedTab: s } = d(), a = S(), l = {
     bankAccountAdded: e("alerts.bankAccountAdded"),
     bankAccountDeleted: e("alerts.bankAccountDeleted"),
     splitUpdated: e("alerts.splitUpdated"),
     deductionAdded: e("alerts.deductionAdded"),
     deductionUpdated: e("alerts.deductionUpdated"),
-    deductionDeleted: e("alerts.deductionDeleted")
+    deductionDeleted: e("alerts.deductionDeleted"),
+    jobAdded: e("alerts.jobAdded")
   };
-  return /* @__PURE__ */ y(I, { children: [
-    l && /* @__PURE__ */ t(
-      u.Alert,
+  return /* @__PURE__ */ f(E, { children: [
+    i && /* @__PURE__ */ n(
+      a.Alert,
       {
         status: "success",
-        label: a[l],
+        label: l[i],
         onDismiss: () => {
-          d(s.EMPLOYEE_DISMISS, null);
+          r(m.EMPLOYEE_DISMISS, null);
         },
         disableScrollIntoView: !0
       }
     ),
-    /* @__PURE__ */ t(D, { employeeId: n(o), onEvent: d })
+    /* @__PURE__ */ n(
+      I,
+      {
+        employeeId: t(o),
+        onEvent: r,
+        selectedTab: s
+      }
+    )
   ] });
 }
-function Q() {
-  const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(C, { employeeId: n(e), onEvent: o });
+function ie() {
+  const { employeeId: e, onEvent: o } = d();
+  return /* @__PURE__ */ n(b, { employeeId: t(e), onEvent: o });
 }
-function X() {
-  const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(h, { employeeId: n(e), onEvent: o });
+function me() {
+  const { employeeId: e, onEvent: o } = d();
+  return /* @__PURE__ */ n(A, { employeeId: t(e), onEvent: o });
 }
-function Z() {
-  const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(b, { employeeId: n(e), onEvent: o });
+function se() {
+  const { employeeId: e, onEvent: o } = d();
+  return /* @__PURE__ */ n(D, { employeeId: t(e), onEvent: o });
 }
-function $() {
-  const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(x, { employeeId: n(e), onEvent: o });
+function ae() {
+  const { employeeId: e, onEvent: o } = d();
+  return /* @__PURE__ */ n(x, { employeeId: t(e), onEvent: o });
 }
-function ee() {
-  const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(A, { employeeId: n(e), onEvent: o });
+function le() {
+  const { employeeId: e, onEvent: o } = d();
+  return /* @__PURE__ */ n(g, { employeeId: t(e), onEvent: o });
 }
-function oe() {
-  const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(f, { onEvent: o, children: /* @__PURE__ */ t(v, { employeeId: n(e), onEvent: o }) });
+function ue() {
+  const { employeeId: e, onEvent: o } = d();
+  return /* @__PURE__ */ n(c, { onEvent: o, children: /* @__PURE__ */ n(v, { employeeId: t(e), onEvent: o }) });
 }
-function te() {
-  const { employeeId: e, onEvent: o } = r();
-  return /* @__PURE__ */ t(f, { onEvent: o, children: /* @__PURE__ */ t(T, { employeeId: n(e), onEvent: o }) });
+function pe() {
+  const { employeeId: e, onEvent: o } = d();
+  return /* @__PURE__ */ n(c, { onEvent: o, children: /* @__PURE__ */ n(h, { employeeId: t(e), onEvent: o }) });
 }
-function ne() {
-  const { employeeId: e, formId: o, onEvent: d } = r();
-  return /* @__PURE__ */ t(
-    g,
+function ce() {
+  const { employeeId: e, formId: o, onEvent: r } = d();
+  return /* @__PURE__ */ n(
+    L,
     {
-      employeeId: n(e),
-      formId: n(o),
-      onEvent: d
+      employeeId: t(e),
+      formId: t(o),
+      onEvent: r
     }
   );
 }
-function re() {
-  const { employeeId: e, editingDeductionId: o, onEvent: d } = r(), l = P({ employeeId: n(e) });
-  if (l.isLoading)
-    return /* @__PURE__ */ t(p, { isLoading: !0, error: l.errorHandling.errors });
-  const u = o ? l.data.deductions.find((a) => a.uuid === o) ?? null : null;
-  return /* @__PURE__ */ t(p, { error: l.errorHandling.errors, children: /* @__PURE__ */ t(
-    F,
+function Ce() {
+  const { employeeId: e, editingDeductionId: o, onEvent: r } = d(), i = w({ employeeId: t(e) });
+  if (i.isLoading)
+    return /* @__PURE__ */ n(u, { isLoading: !0, error: i.errorHandling.errors });
+  const s = o ? i.data.deductions.find((a) => a.uuid === o) ?? null : null;
+  return /* @__PURE__ */ n(u, { error: i.errorHandling.errors, children: /* @__PURE__ */ n(
+    P,
     {
-      employeeId: n(e),
-      deduction: u,
-      onSaved: (a, E) => {
-        d(
-          E === "create" ? s.EMPLOYEE_DEDUCTION_CREATED : s.EMPLOYEE_DEDUCTION_UPDATED,
+      employeeId: t(e),
+      deduction: s,
+      onSaved: (a, l) => {
+        r(
+          l === "create" ? m.EMPLOYEE_DEDUCTION_CREATED : m.EMPLOYEE_DEDUCTION_UPDATED,
           a
         );
       },
       onCancel: () => {
-        d(s.CANCEL);
+        r(m.CANCEL);
       }
     }
   ) });
 }
-function de() {
-  c("Employee.Dashboard");
-  const { t: e } = m("Employee.Dashboard"), o = i();
-  return /* @__PURE__ */ t(o.Heading, { as: "h2", children: e("compensationFlow.addJobTitle") });
+function fe() {
+  C("Employee.Dashboard");
+  const { t: e } = p("Employee.Dashboard"), { employeeId: o, onEvent: r } = d();
+  return /* @__PURE__ */ n(
+    N,
+    {
+      employeeId: t(o),
+      title: e("compensationFlow.addJobTitle"),
+      submitCtaLabel: e("compensationFlow.saveCta"),
+      onEvent: r,
+      onCancel: () => {
+        r(m.CANCEL);
+      }
+    }
+  );
 }
-function le() {
-  c("Employee.Dashboard");
-  const { t: e } = m("Employee.Dashboard"), o = i();
-  return /* @__PURE__ */ t(o.Heading, { as: "h2", children: e("compensationFlow.editTitle") });
+function Ee() {
+  const { employeeId: e, currentJob: o, onEvent: r } = d(), s = y(o ? [o] : [])[0];
+  return s ? /* @__PURE__ */ n(
+    T,
+    {
+      employeeId: t(e),
+      jobId: t(o?.uuid),
+      compensationId: s.compensationUuid,
+      isNewJob: s.isNewJob,
+      isPrimaryJob: o?.primary ?? !1,
+      onEvent: r,
+      onCancel: () => {
+        r(m.CANCEL, null);
+      }
+    }
+  ) : /* @__PURE__ */ n(
+    k,
+    {
+      employeeId: t(e),
+      jobId: t(o?.uuid),
+      onEvent: r,
+      onCancel: () => {
+        r(m.CANCEL, null);
+      }
+    }
+  );
 }
-function ae() {
-  c("Employee.Dashboard");
-  const { t: e } = m("Employee.Dashboard"), o = i();
-  return /* @__PURE__ */ t(o.Heading, { as: "h2", children: e("compensationFlow.addAnotherJobTitle") });
+function Ie() {
+  const { employeeId: e, onEvent: o } = d();
+  return /* @__PURE__ */ n(
+    F,
+    {
+      employeeId: t(e),
+      onEvent: o,
+      onCancel: () => {
+        o(m.CANCEL);
+      }
+    }
+  );
 }
 export {
-  ae as AddAnotherJobPlaceholderContextual,
-  de as AddJobPlaceholderContextual,
-  K as DashboardViewContextual,
-  re as DeductionFormContextual,
-  ne as DocumentManagerContextual,
-  le as EditCompensationPlaceholderContextual,
-  Z as FederalTaxesContextual,
-  Q as HomeAddressContextual,
-  oe as PaymentBankFormContextual,
-  te as PaymentSplitViewContextual,
-  ee as ProfileContextual,
-  $ as StateTaxesContextual,
-  X as WorkAddressContextual
+  Ie as AddAnotherJobContextual,
+  fe as AddJobContextual,
+  de as DashboardViewContextual,
+  Ce as DeductionFormContextual,
+  ce as DocumentManagerContextual,
+  Ee as EditCompensationContextual,
+  se as FederalTaxesContextual,
+  ie as HomeAddressContextual,
+  ue as PaymentBankFormContextual,
+  pe as PaymentSplitViewContextual,
+  le as ProfileContextual,
+  ae as StateTaxesContextual,
+  me as WorkAddressContextual
 };
 //# sourceMappingURL=DashboardComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardComponents.js","sources":["../../../../src/components/Employee/Dashboard/DashboardComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport { Dashboard } from './Dashboard'\nimport { HomeAddress } from '@/components/Employee/HomeAddress/management/HomeAddress'\nimport { WorkAddress } from '@/components/Employee/WorkAddress/management/WorkAddress'\nimport { FederalTaxes } from '@/components/Employee/FederalTaxes/management/FederalTaxes'\nimport { StateTaxes } from '@/components/Employee/StateTaxes/management/StateTaxes'\nimport { Profile } from '@/components/Employee/Profile/management/Profile'\nimport { BankForm } from '@/components/Employee/PaymentMethod/onboarding/BankForm'\nimport { SplitView } from '@/components/Employee/PaymentMethod/onboarding/SplitView'\nimport { DocumentManager } from '@/components/Employee/Documents/management/DocumentManager'\nimport { DeductionsForm } from '@/components/Employee/Deductions/DeductionsForm/DeductionsForm'\nimport { useDeductionsList } from '@/components/Employee/Deductions/shared'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseComponent, BaseLayout } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport type DashboardSuccessAlert =\n  | 'bankAccountAdded'\n  | 'bankAccountDeleted'\n  | 'splitUpdated'\n  | 'deductionAdded'\n  | 'deductionUpdated'\n  | 'deductionDeleted'\n\nexport interface DashboardContextInterface extends FlowContextInterface {\n  employeeId: string\n  formId?: string\n  currentJob?: Job | null\n  successAlert?: DashboardSuccessAlert | null\n  /** Set by the EMPLOYEE_DEDUCTION_EDIT transition; consumed by\n   *  DeductionFormContextual to pre-populate the form. */\n  editingDeductionId?: string\n}\n\nexport function DashboardViewContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const { employeeId, onEvent, successAlert } = useFlow<DashboardContextInterface>()\n  const Components = useComponentContext()\n\n  const alertLabels: Record<DashboardSuccessAlert, string> = {\n    bankAccountAdded: t('alerts.bankAccountAdded'),\n    bankAccountDeleted: t('alerts.bankAccountDeleted'),\n    splitUpdated: t('alerts.splitUpdated'),\n    deductionAdded: t('alerts.deductionAdded'),\n    deductionUpdated: t('alerts.deductionUpdated'),\n    deductionDeleted: t('alerts.deductionDeleted'),\n  }\n\n  return (\n    <>\n      {successAlert && (\n        <Components.Alert\n          status=\"success\"\n          label={alertLabels[successAlert]}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_DISMISS, null)\n          }}\n          disableScrollIntoView\n        />\n      )}\n      <Dashboard employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </>\n  )\n}\n\nexport function HomeAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <HomeAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function WorkAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <WorkAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function FederalTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <FederalTaxes employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function StateTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <StateTaxes employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function ProfileContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <Profile employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function PaymentBankFormContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <BankForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nexport function PaymentSplitViewContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <SplitView employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nexport function DocumentManagerContextual() {\n  const { employeeId, formId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <DocumentManager\n      employeeId={ensureRequired(employeeId)}\n      formId={ensureRequired(formId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function DeductionFormContextual() {\n  const { employeeId, editingDeductionId, onEvent } = useFlow<DashboardContextInterface>()\n  // The same list query the form hooks use internally — React Query dedupes,\n  // so this just looks up the loaded row to pre-populate edit mode.\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\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}>\n      <DeductionsForm\n        employeeId={ensureRequired(employeeId)}\n        deduction={deduction}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_DEDUCTION_CREATED\n              : componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.CANCEL)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function AddJobPlaceholderContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  return <Components.Heading as=\"h2\">{t('compensationFlow.addJobTitle')}</Components.Heading>\n}\n\nexport function EditCompensationPlaceholderContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  return <Components.Heading as=\"h2\">{t('compensationFlow.editTitle')}</Components.Heading>\n}\n\nexport function AddAnotherJobPlaceholderContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n  return <Components.Heading as=\"h2\">{t('compensationFlow.addAnotherJobTitle')}</Components.Heading>\n}\n"],"names":["DashboardViewContextual","useI18n","t","useTranslation","employeeId","onEvent","successAlert","useFlow","Components","useComponentContext","alertLabels","jsxs","Fragment","jsx","componentEvents","Dashboard","ensureRequired","HomeAddressContextual","HomeAddress","WorkAddressContextual","WorkAddress","FederalTaxesContextual","FederalTaxes","StateTaxesContextual","StateTaxes","ProfileContextual","Profile","PaymentBankFormContextual","BaseComponent","BankForm","PaymentSplitViewContextual","SplitView","DocumentManagerContextual","formId","DocumentManager","DeductionFormContextual","editingDeductionId","list","useDeductionsList","BaseLayout","deduction","d","DeductionsForm","saved","mode","AddJobPlaceholderContextual","EditCompensationPlaceholderContextual","AddAnotherJobPlaceholderContextual"],"mappings":"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"}
+{"version":3,"file":"DashboardComponents.js","sources":["../../../../src/components/Employee/Dashboard/DashboardComponents.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport { Dashboard, type DashboardTab } from './Dashboard'\nimport { getPendingCompensationChanges } from './getPendingCompensationChanges'\nimport { HomeAddress } from '@/components/Employee/HomeAddress/management/HomeAddress'\nimport { WorkAddress } from '@/components/Employee/WorkAddress/management/WorkAddress'\nimport { FederalTaxes } from '@/components/Employee/FederalTaxes/management/FederalTaxes'\nimport { StateTaxes } from '@/components/Employee/StateTaxes/management/StateTaxes'\nimport { Profile } from '@/components/Employee/Profile/management/Profile'\nimport { BankForm } from '@/components/Employee/PaymentMethod/onboarding/BankForm'\nimport { SplitView } from '@/components/Employee/PaymentMethod/onboarding/SplitView'\nimport { DocumentManager } from '@/components/Employee/Documents/management/DocumentManager'\nimport { DeductionsForm } from '@/components/Employee/Deductions/DeductionsForm/DeductionsForm'\nimport {\n  ManagementEditCompensation,\n  ManagementEditPendingCompensation,\n} from '@/components/Employee/Compensation/management'\nimport { useDeductionsList } from '@/components/Employee/Deductions/shared'\nimport { AddAnotherJob } from '@/components/Employee/Compensation/management/AddAnotherJob/AddAnotherJob'\nimport { EditCompensation } from '@/components/Employee/Compensation/onboarding/EditCompensation/EditCompensation'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseComponent, BaseLayout } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nexport type DashboardSuccessAlert =\n  | 'bankAccountAdded'\n  | 'bankAccountDeleted'\n  | 'splitUpdated'\n  | 'deductionAdded'\n  | 'deductionUpdated'\n  | 'deductionDeleted'\n  | 'jobAdded'\n\nexport interface DashboardContextInterface extends FlowContextInterface {\n  employeeId: string\n  formId?: string\n  currentJob?: Job | null\n  successAlert?: DashboardSuccessAlert | null\n  /** Set by the EMPLOYEE_DEDUCTION_EDIT transition; consumed by\n   *  DeductionFormContextual to pre-populate the form. */\n  editingDeductionId?: string\n  /** Persists the active Dashboard tab across sub-flows so Cancel/Back\n   *  returns to the originating tab instead of resetting to basic details. */\n  selectedTab?: DashboardTab\n}\n\nexport function DashboardViewContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const { employeeId, onEvent, successAlert, selectedTab } = useFlow<DashboardContextInterface>()\n  const Components = useComponentContext()\n\n  const alertLabels: Record<DashboardSuccessAlert, string> = {\n    bankAccountAdded: t('alerts.bankAccountAdded'),\n    bankAccountDeleted: t('alerts.bankAccountDeleted'),\n    splitUpdated: t('alerts.splitUpdated'),\n    deductionAdded: t('alerts.deductionAdded'),\n    deductionUpdated: t('alerts.deductionUpdated'),\n    deductionDeleted: t('alerts.deductionDeleted'),\n    jobAdded: t('alerts.jobAdded'),\n  }\n\n  return (\n    <>\n      {successAlert && (\n        <Components.Alert\n          status=\"success\"\n          label={alertLabels[successAlert]}\n          onDismiss={() => {\n            onEvent(componentEvents.EMPLOYEE_DISMISS, null)\n          }}\n          disableScrollIntoView\n        />\n      )}\n      <Dashboard\n        employeeId={ensureRequired(employeeId)}\n        onEvent={onEvent}\n        selectedTab={selectedTab}\n      />\n    </>\n  )\n}\n\nexport function HomeAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <HomeAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function WorkAddressContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <WorkAddress employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function FederalTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <FederalTaxes employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function StateTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <StateTaxes employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function ProfileContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return <Profile employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\nexport function PaymentBankFormContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <BankForm employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nexport function PaymentSplitViewContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <SplitView employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n\nexport function DocumentManagerContextual() {\n  const { employeeId, formId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <DocumentManager\n      employeeId={ensureRequired(employeeId)}\n      formId={ensureRequired(formId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function DeductionFormContextual() {\n  const { employeeId, editingDeductionId, onEvent } = useFlow<DashboardContextInterface>()\n  // The same list query the form hooks use internally — React Query dedupes,\n  // so this just looks up the loaded row to pre-populate edit mode.\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\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}>\n      <DeductionsForm\n        employeeId={ensureRequired(employeeId)}\n        deduction={deduction}\n        onSaved={(saved, mode) => {\n          onEvent(\n            mode === 'create'\n              ? componentEvents.EMPLOYEE_DEDUCTION_CREATED\n              : componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n            saved,\n          )\n        }}\n        onCancel={() => {\n          onEvent(componentEvents.CANCEL)\n        }}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function AddJobContextual() {\n  useI18n('Employee.Dashboard')\n  const { t } = useTranslation('Employee.Dashboard')\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <EditCompensation\n      employeeId={ensureRequired(employeeId)}\n      title={t('compensationFlow.addJobTitle')}\n      submitCtaLabel={t('compensationFlow.saveCta')}\n      onEvent={onEvent}\n      onCancel={() => {\n        onEvent(componentEvents.CANCEL)\n      }}\n    />\n  )\n}\n\nexport function EditCompensationContextual() {\n  const { employeeId, currentJob, onEvent } = useFlow<DashboardContextInterface>()\n\n  // Use getPendingCompensationChanges to find the nearest pending comp — the\n  // API does not guarantee ordering of job.compensations, so we rely on the\n  // same sorted helper that drives the card display (ascending by effectiveDate).\n  const pendingChanges = getPendingCompensationChanges(currentJob ? [currentJob] : [])\n  const nearestPending = pendingChanges[0]\n\n  if (nearestPending) {\n    return (\n      <ManagementEditPendingCompensation\n        employeeId={ensureRequired(employeeId)}\n        jobId={ensureRequired(currentJob?.uuid)}\n        compensationId={nearestPending.compensationUuid}\n        isNewJob={nearestPending.isNewJob}\n        isPrimaryJob={currentJob?.primary ?? false}\n        onEvent={onEvent}\n        onCancel={() => {\n          onEvent(componentEvents.CANCEL, null)\n        }}\n      />\n    )\n  }\n\n  return (\n    <ManagementEditCompensation\n      employeeId={ensureRequired(employeeId)}\n      jobId={ensureRequired(currentJob?.uuid)}\n      onEvent={onEvent}\n      onCancel={() => {\n        onEvent(componentEvents.CANCEL, null)\n      }}\n    />\n  )\n}\n\nexport function AddAnotherJobContextual() {\n  const { employeeId, onEvent } = useFlow<DashboardContextInterface>()\n  return (\n    <AddAnotherJob\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n      onCancel={() => {\n        onEvent(componentEvents.CANCEL)\n      }}\n    />\n  )\n}\n"],"names":["DashboardViewContextual","useI18n","t","useTranslation","employeeId","onEvent","successAlert","selectedTab","useFlow","Components","useComponentContext","alertLabels","jsxs","Fragment","jsx","componentEvents","Dashboard","ensureRequired","HomeAddressContextual","HomeAddress","WorkAddressContextual","WorkAddress","FederalTaxesContextual","FederalTaxes","StateTaxesContextual","StateTaxes","ProfileContextual","Profile","PaymentBankFormContextual","BaseComponent","BankForm","PaymentSplitViewContextual","SplitView","DocumentManagerContextual","formId","DocumentManager","DeductionFormContextual","editingDeductionId","list","useDeductionsList","BaseLayout","deduction","d","DeductionsForm","saved","mode","AddJobContextual","EditCompensation","EditCompensationContextual","currentJob","nearestPending","getPendingCompensationChanges","ManagementEditPendingCompensation","ManagementEditCompensation","AddAnotherJobContextual","AddAnotherJob"],"mappings":"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"}

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

@@ -1,21 +1,28 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useTranslation as d } from "react-i18next";
+import { useTranslation as c } from "react-i18next";
 import { Flex as m } from "../../Common/Flex/Flex.js";
-import { useComponentContext as l } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "classnames";
 import "../../../shared/constants.js";
-import { Loading as f } from "../../Common/Loading/Loading.js";
-import { EmptyData as p } from "../../Common/EmptyData/EmptyData.js";
-import { BaseLayout as a } from "../../Base/Base.js";
+import { Loading as l } from "../../Common/Loading/Loading.js";
+import { EmptyData as f } from "../../Common/EmptyData/EmptyData.js";
+import { BaseLayout as p } from "../../Base/Base.js";
 import { useEmployeeForms as g } from "./hooks/useEmployeeForms.js";
 import { useDataView as y } from "../../Common/DataView/useDataView.js";
 import { DataView as h } from "../../Common/DataView/DataView.js";
 function v({ employeeId: i, onViewForm: s }) {
   const n = g({ employeeId: i });
-  return n.isLoading ? /* @__PURE__ */ e(a, { isLoading: !0, error: n.errorHandling.errors }) : /* @__PURE__ */ e(a, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(D, { forms: n.data.formList, onViewForm: s }) });
+  return /* @__PURE__ */ e(p, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(
+    D,
+    {
+      forms: n.data.formList,
+      isLoading: n.status.isFormsLoading,
+      onViewForm: s
+    }
+  ) });
 }
 function D({ forms: i = [], isLoading: s = !1, onViewForm: n }) {
-  const { t } = d("Employee.Dashboard"), o = l(), u = [
+  const { t } = c("Employee.Dashboard"), o = d(), a = [
     {
       key: "title",
       title: t("documents.columns.title"),
@@ -36,19 +43,19 @@ function D({ forms: i = [], isLoading: s = !1, onViewForm: n }) {
       title: t("documents.columns.requiresSigning"),
       render: (r) => r.requiresSigning ? /* @__PURE__ */ e(o.Badge, { status: "warning", children: t("documents.signingStatus.notSigned") }) : /* @__PURE__ */ e(o.Badge, { status: "success", children: t("documents.signingStatus.signed") })
     }
-  ], c = y({
+  ], u = y({
     data: i,
-    columns: u,
+    columns: a,
     itemMenu: (r) => /* @__PURE__ */ e(o.Button, { variant: "secondary", onClick: () => n?.(r.uuid), children: t("documents.viewCta") }),
     emptyState: () => /* @__PURE__ */ e(
-      p,
+      f,
       {
         title: t("documents.emptyState.title"),
         description: t("documents.emptyState.description")
       }
     )
   });
-  return s ? /* @__PURE__ */ e(f, {}) : /* @__PURE__ */ e(m, { flexDirection: "column", gap: 24, children: /* @__PURE__ */ e(o.Box, { header: /* @__PURE__ */ e(o.BoxHeader, { title: t("documents.title") }), children: /* @__PURE__ */ e(m, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(h, { label: t("documents.listLabel"), ...c }) }) }) });
+  return /* @__PURE__ */ e(m, { flexDirection: "column", gap: 24, children: /* @__PURE__ */ e(o.Box, { header: /* @__PURE__ */ e(o.BoxHeader, { title: t("documents.title") }), children: /* @__PURE__ */ e(m, { flexDirection: "column", gap: 16, children: s ? /* @__PURE__ */ e(l, {}) : /* @__PURE__ */ e(h, { label: t("documents.listLabel"), ...u }) }) }) });
 }
 export {
   D as DocumentsView,

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentsView.js","sources":["../../../../src/components/Employee/Dashboard/DocumentsView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { useEmployeeForms } from './hooks'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { BaseLayout } from '@/components/Base/Base'\n\nexport interface DocumentsViewProps {\n  forms?: Form[]\n  isLoading?: boolean\n  onViewForm?: (formUuid: string) => void\n}\n\nexport interface DocumentsViewWithDataProps {\n  employeeId: string\n  onViewForm?: (formUuid: string) => void\n}\n\n/**\n * Tab-mounted container for the Documents tab. Owns the\n * `useEmployeeForms` fetch so the request only fires when the user\n * actually opens this tab (or whatever the parent chooses to mount).\n * The presentational `DocumentsView` stays pure for testing/stories.\n */\nexport function DocumentsViewWithData({ employeeId, onViewForm }: DocumentsViewWithDataProps) {\n  const forms = useEmployeeForms({ employeeId })\n\n  if (forms.isLoading) {\n    return <BaseLayout isLoading error={forms.errorHandling.errors} />\n  }\n\n  return (\n    <BaseLayout error={forms.errorHandling.errors}>\n      <DocumentsView forms={forms.data.formList} onViewForm={onViewForm} />\n    </BaseLayout>\n  )\n}\n\nexport function DocumentsView({ forms = [], isLoading = false, onViewForm }: DocumentsViewProps) {\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n\n  const formsColumns = [\n    {\n      key: 'title',\n      title: t('documents.columns.title'),\n      render: (form: Form) => form.title || '-',\n    },\n    {\n      key: 'year',\n      title: t('documents.columns.year'),\n      render: (form: Form) => {\n        if (form.year) return String(form.year)\n        return '-'\n      },\n    },\n    {\n      key: 'status',\n      title: t('documents.columns.status'),\n      render: (form: Form) => {\n        if (form.draft) return t('documents.status.draft')\n        return t('documents.status.final')\n      },\n    },\n    {\n      key: 'requiresSigning',\n      title: t('documents.columns.requiresSigning'),\n      render: (form: Form) => {\n        if (form.requiresSigning) {\n          return (\n            <Components.Badge status=\"warning\">\n              {t('documents.signingStatus.notSigned')}\n            </Components.Badge>\n          )\n        }\n        return (\n          <Components.Badge status=\"success\">\n            {t('documents.signingStatus.signed')}\n          </Components.Badge>\n        )\n      },\n    },\n  ]\n\n  const formsDataView = useDataView({\n    data: forms,\n    columns: formsColumns,\n    itemMenu: (form: Form) => (\n      <Components.Button variant=\"secondary\" onClick={() => onViewForm?.(form.uuid)}>\n        {t('documents.viewCta')}\n      </Components.Button>\n    ),\n    emptyState: () => (\n      <EmptyData\n        title={t('documents.emptyState.title')}\n        description={t('documents.emptyState.description')}\n      />\n    ),\n  })\n\n  if (isLoading) {\n    return <Loading />\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Components.Box header={<Components.BoxHeader title={t('documents.title')} />}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <DataView label={t('documents.listLabel')} {...formsDataView} />\n        </Flex>\n      </Components.Box>\n    </Flex>\n  )\n}\n"],"names":["DocumentsViewWithData","employeeId","onViewForm","forms","useEmployeeForms","BaseLayout","jsx","DocumentsView","isLoading","useTranslation","Components","useComponentContext","formsColumns","form","formsDataView","useDataView","EmptyData","Loading","Flex","DataView"],"mappings":";;;;;;;;;;;;AAyBO,SAASA,EAAsB,EAAE,YAAAC,GAAY,YAAAC,KAA0C;AAC5F,QAAMC,IAAQC,EAAiB,EAAE,YAAAH,GAAY;AAE7C,SAAIE,EAAM,8BACAE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAM,cAAc,QAAQ,IAIhE,gBAAAG,EAACD,GAAA,EAAW,OAAOF,EAAM,cAAc,QACrC,UAAA,gBAAAG,EAACC,GAAA,EAAc,OAAOJ,EAAM,KAAK,UAAU,YAAAD,GAAwB,GACrE;AAEJ;AAEO,SAASK,EAAc,EAAE,OAAAJ,IAAQ,CAAA,GAAI,WAAAK,IAAY,IAAO,YAAAN,KAAkC;AAC/F,QAAM,EAAE,EAAA,IAAMO,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GAEbC,IAAe;AAAA,IACnB;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,yBAAyB;AAAA,MAClC,QAAQ,CAACC,MAAeA,EAAK,SAAS;AAAA,IAAA;AAAA,IAExC;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,wBAAwB;AAAA,MACjC,QAAQ,CAACA,MACHA,EAAK,OAAa,OAAOA,EAAK,IAAI,IAC/B;AAAA,IACT;AAAA,IAEF;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,0BAA0B;AAAA,MACnC,QAAQ,CAACA,MACHA,EAAK,QAAc,EAAE,wBAAwB,IAC1C,EAAE,wBAAwB;AAAA,IACnC;AAAA,IAEF;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,mCAAmC;AAAA,MAC5C,QAAQ,CAACA,MACHA,EAAK,kBAEL,gBAAAP,EAACI,EAAW,OAAX,EAAiB,QAAO,WACtB,UAAA,EAAE,mCAAmC,GACxC,IAIF,gBAAAJ,EAACI,EAAW,OAAX,EAAiB,QAAO,WACtB,UAAA,EAAE,gCAAgC,GACrC;AAAA,IAEJ;AAAA,EACF,GAGII,IAAgBC,EAAY;AAAA,IAChC,MAAMZ;AAAA,IACN,SAASS;AAAA,IACT,UAAU,CAACC,MACT,gBAAAP,EAACI,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAS,MAAMR,IAAaW,EAAK,IAAI,GACzE,UAAA,EAAE,mBAAmB,GACxB;AAAA,IAEF,YAAY,MACV,gBAAAP;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,4BAA4B;AAAA,QACrC,aAAa,EAAE,kCAAkC;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,CAEH;AAED,SAAIR,sBACMS,GAAA,EAAQ,sBAIfC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAZ,EAACI,EAAW,KAAX,EAAe,QAAQ,gBAAAJ,EAACI,EAAW,WAAX,EAAqB,OAAO,EAAE,iBAAiB,EAAA,CAAG,GACzE,4BAACQ,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAZ,EAACa,GAAA,EAAS,OAAO,EAAE,qBAAqB,GAAI,GAAGL,GAAe,EAAA,CAChE,GACF,GACF;AAEJ;"}
+{"version":3,"file":"DocumentsView.js","sources":["../../../../src/components/Employee/Dashboard/DocumentsView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { useEmployeeForms } from './hooks'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { BaseLayout } from '@/components/Base/Base'\n\nexport interface DocumentsViewProps {\n  forms?: Form[]\n  isLoading?: boolean\n  onViewForm?: (formUuid: string) => void\n}\n\nexport interface DocumentsViewWithDataProps {\n  employeeId: string\n  onViewForm?: (formUuid: string) => void\n}\n\n/**\n * Tab-mounted container for the Documents tab. Owns the\n * `useEmployeeForms` fetch so the request only fires when the user\n * actually opens this tab (or whatever the parent chooses to mount).\n * The presentational `DocumentsView` stays pure for testing/stories.\n */\nexport function DocumentsViewWithData({ employeeId, onViewForm }: DocumentsViewWithDataProps) {\n  const forms = useEmployeeForms({ employeeId })\n\n  return (\n    <BaseLayout error={forms.errorHandling.errors}>\n      <DocumentsView\n        forms={forms.data.formList}\n        isLoading={forms.status.isFormsLoading}\n        onViewForm={onViewForm}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function DocumentsView({ forms = [], isLoading = false, onViewForm }: DocumentsViewProps) {\n  const { t } = useTranslation('Employee.Dashboard')\n  const Components = useComponentContext()\n\n  const formsColumns = [\n    {\n      key: 'title',\n      title: t('documents.columns.title'),\n      render: (form: Form) => form.title || '-',\n    },\n    {\n      key: 'year',\n      title: t('documents.columns.year'),\n      render: (form: Form) => {\n        if (form.year) return String(form.year)\n        return '-'\n      },\n    },\n    {\n      key: 'status',\n      title: t('documents.columns.status'),\n      render: (form: Form) => {\n        if (form.draft) return t('documents.status.draft')\n        return t('documents.status.final')\n      },\n    },\n    {\n      key: 'requiresSigning',\n      title: t('documents.columns.requiresSigning'),\n      render: (form: Form) => {\n        if (form.requiresSigning) {\n          return (\n            <Components.Badge status=\"warning\">\n              {t('documents.signingStatus.notSigned')}\n            </Components.Badge>\n          )\n        }\n        return (\n          <Components.Badge status=\"success\">\n            {t('documents.signingStatus.signed')}\n          </Components.Badge>\n        )\n      },\n    },\n  ]\n\n  const formsDataView = useDataView({\n    data: forms,\n    columns: formsColumns,\n    itemMenu: (form: Form) => (\n      <Components.Button variant=\"secondary\" onClick={() => onViewForm?.(form.uuid)}>\n        {t('documents.viewCta')}\n      </Components.Button>\n    ),\n    emptyState: () => (\n      <EmptyData\n        title={t('documents.emptyState.title')}\n        description={t('documents.emptyState.description')}\n      />\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Components.Box header={<Components.BoxHeader title={t('documents.title')} />}>\n        <Flex flexDirection=\"column\" gap={16}>\n          {isLoading ? (\n            <Loading />\n          ) : (\n            <DataView label={t('documents.listLabel')} {...formsDataView} />\n          )}\n        </Flex>\n      </Components.Box>\n    </Flex>\n  )\n}\n"],"names":["DocumentsViewWithData","employeeId","onViewForm","forms","useEmployeeForms","jsx","BaseLayout","DocumentsView","isLoading","useTranslation","Components","useComponentContext","formsColumns","form","formsDataView","useDataView","EmptyData","Flex","Loading","DataView"],"mappings":";;;;;;;;;;;;AAyBO,SAASA,EAAsB,EAAE,YAAAC,GAAY,YAAAC,KAA0C;AAC5F,QAAMC,IAAQC,EAAiB,EAAE,YAAAH,GAAY;AAE7C,SACE,gBAAAI,EAACC,GAAA,EAAW,OAAOH,EAAM,cAAc,QACrC,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAOJ,EAAM,KAAK;AAAA,MAClB,WAAWA,EAAM,OAAO;AAAA,MACxB,YAAAD;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEO,SAASK,EAAc,EAAE,OAAAJ,IAAQ,CAAA,GAAI,WAAAK,IAAY,IAAO,YAAAN,KAAkC;AAC/F,QAAM,EAAE,EAAA,IAAMO,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GAEbC,IAAe;AAAA,IACnB;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,yBAAyB;AAAA,MAClC,QAAQ,CAACC,MAAeA,EAAK,SAAS;AAAA,IAAA;AAAA,IAExC;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,wBAAwB;AAAA,MACjC,QAAQ,CAACA,MACHA,EAAK,OAAa,OAAOA,EAAK,IAAI,IAC/B;AAAA,IACT;AAAA,IAEF;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,0BAA0B;AAAA,MACnC,QAAQ,CAACA,MACHA,EAAK,QAAc,EAAE,wBAAwB,IAC1C,EAAE,wBAAwB;AAAA,IACnC;AAAA,IAEF;AAAA,MACE,KAAK;AAAA,MACL,OAAO,EAAE,mCAAmC;AAAA,MAC5C,QAAQ,CAACA,MACHA,EAAK,kBAEL,gBAAAR,EAACK,EAAW,OAAX,EAAiB,QAAO,WACtB,UAAA,EAAE,mCAAmC,GACxC,IAIF,gBAAAL,EAACK,EAAW,OAAX,EAAiB,QAAO,WACtB,UAAA,EAAE,gCAAgC,GACrC;AAAA,IAEJ;AAAA,EACF,GAGII,IAAgBC,EAAY;AAAA,IAChC,MAAMZ;AAAA,IACN,SAASS;AAAA,IACT,UAAU,CAACC,MACT,gBAAAR,EAACK,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAS,MAAMR,IAAaW,EAAK,IAAI,GACzE,UAAA,EAAE,mBAAmB,GACxB;AAAA,IAEF,YAAY,MACV,gBAAAR;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,4BAA4B;AAAA,QACrC,aAAa,EAAE,kCAAkC;AAAA,MAAA;AAAA,IAAA;AAAA,EACnD,CAEH;AAED,2BACGC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,4BAACP,EAAW,KAAX,EAAe,0BAASA,EAAW,WAAX,EAAqB,OAAO,EAAE,iBAAiB,GAAG,GACzE,UAAA,gBAAAL,EAACY,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,IACC,gBAAAH,EAACa,KAAQ,IAET,gBAAAb,EAACc,GAAA,EAAS,OAAO,EAAE,qBAAqB,GAAI,GAAGL,GAAe,EAAA,CAElE,GACF,GACF;AAEJ;"}